播客专辑

src/views/music/blog/detail.vue

@@ -12,8 +12,7 @@
       </el-form-item>
       <el-form-item label="播客分类：" prop="categoryIds">
         <el-select v-model="form.categoryIds" multiple placeholder="请选择播客分类">
-          <el-option v-for="item in classifyOptions" :key="item.value" :value="item.value.toString()"
-            :label="item.label" />
+          <el-option v-for="item in blogClassOptions" :key="item.value" :value="item.value" :label="item.label" />
         </el-select>
       </el-form-item>
       <el-form-item label="播客介绍：" prop="description">
@@ -45,7 +44,7 @@
         <el-button @click="getDelete" :disabled="ids.length > 0 ? false : true">解除关联</el-button>
       </el-form-item>
       <el-form-item style="width: 100%">
-        <el-table :data="form.adminPodCastProgramDetailResp" height="497" @selection-change="handleSelect">
+        <el-table :data="form.adminPodCastProgramDetailResp" @selection-change="handleSelect">
           <el-table-column type="selection" align="center" />
           <el-table-column label="ID" prop="id" align="center" show-overflow-tooltip />
           <el-table-column label="节目名称" prop="name" align="center" show-overflow-tooltip />
@@ -106,11 +105,11 @@
 </template>
 
 <script>
-import { classifyMixin, platformMixin, payTypeMixin, onOrOffMixin, isFreeMixin } from '@/mixin/index'
+import { blogClassMixin, platformMixin, payTypeMixin, onOrOffMixin, isFreeMixin } from '@/mixin/index'
 import { selectAnchor } from '@/api/music/anchor'
 import { detail, submit, relieve, checkList } from '@/api/music/blog'
 export default {
-  mixins: [classifyMixin, platformMixin, payTypeMixin, onOrOffMixin, isFreeMixin],
+  mixins: [blogClassMixin, platformMixin, payTypeMixin, onOrOffMixin, isFreeMixin],
   data() {
     // 判断原价是否大于折扣价
     var checkPrice = (rule, value, callback) => {
@@ -199,8 +198,6 @@ export default {
     this.getPlatform({
       audioType: 8
     })
-    // 分类
-    this.getClassify(8)
     if (this.$route.query.id) {
       this.form.id = this.$route.query.id
       this.disabled = Boolean(this.$route.query.disabled)

src/views/music/blog/index.vue

@@ -11,6 +11,11 @@
       <el-form-item label="主播名称：">
         <el-input v-model="form.podcasterName" placeholder="请输入主播名称" clearable />
       </el-form-item>
+      <el-form-item label="内容分类：">
+        <el-select v-model="form.categoryId" filterable placeholder="请选择内容分类" clearable>
+          <el-option v-for="item in blogClassOptions" :key="item.value" :value="item.value" :label="item.label" />
+        </el-select>
+      </el-form-item>
       <el-form-item label="付费类型：">
         <el-select v-model="form.payType" placeholder="请选择付费类型" clearable>
           <el-option v-for="item in payTypeOptions" :key="item.value" :value="item.value" :label="item.label" />
@@ -84,9 +89,9 @@
 
 <script>
 import { list, change, remove } from '@/api/music/blog'
-import { payTypeMixin, onOrOffMixin, platformMixin, classifyMixin } from '@/mixin/index'
+import { payTypeMixin, onOrOffMixin, platformMixin, blogClassMixin } from '@/mixin/index'
 export default {
-  mixins: [payTypeMixin, onOrOffMixin, platformMixin, classifyMixin],
+  mixins: [payTypeMixin, onOrOffMixin, platformMixin, blogClassMixin],
   data() {
     return {
       // 遮罩层
@@ -112,8 +117,6 @@ export default {
     this.getPlatform({
       audioType: 8
     })
-    // 获取分类
-    this.getClassify(8)
     this.getList()
   },
   methods: {
@@ -201,7 +204,7 @@ export default {
       return this.selectDictLabel(this.platformOptions, row.platformId)
     },
     categoryFormatter(row) {
-      return row.categoryIds.map((item, index) => (this.selectDictLabel(this.classifyOptions, item)) + (index + 1 < row.categoryIds.length ? '，' : ''))
+      return row.categoryIds.map((item, index) => (this.selectDictLabel(this.blogClassOptions, item)) + (index + 1 < row.categoryIds.length ? '，' : ''))
     }
   }
 }