活动分类回显

杨泽宇
1 parent 55e05791
Showing 5 changed files with 59 additions and 24 deletions
src/api/event/index.ts
src/views/event/category/index.vue
src/views/event/handwork/edit.vue
src/views/event/handwork/index.vue
src/views/event/handwork/signup.vue
@@ -2,7 +2,7 @@ import request from &#39;../request&#39;
 import { deleteEmptyParam } from '@/utils/tool'
 /**
- * @description 公益分类
+ * @description 活动分类
  * @function eventCategory
  */
 export const eventCategory = async ( params: any ) => {
@@ -15,7 +15,7 @@ export const eventCategory = async ( params: any ) =&gt; {
 }
 /**
- * @description 公益编辑
+ * @description 活动编辑
  * @function eventCategoryEdit
  */
  export const eventCategoryEdit = async ( data: any ) => {
@@ -28,7 +28,7 @@ export const eventCategory = async ( params: any ) =&gt; {
 }
 /**
- * @description 公益删除
+ * @description 活动删除
  * @function eventCategoryOmit
  */
  export const eventCategoryOmit = async ( params: any ) => {
@@ -41,7 +41,7 @@ export const eventCategory = async ( params: any ) =&gt; {
 }
 /**
- * @description 公益详情
+ * @description 活动详情
  * @function eventCategoryDetail
  */
  export const eventCategoryDetail = async ( params: any ) => {
@@ -120,7 +120,7 @@ export const signupList = async (params: any) =&gt; {
 }
 /**
- * @description 报名信息
+ * @description 移除报名信息
  * @function cancelSignup
  */
  export const cancelSignup = async (params: any) => {
@@ -54,7 +54,7 @@ const rules = reactive({
   name: [
     {
       required: true,
-      message: "请填写公益名称",
+      message: "请填写活动名称",
       trigger: "change",
     },
   ],
@@ -189,7 +189,7 @@ onMounted(() =&gt; {
 <template>
   <div class="page-container">
-    <!-- <h1>公益分类</h1> -->
+    <!-- <h1>活动分类</h1> -->
     <el-row style="padding-bottom: 20px">
       <el-form :inline="true" label-width="70px">
         <el-form-item label="名称">
@@ -20,7 +20,7 @@ let form = reactive({
     unitPrice: null,
     description: "",
     id: null,
-    oid: null,
+    oid: useLoginStore()?.getOid ?? 0,
     organizer: "",
     personLimit: null,
     publicityPic: "",
@@ -186,7 +186,9 @@ const submitForm = (
   if (!formEl) return;
   formEl.validate(async (valid) => {
     if (valid) {
-      form.data.publicityPic = form.publicityPic.map(item => item.url).join(',')
+      form.data.publicityPic = form.publicityPic
+        .map((item) => item.url)
+        .join(",");
       handworkEdit(form.data)
         .then((res) => {
           if (res) {
@@ -210,7 +212,7 @@ const submitForm = (
   });
 };
 /**
- * 公益分类
+ * 活动分类
  * @param {number | null} pageSize 一次请求多少条数据
  */
 const getCategory = async (pageSize: number = 20) => {
@@ -260,6 +262,7 @@ onMounted(() =&gt; {
   if (JSON.stringify(useRoute().query) === "{}") {
     form.dataType = "add";
   } else {
+    console.log(useRoute().query);
     form.dataType = "edit";
     form.data = useRoute().query;
     form.data.craftId = ~~useRoute().query.craftId;
@@ -336,7 +339,11 @@ onMounted(() =&gt; {
             @change="handleTimeChange"
           ></el-date-picker>
         </el-form-item>
-        <el-form-item label="报名时间" prop="signupStartTime" style="width: 100%">
+        <el-form-item
+          label="报名时间"
+          prop="signupStartTime"
+          style="width: 100%"
+        >
           <el-date-picker
             v-model="form.value2"
             type="datetimerange"
@@ -439,7 +446,7 @@ onMounted(() =&gt; {
         <el-form-item label="小区" prop="neighborhoodId" style="width: 100%">
           <el-checkbox-group
             v-model="form.communityList"
-            @change="(data) => (form.data.neighborhoodIds = data.join(','))"
+            @change="(data) => (form.data.neighborhoodId = data.join(','))"
             v-if="form.communities.length"
           >
             <el-checkbox
 <script setup lang="ts">
 import { reactive, ref, onMounted } from "vue";
-import { handworkList } from "@/api/event";
+import { handworkList, eventCategory } from "@/api/event";
 import { parseTime } from "@/utils/tool";
 import { statusData } from "./../config";
 import { useLoginStore } from "@/pinia/login";
@@ -23,11 +23,13 @@ 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,
@@ -67,8 +69,28 @@ const handleTimeChange = (value: array) =&gt; {
   data.params.query.endTime = value ? value[1] : "";
   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);
+  }
+};
 onMounted(() => {
   getList();
+  getCategory();
 });
 </script>
@@ -134,11 +156,14 @@ onMounted(() =&gt; {
         label="活动名称"
         align="center"
       ></el-table-column>
-      <el-table-column
-        prop="craftId"
-        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="organizer"
         label="发布人"
@@ -182,15 +207,17 @@ onMounted(() =&gt; {
       <el-table-column label="操作" align="center">
         <template #default="scope">
           <el-button type="text" :disabled="~~scope.row.status !== 0"
-            ><router-link :to="{ path: '/event/handwork/edit', query: scope.row }"
+            ><router-link
+              :to="{ path: '/event/handwork/edit', query: scope.row }"
               >编辑</router-link
             ></el-button
           >
-          <el-button type="text">删除</el-button>
-          <el-button type="text"><router-link :to="{ path: '/event/handwork/signup', query: scope.row }"
+          <el-button type="text"
+            ><router-link
+              :to="{ path: '/event/signup', query: { id: scope.row.id } }"
               >查看人员</router-link
-            ></el-button>
-          <el-button type="text">编辑/查看/发布活动总结</el-button>
+            ></el-button
+          >
         </template>
       </el-table-column>
     </el-table>
@@ -2,6 +2,7 @@
 import { reactive, ref, onMounted } from "vue";
 import { signupList, cancelSignup } from "@/api/event";
 import { parseTime } from "@/utils/tool";
+import { useRoute } from "vue-router";
 import Pagination from "@/components/Pagination/index.vue";
 import { ElMessageBox, ElMessage } from "element-plus";
 interface Form {
@@ -30,7 +31,7 @@ let data = reactive({
       pageSize: 10,
       name: "",
       mobile: "",
-      handworkId: 4,
+      handworkId: useRoute().query.id,
     },
   },
 });