feat: 拓扑图组编辑页补充节点逻辑

This commit is contained in:
TsMask
2024-01-09 11:20:18 +08:00
parent 299808ce29
commit 3142069051
5 changed files with 31 additions and 28 deletions

View File

@@ -238,7 +238,7 @@ function fnModalCancel() {
</a-form-item>
<!-- 圆形尺寸 -->
<a-row :gutter="16" v-if="comboState.form.type === 'circle'">
<a-row :gutter="16" v-if="comboState.form.type.startsWith('circle') ">
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
:label="t('views.monitor.topologyBuild.comboFormSize')"
@@ -267,7 +267,7 @@ function fnModalCancel() {
</a-row>
<!-- 矩形尺寸 -->
<a-row :gutter="16" v-if="comboState.form.type === 'rect'">
<a-row :gutter="16" v-if="comboState.form.type.startsWith('rect') ">
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
:label="t('views.monitor.topologyBuild.comboFormSize')"
@@ -650,7 +650,7 @@ function fnModalCancel() {
</a-col>
</a-row>
<template v-if="nodeState.form.type !== 'image'">
<template v-if="!nodeState.form.type.startsWith('image')">
<a-row :gutter="16">
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
@@ -784,7 +784,7 @@ function fnModalCancel() {
</a-col>
</a-row>
<template v-if="nodeState.form.type === 'image'">
<template v-if="nodeState.form.type.startsWith('image')">
<a-divider orientation="left">
{{ t('views.monitor.topologyBuild.nodeFormTypeImage') }}
</a-divider>
@@ -849,7 +849,7 @@ function fnModalCancel() {
</a-row>
<!-- 剪裁圆形 -->
<a-row :gutter="16" v-if="nodeState.form.clipCfg.type === 'circle'">
<a-row :gutter="16" v-if="nodeState.form.clipCfg.type.startsWith('circle') ">
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
:label="t('views.monitor.topologyBuild.nodeFormClipTypeCircle')"
@@ -867,7 +867,7 @@ function fnModalCancel() {
</a-row>
<!-- 剪裁矩形 -->
<a-row :gutter="16" v-if="nodeState.form.clipCfg.type === 'rect'">
<a-row :gutter="16" v-if="nodeState.form.clipCfg.type.startsWith('rect')">
<a-col :lg="12" :md="12" :xs="24">
<a-form-item
:label="
@@ -976,8 +976,8 @@ function fnModalCancel() {
<template
v-if="
nodeState.form.icon &&
nodeState.form.type !== 'rect' &&
nodeState.form.type !== 'image'
!nodeState.form.type.startsWith('rect') &&
!nodeState.form.type.startsWith('image')
"
>
<a-divider orientation="left">