人员管理

src/views/professional/professionalteacherstationchange/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.teacherName"
                 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,15 +48,17 @@
       >
         <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="teacherName" 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.teacherName" :no="scope.row.teacherNo" />
+          </template>
+        </el-table-column>
         
         <el-table-column prop="oldDeptName" label="原部门名称" min-width="150" align="center" show-overflow-tooltip />
         
         <el-table-column prop="newDeptName" label="现部门名称" min-width="150" align="center" show-overflow-tooltip />
         
-        <el-table-column prop="changeDate" label="调令日期" width="120" align="center" />
+        <el-table-column prop="changeDate" label="调令日期" min-width="120" align="center" />
         
         <el-table-column label="操作" width="150" align="center" fixed="right">
           <template #default="scope">
@@ -84,9 +84,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/professionalteacherstationchange'
 
+const TeacherNameNo = defineAsyncComponent(() => import('/@/components/TeacherNameNo/index.vue'))
+
 // 表格引用
 const tableRef = ref()
 const searchFormRef = ref()