Merge branch 'master' of https://gitlab.gsstcloud.com/poc/poc-fe into shirlyn

src/views/personal-settings/personal-settings.vue

@@ -210,20 +210,22 @@ function handleUserInfoFormItemEditUpdate(key: keyof typeof userInfoFormItemEdit
           </div>
         </li>
 
-        <li class="mb-[30px] mt-[24px] flex items-center">
+        <li class="mb-[30px] mt-[24px] flex">
           <h4 class="font-600 list-item-label mr-[19px] text-[14px]">
             {{ t('personal_settings_module.personal_profile') }}：
           </h4>
 
           <div v-if="userInfoFormItemEdit.remark" class="flex">
-            <div class="flex w-[220px] items-center">
+            <div class="flex w-[400px] items-center">
               <n-input
                 ref="inputRefs"
                 v-model:value="userInfoForm.remark"
                 type="textarea"
                 size="small"
                 :placeholder="t('personal_settings_module.please_enter_a_personal_profile')"
-                :autosize="{ minRows: 4, maxRows: 4 }"
+                :autosize="{ minRows: 4, maxRows: 6 }"
+                maxlength="120"
+                show-count
               />
             </div>
 
@@ -243,7 +245,7 @@ function handleUserInfoFormItemEditUpdate(key: keyof typeof userInfoFormItemEdit
           </div>
 
           <div v-else class="flex items-center text-[14px] text-[#999]">
-            <span class="mr-[5px]">{{ userInfo.remark || '-' }}</span>
+            <span class="mr-[5px] max-w-[400px] overflow-hidden text-wrap break-all">{{ userInfo.remark || '-' }}</span>
 
             <i
               class="iconfont icon-edit1 cursor-pointer px-[5px]"