소스 검색

refactor(system): 优化盲注管理系统界面和功能

-调整盲注等级页面布局,使用栅格系统优化搜索表单
- 改进盲注等级和盲注管理的删除提示信息
- 优化比赛管理系统中重置查询功能,设置默认开始时间为今天
- 为盲注等级对话框添加样式,优化表单内容和布局
fugui001 4 달 전
부모
커밋
ba7edd02ac
3개의 변경된 파일52개의 추가작업 그리고 32개의 파일을 삭제
  1. 44 31
      src/views/system/business/levels/index.vue
  2. 2 1
      src/views/system/business/structures/index.vue
  3. 6 0
      src/views/system/business/tournaments/index.vue

+ 44 - 31
src/views/system/business/levels/index.vue

@@ -3,30 +3,36 @@
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
-          <el-form ref="queryFormRef" :model="queryParams" :inline="true">
-<!--            <el-form-item label="所属盲注" prop="blindStructureId">
-              <el-input v-model="queryParams.blindStructureId" placeholder="请输入所属盲注结构" clearable @keyup.enter="handleQuery" />
-            </el-form-item>-->
-            <el-form-item label="等级" prop="levelNumber">
-              <el-input v-model="queryParams.levelNumber" placeholder="请输入等级" clearable @keyup.enter="handleQuery" />
-            </el-form-item>
-            <el-form-item label="小盲预置分" prop="smallBlind">
-              <el-input v-model="queryParams.smallBlind" placeholder="请输入小盲预置分" clearable @keyup.enter="handleQuery" />
-            </el-form-item>
-            <el-form-item label="大盲预置分" prop="bigBlind">
-              <el-input v-model="queryParams.bigBlind" placeholder="请输入大盲预置分" clearable @keyup.enter="handleQuery" />
-            </el-form-item>
-            <el-form-item label="前置预置分" prop="ante">
-              <el-input v-model="queryParams.ante" placeholder="请输入前置预置分" clearable @keyup.enter="handleQuery" />
-            </el-form-item>
-            <el-form-item label="升级时间" prop="durationMinutes">
-              <el-input v-model="queryParams.durationMinutes" placeholder="请输入升级时间" clearable @keyup.enter="handleQuery" />
-            </el-form-item>
-            <el-form-item>
-              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-            </el-form-item>
+          <el-form ref="queryFormRef" :model="queryParams" :inline="false">
+            <el-row :gutter="20">
+              <el-col :span="4">
+                <el-form-item label="等级" prop="levelNumber">
+                  <el-input v-model="queryParams.levelNumber" placeholder="请输入等级" clearable @keyup.enter="handleQuery" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="5">
+                <el-form-item label="小盲预置分" prop="smallBlind">
+                  <el-input v-model="queryParams.smallBlind" placeholder="请输入小盲预置分" clearable @keyup.enter="handleQuery" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="5">
+                <el-form-item label="大盲预置分" prop="bigBlind">
+                  <el-input v-model="queryParams.bigBlind" placeholder="请输入大盲预置分" clearable @keyup.enter="handleQuery" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="5">
+                <el-form-item label="前置预置分" prop="ante">
+                  <el-input v-model="queryParams.ante" placeholder="请输入前置预置分" clearable @keyup.enter="handleQuery" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="5">
+                <el-form-item label="升级时间" prop="durationMinutes">
+                  <el-input v-model="queryParams.durationMinutes" placeholder="请输入升级时间" clearable @keyup.enter="handleQuery" />
+                </el-form-item>
+              </el-col>
+            </el-row>
           </el-form>
+
         </el-card>
       </div>
     </transition>
@@ -88,30 +94,29 @@
       <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
     </el-card>
     <!-- 添加或修改【请填写功能名称】对话框 -->
-    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="600px" append-to-body class="custom-dialog">
       <el-form ref="levelsFormRef" :model="form" :rules="rules" label-width="80px">
-<!--        <el-form-item label="所属盲注" prop="blindStructureId">
-          <el-input v-model="form.blindStructureId" placeholder="请输入所属盲注" />
-        </el-form-item>-->
+        <!-- 表单内容 -->
         <el-form-item label="所属盲注" prop="name">
           <el-input v-model="form.name" disabled />
         </el-form-item>
         <el-form-item label="等级" prop="levelNumber">
           <el-input v-model="form.levelNumber" placeholder="请输入等级" />
         </el-form-item>
-        <el-form-item label="小盲预置分" prop="smallBlind">
+        <el-form-item label="小盲" prop="smallBlind">
           <el-input v-model="form.smallBlind" placeholder="请输入小盲预置分" />
         </el-form-item>
-        <el-form-item label="大盲预置分" prop="bigBlind">
+        <el-form-item label="大盲" prop="bigBlind">
           <el-input v-model="form.bigBlind" placeholder="请输入大盲预置分" />
         </el-form-item>
-        <el-form-item label="前置预置分" prop="ante">
+        <el-form-item label="前置" prop="ante">
           <el-input v-model="form.ante" placeholder="请输入前置预置分" />
         </el-form-item>
         <el-form-item label="升级时间" prop="durationMinutes">
           <el-input v-model="form.durationMinutes" placeholder="请输入升级时间" />
         </el-form-item>
       </el-form>
+
       <template #footer>
         <div class="dialog-footer">
           <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
@@ -284,7 +289,8 @@ const submitForm = () => {
 /** 删除按钮操作 */
 const handleDelete = async (row?: LevelsVO) => {
   const _ids = row?.id || ids.value;
-  await proxy?.$modal.confirm('是否确认删除【盲注等级】编号为"' + _ids + '"的数据项?').finally(() => (loading.value = false));
+  const levelNumber = row?.levelNumber;
+  await proxy?.$modal.confirm('是否确认删除【盲注等级】为"' + levelNumber + '"级的数据项?').finally(() => (loading.value = false));
   await delLevels(_ids);
   proxy?.$modal.msgSuccess('删除成功');
   await getList();
@@ -344,3 +350,10 @@ watch(
   { immediate: true }
 );
 </script>
+<style>
+.custom-dialog .el-dialog__body {
+  max-height: 60vh;
+  overflow-y: auto;
+  padding: 20px;
+}
+</style>

+ 2 - 1
src/views/system/business/structures/index.vue

@@ -343,7 +343,8 @@ const submitForm = () => {
 /** 删除按钮操作 */
 const handleDelete = async (row?: StructuresVO) => {
   const _ids = row?.id || ids.value;
-  await proxy?.$modal.confirm('是否确认删除【盲注结构】编号为"' + _ids + '"的数据项?').finally(() => (loading.value = false));
+  const name = row?.name;
+  await proxy?.$modal.confirm('是否确认删除【盲注管理】名称为"' + name + '"的数据项?').finally(() => (loading.value = false));
   await delStructures(_ids);
   proxy?.$modal.msgSuccess('删除成功');
   await getList();

+ 6 - 0
src/views/system/business/tournaments/index.vue

@@ -761,6 +761,12 @@ const handleQuery = () => {
 /** 重置按钮操作 */
 const resetQuery = () => {
   queryFormRef.value?.resetFields();
+  // 设置默认开始时间为今天
+  const today = new Date();
+  const yyyy = today.getFullYear();
+  const mm = String(today.getMonth() + 1).padStart(2, '0'); // 月份从0开始,所以+1
+  const dd = String(today.getDate()).padStart(2, '0');
+  queryParams.value.startTime = `${yyyy}-${mm}-${dd}`;
   handleQuery();
 };