广播分类添加资源平台区分

src/views/music/radioclass/index.vue

@@ -27,6 +27,11 @@
         <el-form-item label="分类名称：" prop="title">
           <el-input v-model="dialogForm.title" placeholder="请输入分类名称" />
         </el-form-item>
+        <el-form-item label="资源平台：" prop="platformId">
+          <el-select v-model="dialogForm.platformId" multiple placeholder="请选择资源平台">
+            <el-option v-for="item in platformOptions" :key="item.value" :value="item.value" :label="item.label" />
+          </el-select>
+        </el-form-item>
       </el-form>
       <div slot="footer">
         <el-button @click="cancel">取消</el-button>
@@ -38,7 +43,9 @@
 
 <script>
 import { list, submit, detail, remove } from '@/api/music/radioclass'
+import { platformMixin } from '@/mixin/index'
 export default {
+  mixins: [platformMixin],
   data() {
     return {
       // 遮罩层
@@ -62,6 +69,9 @@ export default {
       rules: {
         title: [{
           required: true, message: '请输入分类名称', trigger: 'blur'
+        }],
+        platformId: [{
+          required: true, message: '请选择资源平台', trigger: 'change'
         }]
       }
     }
@@ -74,10 +84,12 @@ export default {
     getDialog(title, id) {
       this.dialogVisible = true
       this.title = title
+      this.getPlatform({})
       if (id) {
         detail(id).then(res => {
           if (res.code === 0) {
             this.dialogForm = res.data
+            this.dialogForm.platformId = JSON.parse(res.data.platformId)
           }
         })
       }