修改设备模式重置表单

src/views/device/list/detail.vue

@@ -50,7 +50,7 @@
       <div class="sub-form" v-for="(item, index) in form.typeList" :key="item.id">
         <el-form-item label="设备模式：" :prop="`typeList.${index}.type`"
           :rules="{ required: true, message: '请选择设备模式', trigger: 'change' }">
-          <el-select v-model="item.type" placeholder="请选择设备模式" @change="getTypeChange">
+          <el-select v-model="item.type" placeholder="请选择设备模式" @change="getTypeChange(item)">
             <el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="Number(item.value)"
               :disabled="item.disabled" />
           </el-select>
@@ -229,14 +229,14 @@ export default {
     },
 
     // 选中一个设备类型就从数组中去掉
-    getTypeChange() {
+    getTypeChange(item) {
       for (let i in this.typeOptions) {
         this.typeOptions[i].disabled = false
       }
+      this.$set(item, 'functionList', [])
+      this.$set(item, 'connectType', null)
+      this.$set(item, 'guidePageContent', '')
       this.form.typeList.map(i => {
-        this.$set(i, 'functionList', [])
-        this.$set(i, 'connectType', null)
-        this.$set(i, 'guidePageContent', '')
         if (i.type) {
           let index = this.typeOptions.findIndex(j => j.value == i.type)
           this.typeOptions[index].disabled = true