活动取消发布

杨泽宇
1 parent 13a97f8d
Showing 5 changed files with 122 additions and 20 deletions
docs/develop/dict.md
docs/develop/discuss.md
src/api/event/index.ts
src/views/event/config.ts
src/views/event/handwork/index.vue
@@ -145,15 +145,19 @@
       | 支付宝 | 3 |
 ## 活动管理
-  * 活动状态和总结状态  `statusData: Array`  [查看代码](http://bj.gitlab.cnlive.com/cnlive_project/cnlive-community-web-vue/blob/dev/src/views/event/config.ts)
-    | 活动状态 | 总结状态 | value |
-    | :-----: | :------: | :---: |
-    | 草稿 |  | 0 |
-    | 提交未开始 |  | 1 |
-    | 进行中 |  | 2 |
-    | 已结束 |  | 3 |
-    | 活动结束 | 草稿 | 4 |
-    | 活动结束 | 发布 | 5 |
+  * 活动状态  `statusData: Array`  [查看代码](http://bj.gitlab.cnlive.com/cnlive_project/cnlive-community-web-vue/blob/dev/src/views/event/config.ts)
+    | 活动状态 | value |
+    | :-----: | :---: |
+    | 未开始 | 0 |
+    | 进行中 | 1 |
+    | 已结束 | 2 |
+  
+  * 发布状态  `publishData: Array`  [查看代码](http://bj.gitlab.cnlive.com/cnlive_project/cnlive-community-web-vue/blob/dev/src/views/event/config.ts)
+    | 活动状态 | value |
+    | :-----: | :---: |
+    | 草稿 | 0 |
+    | 已发布 | 1 |
+    | 取消发布 | 2 |
   * 活动评价展示到前台状态  `onlineStatus: Array`  [查看代码](http://bj.gitlab.cnlive.com/cnlive_project/cnlive-community-web-vue/blob/dev/src/views/event/config.ts)
     | 活动状态 | value |
@@ -51,4 +51,10 @@
 ## 活动管理
   **活动列表**
   > * 添加活动时，被禁用的活动分类不可以被选择。
-  > * 要验证活动结束时间晚于活动开始时间，报名结束时间要晚于报名开始时间，没有验证和【现在】时间的前后关系。 
 \ No newline at end of file
+  > * 新增活动的时候，只有保存操作，编辑活动的时候，可以保存、可以发布，提交接口用status区分，1为发布，需要二次确认，0为保存。
+  > * 已发布的活动才能取消发布，取消了以后不能再重新发布。
+  > * 活动取消发布了以后，只能查看人员。
+  > * 活动状态值是当前时间和活动开始结束时间对比的结果
+    * 当前时间晚于活动结束时间，即活动已结束，
+    * 当前时间早于活动开始时间，即活动未开始，
+    * 当前时间介于活动开始、结束时间之间（含），即活动进行中。
 \ No newline at end of file
@@ -143,4 +143,17 @@ export const signupList = async (params: any) =&gt; {
     params: params
   })
   return res
+}
+
+/**
+ * @description 取消发布活动
+ * @function handworkCancel
+ */
+ export const handworkCancel = async (params: any) => {
+  let res: any = await request({
+    method: 'put',
+    url: '/handwork/canelPublish',
+    params: params
+  })
+  return res
 }
 \ No newline at end of file
 import type { EnumArrayItem } from "@/@type/module/basic"
-// 活动状态和总结状态
+// 活动状态
 export const statusData: EnumArrayItem[] = [
   {
     label: '未开始',
@@ -16,6 +16,20 @@ export const statusData: EnumArrayItem[] = [
   },
 ]
+// 活动发布状态
+export const publishData: EnumArrayItem[] = [
+  {
+    label: '草稿',
+    value: 0
+  }, {
+    label: '已发布',
+    value: 1
+  }, {
+    label: '取消发布',
+    value: 2
+  }
+]
+
 // 活动评价展示到前台状态
 export const onlineStatus: EnumArrayItem[] = [
   {
 <script setup lang="ts">
 import { reactive, ref, onMounted } from "vue";
-import { handworkList, eventCategory, handworkDelete } from "@/api/event";
-import { parseTime } from "@/utils/tool";
-import { statusData } from "./../config";
+import {
+  handworkList,
+  eventCategory,
+  handworkDelete,
+  handworkCancel,
+} 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";
@@ -89,6 +94,37 @@ const getCategory = async (pageSize: number = 20) =&gt; {
   }
 };
 /**
+ * 取消发布
+ */
+const handleCancel = (id: number) => {
+  ElMessageBox.confirm("是否确定删除该活动?", "提示", {
+    confirmButtonText: "确认",
+    cancelButtonText: "取消",
+    type: "warning",
+  }).then(async () => {
+    try {
+      const res = await handworkCancel({
+        handworkId: id,
+        status: 2,
+      });
+      if (res?.data) {
+        ElMessage({
+          type: "success",
+          message: "操作成功",
+        });
+        getList();
+      } else {
+        ElMessage({
+          type: "error",
+          message: "操作失败",
+        });
+      }
+    } catch (e) {
+      console.log(e);
+    }
+  });
+};
+/**
  * 活动删除
  * @param {number | string} id 活动id
  */
@@ -108,7 +144,7 @@ const handleDelete = (id: number | string) =&gt; {
             type: "success",
             message: "操作成功",
           });
-          getList()
+          getList();
         } else {
           ElMessage({
             type: "error",
@@ -200,6 +236,11 @@ onMounted(() =&gt; {
         </template>
       </el-table-column>
       <el-table-column
+        prop="personLimit"
+        label="活动人数"
+        align="center"
+      ></el-table-column>
+      <el-table-column
         prop="signupNum"
         label="参与人数"
         align="center"
@@ -231,34 +272,58 @@ onMounted(() =&gt; {
         label="活动地址"
         align="center"
       ></el-table-column>
-      <el-table-column prop="status" label="活动状态" align="center">
+      <el-table-column label="活动状态" align="center">
         <!-- 活动状态值是当前时间和活动开始结束时间对比的结果
         当前时间晚于活动结束时间，即活动已结束
         当前时间早于活动开始时间，即活动未开始
         当前时间介于活动开始、结束时间之间（含），即活动进行中 -->
         <template #default="scope">
           <span v-show="new Date(scope.row.endTime) < new Date()">已结束</span>
-          <span v-show="new Date(scope.row.startTime) > new Date()">未开始</span>
-          <span v-show="new Date(scope.row.startTime) <= new Date() && new Date(scope.row.endTime) >= new Date()">进行中</span>
+          <span v-show="new Date(scope.row.startTime) > new Date()"
+            >未开始</span
+          >
+          <span
+            v-show="
+              new Date(scope.row.startTime) <= new Date() &&
+              new Date(scope.row.endTime) >= new Date()
+            "
+            >进行中</span
+          >
+        </template>
+      </el-table-column>
+      <el-table-column prop="status" label="发布状态" align="center">
+        <template #default="scope">
+          {{ globalFilters(scope.row.status, publishData) }}
         </template>
       </el-table-column>
       <el-table-column label="操作" align="center">
         <template #default="scope">
-          <el-button type="text"
+          <el-button type="text" v-show="~~scope.row.status !== 2"
             ><router-link
               :to="{ path: '/event/handwork/edit', query: scope.row }"
               >编辑</router-link
             ></el-button
           >
+          <!-- 活动取消发布了以后，只能查看人员 -->
           <el-button type="text"
             ><router-link
               :to="{ path: '/event/signup', query: { id: scope.row.id } }"
               >查看人员</router-link
             ></el-button
           >
-          <el-button type="text" @click="handleDelete(scope.row.id)"
+          <el-button
+            type="text"
+            @click="handleDelete(scope.row.id)"
+            v-show="~~scope.row.status !== 2"
             >删除</el-button
           >
+          <!-- 已发布的活动才能取消发布，取消了以后不能再重新发布 -->
+          <el-button
+            type="text"
+            @click="handleCancel(scope.row.id)"
+            v-show="~~scope.row.status === 1"
+            >取消发布</el-button
+          >
         </template>
       </el-table-column>
     </el-table>