网页警告改正+等级管理页面重新制作

activitylink/src/views/zhongchou/activity/detail/index.vue

@@ -219,14 +219,16 @@ const goBack = () => {
 
 // 搜索逻辑
 const handleSearch = () => {
-  console.log('Search:', searchName.value, searchJingwangId.value, searchMarket.value)
+  console.log('Search:', searchdata.value)
 }
 
 // 重置搜索条件
 const handleReset = () => {
-  searchName.value = ''
-  searchJingwangId.value = ''
-  searchMarket.value = ''
+  searchdata.value = {
+    name: '',
+    jingwangId: '',
+    market: ''
+  }
 }
 
 // 导出数据
@@ -247,7 +249,7 @@ const handleCurrentChange = (val) => {
 
 // 输入精网号处理
 const handleJingwangIdInput = (value) => {
-  searchJingwangId.value = value.replace(/\D/g, '')
+  searchdata.value.jingwangId = value.replace(/\D/g, '')
 }
 </script>
 

activitylink/src/views/zhongchou/activity/index.vue

@@ -47,6 +47,7 @@
             title="添加活动"
             width="500"
             align-center
+            @closed="cancel"
           >
           <el-form ref="addForm" :model="activity" label-width="80px">
             <el-form-item label="活动名称" prop="name">

activitylink/src/views/zhongchou/activity/set/index.vue

@@ -49,7 +49,7 @@
     </el-dialog>
 
     <!-- 初始数据确认对话框 -->
-    <el-dialog v-model="showInitialConfirmDialog" title="确认设置初始数据" width="30%" :rule="rules">
+    <el-dialog v-model="showInitialConfirmDialog" title="确认设置初始数据" width="30%">
       <span>您确定要设置初始数据为 {{ initialData }} 分钟吗？</span>
       <template #footer>
         <span class="dialog-footer">
@@ -69,13 +69,13 @@ import { useRouter } from 'vue-router';
 const router = useRouter();
 
 // 数据定义
-const initialData = ref('');
+const initialData = ref(null);
 const usStockBoostCount = ref(234);
-const usStockAddCount = ref('');
+const usStockAddCount = ref(null);
 const usStockDisplayCount = ref(345);
 
 const hkStockBoostCount = ref(164);
-const hkStockAddCount = ref('');
+const hkStockAddCount = ref(null);
 const hkStockDisplayCount = ref(355);
 
 // 弹窗控制
@@ -107,7 +107,7 @@ const confirmInitialData = () => {
   console.log('已设置初始数据:', pendingInitialData.value);
 
   // 清空输入框并关闭弹窗
-  initialData.value = '';
+  initialData.value = null;
   showInitialConfirmDialog.value = false;
 };
 
@@ -117,11 +117,11 @@ const confirmAdd = () => {
   if (type === 'us') {
     usStockBoostCount.value += parseInt(usStockAddCount.value);
     usStockDisplayCount.value = usStockBoostCount.value;
-    usStockAddCount.value = '';
+    usStockAddCount.value = null;
   } else if (type === 'hk') {
     hkStockBoostCount.value += parseInt(hkStockAddCount.value);
     hkStockDisplayCount.value = hkStockBoostCount.value;
-    hkStockAddCount.value = '';
+    hkStockAddCount.value = null;
   }
 
   // 清空动作并关闭弹窗

activitylink/src/views/zhongchou/gift/importFixedList/index.vue

@@ -190,6 +190,11 @@
     return users.value.slice(start, end)
   })
   
+const search = () => {
+    // 搜索逻辑
+    console.log('执行搜索')
+  }
+
   const winuser=ref({
     name: '',
     jingwangId: '',
@@ -249,7 +254,7 @@ const addwinUser = () => {
   }
 
   const handleJingwangIdInput = (value) => {
-    searchJingwangId.value = value.replace(/\D/g, '')
+    searchData.value.jingwangId = value.replace(/\D/g, '')
     }
 
     // 返回上一页

activitylink/src/views/zhongchou/gift/importuser/index.vue

@@ -194,6 +194,11 @@
     jingwangId: '',
   })
 
+  const search = () => {
+    // 搜索逻辑
+    console.log('执行搜索')
+  }
+
   // 删除用户
   const deleteUser = (user) => {
     const index = users.value.findIndex(u => u.id === user.id)
@@ -250,7 +255,7 @@ const addwinUser = () => {
   }
 
   const handleJingwangIdInput = (value) => {
-  searchJingwangId.value = value.replace(/\D/g, '')
+  searchData.value.jingwangId = value.replace(/\D/g, '')
 }
   </script>
   

activitylink/src/views/zhongchou/gift/index.vue

@@ -205,10 +205,11 @@ const deleteGift = (row) => {
     cancelButtonText: '取消',
     type: 'warning'
   }).then(() => {
-    gifts.value = gifts.value.filter(item => item.id !== row.id)
+    // gifts.value = gifts.value.filter(item => item.id !== row.id)
     ElMessage.success('删除成功')
   }).catch(() => {
     // 取消操作
+    ElMessage.info('已取消删除')
   })
 }
 

activitylink/src/views/zhongchou/index.vue

@@ -10,30 +10,13 @@ import {
 import { useRouter } from 'vue-router'
 const router = useRouter()
 const handleOpen = (key, keyPath) => {
-  console.log('菜单打开:', key, keyPath)
+  // console.log('菜单打开:', key, keyPath)
 }
 const handleClose = (key, keyPath) => {
-  console.log('菜单关闭:', key, keyPath)
+  // console.log('菜单关闭:', key, keyPath)
 }
 
-const goToLevel = () => {
-  router.push({ name: 'zhongchoulevel' })
-}
-const goToGift = () => {
-  router.push({ name: 'zhongchougift' })
-}
-
-const goToWinning = () => {
-  router.push({ name: 'zhongchouwinning' })
-}
 
-const goToActivity = () => {
-  router.push({ name: 'zhongchouactivity' })
-}
-
-const goTomainImg = () => {
-  router.push({ name: 'mainImg' })
-}
 </script>
 
 <template>
@@ -52,27 +35,27 @@ const goTomainImg = () => {
             style="height: 100%;"
             router
           >
-            <el-menu-item @click="goTomainImg">
+            <el-menu-item index="/zhongchou/mainimg" >
               <el-icon><Promotion /></el-icon> 
               <span>后台管理系统</span>
             </el-menu-item>
             
-            <el-menu-item @click="goToLevel">
+            <el-menu-item index="/zhongchou/levelManagement" >
               <el-icon><location /></el-icon>
               <span>等级管理</span>
             </el-menu-item>
             
-            <el-menu-item @click="goToGift">
+            <el-menu-item index="/zhongchou/giftManagement" >
               <el-icon><icon-menu /></el-icon>
               <span>礼品管理</span>
             </el-menu-item>
             
-            <el-menu-item @click="goToWinning">
+            <el-menu-item index="/zhongchou/winningManagement">
               <el-icon><document /></el-icon>
               <span>中奖管理</span>
             </el-menu-item>
             
-            <el-menu-item @click="goToActivity">
+            <el-menu-item index="/zhongchou/activityManagement">
               <el-icon><setting /></el-icon>
               <span>众筹活动</span>
             </el-menu-item>

activitylink/src/views/zhongchou/level/index.vue

@@ -1,308 +1,322 @@
 <template>
-    <el-card style="margin-top:50px ; min-height: 90vh; max-height: 90vh;">
-        <div class="gray-container">
-            <h2>等级管理</h2>
-            <el-button type="primary" @click="addShow">添加等级</el-button>
-            <div class="table-container" style="flex: 1; overflow-y: auto;">
-                <el-table :data="currentPageData" style="width: 100%" :row-style="{ height: '55px' }">
-                <el-table-column type="index" label="ID" width="150" align="center"/>
-                <el-table-column prop="gradeName" label="等级名称" width="200" align="center"/>
-                <el-table-column prop="num" label="数量" width="250" align="center"/>
-                <el-table-column prop="numPeople" label="每轮抽取人数" width="300" align="center"/>
-                <el-table-column prop="sort" label="排序" width="200" align="center"/>
-                <el-table-column fixed="right" prop="operation" label="操作" align="center">
-                        <template #default="scope">
-                            <div style="display: flex; gap: 10px;">
-                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-
-                            <el-button type="primary" text @click="editInit(scope.row)">编辑</el-button>
-                            &nbsp;&nbsp;&nbsp;
-                            <el-button type="primary" text @click="SetShow">设置多个</el-button>
-                            <el-popconfirm title="确定将此用户删除吗？">
-                                <template #reference>
-                                <el-button type="danger" text>删除</el-button>
-                                </template>
-                                <template #actions="{ confirm, cancel }">
-                                <el-button size="small" @click="cancel">取消</el-button>
-                                <el-button type="primary" size="small" @click="confirm">确定</el-button>
-                                </template>
-                            </el-popconfirm>
-                            </div>
-                        </template>
-                </el-table-column>
-            </el-table>
-            </div>
-
+    <el-card style="margin-top: 50px; min-height: 90vh; max-height: 90vh; display: flex; flex-direction: column;">
+      <div class="level-management-container" style="flex: 1; overflow-y: auto;">
+        <h2>等级管理</h2>
+        <!-- 添加等级按钮 -->
+        <div class="action-buttons">
+          <el-button type="primary" @click="showAddDialog">添加等级</el-button>
         </div>
- 
-        <!-- 分页 -->
-        <el-pagination
-            class="pagination"
-            v-model:current-page="pagination.pageNum"
-            v-model:page-size="pagination.pageSize"
-            layout="total, sizes, prev, pager, next, jumper"
-            :total="tableData.length"
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-        >
-  </el-pagination>
-    </el-card>
-
-    <el-dialog v-model="showAdd"  style="width:600px" align-center>
-        <el-header>
-            <h2>添加等级</h2>
-        </el-header>
-        <el-form :model="addObj"  ref="addForm">
-            <div class="marginTop">
-                <span style="width: 100px; display: inline-block; text-align: right;">等级名称：</span><el-input
-                    v-model="addObj.gradeName" placeholder="请输入" style="width:200px"></el-input>
-            </div>
-            <div class="marginTop">
-                <span style="width: 100px; display: inline-block; text-align: right;">数量：</span><el-input
-                    v-model="addObj.num" placeholder="请输入" style="width:200px"></el-input>
-            </div>
-            <div class="marginTop">
-                <span style="width: 100px; display: inline-block; text-align: right;">每轮抽取人数：</span><el-input
-                    v-model="addObj.numPeople" placeholder="请输入" style="width:200px"></el-input>
-            </div>
-            <div class="marginTop">
-                <span style="width: 100px; display: inline-block; text-align: right;">排序：</span><el-input
-                    v-model="addObj.sort" placeholder="请输入" style="width:200px"></el-input>
-            </div>
-        </el-form>
-        <template #footer>
-            <div class="dialog-footer" style="text-align: right; margin-top:10px">
-                <el-button @click="showAdd = false">取消</el-button>
-                <el-button type="primary" @click="showAdd = false"><!-- 改一下 -->
-                    确定
-                </el-button>
-            </div>
-        </template>
-    </el-dialog>
-
-    <el-dialog v-model="showEdit" style="width:600px" align-center>
-        <el-header>
-            <h2>编辑等级</h2>
-        </el-header>
-        <el-form :model="editObj" ref="addForm">
-            <div class="marginTop">
-                <span style="width: 100px; display: inline-block; text-align: right;">等级名称：</span><el-input
-                    v-model="editObj.gradeName" placeholder="请输入" style="width:200px"></el-input>
-            </div>
-            <div class="marginTop">
-                <span style="width: 100px; display: inline-block; text-align: right;">数量：</span><el-input
-                    v-model="editObj.num" placeholder="请输入" style="width:200px"></el-input>
-            </div>
-            <div class="marginTop">
-                <span style="width: 100px; display: inline-block; text-align: right;">每轮抽取人数：</span><el-input
-                    v-model="editObj.numPeople" placeholder="请输入" style="width:200px"></el-input>
-            </div>
-            <div class="marginTop">
-                <span style="width: 100px; display: inline-block; text-align: right;">排序：</span><el-input
-                    v-model="editObj.sort" placeholder="请输入" style="width:200px"></el-input>
-            </div>
+  
+        <!-- 等级表格 -->
+        <div class="table-container">
+          <el-table :data="currentPageData" style="width: 100%" :row-style="{ height: '55px' }">
+            <el-table-column type="index" label="ID" width="150" align="center" />
+            <el-table-column prop="gradeName" label="等级名称" width="200" align="center" />
+            <el-table-column prop="num" label="数量" width="250" align="center" />
+            <el-table-column prop="numPeople" label="每轮抽取人数" width="300" align="center" />
+            <el-table-column prop="sort" label="排序" width="200" align="center" />
+            <el-table-column fixed="right" label="操作" align="center">
+              <template #default="scope">
+                <div style="display: flex; gap: 10px; justify-content: center;">
+                  <el-button size="default" @click="editLevel(scope.row)">编辑</el-button>
+                  <el-button size="default" @click=setmor>设置多个</el-button>
+                  <el-button size="default" type="danger" @click="deleteLevel(scope.row)">删除</el-button>
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </div>
+  
+      <!-- 分页 -->
+      <el-pagination
+        class="pagination"
+        v-model:current-page="pagination.pageNum"
+        v-model:page-size="pagination.pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="tableData.length"
+        :page-sizes="[10, 20, 50, 100]"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        />
+  
+      <!-- 添加/编辑等级对话框 -->
+      <el-dialog v-model="dialogVisible" :title="dialogTitle" width=400px @closed="resetForm">
+        <el-form :model="form" label-width="120px">
+          <el-form-item label="等级名称" align="center">
+            <el-input v-model="form.gradeName" placeholder="请输入等级名称"></el-input>
+          </el-form-item>
+          <el-form-item label="数量" align="center">
+            <el-input-number v-model="form.num" :precision="0" :min="0" placeholder="请输入数量" style="width: 100%;"></el-input-number>
+          </el-form-item>
+          <el-form-item label="每轮抽取人数" align="center">
+            <el-input-number v-model="form.numPeople" :precision="0" :min="0" placeholder="请输入抽取人数" style="width: 100%;"></el-input-number>
+          </el-form-item>
+          <el-form-item label="排序" align="center">
+            <el-input-number v-model="form.sort" :precision="0" :min="0" placeholder="请输入排序等级" style="width: 100%;"></el-input-number>
+          </el-form-item>
         </el-form>
         <template #footer>
-            <div class="dialog-footer" style="text-align: right; margin-top:10px">
-                <el-button @click="showEdit = false">取消</el-button>
-                <el-button type="primary" @click="showEdit = false"><!-- 改一下 -->
-                    确定
-                </el-button>
-            </div>
+          <span class="dialog-footer">
+            <el-button @click="dialogVisible = false">取消</el-button>
+            <el-button type="primary" @click="submitForm">确认</el-button>
+          </span>
         </template>
-    </el-dialog>
+      </el-dialog>
 
-    <el-dialog v-model="showSet" style="width:600px" align-center>
-        <el-header>
-            <h2>设置多个</h2>
-        </el-header>
-        <el-form :model="setObj" ref="addForm">
-            <div class="marginTop">
-                <span style="width: 100px; display: inline-block; text-align: right;">等级名称：</span><el-input
-                    v-model="setObj.gradeName" placeholder="请输入" style="width:200px"></el-input>
-            </div>
-            <div class="marginTop">
-                <span style="width: 100px; display: inline-block; text-align: right;">数量：</span><el-input
-                    v-model="setObj.num" placeholder="请输入" style="width:200px"></el-input>
-            </div>
-            <div class="marginTop">
-                <span style="width: 100px; display: inline-block; text-align: right;">每轮抽取人数：</span><el-input
-                    v-model="setObj.numPeople" placeholder="请输入" style="width:200px"></el-input>
-            </div>
-            <div class="marginTop">
-                <span style="width: 100px; display: inline-block; text-align: right;">排序：</span><el-input
-                    v-model="setObj.sort" placeholder="请输入" style="width:200px"></el-input>
-            </div>
+      <!-- 设置多个对话框 -->
+             <!-- 添加/编辑等级对话框 -->
+      <el-dialog v-model="setmore" :title="setTitle" width=400px @closed="resetForm">
+        <el-form :model="form" label-width="120px">
+          <el-form-item label="等级名称" align="center">
+            <el-input v-model="form.gradeName" placeholder="请输入等级名称"></el-input>
+          </el-form-item>
+          <el-form-item label="数量" align="center">
+            <el-input-number v-model="form.num" :precision="0" :min="0" placeholder="请输入数量" style="width: 100%;"></el-input-number>
+          </el-form-item>
+          <el-form-item label="每轮抽取人数" align="center">
+            <el-input-number v-model="form.numPeople" :precision="0" :min="0" placeholder="请输入抽取人数" style="width: 100%;"></el-input-number>
+          </el-form-item>
+          <el-form-item label="排序" align="center">
+            <el-input-number v-model="form.sort" :precision="0" :min="0" placeholder="请输入排序等级" style="width: 100%;"></el-input-number>
+          </el-form-item>
         </el-form>
         <template #footer>
-            <div class="dialog-footer" style="text-align: right; margin-top:10px">
-                <el-button @click="showSet = false">取消</el-button>
-                <el-button type="primary" @click="showSet = false"><!-- 改一下 -->
-                    确定
-                </el-button>
-            </div>
+          <span class="dialog-footer">
+            <el-button @click="setmore = false">取消</el-button>
+            <el-button type="primary" @click="submitForm">确认</el-button>
+          </span>
         </template>
-    </el-dialog>
-</template>
-<script setup>
-import { ref,computed ,reactive, watch, onMounted } from 'vue'
-const showAdd = ref(false)
-const showEdit = ref(false)
-const showSet = ref(false)
-
-const addShow =  () => {
-    showAdd.value = true
-}
-const SetShow =  () => {
-    showSet.value = true
-}
-
-const addObj = ref({
-    gradeName: '',
-    num: 0,
-    numPeople: 0,
-    sort: 0
-})
-const editObj = ref({})// 要回显
-const setObj = ref({})
-const pagination = ref({
-  pageNum: 1,
-  pageSize: 10,
-  total: 0
-})
-
-// 计算属性 - 当前页数据
-const currentPageData = computed(() => {
-  const start = (pagination.value.pageNum - 1) * pagination.value.pageSize
-  const end = start + pagination.value.pageSize
-  return tableData.value.slice(start, end)
-})
-
-// 处理每页显示数量变化
-const handleSizeChange = (val) => {
-  pagination.value.pageSize = val
-  pagination.value.pageNum = 1
-}
-
-// 处理当前页变化
-const handleCurrentChange = (val) => {
-  pagination.value.pageNum = val
-}
-
-const editInit = function (row) {
-    editObj.value = row
-    showEdit.value = true
-}
-const tableData = ref([
+      </el-dialog>
+    </el-card>
+  </template>
+  
+  <script setup>
+  import { ref, computed } from 'vue'
+  import { ElMessage, ElMessageBox } from 'element-plus'
+  
+  // 数据定义
+  const tableData = ref([
+    {
+      id: 1,
+      gradeName: '等级一',
+      num: 100,
+      numPeople: 10,
+      sort: 1
+    },
+    {
+      id: 2,
+      gradeName: '等级二',
+      num: 200,
+      numPeople: 20,
+      sort: 2
+    },
+    {
+      id: 2,
+      gradeName: '等级二',
+      num: 200,
+      numPeople: 20,
+      sort: 2
+    },
+    {
+      id: 2,
+      gradeName: '等级二',
+      num: 200,
+      numPeople: 20,
+      sort: 2
+    },
+    {
+      id: 2,
+      gradeName: '等级二',
+      num: 200,
+      numPeople: 20,
+      sort: 2
+    },
+    {
+      id: 2,
+      gradeName: '等级二',
+      num: 200,
+      numPeople: 20,
+      sort: 2
+    },
+    {
+      id: 2,
+      gradeName: '等级二',
+      num: 200,
+      numPeople: 20,
+      sort: 2
+    },
+    {
+      id: 2,
+      gradeName: '等级二',
+      num: 200,
+      numPeople: 20,
+      sort: 2
+    },
     {
-        id: 1,
-        num: 1,
-        gradeName: '这是假数据',
-        numPeople: 10,
-        sort: 1
-    },    {
-        id: 1,
-        num: 1,
-        gradeName: '这是假数据',
-        numPeople: 10,
-        sort: 1
-    },    {
-        id: 1,
-        num: 1,
-        gradeName: '这是假数据',
-        numPeople: 10,
-        sort: 1
-    },    {
-        id: 1,
-        num: 1,
-        gradeName: '这是假数据',
-        numPeople: 10,
-        sort: 1
-    },    {
-        id: 1,
-        num: 1,
-        gradeName: '这是假数据',
-        numPeople: 10,
-        sort: 1
-    },    {
-        id: 1,
-        num: 1,
-        gradeName: '这是假数据',
-        numPeople: 10,
-        sort: 1
-    },    {
-        id: 1,
-        num: 1,
-        gradeName: '这是假数据',
-        numPeople: 10,
-        sort: 1
-    },    {
-        id: 1,
-        num: 1,
-        gradeName: '这是假数据',
-        numPeople: 10,
-        sort: 1
-    },    {
-        id: 1,
-        num: 1,
-        gradeName: '这是假数据',
-        numPeople: 10,
-        sort: 1
-    },    {
-        id: 1,
-        num: 1,
-        gradeName: '这是假数据',
-        numPeople: 10,
-        sort: 1
-    },    {
-        id: 1,
-        num: 1,
-        gradeName: '这是假数据',
-        numPeople: 10,
-        sort: 1
-    },    {
-        id: 1,
-        num: 1,
-        gradeName: '这是假数据',
-        numPeople: 10,
-        sort: 1
-    },    {
-        id: 1,
-        num: 1,
-        gradeName: '这是假数据',
-        numPeople: 10,
-        sort: 1
-    },    {
-        id: 1,
-        num: 1,
-        gradeName: '这是假数据',
-        numPeople: 10,
-        sort: 1
-    },    {
-        id: 1,
-        num: 1,
-        gradeName: '这是假数据',
-        numPeople: 10,
-        sort: 1
+      id: 2,
+      gradeName: '等级二',
+      num: 200,
+      numPeople: 20,
+      sort: 2
+    },
+    {
+      id: 2,
+      gradeName: '等级二',
+      num: 200,
+      numPeople: 20,
+      sort: 2
+    },
+    {
+      id: 2,
+      gradeName: '等级二',
+      num: 200,
+      numPeople: 20,
+      sort: 2
+    },
+    {
+      id: 2,
+      gradeName: '等级二',
+      num: 200,
+      numPeople: 20,
+      sort: 2
     }
-])
-</script>
-<style scoped>
-.marginTop {
-    margin-top: 10px;
-}
+  ])
 
-.gray-container {
-  width: 100%; /* 宽度自适应 */
-  background-color: #ffffff; /* 浅灰色背景 */
-  padding: 20px; /* 内边距 */
-  box-sizing: border-box; /* 包含内边距在总宽度内 */
-  min-height: 80vh; /* 设置最小高度 */
-  overflow-x: hidden;
-}
+  const setmore=ref(false)
+  
+  // 分页
+  const pagination = ref({
+    pageNum: 1,
+    pageSize: 10
+  })
+  
+  const currentPageData = computed(() => {
+    const start = (pagination.value.pageNum - 1) * pagination.value.pageSize
+    const end = start + pagination.value.pageSize
+    return tableData.value.slice(start, end)
+  })
+  
+  const handleSizeChange = (val) => {
+    pagination.value.pageSize = val
+    pagination.value.pageNum = 1
+  }
+  
+  const handleCurrentChange = (val) => {
+    pagination.value.pageNum = val
+  }
+  
+  // 对话框相关
+const setTitle = ref('设置多个')
+  const setmor=()=>{ 
+    setmore.value=true
+    
+  }
 
-.table-container {
-  max-height: 600px; /* 或者根据你的页面布局调整 */
-  overflow-y: auto;
+  const dialogVisible = ref(false)
+  const dialogTitle = ref('添加等级')
+  const form = ref({
+    id: null,
+    gradeName: '',
+    num: null,
+    numPeople: null,
+    sort: null
+  })
+  
+  // 显示添加对话框
+  const showAddDialog = () => {
+    dialogTitle.value = '添加等级'
+    form.value = {
+      id: null,
+      gradeName: '',
+      num: null,
+      numPeople: null,
+      sort: null
+    }
+    dialogVisible.value = true
+  }
+  
+  // 显示编辑对话框
+  const editLevel = (row) => {
+    dialogTitle.value = '编辑等级'
+    form.value = { ...row }
+    dialogVisible.value = true
+  }
+  
+  // 提交表单
+  const submitForm = () => {
+    if (!form.value.gradeName || form.value.num === null || form.value.sort === null) {
+      ElMessage.error('请填写完整信息')
+      return
+    }
+  
+    if (form.value.id) {
+      // 编辑
+      const index = tableData.value.findIndex(item => item.id === form.value.id)
+      if (index !== -1) {
+        tableData.value[index] = { ...form.value }
+      }
+    } else {
+      // 添加
+      const newId = tableData.value.length > 0 ? Math.max(...tableData.value.map(item => item.id)) + 1 : 1
+      tableData.value.push({
+        id: newId,
+        ...form.value
+      })
+    }
+  
+    dialogVisible.value = false
+    ElMessage.success('操作成功')
+  }
+  
+  // 删除等级
+  const deleteLevel = (row) => {
+    ElMessageBox.confirm('确定要删除该等级吗?', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(() => {
+      tableData.value = tableData.value.filter(item => item.id !== row.id)
+      ElMessage.success('删除成功')
+    }).catch(() => {
+      ElMessage.info('已取消删除')
+    })
+  }
+  
+  // 清空表单（关闭对话框时调用）
+  const resetForm = () => {
+    form.value = {
+      id: null,
+      gradeName: '',
+      num: null,
+      numPeople: null,
+      sort: null
+    }
+  }
+  </script>
+  
+  <style scoped>
+  .level-management-container {
+    padding: 20px;
+    width: 100%;
+    box-sizing: border-box;
+    min-height: 80vh;
+  }
+  
+  .pagination {
+  padding: 10px 20px;
+  background-color: #fff;
+  border-top: 1px solid #ebeef5;
+  display: flex;
+  justify-content: flex-start; /* 改为左对齐 */
 }
-</style>
+  
+  .action-buttons {
+    margin-bottom: 20px;
+  }
+  
+  .table-container {
+    max-height: 600px;
+    overflow-y: auto;
+  }
+  </style>

activitylink/src/views/zhongchou/winning/index.vue

@@ -212,14 +212,16 @@ const handleCurrentChange = (val) => {
 
 // 输入精网号处理
 const handleJingwangIdInput = (value) => {
-  searchJingwangId.value = value.replace(/\D/g, '')
+  searchData.value.jingwangId = value.replace(/\D/g, '')
 }
 
 // 重置搜索条件
 const handleReset = () => {
-  searchJingwangId.value = ''
-  searchName.value = ''
-  searchPrizeLevel.value = ''
+  searchData.value = {
+    name: '',
+    jingwangId: '',
+    prizeLevel: ''
+  }
 }
 </script>