运营管理 推荐管理 添加上下架功能

src/views/operation/recommend/index.vue

@@ -100,11 +100,14 @@
               </el-table>
             </el-form-item>
 
-            <el-form-item>
+            <el-form-item size="small">
               <el-button @click="getEmpty(item)" v-hasPermi="['operation:recommend:delete']">清空</el-button>
               <el-button type="primary" @click="getSubmit(item)" v-hasPermi="['operation:recommend:submit']">
                 提交
               </el-button>
+              <el-button v-if="item.status === 1" type="primary" plain @click="handleChange(item, 0)">上架
+              </el-button>
+              <el-button v-else type="primary" plain @click="handleChange(item, 1)">下架</el-button>
             </el-form-item>
           </el-form>
         </div>
@@ -170,7 +173,8 @@ import {
   submit,
   contentList,
   radioList,
-  moduleContent
+  moduleContent,
+  upOrDown
 } from '@/api/operation/recommend'
 import Upload from '@/components/Upload/index'
 
@@ -531,6 +535,17 @@ export default {
       })
     },
 
+    // 上下架
+    handleChange(item, status) {
+      let tips = status === 0 ? '上架' : '下架'
+      upOrDown(item.id, status).then(res => {
+        if (res.code === 0) {
+          this.$message.success(`${tips}成功！`)
+          this.getContentDetail(item.moduleId)
+        }
+      })
+    },
+
     // 字典翻译
     audioFormatter(row) {
       return this.selectDictLabel(this.dict.type.audio_type, row.audioType)