音乐套餐 修复判断bug

src/views/service/package/detail.vue

@@ -2,20 +2,19 @@
   <div class="app-container">
     <el-form :model="form" :rules="rules" ref="form" label-width="100px">
       <el-form-item label="关联设备：">
-        <el-select v-model="deviceIds" multiple placeholder="请选择关联设备">
+        <el-select v-model="form.deviceIds" multiple placeholder="请选择关联设备">
           <el-option v-for="item in devOptions" :key="item.value" :label="item.label" :value="item.value.toString()" />
         </el-select>
       </el-form-item>
-      <el-form-item :label="form.typeList[0] === '12' ? '流量名称：' : '套餐名称：'">
+      <el-form-item label="套餐名称：">
         <el-input v-model="form.name" placeholder="请输入套餐名称" />
       </el-form-item>
       <el-form-item label="服务类型：">
-        <el-select v-model="form.businessType" placeholder="请选择服务类型"
-          :disabled="form.id && form.typeList[0] === '12' ? true : false">
+        <el-select v-model="form.businessType" placeholder="请选择服务类型" :disabled="form.id && typeList[0] === '12'">
           <el-option v-for="item in serviceTypeOptions" :key="item.value" :value="item.value" :label="item.label" />
         </el-select>
       </el-form-item>
-      <el-form-item v-if="form.typeList[0] === '13'" label="资源平台：">
+      <el-form-item v-if="typeList[0] === '13'" label="资源平台：">
         <el-select v-model="form.platformId" placeholder="请选择资源平台">
           <el-option v-for="item in platformOptions" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
@@ -85,9 +84,9 @@ export default {
     }
     return {
       // 表单
-      form: {
-        typeList: this.$route.query.typeList.split(',')
-      },
+      form: {},
+      // 区分
+      typeList: this.$route.query.typeList.split(','),
       // 流量套餐
       goodsOptions: [],
       // 爱听专区
@@ -126,13 +125,8 @@ export default {
       }
     }
   },
-  watch: {
-    deviceIds(val) {
-      this.form.deviceIds = val.join(',')
-    }
-  },
   mounted() {
-    this.form.typeList[0] === '12' ? this.getGoodSList() : this.getSceneList()
+    this.typeList[0] === '12' ? this.getGoodSList() : this.getSceneList()
     if (this.$route.query.id) {
       this.form.id = this.$route.query.id
       this.getList()
@@ -144,7 +138,7 @@ export default {
       detail(this.form.id).then(res => {
         if (res.code === 0) {
           this.form = res.data
-          this.deviceIds = res.data.deviceIds.split(',')
+          this.form.deviceIds = res.data.deviceIds.split(',')
         }
       })
     },
@@ -177,6 +171,7 @@ export default {
     getSubmit() {
       this.$refs.form.validate((valid) => {
         if (valid) {
+          this.form.deviceIds = this.form.deviceIds.join(',')
           if (this.form.id) {
             edit(this.form).then(res => {
               if (res.code === 0) {
@@ -200,8 +195,8 @@ export default {
 
     // 取消
     cancel() {
-      let url = this.form.typeList[0] === '13' ? 'musicPackage' : 'flowPackage'
-      this.$tab.closeOpenPage(`/service/${url}?typeList=${this.form.typeList}`);
+      let url = this.typeList[0] === '13' ? 'musicPackage' : 'flowPackage'
+      this.$tab.closeOpenPage(`/service/${url}?typeList=${this.typeList}`);
     }
   }
 }