组件变更

im-admin-ui/src/views/im/userGroup/index.vue

@@ -7,9 +7,6 @@
             <el-form-item label="分组名称" prop="groupName">
               <el-input v-model="queryParams.groupName" placeholder="请输入分组名称" clearable @keyup.enter="handleQuery" />
             </el-form-item>
-            <el-form-item label="排序" prop="sort">
-              <el-input v-model="queryParams.sort" 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>
@@ -67,7 +64,7 @@
           <el-input v-model="form.groupName" placeholder="请输入分组名称" />
         </el-form-item>
         <el-form-item label="排序" prop="sort">
-          <el-input v-model="form.sort" placeholder="请输入排序" />
+          <el-input-number v-model="form.sort" placeholder="请输入排序" :min="0" :max="100" style="width: 200px" />
         </el-form-item>
         <el-form-item label="备注" prop="remark">
           <el-input v-model="form.remark" placeholder="请输入备注" />

im-admin-ui/src/views/im/userLabel/index.vue

@@ -7,9 +7,6 @@
             <el-form-item label="标签名称" prop="labelName">
               <el-input v-model="queryParams.labelName" placeholder="请输入标签名称" clearable @keyup.enter="handleQuery" />
             </el-form-item>
-            <el-form-item label="排序" prop="sort">
-              <el-input v-model="queryParams.sort" 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>
@@ -67,7 +64,7 @@
           <el-input v-model="form.labelName" placeholder="请输入标签名称" />
         </el-form-item>
         <el-form-item label="排序" prop="sort">
-          <el-input v-model="form.sort" placeholder="请输入排序" />
+          <el-input-number v-model="form.sort" placeholder="请输入排序" :min="0" :max="100" style="width: 200px" />
         </el-form-item>
         <el-form-item label="备注" prop="remark">
           <el-input v-model="form.remark" placeholder="请输入备注" />
@@ -124,7 +121,10 @@ const data = reactive<PageData<UserLabelForm, UserLabelQuery>>({
   rules: {
     id: [{ required: true, message: 'id不能为空', trigger: 'blur' }],
     labelName: [{ required: true, message: '标签名称不能为空', trigger: 'blur' }],
-    sort: [{ required: true, message: '排序不能为空', trigger: 'blur' }]
+    sort: [
+      { required: true, message: '排序不能为空', trigger: 'blur' },
+      { type: 'number', min: 0, max: 100, message: '排序必须在 0 到 100 之间', trigger: 'blur' }
+    ]
   }
 });