Переглянути джерело

perf(views): 优化“配置协议”页面

1. 将参数表格中的模块列替换为分组名称列
2. 自定义参数表单的模块表单项替换为分组名称
3. 修复编辑自定义参数报错的问题
4. 分组名称为空时自动设置为“默认分组”
wangcong 3 тижнів тому
батько
коміт
760ce2173a

+ 14 - 1
src/views/setup-protocol/CustomParams.vue

@@ -45,6 +45,7 @@ const customParamsForm = reactive<Partial<ProtocolParamInfo>>({
   gatewayParamCode: '',
   unit: '',
   module: '',
+  groupType: '',
   readWriteType: undefined,
   readWriteTypeCode: undefined,
   parsingType: undefined,
@@ -224,12 +225,15 @@ const handleOk = () => {
           await addProtocolParam({
             baseInfoId: props.protocolId,
             ...customParamsForm,
+            groupType: customParamsForm.groupType || '默认分组',
           });
 
           message.success(t('setupProtocol.addCustomParamsSuccessful'));
         } else {
           await updateProtocolParam({
+            baseInfoId: props.protocolId,
             ...customParamsForm,
+            groupType: customParamsForm.groupType || '默认分组',
             id: props.paramId,
           });
 
@@ -285,7 +289,7 @@ defineExpose({
             <AInput v-model:value="customParamsForm.unit" class="protocol-input" :placeholder="$t('common.plzEnter')" />
           </AFormItem>
         </ACol>
-        <ACol :span="8">
+        <!-- <ACol :span="8">
           <AFormItem :label="$t('setupProtocol.protocolParamFields.module')" name="module">
             <AInput
               v-model:value="customParamsForm.module"
@@ -293,6 +297,15 @@ defineExpose({
               :placeholder="$t('common.plzEnter')"
             />
           </AFormItem>
+        </ACol> -->
+        <ACol :span="8">
+          <AFormItem :label="$t('setupProtocol.protocolParamFields.groupName')" name="groupType">
+            <AInput
+              v-model:value="customParamsForm.groupType"
+              class="protocol-input"
+              :placeholder="$t('common.plzEnter')"
+            />
+          </AFormItem>
         </ACol>
         <ACol :span="8">
           <AFormItem :label="$t('setupProtocol.protocolParamFields.readWriteType')">

+ 2 - 1
src/views/setup-protocol/ProtocolContent.vue

@@ -818,7 +818,8 @@ defineExpose({
         :width="200"
       />
       <ATableColumn :title="$t('setupProtocol.protocolParamFields.unit')" data-index="unit" />
-      <ATableColumn :title="$t('setupProtocol.protocolParamFields.module')" data-index="module" />
+      <!-- <ATableColumn :title="$t('setupProtocol.protocolParamFields.module')" data-index="module" /> -->
+      <ATableColumn :title="$t('setupProtocol.protocolParamFields.groupName')" data-index="groupType" />
       <ATableColumn :title="$t('setupProtocol.protocolParamFields.readWriteType')" data-index="readWriteType" />
       <ATableColumn
         v-if="isS7Protocol"

+ 2 - 1
src/views/setup-protocol/SelectStandardParams.vue

@@ -396,7 +396,8 @@ defineExpose({
             :width="150"
           />
           <ATableColumn :title="$t('setupProtocol.protocolParamFields.unit')" data-index="unit" />
-          <ATableColumn :title="$t('setupProtocol.protocolParamFields.module')" data-index="module" />
+          <!-- <ATableColumn :title="$t('setupProtocol.protocolParamFields.module')" data-index="module" /> -->
+          <ATableColumn :title="$t('setupProtocol.protocolParamFields.groupName')" data-index="groupType" />
         </ATable>
       </div>
       <div class="params-selected">