From c38a2a46eadc50a3d1b8937a429891a0bc45eb6d Mon Sep 17 00:00:00 2001
From: wangxiangwen4 <1906413238@qq.com>
Date: Tue, 22 Jul 2025 13:16:41 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=94=B9=E5=9B=BE=E6=A0=87+=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4=E5=A5=96=E5=93=81=E4=B8=AD=E5=A4=9A=E4=BD=99=E7=9A=84?=
 =?UTF-8?q?js+=E7=94=A8=E6=88=B7=E7=AE=A1=E7=90=86=E5=88=9D=E7=89=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 activitylink/package-lock.json                  |   1 +
 activitylink/package.json                       |   1 +
 activitylink/src/api/manage/gift.js             |  22 +-
 activitylink/src/router/index.js                |   5 +
 activitylink/src/views/zhongchou/index.vue      |  13 +-
 activitylink/src/views/zhongchou/user/index.vue | 262 ++++++++++++++++++++++++
 6 files changed, 280 insertions(+), 24 deletions(-)
 create mode 100644 activitylink/src/views/zhongchou/user/index.vue

diff --git a/activitylink/package-lock.json b/activitylink/package-lock.json
index ab540ac..17b08da 100644
--- a/activitylink/package-lock.json
+++ b/activitylink/package-lock.json
@@ -8,6 +8,7 @@
       "name": "activitylink",
       "version": "0.0.0",
       "dependencies": {
+        "@element-plus/icons-vue": "^2.3.1",
         "@vitejs/plugin-vue": "^4.6.2",
         "axios": "^1.10.0",
         "element-plus": "^2.10.4",
diff --git a/activitylink/package.json b/activitylink/package.json
index 557f07f..7ab17df 100644
--- a/activitylink/package.json
+++ b/activitylink/package.json
@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@element-plus/icons-vue": "^2.3.1",
     "@vitejs/plugin-vue": "^4.6.2",
     "axios": "^1.10.0",
     "element-plus": "^2.10.4",
diff --git a/activitylink/src/api/manage/gift.js b/activitylink/src/api/manage/gift.js
index 3989484..c1c7fab 100644
--- a/activitylink/src/api/manage/gift.js
+++ b/activitylink/src/api/manage/gift.js
@@ -23,26 +23,6 @@ export function deletePrize(id) {
 //奖品分页查询
 export function getPrizeList(params) {
   return request({
-    url: '/admin/prize/add',
-    method: 'post',
-    data: data,
-    headers: {
-      'Content-Type': 'application/json'
-    }
-  })
-}
-
-// 奖品删除
-export function deletePrize(id) {
-  return request({
-    url: '/admin/prize/delete',
-    method: 'post',
-    params: params
-  })
-}
-//奖品分页查询
-export function getPrizeList(params) {
-  return request({
     url: '/admin/prize/list',
     method: 'post',
     params: params
@@ -178,4 +158,4 @@ export const importFixUsers = (file,gradeId) => {
       'Content-Type': 'multipart/form-data'
     }
   });
-};
+};
\ No newline at end of file
diff --git a/activitylink/src/router/index.js b/activitylink/src/router/index.js
index 2d35cca..e95e914 100644
--- a/activitylink/src/router/index.js
+++ b/activitylink/src/router/index.js
@@ -28,6 +28,11 @@ const routes = [
             component: () => import('../views/zhongchou/gift/index.vue'),
           },
           {
+            path: 'userManagement', // 注意这里不要加斜杠，表示相对路径
+            name: 'zhongchouuser',
+            component: () => import('../views/zhongchou/user/index.vue'),
+          },
+          {
             path: 'giftManagement/importUsers', // 注意这里不要加斜杠，表示相对路径
             name: 'importUsers',
             component: () => import('../views/zhongchou/gift/importuser/index.vue'),
diff --git a/activitylink/src/views/zhongchou/index.vue b/activitylink/src/views/zhongchou/index.vue
index a40c046..360daca 100644
--- a/activitylink/src/views/zhongchou/index.vue
+++ b/activitylink/src/views/zhongchou/index.vue
@@ -5,7 +5,9 @@ import {
   Location,
   Menu as IconMenu,
   Document,
-  Setting
+  Setting,
+  User,
+  HelpFilled
 } from '@element-plus/icons-vue'
 import { useRouter } from 'vue-router'
 const router = useRouter()
@@ -56,8 +58,13 @@ const handleClose = (key, keyPath) => {
             </el-menu-item>
             
             <el-menu-item index="/zhongchou/activityManagement">
-              <el-icon><setting /></el-icon>
-              <span>众筹活动</span>
+              <el-icon><HelpFilled /></el-icon>
+              <span>活动管理</span>
+            </el-menu-item>
+
+            <el-menu-item index="/zhongchou/userManagement">
+              <el-icon><User /></el-icon>
+              <span>用户管理</span>
             </el-menu-item>
           </el-menu>
         </el-aside>
diff --git a/activitylink/src/views/zhongchou/user/index.vue b/activitylink/src/views/zhongchou/user/index.vue
new file mode 100644
index 0000000..aac373b
--- /dev/null
+++ b/activitylink/src/views/zhongchou/user/index.vue
@@ -0,0 +1,262 @@
+<template>
+    <el-card style="margin-top: 50px; min-height: 90vh; max-height: 90vh;">
+      <!-- 搜索栏 -->
+      <div class="gray-container">
+        <h2>中奖管理</h2>
+        <el-form :inline="true" class="search-bar">
+          <el-form-item label="姓名">
+            <el-input v-model="searchParams.username" placeholder="请输入姓名"></el-input>
+          </el-form-item>
+          <el-form-item label="精网号">
+            <el-input
+              v-model="searchParams.jwcode"
+              placeholder="请输入精网号"
+              @input="handleJingwangIdInput"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="中奖等级">
+            <el-select
+              v-model="searchParams.gradeId"
+              placeholder="请选择"
+              class="prize-level-select"
+              style="width: 220px"
+            >
+              <el-option label="全部" value=""></el-option>
+              <el-option
+                v-for="item in gradeOptions"
+                :key="item.id"
+                :label="item.gradeName"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="handleSearch">搜索</el-button>
+          </el-form-item>
+          <el-form-item>
+            <el-button @click="handleReset">重置</el-button>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="handleExport">导出数据</el-button>
+          </el-form-item>
+        </el-form>
+  
+        <!-- 表格 -->
+        <div class="table-container">
+          <el-table :data="tableData" style="width: 100%" :row-style="{ height: '55px' }">
+            <el-table-column prop="username" label="姓名" width="180" align="center"></el-table-column>
+            <el-table-column prop="jwcode" label="精网号" width="250" align="center"></el-table-column>
+            <el-table-column prop="gradeName" label="中奖等级" width="200" align="center"></el-table-column>
+            <el-table-column prop="prizeName" label="所中礼品" width="300" align="center"></el-table-column>
+            <el-table-column prop="winTime" label="中奖时间" align="center"></el-table-column>
+          </el-table>
+        </div>
+      </div>
+  
+      <!-- 分页组件 -->
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="searchParams.pageNum"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="searchParams.pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      >
+      </el-pagination>
+    </el-card>
+  </template>
+  
+  <script setup>
+  import { ref, onMounted } from 'vue'
+  import { useactivityStone } from '@/stone/activityStone'
+  import { useWinStone } from '@/stone/winStone'
+  import { getWinList, getWinLevelList ,exportWinExcel} from '@/api/manage/win'
+  import { onBeforeRouteLeave } from 'vue-router'
+  import { ElMessage } from 'element-plus'
+  const activityStone = useactivityStone()
+  const winStone = useWinStone()
+  
+  // 搜索参数（初始化时使用持久化值）
+  const searchParams = ref({
+    pageNum: 1,
+    pageSize: 10,
+    username: "",
+    gradeId: "",
+    jwcode: ""
+  })
+  
+  // 中奖等级选项
+  const gradeOptions = ref([])
+  
+  // 表格数据
+  const tableData = ref([])
+  const total = ref(0)
+  
+  // 获取中奖等级列表
+  const fetchWinLevelList = async () => {
+    try {
+      const res = await getWinLevelList()
+      if (res.code === 200) {
+        gradeOptions.value = res.data
+      }
+    } catch (error) {
+      console.error('获取中奖等级列表失败:', error)
+    }
+  }
+  
+  const handleSizeChange = (val) => {
+    searchParams.value.pageSize = val
+    searchParams.value.pageNum = 1
+    fetchWinList()
+  }
+  
+  const handleCurrentChange = (val) => {
+    searchParams.value.pageNum = val
+    fetchWinList()
+  }
+  // 获取中奖列表
+  const fetchWinList = async () => {
+    try {
+      const requestData = {
+        username: activityStone.searchUsername,
+        gradeId: winStone.searchgradeId,
+        jwcode: activityStone.searchJwcode,
+        pageNum: searchParams.value.pageNum,
+        pageSize: searchParams.value.pageSize
+      }
+      console.log('请求参数:', requestData)
+      const res = await getWinList(requestData)
+      if (res.code === 200) {
+        tableData.value = res.data.list
+        console.log('获取中奖列表成功:', tableData.value)
+        total.value = res.data.total
+      }
+    } catch (error) {
+      console.error('获取中奖列表失败:', error)
+    }
+  }
+  
+  // 搜索
+  const handleSearch = () => {
+    searchParams.value.pageNum = 1
+  
+    // 更新持久化值
+    activityStone.setSearchUsername(searchParams.value.username)
+    activityStone.setSearchJwcode(searchParams.value.jwcode)
+    winStone.setSearchgradeId(searchParams.value.gradeId)
+  
+    fetchWinList()
+  }
+  
+  // 导出数据
+  const handleExport = async () => {
+    try {
+  
+      const username = activityStone.searchUsername;
+      const jwcode = activityStone.searchJwcode;
+      const gradeId = winStone.searchgradeId;
+  
+      // 构造请求参数
+      const exportData = {
+        gradeId,
+        username,
+        jwcode
+      };
+  
+      // 调用导出接口（返回的是 blob 数据）
+      const response = await exportWinExcel(exportData);
+  
+      // 创建 Blob 对象
+      const blob = new Blob([response], {
+        type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      });
+  
+      // 创建下载链接
+      const downloadUrl = window.URL.createObjectURL(blob);
+  
+      // 创建 <a> 标签并模拟点击
+      const link = document.createElement('a');
+      link.href = downloadUrl;
+      link.setAttribute('download', '中奖用户.xlsx'); // 指定文件名为“周年庆活动.xlsx”
+      document.body.appendChild(link);
+      link.click();
+  
+      // 清理资源
+      link.remove();
+      window.URL.revokeObjectURL(downloadUrl);
+    } catch (error) {
+      console.error('导出数据失败:', error);
+      ElMessage.error('导出数据失败');
+    }
+  };
+  
+  
+  // 重置搜索
+  const handleReset = () => {
+    searchParams.value = {
+      pageNum: 1,
+      pageSize: 10,
+      username: '',
+      gradeId: '',
+      jwcode: ''
+    }
+  
+    // 清空持久化值
+    activityStone.setSearchUsername('')
+    activityStone.setSearchJwcode('')
+    winStone.setSearchgradeId('')
+  
+    fetchWinList()
+  }
+  
+  // 精网号输入处理
+  const handleJingwangIdInput = (value) => {
+    searchParams.value.jwcode = value.replace(/\D/g, '')
+  }
+  
+  // 页面加载时获取数据
+  onMounted(() => {
+    fetchWinLevelList()
+    fetchWinList()
+  })
+  
+  onBeforeRouteLeave((to, from, next) => {
+    // 判断是否跳转到 activity/index 页面
+    if (to.name !== 'zhongchouwinning') {
+      // 清空 winStone 中的 gradeId
+      winStone.setSearchgradeId('')
+  
+      // 清空 activityStone 中的搜索值
+      activityStone.setSearchUsername('')
+      activityStone.setSearchJwcode('')
+    }
+  
+    next() // 必须调用 next()
+  })
+  </script>
+  
+  <style scoped>
+  .gray-container {
+    width: 100%;
+    background-color: #ffffff;
+    padding: 20px;
+    box-sizing: border-box;
+    min-height: 80vh;
+    overflow-x: hidden;
+  }
+  
+  .search-bar {
+    margin-bottom: 20px;
+  }
+  
+  .prize-level-select {
+    width: 220px;
+  }
+  
+  .table-container {
+    height: 600px;
+    overflow-y: auto;
+  }
+  </style>
\ No newline at end of file