猫舍管理 内容管理 内容分类调用接口

src/views/ohplay/content/index.vue

@@ -9,8 +9,7 @@
       </el-form-item>
       <el-form-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-option v-for="item in locationOptions" :key="item.id" :label="item.name" :value='item.id' />
         </el-select>
       </el-form-item>
       <el-form-item label="当前状态：">
@@ -179,7 +178,7 @@
 </template>
 
 <script>
-import { list, detail, showOrHide, recommend, commentShowOrHide } from '@/api/ohplay/content'
+import { list, detail, showOrHide, recommend, commentShowOrHide, typeList } from '@/api/ohplay/content'
 export default {
   dicts: ['hot_yes_no'],
   data() {
@@ -209,13 +208,7 @@ export default {
         dialogDate: [],
       },
       // 推荐位置
-      locationOptions: [
-        { value: 5, label: '推荐' },
-        { value: 1, label: '生活' },
-        { value: 2, label: '音频' },
-        { value: 3, label: '硬件' },
-        { value: 4, label: '同城' },
-      ],
+      locationOptions: [],
       // 内容类型
       typeOptions: [
         { value: 0, label: '帖子' },
@@ -254,6 +247,7 @@ export default {
     }
   },
   mounted() {
+    this.getTypeList()
     this.getList()
   },
   methods: {
@@ -294,6 +288,15 @@ export default {
       })
     },
 
+    // 内容分类
+    getTypeList() {
+      typeList().then(res => {
+        if (res.code === 0) {
+          this.locationOptions = res.data
+        }
+      })
+    },
+
     // 隐藏或显示
     getChange(row, type) {
       showOrHide(row.id, type).then(res => {