feat: 用户管理和个人信息手机号输入改为国际电话输入

src/views/account/components/base-info.vue

@@ -166,12 +166,12 @@ onMounted(() => {
             },
           ]"
         >
-          <a-input
+          <IntlTelInput
             v-model:value="stateForm.form.phonenumber"
             allow-clear
-            :maxlength="11"
+            :maxlength="16"
             :placeholder="t('views.account.settings.phonenumberPleace')"
-          ></a-input>
+          ></IntlTelInput>
         </a-form-item>
 
         <a-form-item

src/views/system/user/index.vue

@@ -58,7 +58,7 @@ let queryParams = reactive({
   /**手机号 */
   phonenumber: '',
   /**部门ID */
-  deptId: '',
+  deptId: undefined,
   /**用户状态 */
   status: undefined,
   /**记录开始时间 */
@@ -76,7 +76,7 @@ function fnQueryReset() {
   queryParams = Object.assign(queryParams, {
     userName: '',
     phonenumber: '',
-    deptId: '',
+    deptId: undefined,
     status: undefined,
     beginTime: '',
     endTime: '',
@@ -811,6 +811,7 @@ onMounted(() => {
                 tree-node-filter-prop="label"
                 style="width: 100%"
                 :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+                :placeholder="t('common.selectPlease')"
               >
               </a-tree-select>
             </a-form-item>
@@ -1278,6 +1279,7 @@ onMounted(() => {
                 v-model:value="modalState.from.userName"
                 allow-clear
                 :maxlength="30"
+                :placeholder="t('common.inputPlease')"
               >
                 <template #prefix>
                   <UserOutlined />
@@ -1294,6 +1296,7 @@ onMounted(() => {
               <a-input-password
                 v-model:value="modalState.from.password"
                 :maxlength="26"
+                :placeholder="t('common.inputPlease')"
               >
                 <template #prefix>
                   <LockOutlined />
@@ -1314,6 +1317,7 @@ onMounted(() => {
                 v-model:value="modalState.from.nickName"
                 allow-clear
                 :maxlength="30"
+                :placeholder="t('common.inputPlease')"
               ></a-input>
             </a-form-item>
           </a-col>
@@ -1331,6 +1335,7 @@ onMounted(() => {
                 option-label-prop="postName"
                 :options="modalState.options.posts"
                 :field-names="{ label: 'postName', value: 'postId' }"
+                :placeholder="t('common.selectPlease')"
               >
               </a-select>
             </a-form-item>
@@ -1344,11 +1349,12 @@ onMounted(() => {
               name="phonenumber"
               v-bind="modalStateFrom.validateInfos.phonenumber"
             >
-              <a-input
+              <IntlTelInput
                 v-model:value="modalState.from.phonenumber"
                 allow-clear
                 :maxlength="16"
-              ></a-input>
+                :placeholder="t('common.inputPlease')"
+              ></IntlTelInput>
             </a-form-item>
           </a-col>
           <a-col :lg="12" :md="12" :xs="24">
@@ -1361,6 +1367,7 @@ onMounted(() => {
                 v-model:value="modalState.from.email"
                 allow-clear
                 :maxlength="40"
+                :placeholder="t('common.inputPlease')"
               ></a-input>
             </a-form-item>
           </a-col>
@@ -1373,6 +1380,7 @@ onMounted(() => {
                 v-model:value="modalState.from.sex"
                 default-value="1"
                 :options="dict.sysUserSex"
+                :placeholder="t('common.selectPlease')"
               >
               </a-select>
             </a-form-item>
@@ -1383,6 +1391,7 @@ onMounted(() => {
                 v-model:value="modalState.from.status"
                 default-value="0"
                 :options="dict.sysNormalDisable"
+                :placeholder="t('common.selectPlease')"
               >
               </a-select>
             </a-form-item>
@@ -1404,6 +1413,7 @@ onMounted(() => {
             option-label-prop="roleName"
             :options="modalState.options.roles"
             :field-names="{ label: 'roleName', value: 'roleId' }"
+            :placeholder="t('common.selectPlease')"
           >
           </a-select>
         </a-form-item>
@@ -1427,6 +1437,7 @@ onMounted(() => {
             tree-node-filter-prop="label"
             style="width: 100%"
             :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+            :placeholder="t('common.selectPlease')"
           >
           </a-tree-select>
         </a-form-item>
@@ -1441,6 +1452,7 @@ onMounted(() => {
             :auto-size="{ minRows: 4, maxRows: 6 }"
             :maxlength="450"
             :show-count="true"
+            :placeholder="t('common.inputPlease')"
           />
         </a-form-item>
       </a-form>