猫舍管理 内容管理

src/views/ohplay/content/index.vue

@@ -3,29 +3,28 @@
     <!-- 搜索 -->
     <el-form inline label-width="100px" size="mini">
       <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.typeStatus" placeholder="请选择当前状态">
-          <el-option v-for="item in dict.type.content_status" :key="item.value" :label="item.label"
+        <el-select v-model="form.typeStatus" placeholder="请选择当前状态" clearable>
+          <el-option v-for="item in statusOptions" :key="item.value" :label="item.label"
             :value='item.value' />
         </el-select>
       </el-form-item>
       <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-date-picker v-model="date" type="datetimerange" start-placeholder="开始时间" end-placeholder="结束时间"
-          value-format="yyyy-MM-dd HH:mm:ss" />
+          value-format="yyyy-MM-dd HH:mm:ss" clearable />
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" @click="getSearch">搜索</el-button>
@@ -43,7 +42,8 @@
       <el-table-column label="回复/点赞" prop="replyOrLike" align="center" />
       <el-table-column label="操作" align="center">
         <template slot-scope="scope">
-          <el-button v-if="scope.row.isDelete === '0'" type="text" @click="dialogVisible = true, title = '推荐', dialogForm.id = scope.row.id">
+          <el-button v-if="scope.row.isDelete === '0'" type="text"
+            @click="dialogVisible = true, title = '推荐', dialogForm.id = scope.row.id">
             推荐
           </el-button>
           <el-button type="text" @click="dialogVisible = true, title = '详情', getDetail(scope.row)">
@@ -65,7 +65,7 @@
         <el-form label-width="100px">
           <el-form-item label="推荐位置：">
             <el-select v-model="dialogForm.tagId" placeholder="请选择推荐位置">
-              <el-option v-for="item in dict.type.content_classify" :key="item.value" :label="item.label"
+              <el-option v-for="item in locationOptions" :key="item.value" :label="item.label"
                 :value='item.value' />
             </el-select>
           </el-form-item>
@@ -152,7 +152,7 @@
         </div>
       </div>
       <div v-if="title === '推荐'" slot="footer">
-        <el-button>取消</el-button>
+        <el-button @click="dialogVisible = false">取消</el-button>
         <el-button type="primary" @click="getSubmit">确定</el-button>
       </div>
     </el-dialog>
@@ -162,7 +162,7 @@
 <script>
 import { list, detail, showOrHide, recommend, commentShowOrHide } from '@/api/ohplay/content'
 export default {
-  dicts: ['content_type', 'content_classify', 'content_status', 'hot_yes_no'],
+  dicts: ['hot_yes_no'],
   data() {
     return {
       // 遮罩层
@@ -184,7 +184,25 @@ export default {
       dialogList: {},
       // 推荐表单
       dialogForm: {},
-      dialogDate: []
+      dialogDate: [],
+      // 推荐位置
+      locationOptions: [
+        { value: 5, label: '推荐' },
+        { value: 1, label: '生活' },
+        { value: 2, label: '音频' },
+        { value: 3, label: '硬件' },
+        { value: 4, label: '同城' },
+      ],
+      // 内容类型
+      typeOptions: [
+        { value: 0, label: '帖子' },
+        { value: 1, label: '图片' }
+      ],
+      // 当前状态
+      statusOptions: [
+        { value: 0, label: '显示' },
+        { value: 1, label: '隐藏' }
+      ]
     }
   },
   watch: {