音频管理 修复关联歌曲弹窗列表报错bug

src/views/music/album/detail.vue

@@ -86,8 +86,7 @@
         <el-table-column label="播放时长" prop="playTime" align="center" />
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
-            <el-button type="text" @click="getChecked(scope.row)"
-              :disabled="form.programList.findIndex(i => i.id === scope.row.id) === -1 ? false : true">选择
+            <el-button type="text" @click="getChecked(scope.row)" :disabled="disabledChecked">选择
             </el-button>
           </template>
         </el-table-column>
@@ -170,9 +169,13 @@ export default {
           required: true, message: '请选择付费类型', trigger: 'change'
         }],
         price: [{
+          max: 10, message: '字符不超过10个', trigger: 'blur'
+        }, {
           required: true, validator: checkPrice, trigger: 'blur'
         }],
         discount: [{
+          max: 10, message: '字符不超过10个', trigger: 'blur'
+        }, {
           validator: checkDiscount, trigger: 'blur'
         }],
         coverUrl: [{
@@ -194,7 +197,9 @@ export default {
       // 弹窗列表
       tableData: [],
       // 只读
-      disabled: false
+      disabled: false,
+      // 是否已选
+      disabledChecked: false
     }
   },
   mounted() {
@@ -213,6 +218,9 @@ export default {
       detail(this.form.id).then(res => {
         if (res.code === 0) {
           this.form = res.data
+          if (res.data.programList) {
+            this.disabledChecked = this.form.programList.findIndex(i => i.id === scope.row.id) === -1 ? false : true
+          }
           this.form_loading = false
         }
       })

src/views/music/blog/detail.vue

@@ -88,8 +88,7 @@
         <el-table-column label="当前状态" prop="status" align="center" :formatter="statusFormatter" />
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
-            <el-button type="text" @click="getChecked(scope.row)"
-              :disabled="form.adminPodCastProgramDetailResp.findIndex(i => i.id === scope.row.id) === -1 ? false : true">
+            <el-button type="text" @click="getChecked(scope.row)" :disabled="disabledChecked">
               选择
             </el-button>
           </template>
@@ -184,9 +183,13 @@ export default {
           required: true, message: '请选择付费类型', trigger: 'change'
         }],
         price: [{
+          max: 10, message: '字符不超过10个', trigger: 'blur'
+        }, {
           required: true, validator: checkPrice, trigger: 'blur'
         }],
         discountedPrice: [{
+          max: 10, message: '字符不超过10个', trigger: 'blur'
+        }, {
           validator: checkDiscount, trigger: 'blur'
         }],
         thumb: [{
@@ -197,7 +200,9 @@ export default {
         }]
       },
       // 解除关联
-      ids: []
+      ids: [],
+      // 是否已选
+      disabledChecked: false
     }
   },
   mounted() {
@@ -217,6 +222,9 @@ export default {
       detail(this.form.id).then(res => {
         if (res.code === 0) {
           this.form = res.data
+          if (res.data.adminPodCastProgramDetailResp) {
+            this.disabledChecked = this.form.adminPodCastProgramDetailResp.findIndex(i => i.id === scope.row.id) === -1 ? false : true
+          }
           this.anchorOptions = []
           res.data.adminPrdCasterResp.map(i => {
             this.anchorOptions.push({

src/views/music/menu/detail.vue

@@ -75,8 +75,7 @@
         <el-table-column label="播放时长" prop="playTime" align="center" />
         <el-table-column label="操作" align="center">
           <template slot-scope="scope">
-            <el-button type="text" @click="getChecked(scope.row)"
-              :disabled="form.programList.findIndex(i => i.id === scope.row.id) === -1 ? false : true">
+            <el-button type="text" @click="getChecked(scope.row)" :disabled="disabledChecked">
               选择
             </el-button>
           </template>
@@ -146,7 +145,9 @@ export default {
       // 弹窗列表
       tableData: [],
       // 只读
-      disabled: false
+      disabled: false,
+      // 是否已选
+      disabledChecked: false
     }
   },
   mounted() {
@@ -166,6 +167,9 @@ export default {
         if (res.code === 0) {
           this.form = res.data
           this.form_loading = false
+          if (res.data.programList) {
+            this.disabledChecked = this.form.programList.findIndex(i => i.id === scope.row.id) === -1 ? false : true
+          }
         }
       })
     },