管理后台-演出安排

htmldev/manage/src/mixin/page.js

@@ -28,7 +28,6 @@ export default {
       }, 'get')
       this.tableLoading = false
       if (this.tableData && (data.data || data.list) && code === 200) {
-        // todo 字段调整
         this.tableData = data.data || data.list
         this.totalCount = Number(data.total)
       }

htmldev/manage/src/views/business/show/plan/details.vue

@@ -20,7 +20,7 @@
                      filterable
                      placeholder="请选择演唱艺人">
             <el-option
-              v-for="item in options"
+              v-for="item in singerData"
               :key="item.value"
               :label="item.label"
               :value="item.value">
@@ -61,6 +61,12 @@ export default {
       default: function () {
         return {}
       }
+    },
+    singerData: {
+      type: Array,
+      default: function () {
+        return []
+      }
     }
   },
   data () {
@@ -86,23 +92,7 @@ export default {
             value1: [new Date(2016, 9, 10, 8, 40), new Date(2016, 9, 10, 9, 40)]
           }
         ]
-      },
-      options: [{
-        value: '选项1',
-        label: '黄金糕'
-      }, {
-        value: '选项2',
-        label: '双皮奶'
-      }, {
-        value: '选项3',
-        label: '蚵仔煎'
-      }, {
-        value: '选项4',
-        label: '龙须面'
-      }, {
-        value: '选项5',
-        label: '北京烤鸭'
-      }]
+      }
     }
   },
   methods: {

htmldev/manage/src/views/business/show/plan/index.vue

@@ -52,6 +52,7 @@
       :total="totalCount"/>
     <detail v-if="detailsDialog.show"
             v-model="detailsDialog.show"
+            :singerData="singerData"
             :exData="detailsDialog.exData"
             @success="init"></detail>
     <playList v-if="playListDialog.show"
@@ -108,7 +109,9 @@ export default {
       time: [],
       searchForm: {},
       tableData: [],
-      tableUrl: '/department/list'
+      tableUrl: '/department/list',
+      singerData: [], // 歌手列表
+      musicData: [] // 当前歌手曲库
     }
   },
   methods: {
@@ -127,19 +130,52 @@ export default {
         type: 'warning'
       }).then(async () => {
         const data = await this.$fetch('/api/auth/department/del', { id: row.id })
-        if (data.code == 200) {
+        if (data.code === 200) {
           this.$message.success('删除成功')
           this.init()
         }
       }).catch(() => {})
     },
+    // 设置歌单弹窗
     editPlayList (row) {
       this.playListDialog.exData = row
       this.playListDialog.show = true
+    },
+    // 获取所有歌手列表
+    async fetchSingerList () {
+      const api = '/v1/user/singer/list'
+      const { code, data } = await this.$fetch(api, {
+        page: 1,
+        page_size: 10000
+      }, 'get')
+      if (this.tableData && (data.data || data.list) && code === 200) {
+        this.singerData = (data.data || data.list).map(item => ({
+          ...item,
+          value: item.id,
+          label: item.user_name
+        }))
+      }
+    },
+    // 获取歌手曲库
+    async fetchMusicList () {
+      const api = '/v1/user/song/list'
+      const { code, data } = await this.$fetch(api, {
+        page: 1,
+        page_size: 10000,
+        id: ''
+      }, 'get')
+      if (this.tableData && (data.data || data.list) && code === 200) {
+        this.musicData = (data.data || data.list).map(item => ({
+          ...item,
+          value: item.id,
+          label: item.user_name
+        }))
+      }
     }
   },
   mounted () {
     this.init()
+    this.fetchSingerList()
   },
 }
 </script>