猫舍管理 内容推荐

src/views/ohplay/recommend/index.vue

@@ -3,32 +3,31 @@
     <!-- 搜索 -->
     <el-form inline label-width="100px" size="mini">
       <el-form-item label="内容：">
-        <el-input v-model="form.content" placeholder="请输入内容" />
+        <el-input v-model="form.content" placeholder="请输入内容" clearable />
       </el-form-item>
       <el-form-item label="内容类型：">
-        <el-select v-model="form.contentType" placeholder="请选择内容类型">
-          <el-option v-for="item in dict.type.content_type" :key="item.value" :label="item.label"
-            :value="item.value" />
+        <el-select v-model="form.contentType" placeholder="请选择内容类型" clearable>
+          <el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </el-form-item>
       <el-form-item label="内容分类：">
-        <el-select v-model="form.type" placeholder="请选择内容分类">
-          <el-option v-for="item in dict.type.content_classify" :key="item.value" :label="item.label"
+        <el-select v-model="form.type" placeholder="请选择内容分类" clearable>
+          <el-option v-for="item in locationOptions" :key="item.value" :label="item.label"
             :value='item.value' />
         </el-select>
       </el-form-item>
       <el-form-item label="当前状态：">
-        <el-select v-model="form.recommendStatus" placeholder="请选择当前状态">
+        <el-select v-model="form.recommendStatus" placeholder="请选择当前状态" clearable>
           <el-option v-for="item in dict.type.recommend_status" :key="item.value" :label="item.label"
             :value='item.value' />
         </el-select>
       </el-form-item>
       <el-form-item label="更新时间：">
-        <el-date-picker v-model="date" type="datetimerange" start-placeholder="开始时间" end-placeholder="结束时间" />
+        <el-date-picker v-model="date" type="datetimerange" start-placeholder="开始时间" end-placeholder="结束时间" clearable />
       </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>
     <!-- 列表 -->
@@ -135,7 +134,7 @@
 import { list, remove } from '@/api/ohplay/recommend'
 import { detail, showOrHide, commentShowOrHide } from '@/api/ohplay/content'
 export default {
-  dicts: ['location_type', 'recommend_status', 'content_type', 'content_classify'],
+  dicts: ['location_type', 'recommend_status'],
   data() {
     return {
       // 遮罩层
@@ -152,7 +151,20 @@ export default {
       tableData: [],
       // 弹窗
       dialogVisible: false,
-      dialogList: {}
+      dialogList: {},
+      // 内容类型
+      typeOptions: [
+        { value: 0, label: '帖子' },
+        { value: 1, label: '图片' }
+      ],
+      // 推荐位置
+      locationOptions: [
+        { value: 5, label: '推荐' },
+        { value: 1, label: '生活' },
+        { value: 2, label: '音频' },
+        { value: 3, label: '硬件' },
+        { value: 4, label: '同城' },
+      ],
     }
   },
   watch: {
@@ -217,6 +229,20 @@ export default {
       })
     },
 
+    // 搜索
+    getSearch(){
+      this.form.pageNum = 1
+      this.getList()
+    },
+
+    getRefresh(){
+      this.form = {
+        pageNum: 1,
+        pageSize: 10
+      }
+      this.getList()
+    },
+
     // 字典翻译
     locationFormatter(row) {
       return this.selectDictLabel(this.dict.type.location_type, row.recommendLocation)