test

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

@@ -23,7 +23,7 @@
             <template #default="scope">
               <div style="display: flex; gap: 10px; justify-content: center;">
                 <el-button text type="warning" @click="editLevel(scope.row)">编辑</el-button>
-                <el-button text type="danger" @click="deleteGrade(scope.row)">删除</el-button>
+                <el-button text type="danger" @click="deleteLevel(scope.row)">删除</el-button>
               </div>
             </template>
           </el-table-column>
@@ -87,82 +87,9 @@
           <el-button type="primary" @click="submitEdit">确认</el-button>
         </span>
       </template>
-      </el-table-column>
-    <el-table-column prop="gradeName" label="等级名称" width="240" align="center" />
-    <el-table-column prop="amount" label="数量" width="250" align="center" />
-    <el-table-column prop="perWin" label="每轮抽取人数" width="300" align="center" />
-    <el-table-column prop="sort" label="排序" width="240" align="center" />
-    <el-table-column prop="operation" fixed="right" width="240" label="操作" align="center">
-      <template #default="scope">
-        <div style="display: flex; gap: 10px; justify-content: center;">
-          <el-button text type="warning" @click="editLevel(scope.row)">编辑</el-button>
-          <el-button text 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="pagination.total" :page-sizes="[10, 20, 50, 100]"
-@size-change="handleSizeChange" @current-change="handleCurrentChange" />
-
-<!-- 添加 -->
-<el-dialog v-model="addVisible" :title="dialogTitle" width=400px @closed="resetForm">
-<el-form :model="addForm" label-width="120px">
-  <el-form-item label="等级名称" align="center">
-    <el-input v-model="addForm.gradeName" placeholder="请输入等级名称"></el-input>
-  </el-form-item>
-  <el-form-item label="数量" align="center">
-    <el-input v-model="addForm.amount" :precision="0" :min="0" placeholder="请输入数量"
-      style="width: 100%;"></el-input>
-  </el-form-item>
-  <el-form-item label="每轮抽取人数" align="center">
-    <el-input v-model="addForm.perWin" :precision="0" :min="0" placeholder="请输入抽取人数"
-      style="width: 100%;"></el-input>
-  </el-form-item>
-  <el-form-item label="排序" align="center">
-    <el-input v-model="addForm.sort" :precision="0" :min="0" placeholder="请输入排序等级"
-      style="width: 100%;"></el-input>
-  </el-form-item>
-</el-form>
-<template #footer>
-  <span>
-    <el-button @click="addVisible = false">取消</el-button>
-    <el-button type="primary" @click="submitAdd">确认</el-button>
-  </span>
-</template>
-</el-dialog>
- <!-- 编辑 -->
- <el-dialog v-model="editVisible" :title="dialogTitle" width=400px @closed="resetForm">
-<el-form :model="editForm" label-width="120px">
-  <el-form-item label="等级名称" align="center">
-    <el-input v-model="editForm.gradeName" placeholder="请输入等级名称"></el-input>
-  </el-form-item>
-  <el-form-item label="数量" align="center">
-    <el-input v-model="editForm.amount" :precision="0" :min="0" placeholder="请输入数量"
-      style="width: 100%;"></el-input>
-  </el-form-item>
-  <el-form-item label="每轮抽取人数" align="center">
-    <el-input v-model="editForm.perWin" :precision="0" :min="0" placeholder="请输入抽取人数"
-      style="width: 100%;"></el-input>
-  </el-form-item>
-  <el-form-item label="排序" align="center">
-    <el-input v-model="editForm.sort" :precision="0" :min="0" placeholder="请输入排序等级"
-      style="width: 100%;"></el-input>
-  </el-form-item>
-</el-form>
-<template #footer>
-  <span>
-    <el-button @click="editVisible = false">取消</el-button>
-    <el-button type="primary" @click="submitEdit">确认</el-button>
-  </span>
-</template>
-</el-dialog>
+    </el-dialog>
 
-</el-card>
+  </el-card>
 </template>
 
 <script setup>
@@ -329,10 +256,10 @@ onMounted(() => {
 
 <style scoped>
 .level-management-container {
-padding: 20px;
-width: 100%;
-box-sizing: border-box;
-min-height: 80vh;
+  padding: 20px;
+  width: 100%;
+  box-sizing: border-box;
+  min-height: 80vh;
 }
 
 .pagination {
@@ -345,7 +272,7 @@ min-height: 80vh;
 }
 
 .action-buttons {
-margin-bottom: 20px;
+  margin-bottom: 20px;
 }
 
 .table-container {