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

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

@@ -1,83 +1,42 @@
 <template>
   <Dialog :title="dialogTitle" v-model="dialogVisible">
-    <el-form
+    <el-form ref="formRef" :model="formData" :rules="formRules" label-width="120px" v-loading="formLoading">
-      ref="formRef"
-      :model="formData"
-      :rules="formRules"
-      label-width="120px"
-      v-loading="formLoading"
-    >
       <el-form-item :label="t('DataCollection.Device.attributeCode')" prop="attributeCode">
-        <el-input
+        <el-input v-model="formData.attributeCode" :placeholder="t('DataCollection.Device.placeholderAttributeCode')"
-          v-model="formData.attributeCode"
+          @input="handleAttributeCodeInput" :disabled="formType === 'update'" />
-          :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
+        <el-input v-model="formData.attributeName" :placeholder="t('DataCollection.Device.placeholderAttributeName')" />
-          v-model="formData.attributeName"
-          :placeholder="t('DataCollection.Device.placeholderAttributeName')"
-        />
       </el-form-item>
       <el-form-item :label="t('DataCollection.Device.attributeType')" prop="attributeType">
-        <el-select
+        <el-select v-model="formData.attributeType" clearable filterable
-          v-model="formData.attributeType"
+          :placeholder="t('DataCollection.Device.placeholderAttributeType')" @change="handleAttributeTypeChange">
-          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
+        <el-select v-model="formData.dataType" :placeholder="t('DataCollection.Device.placeholderDataType')"
-          v-model="formData.dataType"
+          :disabled="formType === 'update'">
-          :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-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
+        <el-input v-model="formData.address" :placeholder="t('DataCollection.Device.placeholderAddress')" />
-          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-select v-model="formData.dataUnit" clearable
-              <el-option
+          :placeholder="t('DataCollection.DeviceModel.placeholderDataUnit')" class="w-1/1">
-                v-for="unit in unitList"
+          <el-option v-for="unit in unitList" :key="unit.id" :label="unit.name" :value="unit.id" />
-                :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
+        <el-input-number v-model="formData.ratio" :placeholder="t('DataCollection.Device.placeholderRatio')" :min="0.00"
-          v-model="formData.ratio"
+          :decision="2" :step="0.01" class="!w-full" :disabled="!ratioEnabled" />
-          :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
+        <el-input v-model="formData.remark" :placeholder="t('DataCollection.Device.placeholderRemark')"
-          v-model="formData.remark"
+          type="textarea" />
-          :placeholder="t('DataCollection.Device.placeholderRemark')"
-          type="textarea"
-        />
       </el-form-item>
     </el-form>
     <template #footer>