音频管理 歌单 添加内容筛选处理

src/views/music/menu/detail.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <el-form :model="form" ref="form" :rules="rules" label-width="100px" :disabled="disabled">
       <el-form-item label="歌单名称：" prop="name">
-        <el-input v-model="form.name" placeholder="请输入歌单名称" />
+        <el-input v-model="form.name" placeholder="请输入歌单名称" maxlength="10" show-word-limit />
       </el-form-item>
       <el-form-item label="歌单介绍：" prop="description">
         <el-input v-model="form.description" type="textarea" :autosize="{ minRows: 5, maxRows: 10}"
@@ -58,7 +58,7 @@
           <el-input v-model="dialogForm.singerName" placeholder="请输入歌手名称" clearable />
         </el-form-item>
         <el-form-item label="资源平台：">
-          <el-select v-model="dialogForm.platformId" placeholder="请选择资源平台" clearable>
+          <el-select v-model="dialogForm.platformId" placeholder="请选择资源平台">
             <el-option v-for="item in platformOptions" :key="item.value" :value="item.value"
               :label="item.label" />
           </el-select>
@@ -82,8 +82,8 @@
           </template>
         </el-table-column>
       </el-table>
-      <pagination v-show="total>0" :total="total" :page.sync="dialogForm.pageNum" :limit.sync="dialogForm.pageSize"
-        @pagination="getList" />
+      <pagination v-show="total>0" :total="total" :page.sync="dialogForm.pageNum"
+        :limit.sync="dialogForm.pageSize" @pagination="getList" />
     </el-dialog>
   </div>
 </template>
@@ -115,8 +115,6 @@ export default {
       rules: {
         name: [{
           required: true, message: '请输入歌单名称', trigger: 'blur'
-        }, {
-          max: 10, message: '字符不超过10个', trigger: 'blur'
         }],
         description: [{
           required: true, message: '请输入歌单介绍', trigger: 'blur'
@@ -140,7 +138,8 @@ export default {
       dialogForm: {
         pageNum: 1,
         pageSize: 10,
-        status: 1
+        status: 1,
+        platformId: null
       },
       // 总数据
       total: 0,
@@ -183,6 +182,7 @@ export default {
     // 添加歌曲
     getDialog() {
       this.dialogVisible = true
+      this.dialogForm.platformId = this.platformOptions[0].value
       this.getList()
     },
 
@@ -209,7 +209,8 @@ export default {
       this.dialogForm = {
         pageNum: 1,
         pageSize: 10,
-        status: 1
+        status: 1,
+        platformId: this.platformOptions[0].value
       }
       this.getList()
     },