活动展示项

杨泽宇
1 parent 485477a1
Showing 4 changed files with 47 additions and 53 deletions
src/views/event/config.ts
src/views/event/feedback/index.vue
src/views/event/handwork/index.vue
src/views/event/handwork/signup.vue
@@ -45,7 +45,7 @@ export const onlineStatus: EnumArrayItem[] = [
     label: '上线',
     value: 2
   }
-]
+] 
 // 活动参与人员退费状态
 export const refundStatus: EnumArrayItem[] = [
@@ -221,7 +221,7 @@ onMounted(() =&gt; {
       </el-table-column>
       <el-table-column prop="status" label="状态" align="center">
         <template #default="scope">
-          {{ globalFilters(scope.row.status, data.onlineStatus) }}
+          {{ scope.row.status === 2 ? "已上线" : "未上线" }}
         </template>
       </el-table-column>
       <el-table-column prop="createTime" label="评价时间" align="center">
 <script setup lang="ts">
 import { reactive, ref, onMounted } from "vue";
-import {
-  handworkList,
-  eventCategory,
-  handworkDelete,
-  handworkCancel,
-} from "@/api/event";
+import { handworkList, handworkDelete, handworkCancel } from "@/api/event";
 import { parseTime, globalFilters } from "@/utils/tool";
 import { statusData, publishData } from "./../config";
 import { useLoginStore } from "@/pinia/login";
@@ -28,13 +23,11 @@ interface Params {
 interface Data {
   loading: boolean;
   list: any[] | null;
-  category: any[] | null;
   params: Params;
 }
 const value1 = ref([]);
 let data = reactive({
   list: [],
-  category: [],
   loading: false,
   params: {
     total: 0,
@@ -75,25 +68,6 @@ const handleTimeChange = (value: array) =&gt; {
   getList();
 };
 /**
- * 活动分类
- * @param {number | null} pageSize 一次请求多少条数据
- */
-const getCategory = async (pageSize: number = 20) => {
-  try {
-    const res = await eventCategory({
-      page: 1,
-      pageSize: pageSize,
-      oId: useLoginStore()?.getOid ?? 0,
-    });
-    data.category = res?.data?.data?.list;
-    if (res?.data?.data?.total > pageSize) {
-      getCategory(res?.data?.data?.total);
-    }
-  } catch (e) {
-    console.log(e);
-  }
-};
-/**
  * 取消发布
  */
 const handleCancel = (id: number) => {
@@ -161,7 +135,6 @@ const handleDelete = (id: number | string) =&gt; {
 };
 onMounted(() => {
   getList();
-  getCategory();
 });
 </script>
@@ -227,14 +200,11 @@ onMounted(() =&gt; {
         label="活动名称"
         align="center"
       ></el-table-column>
-      <el-table-column prop="craftId" label="活动分类" align="center">
-        <template #default="scope">
-          {{
-            data.category.find((item) => ~~item.id === ~~scope.row.craftId)
-              ?.name
-          }}
-        </template>
-      </el-table-column>
+      <el-table-column
+        prop="craftName"
+        label="活动分类"
+        align="center"
+      ></el-table-column>
       <el-table-column
         prop="personLimit"
         label="活动人数"
@@ -245,24 +215,31 @@ onMounted(() =&gt; {
         label="参与人数"
         align="center"
       ></el-table-column>
+      <el-table-column
+        prop="signupResidueNum"
+        label="富余人数"
+        align="center"
+      ></el-table-column>
       <el-table-column prop="startTime" label="活动报名时间" align="center">
         <template #default="scope">
           {{ parseTime(new Date(scope.row.signupStartTime).getTime()) }} ~
           {{ parseTime(new Date(scope.row.signupEndTime).getTime()) }}
         </template>
       </el-table-column>
+      <el-table-column prop="startTime" label="活动时间" align="center">
+        <template #default="scope">
+          {{ parseTime(new Date(scope.row.startTime).getTime()) }} ~
+          {{ parseTime(new Date(scope.row.endTime).getTime()) }}
+        </template>
+      </el-table-column>
       <el-table-column
         prop="duration"
         label="活动时长/小时"
         align="center"
       ></el-table-column>
-      <el-table-column
-        prop="unitPrice"
-        label="单价/元"
-        align="center"
-      >
+      <el-table-column prop="unitPrice" label="单价/元" align="center">
         <template #default="scope">
-          {{(~~scope.row.unitPrice / 100).toFixed(2)}}
+          {{ (~~scope.row.unitPrice / 100).toFixed(2) }}
         </template>
       </el-table-column>
       <el-table-column
@@ -294,12 +271,6 @@ onMounted(() =&gt; {
           {{ globalFilters(scope.row.status, publishData) }}
         </template>
       </el-table-column>
-      <el-table-column prop="startTime" label="活动时间" align="center">
-        <template #default="scope">
-          {{ parseTime(new Date(scope.row.startTime).getTime()) }} ~
-          {{ parseTime(new Date(scope.row.endTime).getTime()) }}
-        </template>
-      </el-table-column>
       <el-table-column label="操作" align="center">
         <template #default="scope">
           <!-- 已发布的活动不能编辑和删除。 -->
@@ -315,7 +286,14 @@ onMounted(() =&gt; {
           <!-- 活动取消发布了以后，只能查看人员 -->
           <el-button type="text"
             ><router-link
-              :to="{ path: '/event/signup', query: { id: scope.row.id, eName: scope.row.name } }"
+              :to="{
+                path: '/event/signup',
+                query: {
+                  id: scope.row.id,
+                  eName: scope.row.name,
+                  unitPrice: scope.row.unitPrice,
+                },
+              }"
               >查看人员</router-link
             ></el-button
           >
@@ -139,11 +139,27 @@ onMounted(() =&gt; {
         label="联系方式"
         align="center"
       ></el-table-column>
-      <el-table-column prop="refundStatus" label="退费状态" align="center">
+      <!-- 收费活动展示退费状态，免费活动展示报名状态 -->
+      <el-table-column
+        prop="refundStatus"
+        label="退费状态"
+        align="center"
+        v-if="~~useRoute().query.unitPrice > 0"
+      >
         <template #default="scope">
           {{ globalFilters(scope.row.refundStatus, refundStatus) }}
         </template>
       </el-table-column>
+      <el-table-column
+        prop="refundStatus"
+        label="报名状态"
+        align="center"
+        v-if="~~useRoute().query.unitPrice === 0"
+      >
+        <template #default="scope">
+          {{ ~~scope.row.refundStatus === 0 ? "已报名" : "取消报名" }}
+        </template>
+      </el-table-column>
       <el-table-column label="操作" align="center">
         <template #default="scope">
           <!-- 未退费和退费失败的参与人员可以移除 -->
@@ -151,7 +167,7 @@ onMounted(() =&gt; {
             type="text"
             @click="handleRemove(scope.row)"
             v-show="[0, 4].includes(~~scope.row.refundStatus)"
-            >移除</el-button
+            >取消报名</el-button
           >
         </template>
       </el-table-column>