perf(views): 优化“网关协议列表管理”页面

1. 编辑协议信息时，仅支持修改协议名称

src/views/gateway-protocol/GatewayProtocol.vue

@@ -233,7 +233,7 @@ const handleOk = () => {
       destroy-on-close
       @ok="handleOk"
     >
-      <ProtocolContent ref="protocolContent" :info="protocolInfoForm" :is-recognized="false" />
+      <ProtocolContent ref="protocolContent" :info="protocolInfoForm" :is-recognized="false" disabled-form />
     </AModal>
   </div>
 </template>

src/views/setup-protocol/ProtocolContent.vue

@@ -37,6 +37,7 @@ import type {
 interface Props {
   info: Partial<ProtocolBaseInfo>;
   isRecognized: boolean;
+  disabledForm?: boolean;
 }
 
 const props = defineProps<Props>();
@@ -462,12 +463,12 @@ defineExpose({
 
 <template>
   <div>
-    <AForm ref="formRef" :model="info" :rules="rules" layout="vertical">
+    <AForm ref="formRef" :model="info" :rules="rules" layout="vertical" :disabled="disabledForm">
       <div class="protocol-label">{{ $t('common.basicInfo') }}</div>
       <ARow :gutter="33">
         <ACol flex="20%">
           <AFormItem :label="$t('setupProtocol.protocolName')" name="protocolName">
-            <AInput v-model:value="info.protocolName" :placeholder="$t('common.plzEnter')" />
+            <AInput v-model:value="info.protocolName" :placeholder="$t('common.plzEnter')" :disabled="false" />
           </AFormItem>
         </ACol>
         <ACol flex="20%">
@@ -905,6 +906,10 @@ defineExpose({
     background-color: initial;
   }
 
+  .ant-input-number-disabled + .ant-input-number-group-addon {
+    background-color: rgb(0 0 0 / 2%);
+  }
+
   .ant-radio-wrapper span.ant-radio + * {
     padding-inline: 6px;
   }