设备升级

src/views/device/version/detail.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <el-form :model="form" :rules="rules" ref="form" label-width="100px" size="small">
       <el-form-item prop="deviceTypeId" label="设备类型：">
-        <el-select v-model="form.deviceTypeId" placeholder="请选择产品型号">
+        <el-select v-model="form.deviceTypeId" placeholder="请选择产品型号" filterable>
           <el-option v-for="item in clientTypeOptions" :key="item.id" :label="item.label"
             :value="item.value" />
         </el-select>
@@ -43,7 +43,7 @@
         </el-select>
       </el-form-item>
       <el-form-item prop="user" v-if="form.userType === 3" label="指定用户：">
-        <el-input v-model="form.user" type="textarea" rows="4" placeholder="请输入指定用户手机号,请用逗号隔开" />
+        <el-input v-model="form.user" type="textarea" rows="4" placeholder="请输入指定用户手机号,一行一个" />
       </el-form-item>
     </el-form>
     <div class="form-btn">
@@ -66,7 +66,7 @@ export default {
     return {
       form: {
         id: this.$route.query.id,
-        url: ''
+        url: '',
       },
       // 是否强制升级 // 是否推送
       Yes_No: [{
@@ -116,6 +116,13 @@ export default {
       }
     }
   },
+  watch: {
+    'form.userType'(val) {
+      if (!this.form.id) {
+        val === 3 ? this.form.user = '' : ''
+      }
+    },
+  },
   mounted() {
     if (this.form.id) {
       getDetailInfo({
@@ -123,6 +130,7 @@ export default {
       }).then(res => {
         if (res.code === 0) {
           this.form = res.data
+          this.form.user = res.data.user.join('\n')
         }
       })
     }
@@ -136,7 +144,7 @@ export default {
     getSubmit() {
       this.$refs.form.validate((valid) => {
         if (valid) {
-          this.form.user = this.form.user.split(',')
+          this.form.userType === 3 ? this.form.user = this.form.user.split('\n') : ''
           if (this.form.id) {
             // 编辑
             updateEdit(this.form).then(res => {

src/views/device/version/index.vue

@@ -6,7 +6,7 @@
         <el-input v-model="form.title" placeholder="请输入升级标题" clearable />
       </el-form-item>
       <el-form-item label="设备型号：">
-        <el-select v-model="form.clientTypeId" placeholder="请选择产品型号" clearable>
+        <el-select v-model="form.clientTypeId" placeholder="请选择产品型号" filterable clearable>
           <el-option v-for="item in clientTypeOptions" :key="item.id" :label="item.label"
             :value="item.value" />
         </el-select>