签到管理 内容配置 修复不能搜索的bug

src/views/registration/content/detail.vue

@@ -15,7 +15,7 @@
         </el-select>
       </el-form-item>
       <el-form-item v-if="form.isCustom === 0" label="内容封面：" prop="pic">
-        <Upload listType="picture-card" :url="form.pic" :disabled="disabled" />
+        <Upload listType="picture-card" :url="form.pic" @upload="upload" :disabled="disabled" />
       </el-form-item>
     </el-form>
     <div class="form-btn">
@@ -41,8 +41,8 @@
           <el-input placeholder="请输入音频名称" />
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" icon="el-icon-search">搜索</el-button>
-          <el-button icon="el-icon-refresh">重置</el-button>
+          <el-button type="primary" icon="el-icon-search" @click="getSearch">搜索</el-button>
+          <el-button icon="el-icon-refresh" @click="getRefresh">重置</el-button>
         </el-form-item>
       </el-form>
       <el-table :data="tableData" v-loading="loading">
@@ -83,15 +83,17 @@ export default {
       // 遮罩层
       loading: false,
       // 表单
-      form: {},
+      form: {
+        status: 0
+      },
       // 弹窗
       dialogVisible: false,
       // 弹窗表单
       dialogForm: {
         pageNum: 1,
         pageSize: 10,
-        audioType: 2,
-        platformId: 1
+        platformId: 1,
+        audioType: null
       },
       // 列表
       tableData: [],
@@ -117,14 +119,22 @@ export default {
     }
   },
   watch: {
-    'dialogForm.platformId'(val) {
-      this.getAudioType(val)
+    'dialogForm.platformId': {
+      async handler(val) {
+        await this.getAudioType(val)
+        this.dialogForm.audioType = this.audioTypeOptions[0].value
+        this.getList()
+      },
+      deep: true
     },
-    'form.date'(val) {
-      if (val) {
-        this.form.startTime = val[0]
-        this.form.endTime = val[1]
-      }
+    'form.date': {
+      handler(val) {
+        if (val) {
+          this.form.startTime = val[0]
+          this.form.endTime = val[1]
+        }
+      },
+      deep: true
     }
   },
   mounted() {
@@ -146,9 +156,10 @@ export default {
     },
 
     // 打开弹窗
-    getDialog() {
+    async getDialog() {
       this.dialogVisible = true
-      this.getAudioType(this.dialogForm.platformId)
+      await this.getAudioType(this.dialogForm.platformId)
+      this.dialogForm.audioType = this.audioTypeOptions[0].value
       this.getList()
     },
 
@@ -175,7 +186,7 @@ export default {
       this.dialogForm = {
         pageNum: 1,
         pageSize: 10,
-        audioType: 2,
+        audioType: this.audioTypeOptions[0].value,
         platformId: 1
       }
       this.getList()
@@ -191,6 +202,11 @@ export default {
       this.form.pic = row.audioPic
     },
 
+    // 上传
+    upload(e) {
+      this.form.pic = e.file
+    },
+
     // 取消
     cancel() {
       this.$tab.closeOpenPage('/registration/contentConfig')