运营管理 推荐管理

src/views/operation/recommend/index.vue

@@ -36,8 +36,8 @@
                 @click="getChangeTime(item.id, 2)" />
             </el-form-item>
             <el-form-item label="时间段：">
-              <el-time-picker is-range v-model="item.date" start-placeholder="开始时间" end-placeholder="结束时间" value-format="HH:mm:ss"
-               format="HH:mm:ss" placeholder="选择时间范围" />
+              <el-time-picker is-range v-model="item.date" start-placeholder="开始时间" end-placeholder="结束时间"
+                value-format="HH:mm:ss" format="HH:mm:ss" placeholder="选择时间范围" />
             </el-form-item>
             <el-form-item label="时间段文案：">
               <el-input v-model="item.name" placeholder="请输入文案" />
@@ -174,7 +174,7 @@
         </el-form-item>
       </el-form>
       <el-table :data="tableData" height="584" ref="tableData" :row-key="rowKey"
-        @selection-change="handleSelectionChange">
+        @selection-change="handleSelectionChange" v-loading="loading">
         <el-table-column type="selection" align="center" reserve-selection
           v-if="tabIndex === 2 && active === 1" />
         <el-table-column label="音频ID" prop="audioId" align="center" show-overflow-tooltip />
@@ -235,6 +235,8 @@ export default {
   },
   data() {
     return {
+      // 遮罩层
+      loading: false,
       // 分类列表
       tabs: [],
       // 选中分类
@@ -374,13 +376,12 @@ export default {
     }
   },
   watch: {
-    'form.audioType'(val) {
-      this.$nextTick(() => {
-        this.getPlatform({
-          audioType: val
-        })
+    async 'form.audioType'(val) {
+      await this.getPlatform({
+        audioType: val
       })
       this.form.platformId = this.platformOptions[0].value
+      this.getContentList()
     },
   },
   mounted() {
@@ -518,6 +519,7 @@ export default {
 
     // 内容列表
     getContentList() {
+      this.loading = true
       radioList(this.form).then(res => {
         if (res.code === 0) {
           this.tableData = res.data.records
@@ -530,6 +532,7 @@ export default {
               }
             })
           }
+          this.loading = false
         }
       })
     },