活动参与人员退费状态

杨泽宇
1 parent 9f2bfcd7
Showing 5 changed files with 52 additions and 5 deletions
docs/develop/dict.md
docs/develop/discuss.md
src/views/event/config.ts
src/views/event/handwork/index.vue
src/views/event/handwork/signup.vue
@@ -171,4 +171,13 @@
     | 初始状态 | 0 |
     | 审核通过 | 1 |
     | 上线 | 2 |
-    | 机审失败 | -1 |
 \ No newline at end of file
+    | 机审失败 | -1 |
+
+  * 活动参与人员退费状态  `refundStatus: 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 |
 \ No newline at end of file
@@ -58,6 +58,7 @@
   > * 已发布的活动才能取消发布，取消了以后不能再重新发布。
   > * 已发布的活动不能编辑和删除。
   > * 已结束的活动，不能取消发布。
+  > * 未退费和退费失败的参与人员可以移除。 
   > * 活动取消发布了以后，只能查看人员。
   > * 活动状态值是当前时间和活动开始结束时间对比的结果
     * 当前时间晚于活动结束时间，即活动已结束，
@@ -45,4 +45,28 @@ export const onlineStatus: EnumArrayItem[] = [
     label: '上线',
     value: 2
   }
+]
+
+// 活动参与人员退费状态
+export const refundStatus: EnumArrayItem[] = [
+  {
+    label: '未退费',
+    value: 0
+  },
+  {
+    label: '申请退费',
+    value: 1
+  },
+  {
+    label: '退费中',
+    value: 2
+  },
+  {
+    label: '退费成功',
+    value: 3
+  },
+  {
+    label: '退费失败',
+    value: 4
+  }
 ]
 \ No newline at end of file
@@ -311,7 +311,7 @@ onMounted(() =&gt; {
           <!-- 活动取消发布了以后，只能查看人员 -->
           <el-button type="text"
             ><router-link
-              :to="{ path: '/event/signup', query: { id: scope.row.id } }"
+              :to="{ path: '/event/signup', query: { id: scope.row.id, eName: scope.row.name } }"
               >查看人员</router-link
             ></el-button
           >
 <script setup lang="ts">
 import { reactive, ref, onMounted } from "vue";
 import { signupList, cancelSignup } from "@/api/event";
-import { parseTime } from "@/utils/tool";
+import { parseTime, globalFilters } from "@/utils/tool";
 import { useRoute } from "vue-router";
+import { refundStatus } from "./../config";
 import Pagination from "@/components/Pagination/index.vue";
 import { ElMessageBox, ElMessage } from "element-plus";
 interface Form {
@@ -92,7 +93,7 @@ onMounted(() =&gt; {
 <template>
   <div class="page-container">
     <!-- <h1>报名信息</h1> -->
-    <el-row style="padding-bottom: 20px">
+    <el-row>
       <el-form :inline="true" label-width="70px" @submit.native.prevent>
         <el-form-item label="名称">
           <el-input
@@ -115,6 +116,9 @@ onMounted(() =&gt; {
         </el-form-item>
       </el-form>
     </el-row>
+    <el-row style="padding-bottom: 20px">
+      <span class="tip">当前活动：【{{ useRoute().query?.eName }}】</span>
+    </el-row>
     <el-table
       :data="data.list"
       style="width: 100%"
@@ -135,9 +139,18 @@ onMounted(() =&gt; {
         label="联系方式"
         align="center"
       ></el-table-column>
+      <el-table-column prop="refundStatus" label="退费状态" align="center">
+        <template #default="scope">
+          {{ globalFilters(scope.row.refundStatus, refundStatus) }}
+        </template>
+      </el-table-column>
       <el-table-column label="操作" align="center">
         <template #default="scope">
-          <el-button type="text" @click="handleRemove(scope.row)"
+          <!-- 未退费和退费失败的参与人员可以移除 -->
+          <el-button
+            type="text"
+            @click="handleRemove(scope.row)"
+            v-show="[0, 4].includes(~~scope.row.refundStatus)"
             >移除</el-button
           >
         </template>