style：采集设备-编辑弹框

src/views/iot/device/DeviceForm.vue

@@ -18,10 +18,11 @@
       label-width="120px"
       v-loading="formLoading"
     >
-      <template v-if="formType === 'create'">
+      <template v-if="formType === 'create' || formType === 'update'">
         <el-form-item :label="t('DataCollection.Device.deviceCode')" prop="deviceCode">
           <el-input
             v-model="formData.deviceCode"
+            :disabled="formType === 'update'"
             :placeholder="t('DataCollection.Device.placeholderDeviceCode')"
           />
         </el-form-item>
@@ -31,6 +32,17 @@
             :placeholder="t('DataCollection.Device.placeholderDeviceName')"
           />
         </el-form-item>
+        <el-form-item :label="t('DataCollection.Device.model')" prop="deviceModelId">
+          <el-select
+            v-model="formData.deviceModelId"
+            clearable
+            filterable
+            :disabled="formType === 'update'"
+            :placeholder="t('DataCollection.Device.placeholderModel')"
+          >
+            <el-option v-for="item in modelList" :key="item.id" :label="item.name" :value="item.id" />
+          </el-select>
+        </el-form-item>
       </template>
       <!-- <el-form-item label="设备类型" prop="deviceType">
         <el-select v-model="formData.deviceType" placeholder="请选择设备类型">
@@ -68,25 +80,6 @@
       <!-- <el-form-item label="离线间隔" prop="offLineDuration">
         <el-input v-model="formData.offLineDuration" placeholder="请输入离线间隔" />
       </el-form-item> -->
-      <template v-if="formType === 'create'">
-        <el-form-item :label="t('DataCollection.Device.model')" prop="deviceModelId">
-          <el-select
-            v-model="formData.deviceModelId"
-            clearable
-            filterable
-            :placeholder="t('DataCollection.Device.placeholderModel')"
-          >
-            <el-option v-for="item in modelList" :key="item.id" :label="item.name" :value="item.id" />
-          </el-select>
-        </el-form-item>
-        <!-- <el-form-item label="备注" prop="remark">
-          <el-input v-model="formData.remark" placeholder="请输入备注" />
-        </el-form-item> -->
-      </template>
-
-      <template v-else-if="formType === 'update'">
-      </template>
-
       <template v-else>
         <el-form-item :label="t('DataCollection.Device.topic')" prop="topic">
           <el-input
@@ -148,7 +141,8 @@ const formRules = reactive({
     deviceName: [{ required: true, message: '设备名称不能为空', trigger: 'blur' }]
   },
   update: {
-    
+    deviceCode: [{ required: true, message: '设备编码不能为空', trigger: 'blur' }],
+    deviceName: [{ required: true, message: '设备名称不能为空', trigger: 'blur' }]
   },
   setting: {
     topic: [{ required: true, message: '订阅主题不能为空', trigger: 'blur' }]