style：采集设备-编辑-数据类型无法更改

src/views/iot/device/components/DeviceAttributeForm.vue

@@ -1,83 +1,42 @@
 <template>
   <Dialog :title="dialogTitle" v-model="dialogVisible">
-    <el-form
-      ref="formRef"
-      :model="formData"
-      :rules="formRules"
-      label-width="120px"
-      v-loading="formLoading"
-    >
+    <el-form ref="formRef" :model="formData" :rules="formRules" label-width="120px" v-loading="formLoading">
       <el-form-item :label="t('DataCollection.Device.attributeCode')" prop="attributeCode">
-        <el-input
-          v-model="formData.attributeCode"
-          :placeholder="t('DataCollection.Device.placeholderAttributeCode')"
-          @input="handleAttributeCodeInput"
-          :disabled = "formType === 'update'"
-        />
+        <el-input v-model="formData.attributeCode" :placeholder="t('DataCollection.Device.placeholderAttributeCode')"
+          @input="handleAttributeCodeInput" :disabled="formType === 'update'" />
       </el-form-item>
       <el-form-item :label="t('DataCollection.Device.attributeName')" prop="attributeName">
-        <el-input
-          v-model="formData.attributeName"
-          :placeholder="t('DataCollection.Device.placeholderAttributeName')"
-        />
+        <el-input v-model="formData.attributeName" :placeholder="t('DataCollection.Device.placeholderAttributeName')" />
       </el-form-item>
       <el-form-item :label="t('DataCollection.Device.attributeType')" prop="attributeType">
-        <el-select
-          v-model="formData.attributeType"
-          clearable
-          filterable
-          :placeholder="t('DataCollection.Device.placeholderAttributeType')"
-          @change="handleAttributeTypeChange"
-        >
+        <el-select v-model="formData.attributeType" clearable filterable
+          :placeholder="t('DataCollection.Device.placeholderAttributeType')" @change="handleAttributeTypeChange">
           <el-option v-for="item in typeList" :key="item.id" :label="item.name" :value="item.id" />
         </el-select>
       </el-form-item>
       <el-form-item :label="t('DataCollection.Device.dataType')" prop="dataType">
-        <el-select
-          v-model="formData.dataType"
-          :placeholder="t('DataCollection.Device.placeholderDataType')"
-        >
-          <el-option
-            v-for="dict in getStrDictOptions(DICT_TYPE.IOT_DEVICE_DATA_TYPE)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
+        <el-select v-model="formData.dataType" :placeholder="t('DataCollection.Device.placeholderDataType')"
+          :disabled="formType === 'update'">
+          <el-option v-for="dict in getStrDictOptions(DICT_TYPE.IOT_DEVICE_DATA_TYPE)" :key="dict.value"
+            :label="dict.label" :value="dict.value" />
         </el-select>
       </el-form-item>
       <el-form-item :label="t('DataCollection.Device.address')" prop="address">
-        <el-input
-          v-model="formData.address"
-          :placeholder="t('DataCollection.Device.placeholderAddress')"
-        />
+        <el-input v-model="formData.address" :placeholder="t('DataCollection.Device.placeholderAddress')" />
       </el-form-item>
       <el-form-item :label="t('DataCollection.Device.dataUnit')" prop="dataUnit">
-        <el-select v-model="formData.dataUnit" clearable :placeholder="t('DataCollection.DeviceModel.placeholderDataUnit')" class="w-1/1">
-              <el-option
-                v-for="unit in unitList"
-                :key="unit.id"
-                :label="unit.name"
-                :value="unit.id"
-              />
+        <el-select v-model="formData.dataUnit" clearable
+          :placeholder="t('DataCollection.DeviceModel.placeholderDataUnit')" class="w-1/1">
+          <el-option v-for="unit in unitList" :key="unit.id" :label="unit.name" :value="unit.id" />
         </el-select>
       </el-form-item>
       <el-form-item :label="t('DataCollection.Device.ratio')" prop="ratio">
-        <el-input-number
-          v-model="formData.ratio"
-          :placeholder="t('DataCollection.Device.placeholderRatio')"
-          :min="0.00"
-          :decision="2"
-          :step="0.01"
-          class="!w-full"
-          :disabled = "!ratioEnabled"
-        />
+        <el-input-number v-model="formData.ratio" :placeholder="t('DataCollection.Device.placeholderRatio')" :min="0.00"
+          :decision="2" :step="0.01" class="!w-full" :disabled="!ratioEnabled" />
       </el-form-item>
       <el-form-item :label="t('DataCollection.Device.remark')" prop="remark">
-        <el-input
-          v-model="formData.remark"
-          :placeholder="t('DataCollection.Device.placeholderRemark')"
-          type="textarea"
-        />
+        <el-input v-model="formData.remark" :placeholder="t('DataCollection.Device.placeholderRemark')"
+          type="textarea" />
       </el-form-item>
     </el-form>
     <template #footer>
@@ -256,7 +215,7 @@ const open = async (type: string, id?: number, deviceId: number) => {
     try {
       formData.value = await DeviceApi.getDeviceAttribute(id)
       if (!(formData.value as any)?.deviceId) {
-        ;(formData.value as any).deviceId = deviceId
+        ; (formData.value as any).deviceId = deviceId
       }
 
       const currentType = (formData.value as any)?.attributeType
@@ -269,8 +228,8 @@ const open = async (type: string, id?: number, deviceId: number) => {
             item.code === currentType
         )
         if (matched) {
-          ;(formData.value as any).attributeType = matched.id
-          ;(formData.value as any).typeName = matched.name
+          ; (formData.value as any).attributeType = matched.id
+            ; (formData.value as any).typeName = matched.name
         }
       }
     } finally {