人员管理

src/views/professional/professionalpartychange/index.vue

@@ -6,7 +6,7 @@
         v-show="showSearch" 
         :model="search" 
         ref="searchFormRef"
-        @keyup-enter="handleFilter(search)"
+        @keyup-enter="handleFilter"
       >
         <template #default="{ visible }">
           <template v-if="visible">
@@ -14,7 +14,6 @@
               <el-input
                 v-model="search.teacherNo"
                 clearable
-                style="width: 200px"
                 placeholder="请输入工号"
               />
             </el-form-item>
@@ -23,7 +22,6 @@
               <el-input
                 v-model="search.realName"
                 clearable
-                style="width: 200px"
                 placeholder="请输入用户名"
               />
             </el-form-item>
@@ -33,7 +31,7 @@
         <!-- 操作按钮 -->
         <template #actions>
           <el-form-item>
-            <el-button type="primary" @click="handleFilter(search)" icon="Search">查询</el-button>
+            <el-button type="primary" @click="handleFilter" icon="Search">查询</el-button>
             <el-button @click="resetQuery" icon="Refresh">重置</el-button>
           </el-form-item>
         </template>
@@ -50,9 +48,11 @@
       >
         <el-table-column type="index" label="序号" width="60" align="center" />
         
-        <el-table-column prop="teacherNo" label="工号" min-width="120" align="center" show-overflow-tooltip />
-        
-        <el-table-column prop="realName" label="用户名" min-width="120" align="center" show-overflow-tooltip />
+        <el-table-column label="姓名/工号" min-width="150" align="center">
+          <template #default="scope">
+            <TeacherNameNo :name="scope.row.realName" :no="scope.row.teacherNo" />
+          </template>
+        </el-table-column>
         
         <el-table-column prop="oldBranchName" label="原支部名称" min-width="150" align="center" show-overflow-tooltip />
         
@@ -83,9 +83,12 @@
 
 <script setup lang="ts">
 import { ref, reactive, onMounted } from 'vue'
+import { defineAsyncComponent } from 'vue'
 import { BasicTableProps, useTable } from '/@/hooks/table'
 import { fetchList } from '/@/api/professional/professionaluser/professionalpartychange'
 
+const TeacherNameNo = defineAsyncComponent(() => import('/@/components/TeacherNameNo/index.vue'))
+
 // 表格引用
 const tableRef = ref()
 const searchFormRef = ref()