Przeglądaj źródła

style(tournament): 优化比赛创建表单样式和验证规则

- 为 el-tooltip__popper 类添加 white-space: pre-wrap 属性,支持手动换行和自动换行
- 更新比赛创建表单的验证规则,确保必填字段的验证
- 调整表单字段的 prop 属性,以正确应用验证规则
-移除不必要的注释代码
fugui001 5 miesięcy temu
rodzic
commit
32ff8e9349

+ 3 - 2
src/views/system/business/messages/index.vue

@@ -252,7 +252,8 @@ onMounted(() => {
 </script>
 <style lang="scss" scoped>
 .el-tooltip__popper {
-  max-width: 300px; /* 设置悬浮提示的最大宽度 */
-  word-break: break-all; /* 允许长单词或URL地址换行 */
+  max-width: 300px !important; /* 设置悬浮提示的最大宽度 */
+  word-break: break-all !important; /* 允许长单词或URL地址换行 */
+  white-space: pre-wrap !important; /* 支持手动换行和自动换行 */
 }
 </style>

+ 11 - 12
src/views/system/business/tournaments/index.vue

@@ -222,20 +222,20 @@
           />
         </el-form-item>
 
-        <el-form-item label="比赛类型">
-          <el-select v-model="form.gameType" placeholder="请选择" :disabled="dialog.mode === 'view'">
+        <el-form-item label="比赛类型" prop="gameType">
+          <el-select aria-required="true" v-model="form.gameType" placeholder="请选择" :disabled="dialog.mode === 'view'">
             <el-option v-for="dict in tournaments_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
           </el-select>
         </el-form-item>
 
-        <el-form-item label="报名时间">
+        <el-form-item label="报名时间" prop="signTime">
           <el-select v-model="form.signTime" placeholder="请选择" :disabled="dialog.mode === 'view'">
             <el-option v-for="dict in tournaments_time" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
           </el-select>
         </el-form-item>
 
         <!-- 报名条件 -->
-        <el-form-item label="报名条件">
+        <el-form-item label="报名条件" prop="itemsId">
           <div style="display: flex; align-items: center; gap: 10px">
             <el-select v-model="form.itemsId" placeholder="请选择道具类型" :disabled="dialog.mode === 'view'">
               <el-option v-for="item in itemOptions" :key="item.id" :label="item.label" :value="item.id" />
@@ -245,7 +245,7 @@
         </el-form-item>
 
         <!-- 盲注表 -->
-        <el-form-item label="盲注表">
+        <el-form-item label="盲注表" prop="blindStructureId">
           <div style="display: flex; align-items: center">
             <el-select
               v-model="form.blindStructureId"
@@ -263,7 +263,7 @@
         </el-form-item>
 
         <!-- 报名截止等级 -->
-        <el-form-item label="报名截止等级">
+        <el-form-item label="报名截止等级" prop="lateRegistrationLevel">
           <el-select v-model="form.lateRegistrationLevel" placeholder="选项" style="width: 200px" :disabled="dialog.mode === 'view'">
             <el-option v-for="item in itemOptionsStructuresLevel" :key="item.id" :label="item.label" :value="item.id" />
           </el-select>
@@ -688,12 +688,11 @@ const data = reactive<PageData<TournamentsForm, TournamentsQuery>>({
     id: [{ required: true, message: '不能为空', trigger: 'blur' }],
     name: [{ required: true, message: '赛事名称不能为空', trigger: 'blur' }],
     startTime: [{ required: true, message: '比赛开始时间不能为空', trigger: 'blur' }],
-    /* gameType: [{ required: true, message: '游戏类型不能为空', trigger: 'change' }],*/
-    startingChips: [{ required: true, message: '起始记分牌数量不能为空', trigger: 'blur' }],
-    levelDuration: [{ required: true, message: '级别持续时间不能为空', trigger: 'blur' }],
-    lateRegistrationLevel: [{ required: true, message: '截止报名级别不能为空', trigger: 'blur' }],
-    maxPlayers: [{ required: true, message: '最大参赛人数不能为空', trigger: 'blur' }],
-    status: [{ required: true, message: '赛事状态不能为空', trigger: 'change' }]
+    gameType: [{ required: true, message: '游戏类型不能为空', trigger: 'change' }],
+    lateRegistrationLevel: [{ required: true, message: '截止报名级别不能为空', trigger: 'change' }],
+    signTime: [{ required: true, message: '报名时间不能为空', trigger: 'change' }],
+    itemsId: [{ required: true, message: '报名条件不能为空', trigger: 'change' }],
+    blindStructureId: [{ required: true, message: '盲注表不能为空', trigger: 'change' }]
   }
 });