总后台-场馆管理-剧目排期（优化）

src/api/schedulingMr/schedulingMr.js

@@ -64,3 +64,12 @@ export const goodsPageList = (query) => {
     params: query
   })
 }
+
+// 发布与下线
+export const ionline = (data) => {
+  return request({
+    url: '/merchant/merchantPerformTime/updateStatus',
+    method: 'put',
+    data: data
+  })
+}

src/views/venue/schedulingMr/index.vue

@@ -27,6 +27,22 @@
           placeholder="选择日期">
         </el-date-picker>
       </el-form-item>
+      <el-form-item label="状态">
+        <el-select
+            v-model="queryParams.status"
+            placeholder="状态"
+            clearable
+            style="width: 100%"
+            @change="handleQuery"
+          >
+            <el-option
+              v-for="dict in statusList"
+              :key="dict.id"
+              :label="dict.name"
+              :value="dict.value"
+            />
+          </el-select>
+      </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -91,8 +107,23 @@
           <span>{{ scope.row.performTimeEnd }}</span>
         </template>
       </el-table-column>
+      <el-table-column label="状态" align="center" prop="status">
+        <template slot-scope="scope">
+          <el-tag type="success" v-if="scope.row.status == '1'">发布</el-tag>
+          <el-tag type="danger" v-else-if="scope.row.status == '2'">下架</el-tag>
+          <el-tag type="info" v-else>待发布</el-tag>
+          <!-- <span>{{ scope.row.status }}</span> -->
+          <!-- <dict-tag :options="statusList" :value="String( scope.row.status)"/> -->
+        </template>
+      </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            @click="ionlineApi(scope.row)"
+            v-hasPermi="['schedulingMr:schedulingMr:edit']"
+          >{{scope.row.status == '1' ? '取消发布' : '发布'}}</el-button>
           <el-button
             size="mini"
             type="text"
@@ -151,7 +182,7 @@
 
 <script>
 
-import { pageList, deleteById, deleteBatchById } from '@/api/schedulingMr/schedulingMr'
+import { pageList, deleteById, deleteBatchById,ionline } from '@/api/schedulingMr/schedulingMr'
 import addAndEdit from "./dialog/addAndEdit";
 
 export default {
@@ -185,7 +216,7 @@ export default {
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        type: undefined
+        type: undefined,
       },
       statusList: [
         {id: 1, name: '未发布', value: 0},
@@ -232,6 +263,7 @@ export default {
       this.$set(this.queryParams, 'theatreName', '');
       this.$set(this.queryParams, 'performDate', '');
       this.$set(this.queryParams, 'performName', '');
+      this.$set(this.queryParams, 'status', '');
       this.queryParams.pageNum = 1;
       this.handleQuery();
     },
@@ -248,6 +280,33 @@ export default {
       this.$refs["addAndEdit"].openDialog("修改数据", row);
     },
 
+    /** 发布或者取消发布按钮操作 */
+    ionlineApi(row) {
+      this.$confirm("是否对:" + row.performName + row.goodsNames + "的数据进行" + (row.status == 1 ? '下架？' : '发布？'), '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.loading = true;
+        ionline({ id: row.id, status: row.status == 1 ? 2 : 1 }).then((res) => {
+          if (res.code == 200) {
+            this.$message({
+              type: 'success',
+              message: '操作成功!'
+            });
+            this.getList();
+          }
+        });
+      }).catch((error) => {
+        this.$message({
+              type: 'error',
+              message: error.msg
+            });
+      }).finally(() => {
+        this.loading = false;
+      });
+    },
+
     /** 删除按钮操作 */
     handleDelete(row) {
       this.$modal.confirm('是否确认删除该数据？').then(function() {