feat: 可以根据更新人搜索

src/api/base.ts

@@ -57,3 +57,8 @@ export function getMetaEventList() {
 export function getTagList(params?: { check_role?: 0 | 1 }) {
   return httpRequest.get('/api/lab/v1/experiment/tag/all', { params })
 }
+
+// 搜索紫荆用户
+export function searchUser(params: any) {
+  return httpRequest.get('/api/lab/v1/experiment/system/search-user', { params })
+}

src/components/SelectUser.vue

+<script setup lang="ts">
+import { searchUser } from '@/api/base'
+
+interface SearchUser {
+  id: string
+  realname: string
+  nickname: string
+  username: string
+  mobile: string
+  email: string
+}
+
+let loading = $ref(false)
+let userList = $ref<SearchUser[]>()
+const remoteMethod = (q: string) => {
+  if (!q) return
+  loading = true
+  searchUser({ q: q }).then(res => {
+    loading = false
+    userList = res.data.items
+  })
+}
+</script>
+
+<template>
+  <el-select remote filterable value-key="id" :loading="loading" :remote-method="remoteMethod" style="width: 100%">
+    <el-option
+      v-for="item in userList"
+      :key="item.id"
+      :label="item.realname || item.nickname || item.username"
+      :value="item.id">
+      <span>{{ item.realname || item.nickname || item.username }}</span>
+      <template v-if="item.mobile">
+        <el-divider direction="vertical" />
+        <span>{{ item.mobile }}</span>
+      </template>
+      <template v-if="item.email">
+        <el-divider direction="vertical" />
+        <span>{{ item.email }}</span>
+      </template>
+    </el-option>
+  </el-select>
+</template>

src/modules/group/views/Index.vue

@@ -6,6 +6,7 @@ import { ElMessageBox, ElMessage } from 'element-plus'
 import { getNameByValue, groupTypeList, updateStatusRuleList } from '@/utils/dictionary'
 import { getGroupList, deleteGroup } from '../api'
 import { useMapStore } from '@/stores/map'
+import SelectUser from '@/components/SelectUser.vue'
 
 const FormDialog = defineAsyncComponent(() => import('../components/FormDialog.vue'))
 const ViewDialog = defineAsyncComponent(() => import('../components/ViewDialog.vue'))
@@ -14,17 +15,23 @@ const statusList = useMapStore().getMapValuesByKey('system_status')
 
 const appList = $ref<InstanceType<typeof AppList> | null>(null)
 // 列表配置
+const listParams = reactive({ name: '', id: '', status: '', updated_operator: '' })
 const listOptions = computed(() => {
   return {
     remote: {
       httpRequest: getGroupList,
-      params: { name: '', id: '', status: '', updated_operator: '' }
+      params: listParams,
+      beforeRequest(params: any, isReset: boolean) {
+        if (isReset) listParams.updated_operator = ''
+        params.updated_operator = listParams.updated_operator
+        return params
+      }
     },
     filters: [
       { type: 'input', prop: 'name', placeholder: '请输入群组名称' },
       { type: 'input', prop: 'id', placeholder: '请输入群组ID' },
       { type: 'select', prop: 'status', placeholder: '请选择群组状态', options: statusList },
-      { type: 'input', prop: 'updated_operator', placeholder: '更新人' }
+      { type: 'input', prop: 'updated_operator', placeholder: '更新人', slots: 'filter-user' }
     ],
     columns: [
       { type: 'selection' },
@@ -119,7 +126,9 @@ function handleView(row: Group) {
           >
         </el-space>
       </template>
-
+      <template #filter-user>
+        <SelectUser v-model="listParams.updated_operator" placeholder="更新人" @change="handleRefresh"></SelectUser>
+      </template>
       <template #table-status="{ row }: { row: Group }">
         <el-tag :type="row.status === '1' ? 'success' : 'danger'">
           {{ getNameByValue(row.status, statusList) }}

src/modules/label/views/Index.vue

@@ -8,6 +8,7 @@ import { getLabelList, deleteLabel } from '../api'
 import { useMapStore } from '@/stores/map'
 import { getNameByValue, updateStatusRuleList } from '@/utils/dictionary'
 import { useLabelType } from '../composables/useLabelType'
+import SelectUser from '@/components/SelectUser.vue'
 
 const LabelFormDialog = defineAsyncComponent(() => import('../components/LabelFormDialog.vue'))
 const LabelViewDialog = defineAsyncComponent(() => import('../components/LabelViewDialog.vue'))
@@ -18,11 +19,17 @@ const { typeList } = useLabelType()
 
 const appList = $ref<InstanceType<typeof AppList> | null>(null)
 // 列表配置
+const listParams = reactive({ name: '', type_id: '', status: '', updated_operator: '' })
 const listOptions = computed(() => {
   return {
     remote: {
       httpRequest: getLabelList,
-      params: { name: '', type_id: '', status: '', updated_operator: '' }
+      params: listParams,
+      beforeRequest(params: any, isReset: boolean) {
+        if (isReset) listParams.updated_operator = ''
+        params.updated_operator = listParams.updated_operator
+        return params
+      }
     },
     filters: [
       { type: 'input', prop: 'name', placeholder: '请输入标签名称' },
@@ -35,7 +42,7 @@ const listOptions = computed(() => {
         valueKey: 'id'
       },
       { type: 'select', prop: 'status', placeholder: '请选择标签状态', options: statusList },
-      { type: 'input', prop: 'updated_operator', placeholder: '更新人' }
+      { type: 'input', prop: 'updated_operator', placeholder: '更新人', slots: 'filter-user' }
     ],
     columns: [
       { label: '序号', type: 'index', width: 60 },
@@ -107,6 +114,9 @@ function handleRule(row: Label) {
             <el-button type="primary" :icon="Plus" @click="handleAdd">新建</el-button>
           </el-space>
         </template>
+        <template #filter-user>
+          <SelectUser v-model="listParams.updated_operator" placeholder="更新人" @change="handleRefresh"></SelectUser>
+        </template>
         <template #table-status="{ row }: { row: Label }">
           <el-tag :type="row.status === '1' ? 'success' : 'danger'">
             {{ getNameByValue(row.status, statusList) }}