feat: add nick_name field to user search and update authentication forms

ui/src/locales/lang/en-US/common.ts

@@ -103,4 +103,5 @@ export default {
   collapse: 'Collapse',
   copyTitle: 'Copy',
   professional: 'Purchase the Professional Edition',
+  sync: 'Sync',
 }

ui/src/locales/lang/zh-CN/common.ts

@@ -107,4 +107,5 @@ export default {
   collapse: '收起',
   copyTitle: '副本',
   professional: '购买专业版',
+  sync: '同步',
 }

ui/src/locales/lang/zh-Hant/common.ts

@@ -103,4 +103,5 @@ export default {
   collapse: '收起',
   copyTitle: '副本',
   professional: '購買專業版',
+  sync: '同步',
 }

ui/src/views/system-chat-user/chat-user/component/SyncUsersDialog.vue

@@ -22,7 +22,7 @@
       <span class="dialog-footer">
         <el-button @click.prevent="dialogVisible = false"> {{ $t('common.cancel') }} </el-button>
         <el-button type="primary" @click="submit(formRef)" :loading="loading">
-          {{ $t('common.save') }}
+          {{ $t('common.sync') }}
         </el-button>
       </span>
     </template>

ui/src/views/system/role/component/Member.vue

@@ -18,6 +18,7 @@
       <div class="flex complex-search">
         <el-select class="complex-search__left" v-model="searchType" style="width: 120px">
           <el-option :label="$t('views.login.loginForm.username.label')" value="username" />
+          <el-option :label="$t('views.userManage.userForm.nick_name.label')" value="nick_name" />
         </el-select>
         <el-input
           v-if="searchType === 'username'"
@@ -27,6 +28,14 @@
           style="width: 220px"
           clearable
         />
+        <el-input
+          v-else-if="searchType === 'nick_name'"
+          v-model="searchForm.nick_name"
+          @change="getList"
+          :placeholder="$t('common.inputPlaceholder')"
+          style="width: 220px"
+          clearable
+        />
       </div>
     </div>
     <app-table
@@ -98,6 +107,7 @@ const loading = ref(false)
 const searchType = ref('username')
 const searchForm = ref<Record<string, any>>({
   username: '',
+  nick_name: '',
 })
 const paginationConfig = reactive({
   current_page: 1,

ui/src/views/system/workspace/component/Member.vue

@@ -15,6 +15,7 @@
     <div class="flex complex-search">
       <el-select class="complex-search__left" v-model="searchType" style="width: 120px">
         <el-option :label="$t('views.login.loginForm.username.label')" value="username"/>
+        <el-option :label="$t('views.userManage.userForm.nick_name.label')" value="nick_name"/>
       </el-select>
       <el-input
         v-if="searchType === 'username'"
@@ -24,6 +25,13 @@
         style="width: 220px"
         clearable
       />
+      <el-input
+        v-else-if="searchType === 'nick_name'"
+        v-model="searchForm.nick_name"
+        @change="getList"
+        :placeholder="$t('common.inputPlaceholder')"
+        style="width: 220px"
+        clearable/>
     </div>
   </div>
   <app-table
@@ -90,6 +98,7 @@ const loading = ref(false)
 const searchType = ref('username')
 const searchForm = ref<Record<string, any>>({
   username: '',
+  nick_name: '',
 })
 const paginationConfig = reactive({
   current_page: 1,
@@ -152,6 +161,7 @@ const objectSpanMethod = ({ row, column, rowIndex, columnIndex }: any) => {
 };
 
 const addMemberDrawerRef = ref<InstanceType<typeof AddMemberDrawer>>()
+
 function handleAdd() {
   addMemberDrawerRef.value?.open()
 }
@@ -172,7 +182,8 @@ function handleDelete(row: WorkspaceMemberItem) {
         getList()
       })
     })
-    .catch(() => {})
+    .catch(() => {
+    })
 }
 </script>