perf(components): 优化“协议内容”组件协议参数表格样式

src/views/setup-protocol/ProtocolContent.vue

@@ -486,35 +486,45 @@ defineExpose({
       />
       <ATableColumn :title="$t('setupProtocol.protocolParamFields.result')" data-index="result" :width="110" />
       <ATableColumn
+        class="table-column-item-required"
         :title="$t('setupProtocol.protocolParamFields.platformParamName')"
         data-index="platformParamName"
         :width="170"
       />
       <ATableColumn
+        class="table-column-item-required"
         :title="$t('setupProtocol.protocolParamFields.platformParamCode')"
         data-index="platformParamCode"
         :width="280"
       />
       <ATableColumn
+        class="table-column-item-required"
         :title="$t('setupProtocol.protocolParamFields.gatewayParamName')"
         data-index="gatewayParamName"
         :width="200"
       />
       <ATableColumn
+        class="table-column-item-required"
         :title="$t('setupProtocol.protocolParamFields.gatewayParamCode')"
         data-index="gatewayParamCode"
         :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.readWriteType')" data-index="readWriteType" />
+      <ATableColumn
+        class="table-column-item-required"
+        :title="$t('setupProtocol.protocolParamFields.readWriteType')"
+        data-index="readWriteType"
+      />
       <ATableColumn
         v-if="isS7Protocol"
+        class="table-column-item-required"
         :title="$t('setupProtocol.protocolParamFields.registerType')"
         data-index="registerType"
       />
       <ATableColumn
         v-if="isS7Protocol"
+        class="table-column-item-required"
         :title="$t('setupProtocol.protocolParamFields.addrNumber')"
         data-index="addrNumber"
       />
@@ -528,14 +538,20 @@ defineExpose({
         :title="$t('setupProtocol.protocolParamFields.writeFunctionCode')"
         data-index="writeFuncCode"
       />
-      <ATableColumn :title="$t('setupProtocol.protocolParamFields.registerAddress')" data-index="registerAddr" />
       <ATableColumn
+        class="table-column-item-required"
+        :title="$t('setupProtocol.protocolParamFields.registerAddress')"
+        data-index="registerAddr"
+      />
+      <ATableColumn
+        class="table-column-item-required"
         :title="$t('setupProtocol.protocolParamFields.parsingType')"
         data-index="parsingType"
         :width="150"
       />
       <ATableColumn
         v-if="isS7Protocol"
+        class="table-column-item-required"
         :title="$t('setupProtocol.protocolParamFields.wordLength')"
         data-index="wordLength"
       />
@@ -546,6 +562,7 @@ defineExpose({
       />
       <ATableColumn
         v-if="isModbusProtocol"
+        class="table-column-item-required"
         :title="$t('setupProtocol.protocolParamFields.addressLength')"
         data-index="addrLength"
       />
@@ -664,4 +681,30 @@ defineExpose({
     margin-left: 16px;
   }
 }
+
+:deep(.ant-table-wrapper) .ant-table-container {
+  .ant-table-thead > tr > th {
+    color: #333;
+    background: #f5f6f7;
+    border-bottom: none;
+  }
+
+  .ant-table-thead
+    > tr
+    > th.ant-table-cell:not(:last-child, .ant-table-selection-column, .ant-table-row-expand-icon-cell, [colspan]) {
+    &::before {
+      background-color: transparent;
+    }
+
+    &.table-column-item-required::before {
+      position: initial;
+      width: auto;
+      font-size: 14px;
+      line-height: 24px;
+      color: #f56c6c;
+      content: '*';
+      transform: initial;
+    }
+  }
+}
 </style>