Procházet zdrojové kódy

修复修改参数视图不更新bug

DESKTOP-SVI9JE1\muzen před 1 rokem
rodič
revize
47d4c2ee34
1 změnil soubory, kde provedl 6 přidání a 10 odebrání
  1. 6 10
      src/views/device/list/detail.vue

+ 6 - 10
src/views/device/list/detail.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <el-form :model="form" :rules="rules" ref="form" label-width="120px" :disabled="disabled">
+    <el-form :model="form" :rules="rules" ref="form" label-width="auto" :disabled="disabled">
       <el-form-item label="设备型号:" prop="clientType">
         <el-input v-model="form.clientType" placeholder="请输入设备型号" />
       </el-form-item>
@@ -70,8 +70,8 @@
         </el-form-item>
         <el-row>
           <el-col :span="12">
-            <el-form-item :label="item.type === 1 || item.type === 3 ? '连接引导图:' : '开机引导图:'" :prop="`typeList.${index}.icon1`"
-              :rules="{ required: true, message: '请上传引导图片', trigger: 'change' }">
+            <el-form-item :label="item.type === 1 || item.type === 3 ? '连接引导图:' : '开机引导图:'"
+              :prop="`typeList.${index}.icon1`" :rules="{ required: true, message: '请上传引导图片', trigger: 'change' }">
               <Upload listType="picture-card" :url="item.icon1" @upload="handleUploadIcon($event, index, 'icon1')"
                 :disabled="disabled" />
             </el-form-item>
@@ -234,9 +234,9 @@ export default {
         this.typeOptions[i].disabled = false
       }
       this.form.typeList.map(i => {
-        i.functionList = []
-        i.connectType = null
-        i.guidePageContent = ''
+        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
@@ -319,8 +319,4 @@ export default {
     color: #c0c4cc;
   }
 }
-
-::v-deep .editor {
-  background: #000;
-}
 </style>