Explorar o código

perf(views): 优化 “协议验证”步骤部分显示逻辑

wangshun hai 1 mes
pai
achega
7c18a69671
Modificáronse 2 ficheiros con 13 adicións e 9 borrados
  1. 1 0
      src/i18n/locales/zh.json
  2. 12 9
      src/views/register-gateway/VerifyProtocol.vue

+ 1 - 0
src/i18n/locales/zh.json

@@ -302,6 +302,7 @@
     "nextRoundDelayExtraction": "下一轮数据读取延时",
     "onlineStatus": "在线状态",
     "platformAgreement": "平台协议",
+    "pleaseCommunicationProtocol": "请选择通讯协议!",
     "pleasePassword": "请输入密码",
     "pleaseProtocolName": "请输入协议名称",
     "pleaseSelectAgreement": "请选择协议",

+ 12 - 9
src/views/register-gateway/VerifyProtocol.vue

@@ -104,6 +104,7 @@ const addList = (key: Key | Key[]) => {
 };
 
 const postGatewayLinkProtocolList = (value: number) => {
+  protocolList.value = [];
   handleRequest(async () => {
     const { records } = await gatewayParameterList({
       pageIndex: 1,
@@ -187,14 +188,16 @@ onMounted(() => {
 
     <div class="agreement-text">
       <span>{{ $t('setupProtocol.protocolType') }}:</span> <span>{{ interfaceItem?.protocolType }}</span>
-      <span class="agreement-text1">{{ $t('setupProtocol.baudRate') }}:</span>
-      <span>{{ interfaceItem?.baudRate }}</span>
-      <span class="agreement-text1">{{ $t('setupProtocol.dataBit') }}:</span>
-      <span>{{ interfaceItem?.dataBit }}</span>
-      <span class="agreement-text1">{{ $t('setupProtocol.stopBit') }}:</span>
-      <span>{{ interfaceItem?.stopBit }}</span>
-      <span class="agreement-text1">{{ $t('setupProtocol.parityBit') }}:</span>
-      <span>{{ interfaceItem?.parityBit }}</span>
+      <span v-if="interfaceItem?.protocolType === 'ModbusRTU'"
+        ><span class="agreement-text1">{{ $t('setupProtocol.baudRate') }}:</span>
+        <span>{{ interfaceItem?.baudRate }}</span>
+        <span class="agreement-text1">{{ $t('setupProtocol.dataBit') }}:</span>
+        <span>{{ interfaceItem?.dataBit }}</span>
+        <span class="agreement-text1">{{ $t('setupProtocol.stopBit') }}:</span>
+        <span>{{ interfaceItem?.stopBit }}</span>
+        <span class="agreement-text1">{{ $t('setupProtocol.parityBit') }}:</span>
+        <span>{{ interfaceItem?.parityBit }}</span></span
+      >
     </div>
     <ACollapse
       v-model:active-key="activeKey"
@@ -205,7 +208,7 @@ onMounted(() => {
     >
       <ACollapsePanel v-for="item in verificationAgreement" :key="item.id">
         <template #header>
-          <span class="header-text">{{ $t('registerGateway.station') }}{{ item.station }}</span>
+          <!-- <span class="header-text">{{ $t('registerGateway.station') }}{{ item.station }}</span> -->
           <span class="header-text1">{{ $t('registerGateway.communicationProtocol') }}:{{ item.protocolName }}</span>
         </template>
         <template #extra>