add 列表发布

张红振
1 parent 019aaa4c
Showing 1 changed file with 35 additions and 7 deletions
src/views/event/handwork/index.vue
 <script setup lang="ts">
-import { reactive, ref, onMounted } from "vue";
-import { handworkList, handworkDelete, handworkCancel } from "@/api/event";
+import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+import {
+  handworkList,
+  handworkDelete,
+  handworkCancel,
+  handworkEdit,
+} from "@/api/event";
 import { parseTime, globalFilters } from "@/utils/tool";
 import { statusData, publishData } from "./../config";
 import { useLoginStore } from "@/pinia/login";
 import Pagination from "@/components/Pagination/index.vue";
 import { ElMessageBox, ElMessage } from "element-plus";
+let instance: ComponentInternalInstance | null = getCurrentInstance();
 interface Form {
   page: number;
   pageSize: number;
@@ -133,6 +139,23 @@ const handleDelete = (id: number | string) =&gt; {
       console.log(error);
     });
 };
+/**
+ * 活动发布
+ */
+const issue = async (row: Object): void => {
+  const currObj = JSON.parse(JSON.stringify(row));
+  currObj.status = 1;
+  handworkEdit(currObj)
+    .then((res) => {
+      if (res) {
+        instance?.proxy?.$message.success("发布成功");
+        getList();
+      }
+    })
+    .catch((error) => {
+      console.log(error);
+    });
+};
 onMounted(() => {
   getList();
 });
@@ -180,13 +203,10 @@ onMounted(() =&gt; {
         </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="getList">查询</el-button>
-          
         </el-form-item>
         <el-form-item>
-        <router-link to="/event/handwork/edit">
-          <el-button type="primary">
-            添加活动
-          </el-button>
+          <router-link to="/event/handwork/edit">
+            <el-button type="primary"> 添加活动 </el-button>
           </router-link>
         </el-form-item>
       </el-form>
@@ -278,6 +298,13 @@ onMounted(() =&gt; {
       </el-table-column>
       <el-table-column label="操作" align="center">
         <template #default="scope">
+          <el-button
+            type="text"
+            @click="issue(scope.row)"
+            v-if="scope.row.status == 0"
+            >发布</el-button
+          >
+
           <!-- 已发布的活动不能编辑和删除。 -->
           <el-button type="text" v-show="~~scope.row.status === 0"
             ><router-link
@@ -316,6 +343,7 @@ onMounted(() =&gt; {
             v-show="~~scope.row.status === 0"
             >删除</el-button
           >
+
           <!-- 已发布的活动才能取消发布，取消了以后不能再重新发布 -->
           <!-- 已结束的活动，不能取消发布。 -->
           <el-button