数据管理生成规则优化

src/views/cees/user/CeesUserList.vue

@@ -16,15 +16,15 @@
               </a-menu-item>
             </a-menu>
           </template>
-          <a-button>批量操作
+          <a-button
+            >批量操作
             <Icon icon="mdi:chevron-down" />
           </a-button>
         </a-dropdown>
         <!-- 高级查询 -->
         <super-query :config="superQueryConfig" @search="handleSuperQuery" />
         <!-- 新增生成账号按钮 -->
-        <a-button type="primary" @click="showAutoGenerateForm = true" preIcon="ant-design:plus-outlined"> 生成账号
+        <a-button type="primary" @click="showAutoGenerateForm = true" preIcon="ant-design:plus-outlined"> 生成账号 </a-button>
-        </a-button>
       </template>
       <!--操作栏-->
       <template #action="{ record }">
@@ -49,14 +49,17 @@
     <CeesUserModal @register="registerModal" @success="handleSuccess" />
 
     <!-- 生成账号表单 -->
-    <a-modal v-model:visible="showAutoGenerateForm" title="生成账号" @ok="handleAutoGenerate"
+    <a-modal
-      @cancel="showAutoGenerateForm = false" :width="600" :bodyStyle="{ padding: '24px' }">
+      v-model:visible="showAutoGenerateForm"
+      title="生成账号"
+      @ok="handleAutoGenerate"
+      @cancel="showAutoGenerateForm = false"
+      :width="600"
+      :bodyStyle="{ padding: '24px' }"
+    >
       <a-form :model="autoGenerateForm" layout="vertical">
-
-
         <a-form-item label="账号类型" class="form-item-custom">
-          <a-select v-model="autoGenerateForm.group" placeholder="请选择账号类型" @change="handleGroupChange"
+          <a-select v-model="autoGenerateForm.group" placeholder="请选择账号类型" @change="handleGroupChange" class="select-custom">
-            class="select-custom">
             <a-select-option v-for="item in autoGeneratType" :key="item.id" :value="item.value">
               {{ item.name }}
             </a-select-option>
@@ -64,8 +67,7 @@
         </a-form-item>
 
         <a-form-item v-if="isDisplay" label="专业" class="form-item-custom">
-          <a-select v-model="autoGenerateForm.majorId" placeholder="请选择专业" @change="handleMajorChange"
+          <a-select v-model="autoGenerateForm.majorId" placeholder="请选择专业" @change="handleMajorChange" class="select-custom">
-            class="select-custom">
             <a-select-option v-for="item in majors" :key="item.id" :value="item.value">
               {{ item.name }}
             </a-select-option>
@@ -73,8 +75,13 @@
         </a-form-item>
 
         <a-form-item label="账号数量" class="form-item-custom">
-          <a-input-number v-model="autoGenerateForm.num" :min="1" placeholder="请输入账号数量" @change="handleNumChange"
+          <a-input-number
-            class="input-number-custom" />
+            v-model="autoGenerateForm.num"
+            :min="1"
+            placeholder="请输入账号数量"
+            @change="handleNumChange"
+            class="input-number-custom"
+          />
         </a-form-item>
         <!-- 新增生成规律按钮 -->
         <a-form-item class="form-item-custom" style="text-align: right">
@@ -83,19 +90,22 @@
       </a-form>
 
       <!-- 生成规律设置对话框 -->
-      <a-modal v-model:visible="showGenerateRuleModal" title="设置生成规律" @ok="handleGenerateRuleOk"
+      <a-modal
-        @cancel="showGenerateRuleModal = false" :width="400" :centered="true"
+        v-model:visible="showGenerateRuleModal"
-        :bodyStyle="{ padding: '24px', display: 'flex', flexDirection: 'column', alignItems: 'center' }">
+        title="设置生成规律"
-        <a-form ref="generateRuleFormRef" :rules="generateRuleRules" :model="generateRuleForm" layout="vertical"
+        @ok="handleGenerateRuleOk"
-          style="width: 100%">
+        @cancel="showGenerateRuleModal = false"
+        :width="400"
+        :centered="true"
+        :bodyStyle="{ padding: '24px', display: 'flex', flexDirection: 'column', alignItems: 'center' }"
+      >
+        <a-form ref="generateRuleFormRef" :rules="generateRuleRules" :model="generateRuleForm" layout="vertical" style="width: 100%">
           <a-form-item name="groupType" label="账号类型第几位" style="width: 100%">
-            <a-input-number v-model:value="generateRuleForm.groupType" :min="1" placeholder="请输入账号类型的位置"
+            <a-input-number v-model:value="generateRuleForm.groupType" placeholder="请输入账号类型的位置" style="width: 100%" />
-              style="width: 100%" />
           </a-form-item>
 
           <a-form-item name="majorId" label="学科类型第几位" style="width: 100%">
-            <a-input-number v-model:value="generateRuleForm.majorId" :min="1" placeholder="请输入学科类型的位置"
+            <a-input-number v-model:value="generateRuleForm.majorId" placeholder="请输入学科类型的位置" style="width: 100%" />
-              style="width: 100%" />
           </a-form-item>
         </a-form>
       </a-modal>
@@ -145,11 +155,13 @@ const generateRuleRules = {
     groupType: [
       { required: true, message: '账号类型位置不能为空', trigger: 'blur' },
       { type: 'number', max: 8, message: '不能大于8', trigger: 'blur' },
+      { type: 'number', min: 1, message: '不能小于1', trigger: 'blur' },
       { validator: validateDifferent, trigger: 'blur' },
     ],
     majorId: [
       { required: true, message: '学科ID位置不能为空', trigger: 'blur' },
       { type: 'number', max: 8, message: '不能大于8', trigger: 'blur' },
+      { type: 'number', min: 1, message: '不能小于1', trigger: 'blur' },
       { validator: validateDifferent, trigger: 'blur' },
     ],
   };