From 98fcd368f98e7b383b12621b3ae608c4be72dd0d Mon Sep 17 00:00:00 2001
From: guochunsi <1595020186@qq.com>
Date: Thu, 8 Jan 2026 19:00:25 +0800
Subject: [PATCH] ren

---
 src/components/TableColumn/index.vue          |   28 +-
 src/components/TableColumnControl/index.vue   |  134 +--
 src/composables/useTableColumns.ts            |   91 +-
 src/utils/request.ts                          |    6 +-
 .../academicqualificationsconfig/index.vue    |    5 +-
 src/views/professional/outercompany/index.vue |   18 +-
 .../professional/outercompany/indexSecond.vue |    5 +-
 .../professional/outercompany/indexTrain.vue  |   21 +-
 .../outercompanyemployee/form.vue             |  304 +++++
 .../outercompanyemployee/index.vue            |  233 +---
 .../outercompanyemployee/indexSecond.vue      |    2 +-
 .../outercompanyemployee/indexTrain.vue       |    2 +-
 .../index.vue                                 |    5 +-
 .../index.vue                                 |    5 +-
 .../professionalatstation/index.vue           |    5 +-
 .../professionalemploymentnature/index.vue    |    5 +-
 .../professionalmajorstation/index.vue        |    5 +-
 .../professionalpaperconfig/index.vue         |    5 +-
 .../professionalpartybranch/index.vue         |    5 +-
 .../professionalpartychange/index.vue         |    2 +-
 .../professionalqualificationconfig/index.vue |    5 +-
 .../index.vue                                 |   10 +-
 .../professionalstationdutylevel/index.vue    |    5 +-
 .../professionalstationtype/index.vue         |    5 +-
 .../index.vue                                 |   10 +-
 .../index.vue                                 |    5 +-
 .../index.vue                                 |   10 +-
 .../professionalteacherhonor/index.vue        |   10 +-
 .../professionalteachertype/index.vue         |    5 +-
 .../index.vue                                 |    5 +-
 .../professionaltitlelevelconfig/index.vue    |    5 +-
 .../professionaltitlerelation/index.vue       |   10 +-
 .../professionaltopiclevelconfig/index.vue    |    5 +-
 .../professionaltopicsourceconfig/index.vue   |    5 +-
 .../professionalworktype/index.vue            |    5 +-
 .../professionalyearbounds/index.vue          |    4 +-
 .../professional/salaryexportrecord/index.vue |   32 +-
 .../professional/teacherawardtax/index.vue    |   51 +-
 src/views/professional/teacherbase/index.vue  | 1037 +++++------------
 .../professional/teacherbase/multiDialog.vue  |  847 +++-----------
 .../professional/teacherpayslip/index.vue     |   99 +-
 .../teacherpayslip/salaryInfo.vue             |  502 ++++++--
 .../professional/teachersalary/index.vue      |  123 +-
 .../professional/teachersalary/salaryInfo.vue |  486 ++++++--
 .../professional/typeofworkconfig/index.vue   |    5 +-
 45 files changed, 1818 insertions(+), 2354 deletions(-)
 create mode 100644 src/views/professional/outercompanyemployee/form.vue

diff --git a/src/components/TableColumn/index.vue b/src/components/TableColumn/index.vue
index 9da0796..f6b4d48 100644
--- a/src/components/TableColumn/index.vue
+++ b/src/components/TableColumn/index.vue
@@ -5,7 +5,7 @@
     :label="label"
     v-bind="$attrs"
   >
-    <template v-for="(_, name) in $slots" :key="name" #[name]="slotProps">
+    <template v-for="(_, name) in $slots" #[name]="slotProps">
       <slot :name="name" v-bind="slotProps" />
     </template>
   </el-table-column>
@@ -31,35 +31,13 @@ const isColumnVisible = inject<(propOrLabel: string) => boolean>('isColumnVisibl
 // 计算是否应该显示该列
 const shouldShow = computed(() => {
   // 优先使用 prop，如果没有 prop 则使用 label
-  let key = props.prop || props.label || ''
+  const key = props.prop || props.label || ''
   if (!key) {
     // 如果没有 prop 和 label，默认显示（可能是序号列等特殊列）
     return true
   }
   
-  // 如果 key 是 label，尝试通过 labelToPropMap 映射到 prop
-  // 这样可以确保与 useTableColumns 的提取逻辑一致
-  if (!props.prop && props.label) {
-    const labelToPropMap: Record<string, string> = {
-      '是否退休': 'tied',
-      '姓名/工号': 'nameNo',
-      '性别': 'sex',
-      '部门': 'deptName',
-      '学历学位': 'dgreeName',
-      '职称等级': 'professionalTitle',
-      '岗位级别': 'stationLevelName',
-      '职业资格等级': 'levelName',
-      '职业资格工种': 'workName',
-      '用工性质': 'employmentNatureName',
-      '手机': 'telPhone',
-      '家庭住址': 'homeAddress',
-      '授课类型': 'teacherCate',
-      '操作': 'action',
-    }
-    // 如果 label 在映射表中，使用映射后的 prop；否则使用 label
-    key = labelToPropMap[props.label] || props.label
-  }
-  
+  // isColumnVisible 函数会同时匹配 prop 和 label，所以直接传递即可
   return isColumnVisible(key)
 })
 </script>
diff --git a/src/components/TableColumnControl/index.vue b/src/components/TableColumnControl/index.vue
index 2b566d3..6309293 100644
--- a/src/components/TableColumnControl/index.vue
+++ b/src/components/TableColumnControl/index.vue
@@ -2,36 +2,24 @@
   <div class="table-column-control">
     <el-button
       :type="triggerType"
-      :icon="Setting"
+      :icon="slots.trigger ? undefined : Menu"
       :size="triggerSize"
       :circle="triggerCircle"
       :link="triggerLink"
       @click="visible = true"
     >
       <slot name="trigger">
-        {{ triggerText || '列设置' }}
+        {{ triggerText || '列显隐' }}
       </slot>
     </el-button>
     
     <el-dialog
       v-model="visible"
-      title="列显示设置"
+      title="列显隐设置"
       :width="dialogWidth"
       append-to-body
     >
       <div class="column-control-content">
-        <div class="column-control-header">
-          <div class="header-actions">
-            <el-button
-              type="primary"
-              link             
-              @click="handleToggleSelectAll"
-            >
-              {{ isAllSelected ? '取消全选' : '全选' }}
-            </el-button>
-          </div>
-        </div>
-        
         <div class="column-control-body">
           <el-checkbox-group v-model="checkedColumns" @change="handleColumnChange" class="column-checkbox-group">
             <div
@@ -45,30 +33,25 @@
               >
                 {{ column.label }}
               </el-checkbox>
-              <el-tag v-if="column.fixed !== undefined" size="small" type="info">
+              <!-- <el-tag v-if="column.fixed !== undefined" size="small" type="info">
                 {{ column.fixed === 'left' ? '固定左侧' : column.fixed === 'right' ? '固定右侧' : '固定' }}
-              </el-tag>
+              </el-tag> -->
             </div>
           </el-checkbox-group>
         </div>
       </div>
-      
-      <template #footer>
-        <div class="column-control-footer">
-          <el-button @click="handleReset">重置</el-button>
-          <el-button type="primary" @click="handleConfirm">确定</el-button>
-        </div>
-      </template>
     </el-dialog>
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch, onMounted, nextTick, type Ref } from 'vue'
-import { Setting } from '@element-plus/icons-vue'
+import { ref, computed, watch, onMounted, nextTick, useSlots, type Ref } from 'vue'
+import { Menu } from '@element-plus/icons-vue'
 import type { TableInstance } from 'element-plus'
 import { useTableColumns, type ColumnConfig } from '/@/composables/useTableColumns'
 
+const slots = useSlots()
+
 interface Column {
   prop?: string
   label: string
@@ -102,7 +85,7 @@ const props = withDefaults(defineProps<Props>(), {
   triggerCircle: false,
   triggerText: '',
   triggerLink: false,
-  dialogWidth: '600px'
+  dialogWidth: '800px'
 })
 
 const emit = defineEmits<{
@@ -225,7 +208,6 @@ watch(actualColumns, (newColumns) => {
 
 // 监听弹窗打开，触发列配置重新提取
 watch(visible, (newVal) => {
-  console.log('[TableColumnControl] 弹窗状态变化:', newVal)
   if (newVal) {
     // 弹窗打开时，确保选中状态正确初始化（但不重置用户已保存的设置）
     if (actualColumns.value.length > 0) {
@@ -246,27 +228,20 @@ watch(visible, (newVal) => {
     }
   }
   if (newVal && props.tableRef) {
-    console.log('[TableColumnControl] 弹窗打开，tableRef 存在:', props.tableRef)
-    console.log('[TableColumnControl] tableRef.value:', props.tableRef.value)
-    console.log('[TableColumnControl] tableRef.value 类型:', typeof props.tableRef.value)
-    
     // 尝试多种方式获取表格实例
     const getTableInstance = (): TableInstance | null => {
       // 方法1: 直接从 props.tableRef.value 获取
       if (props.tableRef?.value) {
-        console.log('[TableColumnControl] 从 props.tableRef.value 获取表格实例')
         return props.tableRef.value
       }
       
       // 方法2: 尝试从 props.tableRef 本身获取（可能是直接的 ref 对象）
       if ((props.tableRef as any).value) {
-        console.log('[TableColumnControl] 从 props.tableRef 的 value 属性获取表格实例')
         return (props.tableRef as any).value
       }
       
       // 方法3: 如果 props.tableRef 本身就是表格实例（不应该发生，但作为备用）
       if ((props.tableRef as any).$el) {
-        console.log('[TableColumnControl] props.tableRef 本身就是表格实例')
         return props.tableRef as any
       }
       
@@ -278,10 +253,8 @@ watch(visible, (newVal) => {
     if (tableInstance) {
       const tableEl = (tableInstance as any).$el
       if (tableEl) {
-        console.log('[TableColumnControl] 表格实例已就绪，立即提取列配置')
         nextTick(() => {
           refreshAutoColumns()
-          console.log('[TableColumnControl] 刷新后列数:', actualColumns.value.length)
         })
         return
       }
@@ -298,21 +271,16 @@ watch(visible, (newVal) => {
       if (tableInstance) {
         const tableEl = (tableInstance as any).$el
         if (tableEl) {
-          console.log('[TableColumnControl] 表格实例已就绪，开始提取列配置')
           nextTick(() => {
             refreshAutoColumns()
-            console.log('[TableColumnControl] 刷新后列数:', actualColumns.value.length)
             
             // 如果还是没有数据，多次重试
             let retryCount = 0
             const maxRetries = 10
             const retryInterval = setInterval(() => {
               retryCount++
-              console.log(`[TableColumnControl] 第 ${retryCount} 次重试刷新列配置`)
               refreshAutoColumns()
-              console.log(`[TableColumnControl] 重试后列数:`, actualColumns.value.length)
               if (actualColumns.value.length > 0 || retryCount >= maxRetries) {
-                console.log('[TableColumnControl] 停止重试，最终列数:', actualColumns.value.length)
                 clearInterval(retryInterval)
               }
             }, 200)
@@ -324,16 +292,10 @@ watch(visible, (newVal) => {
       // 继续等待
       waitCount++
       if (waitCount < maxWaitCount) {
-        console.log(`[TableColumnControl] tableRef.value 还未就绪，等待中... (${waitCount}/${maxWaitCount})`)
         waitTimer = setTimeout(waitForTableRef, 100)
       } else {
-        console.warn('[TableColumnControl] 等待超时，tableRef.value 仍未就绪')
-        console.warn('[TableColumnControl] props.tableRef:', props.tableRef)
-        console.warn('[TableColumnControl] props.tableRef?.value:', props.tableRef?.value)
         // 即使超时，也尝试提取一次（可能表格已经渲染了，只是 ref 没有正确绑定）
-        console.log('[TableColumnControl] 尝试强制提取列配置')
         refreshAutoColumns()
-        console.log('[TableColumnControl] 强制提取后列数:', actualColumns.value.length)
       }
     }
     
@@ -349,8 +311,6 @@ watch(visible, (newVal) => {
         waitTimer = null
       }
     }
-  } else {
-    console.warn('[TableColumnControl] 弹窗打开但 tableRef 不存在或为空')
   }
 })
 
@@ -368,16 +328,14 @@ if (props.tableRef) {
     return null
   }, (newVal, oldVal) => {
     if (newVal && newVal !== oldVal) {
-      console.log('[TableColumnControl] tableRef.value 已赋值，触发列配置提取')
       // 延迟一下，确保表格完全渲染
       setTimeout(() => {
         nextTick(() => {
           refreshAutoColumns()
-          console.log('[TableColumnControl] 列配置提取完成，列数:', actualColumns.value.length)
         })
       }, 200)
     }
-  }, { immediate: true }) // 立即检查一次，如果 tableRef.value 已经有值，立即触发
+  }, { immediate: true })
 }
 
 // 暴露给父组件使用
@@ -387,54 +345,7 @@ defineExpose({
   refreshColumns: refreshAutoColumns
 })
 
-// 获取默认显示的列（所有可隐藏的列）- 用于重置功能
-const getDefaultColumns = (): string[] => {
-  return actualColumns.value
-    .filter(col => !col.alwaysShow && !col.fixed)
-    .map(col => col.prop || col.label)
-}
-
-// 获取所有可选择的列
-const selectableColumns = computed(() => {
-  return actualColumns.value
-    .filter(col => !col.alwaysShow && !col.fixed)
-    .map(col => col.prop || col.label)
-})
-
-// 判断是否全选
-const isAllSelected = computed(() => {
-  const selectable = selectableColumns.value
-  if (selectable.length === 0) return false
-  return selectable.every(col => checkedColumns.value.includes(col))
-})
-
-// 切换全选/全不选
-const handleToggleSelectAll = () => {
-  if (isAllSelected.value) {
-    // 当前全选，执行全不选（但保留固定列和 alwaysShow 列）
-    const fixedAndAlwaysShow = actualColumns.value
-      .filter(col => col.alwaysShow || !!col.fixed)
-      .map(col => col.prop || col.label)
-    checkedColumns.value = [...fixedAndAlwaysShow]
-  } else {
-    // 当前未全选，执行全选（所有列）
-    checkedColumns.value = getAllColumns()
-  }
-}
-
-// 重置为默认值
-const handleReset = () => {
-  checkedColumns.value = getDefaultColumns()
-  handleColumnChange(checkedColumns.value)
-}
-
-// 确认
-const handleConfirm = () => {
-  handleColumnChange(checkedColumns.value)
-  visible.value = false
-}
-
-// 列变化处理
+// 列变化处理（实时生效）
 const handleColumnChange = (value: string[]) => {
   // 确保固定列和 alwaysShow 列始终在选中列表中
   const fixedAndAlwaysShow = actualColumns.value
@@ -442,6 +353,7 @@ const handleColumnChange = (value: string[]) => {
     .map(col => col.prop || col.label)
   const finalValue = [...new Set([...value, ...fixedAndAlwaysShow])]
   
+  // 立即应用更改
   emit('update:modelValue', finalValue)
   emit('change', finalValue)
   
@@ -483,26 +395,6 @@ onMounted(() => {
 }
 
 .column-control-content {
-  .column-control-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding-bottom: 12px;
-    margin-bottom: 12px;
-    border-bottom: 1px solid #ebeef5;
-    
-    .header-title {
-      font-size: 14px;
-      font-weight: 600;
-      color: #303133;
-    }
-    
-    .header-actions {
-      display: flex;
-      gap: 8px;
-    }
-  }
-  
   .column-control-body {
     max-height: 400px;
     overflow-y: auto;
diff --git a/src/composables/useTableColumns.ts b/src/composables/useTableColumns.ts
index 2f3347c..a8e2fd0 100644
--- a/src/composables/useTableColumns.ts
+++ b/src/composables/useTableColumns.ts
@@ -53,24 +53,17 @@ export function useTableColumns(
 
   // 从 el-table 提取列配置
   const extractColumns = (): ColumnConfig[] => {
-    console.log('[useTableColumns] extractColumns 开始执行')
-    
     const tableInstance = getTableInstance()
     if (!tableInstance) {
-      console.warn('[useTableColumns] tableRef.value 为空')
-      console.warn('[useTableColumns] tableRef:', tableRef)
-      console.warn('[useTableColumns] tableRef?.value:', tableRef?.value)
       return []
     }
 
     const table = tableInstance
-    console.log('[useTableColumns] tableInstance 存在:', table)
     const extracted: ColumnConfig[] = []
     
     try {
       // 方法1: 从 table.store 中提取（Element Plus 内部实现）
       const store = (table as any).store
-      console.log('[useTableColumns] store:', store)
       
       if (store) {
         // 尝试多种路径访问列数据
@@ -78,40 +71,24 @@ export function useTableColumns(
         
         if (store.states && store.states.columns) {
           tableColumns = store.states.columns.value || []
-          console.log('[useTableColumns] 从 store.states.columns 获取到列数:', tableColumns.length)
-          console.log('[useTableColumns] store.states.columns 内容:', tableColumns)
         } else if (store.columns) {
           tableColumns = Array.isArray(store.columns) ? store.columns : (store.columns.value || [])
-          console.log('[useTableColumns] 从 store.columns 获取到列数:', tableColumns.length)
         } else if ((table as any).columns) {
           tableColumns = Array.isArray((table as any).columns) ? (table as any).columns : ((table as any).columns.value || [])
-          console.log('[useTableColumns] 从 table.columns 获取到列数:', tableColumns.length)
         }
         
         if (tableColumns.length > 0) {
-          tableColumns.forEach((col: any, idx: number) => {
-            console.log(`[useTableColumns] store 列 ${idx}:`, {
-              type: col.type,
-              label: col.label,
-              property: col.property,
-              prop: col.prop,
-              fixed: col.fixed,
-              fullCol: col
-            })
-            
+          tableColumns.forEach((col: any) => {
             // 跳过序号列
             if (col.type === 'index' || col.type === 'selection') {
-              console.log(`[useTableColumns] 列 ${idx} 被跳过（类型: ${col.type}）`)
               return
             }
             
             // 尝试多种方式获取 label
             const label = col.label || col.columnKey || col.property || col.prop || ''
             
-            // 如果没有 label，尝试从其他属性推断
+            // 如果没有 label，跳过这一列
             if (!label) {
-              console.log(`[useTableColumns] 列 ${idx} 没有 label，尝试从其他属性推断`)
-              // 如果还是没有，跳过这一列
               return
             }
             
@@ -140,22 +117,17 @@ export function useTableColumns(
               }
             }
 
-            console.log(`[useTableColumns] 从 store 提取到列配置:`, config)
             extracted.push(config)
           })
           
-          console.log('[useTableColumns] 从 store 总共提取到列数:', extracted.length)
           if (extracted.length > 0) {
             return extracted
           }
-        } else {
-          console.warn('[useTableColumns] store 中没有找到列数据')
         }
       }
 
       // 方法2: 从 DOM 中提取（备用方案，更可靠）
       const tableEl = (table as any).$el
-      console.log('[useTableColumns] tableEl:', tableEl)
       
       if (tableEl) {
         // 尝试多种选择器来查找表头
@@ -163,35 +135,27 @@ export function useTableColumns(
         
         // 方法2.1: 从主表格头部查找
         const headerWrapper = tableEl.querySelector('.el-table__header-wrapper')
-        console.log('[useTableColumns] headerWrapper:', headerWrapper)
         if (headerWrapper) {
           columnHeaders = headerWrapper.querySelectorAll('th')
-          console.log('[useTableColumns] 从 headerWrapper 找到列数:', columnHeaders?.length || 0)
         }
         
         // 方法2.2: 如果找不到，从整个表格查找
         if (!columnHeaders || columnHeaders.length === 0) {
           columnHeaders = tableEl.querySelectorAll('th')
-          console.log('[useTableColumns] 从整个表格找到列数:', columnHeaders?.length || 0)
         }
         
         // 方法2.3: 如果还是找不到，尝试查找固定列
         if (!columnHeaders || columnHeaders.length === 0) {
           const fixedLeft = tableEl.querySelector('.el-table__fixed-left')
-          console.log('[useTableColumns] fixedLeft:', fixedLeft)
           if (fixedLeft) {
             columnHeaders = fixedLeft.querySelectorAll('th')
-            console.log('[useTableColumns] 从 fixedLeft 找到列数:', columnHeaders?.length || 0)
           }
         }
         
         if (!columnHeaders || columnHeaders.length === 0) {
-          console.warn('[useTableColumns] 未找到任何列头元素')
           return []
         }
         
-        console.log('[useTableColumns] 最终找到列数量:', columnHeaders.length)
-        
         // 创建一个映射，通过列索引匹配 prop
         const propMap = new Map<number, string>()
         
@@ -235,20 +199,8 @@ export function useTableColumns(
           
           const label = rawLabel.trim()
           
-          // 调试：打印 th 的完整结构
-          console.log(`[useTableColumns] DOM 列 ${index}:`, {
-            label,
-            rawLabel,
-            thHTML: th.innerHTML.substring(0, 100),
-            hasCell: !!cell,
-            cellText: cell?.innerText || cell?.textContent || '',
-            thInnerText: th.innerText,
-            thTextContent: th.textContent
-          })
-          
           // 排除序号列和空列
           if (!label || label === '序号') {
-            console.log(`[useTableColumns] 列 ${index} 被跳过（序号列或空列）`)
             return
           }
           
@@ -278,51 +230,30 @@ export function useTableColumns(
           // 尝试从对应的 body cell 中获取 data-key 或其他属性来匹配 prop
           let prop = propMap.get(index)
           
-          // 如果没有找到 prop，尝试从 label 推断（简单匹配）
+          // 如果没有找到 prop，使用 label 作为 prop（isColumnVisible 会同时匹配 prop 和 label）
+          // 或者使用默认的 column_${index}
           if (!prop) {
-            // 对于常见的列，可以通过 label 推断 prop
-            const labelToPropMap: Record<string, string> = {
-              '是否退休': 'tied',
-              '姓名/工号': 'nameNo',
-              '性别': 'sex',
-              '部门': 'deptName',
-              '学历学位': 'dgreeName',
-              '职称等级': 'professionalTitle',
-              '岗位级别': 'stationLevelName',
-              '职业资格等级': 'levelName',
-              '职业资格工种': 'workName',
-              '用工性质': 'employmentNatureName',
-              '手机': 'telPhone',
-              '家庭住址': 'homeAddress',
-              '授课类型': 'teacherCate',
-              '操作': 'action',
-            }
-            prop = labelToPropMap[label]
+            prop = `column_${index}`
           }
           
           const columnConfig = {
-            prop: prop || `column_${index}`,
+            prop: prop,
             label,
             width,
             // DOM 提取的 fixed 只有 left/right，这里也归一为 undefined 或 'left'/'right'
             fixed: fixed ? fixed : undefined,
           }
-          console.log(`[useTableColumns] 提取到列配置:`, columnConfig)
           extracted.push(columnConfig)
         })
         
-        console.log('[useTableColumns] 总共提取到列数:', extracted.length)
         if (extracted.length > 0) {
-          console.log('[useTableColumns] 提取到的所有列:', extracted)
           return extracted
         }
       }
     } catch (error) {
-      // 提取失败，输出错误信息
-      console.error('[useTableColumns] 提取列配置时出错:', error)
+      // 提取失败，静默处理
     }
 
-    console.warn('[useTableColumns] 提取失败，返回空数组')
     return []
   }
 
@@ -418,8 +349,6 @@ export function useTableColumns(
         }
         hasInitializedVisibleColumns.value = true
       }
-    } else {
-      console.warn('[useTableColumns] initColumns: 提取失败，未设置 columns.value')
     }
   }
 
@@ -490,19 +419,17 @@ export function useTableColumns(
     return null
   }, (newVal, oldVal) => {
     if (newVal && newVal !== oldVal) {
-      console.log('[useTableColumns] tableRef.value 变化，开始提取列配置')
       // 延迟一下，确保表格已经渲染
       setTimeout(() => {
         initColumns()
       }, 200)
     } else if (newVal && !oldVal) {
       // 如果从 undefined 变为有值，也触发提取
-      console.log('[useTableColumns] tableRef.value 从 undefined 变为有值，开始提取列配置')
       setTimeout(() => {
         initColumns()
       }, 200)
     }
-  }, { immediate: true }) // 改为 true，立即检查一次
+  }, { immediate: true })
 
   // 组件挂载后初始化
   onMounted(() => {
@@ -513,8 +440,6 @@ export function useTableColumns(
       setTimeout(() => {
         initColumns()
       }, 300)
-    } else {
-      console.log('[useTableColumns] onMounted: tableRef.value 还未就绪，等待 watch 触发')
     }
   })
 
diff --git a/src/utils/request.ts b/src/utils/request.ts
index cbe8d2b..e8edf08 100644
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -96,7 +96,6 @@ service.interceptors.request.use(
  * @returns 如果响应成功，则返回响应的data属性；否则，抛出错误或者执行其他操作
  */
 const handleResponse = (response: AxiosResponse<any>) => {
-	console.log("response",response)
 	if (response.data.code === 1) {
 		throw response.data;
 	}
@@ -114,7 +113,8 @@ const handleResponse = (response: AxiosResponse<any>) => {
  * 添加 Axios 的响应拦截器，用于全局响应结果处理
  */
 service.interceptors.response.use(handleResponse, (error) => {
-	const status = Number(error.response.status) || 200;
+	// 处理 HTTP 错误
+	const status = Number(error.response?.status) || 200;
 	if (status === 423) {
 		return Promise.reject({ msg: '"演示环境，仅供预览"' });
 	}
@@ -147,7 +147,7 @@ service.interceptors.response.use(handleResponse, (error) => {
 		error.response.data = decrypt(error.response?.data.encryption);
 	}
 
-	return Promise.reject(error.response.data);
+	return Promise.reject(error.response?.data);
 });
 
 // 导出 axios 实例
diff --git a/src/views/professional/academicqualificationsconfig/index.vue b/src/views/professional/academicqualificationsconfig/index.vue
index 6269f0d..6d95ffd 100755
--- a/src/views/professional/academicqualificationsconfig/index.vue
+++ b/src/views/professional/academicqualificationsconfig/index.vue
@@ -233,8 +233,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/outercompany/index.vue b/src/views/professional/outercompany/index.vue
index e8f6424..20bcbbb 100755
--- a/src/views/professional/outercompany/index.vue
+++ b/src/views/professional/outercompany/index.vue
@@ -2,7 +2,7 @@
   <div class="layout-padding">
     <div class="layout-padding-auto layout-padding-view">
       <!-- 搜索表单 -->
-      <el-row shadow="hover" v-show="showSearch" class="ml10">
+      <el-row shadow="hover" v-show="showSearch">
         <el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataList">
           <el-form-item label="单位名称" prop="companyName">
             <el-input 
@@ -29,12 +29,6 @@
             @click="handleAdd"
             v-if="permissions.professional_outercompany_add">新 增
           </el-button>
-          <right-toolbar
-            v-model:showSearch="showSearch"
-            class="ml10"
-            style="float: right; margin-right: 20px"
-            @queryTable="getDataList"
-          ></right-toolbar>
         </div>
       </el-row>
 
@@ -60,9 +54,9 @@
           </template>
         </el-table-column>
         
-        <el-table-column prop="updateTime" label="更新时间" width="180" align="center" />
+        <el-table-column prop="updateTime" label="更新时间" min-width="180" align="center" />
         
-        <el-table-column label="操作" width="150" align="center" fixed="right">
+        <el-table-column label="操作" min-width="150" align="center" fixed="right">
           <template #default="scope">
             <el-button 
               v-if="permissions.professional_outercompany_edit"
@@ -76,7 +70,6 @@
               icon="delete"
               link
               type="primary"
-              style="margin-left: 12px"
               @click="handleDel(scope.row)">删除
             </el-button>
           </template>
@@ -286,8 +279,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/outercompany/indexSecond.vue b/src/views/professional/outercompany/indexSecond.vue
index 625ef2e..ffaad0a 100755
--- a/src/views/professional/outercompany/indexSecond.vue
+++ b/src/views/professional/outercompany/indexSecond.vue
@@ -286,8 +286,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/outercompany/indexTrain.vue b/src/views/professional/outercompany/indexTrain.vue
index e98ec87..5061351 100755
--- a/src/views/professional/outercompany/indexTrain.vue
+++ b/src/views/professional/outercompany/indexTrain.vue
@@ -20,25 +20,6 @@
         </el-form>
       </el-row>
 
-      <!-- 操作按钮 -->
-      <el-row>
-        <div class="mb15" style="width: 100%;">
-          <!-- 新增按钮已注释，此页面为只读 -->
-          <!-- <el-button 
-            type="primary"
-            icon="FolderAdd"      
-            @click="handleAdd"
-            v-if="permissions.professional_outercompany_add">新 增
-          </el-button> -->
-          <right-toolbar
-            v-model:showSearch="showSearch"
-            class="ml10"
-            style="float: right; margin-right: 20px"
-            @queryTable="getDataList"
-          ></right-toolbar>
-        </div>
-      </el-row>
-
       <!-- 表格 -->
       <el-table
         ref="tableRef"
@@ -61,7 +42,7 @@
           </template>
         </el-table-column>
         
-        <el-table-column prop="updateTime" label="更新时间" width="180" align="center" />
+        <el-table-column prop="updateTime" label="更新时间" min-width="180" align="center" />
         
         <!-- 操作列已注释，此页面为只读 -->
         <!-- <el-table-column label="操作" width="150" align="center" fixed="right">
diff --git a/src/views/professional/outercompanyemployee/form.vue b/src/views/professional/outercompanyemployee/form.vue
new file mode 100644
index 0000000..21fcde8
--- /dev/null
+++ b/src/views/professional/outercompanyemployee/form.vue
@@ -0,0 +1,304 @@
+<template>
+  <el-dialog
+    v-model="visible"
+    :title="formData.id ? '编辑' : '新增'"
+    width="800px"
+    :close-on-click-modal="false"
+    destroy-on-close
+    @close="handleClose"
+  >
+    <el-form
+      ref="formRef"
+      :model="formData"
+      :rules="formRules"
+      label-width="120px"
+      class="form-content"
+    >
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="单位名称" prop="companyId">
+            <el-select
+              v-model="formData.companyId"
+              filterable
+              clearable
+              placeholder="请选择单位"
+              style="width: 100%"
+            >
+              <el-option
+                v-for="item in companyList"
+                :key="item.id"
+                :label="item.companyName"
+                :value="item.id"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="职员编号" prop="employeeNo">
+            <el-input
+              v-model="formData.employeeNo"
+              placeholder="系统自动生成"
+              disabled
+              clearable
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="姓名" prop="realName">
+            <el-input
+              v-model="formData.realName"
+              placeholder="请输入姓名"
+              clearable
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="身份证" prop="idCard">
+            <el-input
+              v-model="formData.idCard"
+              placeholder="请输入身份证号"
+              clearable
+              maxlength="18"
+              @input="handleIdCardInput"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="手机" prop="mobile">
+            <el-input
+              v-model="formData.mobile"
+              type="number"
+              placeholder="请输入手机号"
+              clearable
+              maxlength="11"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="职位" prop="position">
+            <el-input
+              v-model="formData.position"
+              placeholder="请输入职位"
+              clearable
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="家庭地址" prop="address">
+            <el-input
+              v-model="formData.address"
+              placeholder="请输入家庭地址"
+              clearable
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="允许进出" prop="inoutFlag">
+            <el-select
+              v-model="formData.inoutFlag"
+              clearable
+              placeholder="请选择"
+              style="width: 100%"
+            >
+              <el-option
+                v-for="item in yesNoDict"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      
+      <el-form-item label="备注" prop="remarks">
+        <el-input
+          v-model="formData.remarks"
+          type="textarea"
+          :rows="3"
+          placeholder="请输入备注"
+          clearable
+        />
+      </el-form-item>
+    </el-form>
+    
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="handleClose">取消</el-button>
+        <el-button type="primary" @click="handleSubmit" :loading="submitLoading">确定</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+import { useDict } from '/@/hooks/dict'
+import { useMessage } from '/@/hooks/message'
+import { addObj, putObj } from '/@/api/professional/stayschool/outercompanyemployee'
+
+// Props
+interface Props {
+  modelValue: boolean
+  formData: {
+    id?: string
+    companyId?: string
+    companyName?: string
+    employeeNo?: string
+    realName?: string
+    idCard?: string
+    mobile?: string
+    position?: string
+    address?: string
+    inoutFlag?: string
+    remarks?: string
+  }
+  companyList: any[]
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  modelValue: false,
+  formData: () => ({
+    id: '',
+    companyId: '',
+    companyName: '',
+    employeeNo: '',
+    realName: '',
+    idCard: '',
+    mobile: '',
+    position: '',
+    address: '',
+    inoutFlag: '',
+    remarks: ''
+  }),
+  companyList: () => []
+})
+
+// Emits
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: boolean): void
+  (e: 'success'): void
+}>()
+
+// 字典数据
+const { yes_no_type: yesNoDict } = useDict('yes_no_type')
+
+// 消息提示
+const message = useMessage()
+
+// 表单引用
+const formRef = ref()
+
+// 提交加载状态
+const submitLoading = ref(false)
+
+// 弹窗显示状态
+const visible = ref(false)
+
+watch(() => props.modelValue, (val) => {
+  visible.value = val
+})
+
+watch(visible, (val) => {
+  emit('update:modelValue', val)
+})
+
+// 表单验证规则
+const formRules = {
+  companyId: [
+    { required: true, message: '请选择单位', trigger: 'change' }
+  ],
+  realName: [
+    { required: true, message: '请填写姓名', trigger: 'blur' }
+  ],
+  idCard: [
+    { required: true, message: '请输入正确身份证', trigger: 'blur' },
+    { min: 15, max: 18, message: '长度在 15 到 18 个字符', trigger: 'blur' },
+    { pattern: /^(\d{15}|\d{17}[\dXx])$/, message: '身份证号格式不正确（15位或18位，18位最后一位可以是X）', trigger: 'blur' }
+  ],
+  mobile: [
+    { required: true, message: '请填写手机号', trigger: 'blur' },
+    { pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号', trigger: 'blur' }
+  ],
+  address: [
+    { required: true, message: '请填写家庭住址', trigger: 'blur' }
+  ],
+  inoutFlag: [
+    { required: true, message: '请选择是否允许进出', trigger: 'change' }
+  ]
+}
+
+// 关闭弹窗
+const handleClose = () => {
+  visible.value = false
+  formRef.value?.resetFields()
+}
+
+// 身份证号输入限制：只允许数字和X/x，最大长度18
+const handleIdCardInput = (value: string) => {
+  // 只保留数字和X/x
+  const filtered = value.replace(/[^\dXx]/g, '')
+  if (filtered !== value) {
+    props.formData.idCard = filtered
+  }
+}
+
+// 提交表单
+const handleSubmit = async () => {
+  if (!formRef.value) return
+  
+  await formRef.value.validate(async (valid: boolean) => {
+    if (valid) {
+      submitLoading.value = true
+      try {
+        // 设置单位名称
+        const selectedCompany = props.companyList.find(item => item.id === props.formData.companyId)
+        const submitData = {
+          ...props.formData,
+          companyName: selectedCompany?.companyName || ''
+        }
+        
+        if (props.formData.id) {
+          await putObj(submitData)
+          message.success('修改成功')
+        } else {
+          await addObj(submitData)
+          message.success('添加成功')
+        }
+        handleClose()
+        emit('success')
+      } catch (error: any) {
+        message.error(error?.msg || '操作失败')
+      } finally {
+        submitLoading.value = false
+      }
+    }
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+.form-content {
+  :deep(.el-row) {
+    margin-bottom: 18px;
+    
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  :deep(.el-row .el-form-item) {
+    margin-bottom: 0;
+  }
+}
+</style>
+
diff --git a/src/views/professional/outercompanyemployee/index.vue b/src/views/professional/outercompanyemployee/index.vue
index ec99152..bc1324b 100755
--- a/src/views/professional/outercompanyemployee/index.vue
+++ b/src/views/professional/outercompanyemployee/index.vue
@@ -2,7 +2,7 @@
   <div class="layout-padding">
     <div class="layout-padding-auto layout-padding-view">
       <!-- 搜索表单 -->
-      <el-row shadow="hover" v-show="showSearch" class="ml10">
+      <el-row shadow="hover" v-show="showSearch">
         <el-form :model="state.queryForm" ref="queryRef" :inline="true" @keyup.enter="handleFilter">
           <el-form-item label="单位名称" prop="companyId">
             <el-select
@@ -10,7 +10,6 @@
               filterable
               clearable
               placeholder="请选择单位"
-              style="width: 200px"
             >
               <el-option
                 v-for="item in companyList"
@@ -25,7 +24,6 @@
               v-model="state.queryForm.employeeNo"
               placeholder="请输入职员编号"
               clearable
-              style="width: 200px"
             />
           </el-form-item>
           <el-form-item label="姓名" prop="realName">
@@ -33,7 +31,6 @@
               v-model="state.queryForm.realName"
               placeholder="请输入姓名"
               clearable
-              style="width: 200px"
             />
           </el-form-item>
           <el-form-item label="身份证" prop="idCard">
@@ -41,7 +38,6 @@
               v-model="state.queryForm.idCard"
               placeholder="请输入身份证"
               clearable
-              style="width: 200px"
             />
           </el-form-item>
           <el-form-item label="手机" prop="mobile">
@@ -49,7 +45,6 @@
               v-model="state.queryForm.mobile"
               placeholder="请输入手机"
               clearable
-              style="width: 200px"
             />
           </el-form-item>
           <el-form-item label="允许进出" prop="inoutFlag">
@@ -57,7 +52,6 @@
               v-model="state.queryForm.inoutFlag"
               clearable
               placeholder="请选择"
-              style="width: 200px"
             >
               <el-option
                 v-for="item in yesNoDict"
@@ -68,43 +62,45 @@
             </el-select>
           </el-form-item>
           <el-form-item>
-            <el-button icon="search" type="primary" @click="handleFilter">查询</el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            <el-button type="primary" @click="handleFilter" icon="Search">查询</el-button>
+            <el-button @click="resetQuery" icon="Refresh">重置</el-button>
           </el-form-item>
         </el-form>
       </el-row>
 
       <!-- 操作按钮 -->
       <el-row>
-        <div class="mb15" style="width: 100%;">
+        <div class="mb15">
           <el-button 
             type="primary"
-            icon="FolderAdd"      
+            icon="Plus"      
             @click="handleAdd"
             v-if="permissions.professional_outercompanyemployee_add">新 增
           </el-button>
           <el-button 
             type="primary"
+            plain
+            icon="UploadFilled"
+            class="ml10"
             @click="handleExportIn"
             v-if="permission.scope == '1'"
           >导 入
           </el-button>
           <el-button 
             type="warning"
+            plain
+            icon="Download"
+            class="ml10"
             @click="handleExportScore"
-            :loading="exportLoading"
-            icon="Download">导出
+            :loading="exportLoading">导出
           </el-button>
           <el-button 
-            type="primary"
+            type="danger"
+            plain
+            icon="Delete"
+            class="ml10"
             @click="batchDelect">批量删除
           </el-button>
-          <right-toolbar
-            v-model:showSearch="showSearch"
-            class="ml10"
-            style="float: right; margin-right: 20px"
-            @queryTable="getDataList"
-          ></right-toolbar>
         </div>
       </el-row>
 
@@ -190,139 +186,12 @@
       />
 
       <!-- 新增/编辑弹窗 -->
-      <el-dialog
+      <form-dialog
         v-model="dialogVisible"
-        :title="form.id ? '编辑' : '新增'"
-        width="800px"
-        :close-on-click-modal="false"
-        destroy-on-close
-      >
-        <el-form
-          ref="formRef"
-          :model="form"
-          :rules="formRules"
-          label-width="120px"
-        >
-          <el-row :gutter="20">
-            <el-col :span="12">
-              <el-form-item label="单位名称" prop="companyId">
-                <el-select
-                  v-model="form.companyId"
-                  filterable
-                  clearable
-                  placeholder="请选择单位"
-                  style="width: 100%"
-                >
-                  <el-option
-                    v-for="item in companyList"
-                    :key="item.id"
-                    :label="item.companyName"
-                    :value="item.id"
-                  />
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="职员编号" prop="employeeNo">
-                <el-input
-                  v-model="form.employeeNo"
-                  placeholder="系统自动生成"
-                  disabled
-                  clearable
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          
-          <el-row :gutter="20">
-            <el-col :span="12">
-              <el-form-item label="姓名" prop="realName">
-                <el-input
-                  v-model="form.realName"
-                  placeholder="请输入姓名"
-                  clearable
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="身份证" prop="idCard">
-                <el-input
-                  v-model="form.idCard"
-                  placeholder="请输入身份证号"
-                  clearable
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          
-          <el-row :gutter="20">
-            <el-col :span="12">
-              <el-form-item label="手机" prop="mobile">
-                <el-input
-                  v-model="form.mobile"
-                  placeholder="请输入手机号"
-                  clearable
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="职位" prop="position">
-                <el-input
-                  v-model="form.position"
-                  placeholder="请输入职位"
-                  clearable
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          
-          <el-row :gutter="20">
-            <el-col :span="12">
-              <el-form-item label="家庭地址" prop="address">
-                <el-input
-                  v-model="form.address"
-                  placeholder="请输入家庭地址"
-                  clearable
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="允许进出" prop="inoutFlag">
-                <el-select
-                  v-model="form.inoutFlag"
-                  clearable
-                  placeholder="请选择"
-                  style="width: 100%"
-                >
-                  <el-option
-                    v-for="item in yesNoDict"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  />
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          
-          <el-form-item label="备注" prop="remarks">
-            <el-input
-              v-model="form.remarks"
-              type="textarea"
-              :rows="3"
-              placeholder="请输入备注"
-              clearable
-            />
-          </el-form-item>
-        </el-form>
-        
-        <template #footer>
-          <div class="dialog-footer">
-            <el-button @click="dialogVisible = false">取消</el-button>
-            <el-button type="primary" @click="handleSubmit" :loading="submitLoading">确定</el-button>
-          </div>
-        </template>
-      </el-dialog>
+        :form-data="form"
+        :company-list="companyList"
+        @success="handleFormSuccess"
+      />
 
       <!-- 头像预览对话框 -->
       <el-dialog v-model="dialogUploadVisible" title="头像预览" append-to-body>
@@ -400,13 +269,12 @@ import { Plus } from '@element-plus/icons-vue'
 import { 
   fetchList, 
   getObj, 
-  addObj, 
-  putObj, 
   delObj, 
   batchDel, 
   resetPassWord 
 } from '/@/api/professional/stayschool/outercompanyemployee'
 import { getList as getCompanyList } from '/@/api/professional/stayschool/outercompany'
+import FormDialog from './form.vue'
 
 // 使用 Pinia store
 const userInfoStore = useUserInfo()
@@ -436,7 +304,6 @@ const getDictLabel = (value: string | number) => {
 
 // 表格引用
 const tableRef = ref()
-const formRef = ref()
 const queryRef = ref()
 const uploadFormRef = ref()
 
@@ -448,7 +315,6 @@ const dialogVisible = ref(false)
 const dialogUploadVisible = ref(false)
 const dialogAvatarVisible = ref(false)
 const dialogViewVisible = ref(false)
-const submitLoading = ref(false)
 const exportLoading = ref(false)
 
 // 选中的行数据
@@ -476,28 +342,6 @@ const form = reactive({
   remarks: ''
 })
 
-// 表单验证规则
-const formRules = {
-  companyId: [
-    { required: true, message: '请选择单位', trigger: 'change' }
-  ],
-  realName: [
-    { required: true, message: '请填写姓名', trigger: 'blur' }
-  ],
-  idCard: [
-    { required: true, message: '请填写身份证号', trigger: 'blur' }
-  ],
-  mobile: [
-    { required: true, message: '请填写手机号', trigger: 'blur' }
-  ],
-  address: [
-    { required: true, message: '请填写家庭住址', trigger: 'blur' }
-  ],
-  inoutFlag: [
-    { required: true, message: '请选择是否允许进出', trigger: 'change' }
-  ]
-}
-
 // 头像相关
 const dialogImageUrl = ref('')
 const fileList = ref<any[]>([])
@@ -665,36 +509,9 @@ const resetPassword = (row: any) => {
   }).catch(() => {})
 }
 
-// 提交表单
-const handleSubmit = async () => {
-  if (!formRef.value) return
-  
-  await formRef.value.validate(async (valid: boolean) => {
-    if (valid) {
-      submitLoading.value = true
-      try {
-        // 设置单位名称
-        const selectedCompany = companyList.value.find(item => item.id === form.companyId)
-        if (selectedCompany) {
-          form.companyName = selectedCompany.companyName
-        }
-        
-        if (form.id) {
-          await putObj(form)
-          message.success('修改成功')
-        } else {
-          await addObj(form)
-          message.success('添加成功')
-        }
-        dialogVisible.value = false
-        getDataList()
-      } catch (error: any) {
-        message.error(error?.msg || '操作失败')
-      } finally {
-        submitLoading.value = false
-      }
-    }
-  })
+// 表单提交成功回调
+const handleFormSuccess = () => {
+  getDataList()
 }
 
 // 获取图片 URL
diff --git a/src/views/professional/outercompanyemployee/indexSecond.vue b/src/views/professional/outercompanyemployee/indexSecond.vue
index 54d0374..d90f85c 100755
--- a/src/views/professional/outercompanyemployee/indexSecond.vue
+++ b/src/views/professional/outercompanyemployee/indexSecond.vue
@@ -690,7 +690,7 @@ const handleSubmit = async () => {
         dialogVisible.value = false
         getDataList()
       } catch (error: any) {
-        message.error(error?.msg || '操作失败')
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/outercompanyemployee/indexTrain.vue b/src/views/professional/outercompanyemployee/indexTrain.vue
index b26bc1e..535decb 100755
--- a/src/views/professional/outercompanyemployee/indexTrain.vue
+++ b/src/views/professional/outercompanyemployee/indexTrain.vue
@@ -648,7 +648,7 @@ const handleSubmit = async () => {
         dialogVisible.value = false
         getDataList()
       } catch (error: any) {
-        message.error(error?.msg || '操作失败')
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/professionalacademicdegreeconfig/index.vue b/src/views/professional/professionalacademicdegreeconfig/index.vue
index 8b00823..a2e3e9a 100755
--- a/src/views/professional/professionalacademicdegreeconfig/index.vue
+++ b/src/views/professional/professionalacademicdegreeconfig/index.vue
@@ -233,8 +233,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/professionalacademiceducationtypeconfig/index.vue b/src/views/professional/professionalacademiceducationtypeconfig/index.vue
index f54b80a..0cc68b1 100755
--- a/src/views/professional/professionalacademiceducationtypeconfig/index.vue
+++ b/src/views/professional/professionalacademiceducationtypeconfig/index.vue
@@ -233,8 +233,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/professionalatstation/index.vue b/src/views/professional/professionalatstation/index.vue
index 30bb427..57f0a73 100755
--- a/src/views/professional/professionalatstation/index.vue
+++ b/src/views/professional/professionalatstation/index.vue
@@ -233,8 +233,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/professionalemploymentnature/index.vue b/src/views/professional/professionalemploymentnature/index.vue
index cf40b78..8cf96c1 100755
--- a/src/views/professional/professionalemploymentnature/index.vue
+++ b/src/views/professional/professionalemploymentnature/index.vue
@@ -233,8 +233,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/professionalmajorstation/index.vue b/src/views/professional/professionalmajorstation/index.vue
index ec71873..0172f4f 100755
--- a/src/views/professional/professionalmajorstation/index.vue
+++ b/src/views/professional/professionalmajorstation/index.vue
@@ -233,8 +233,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/professionalpaperconfig/index.vue b/src/views/professional/professionalpaperconfig/index.vue
index aea5e9a..ae5bf82 100755
--- a/src/views/professional/professionalpaperconfig/index.vue
+++ b/src/views/professional/professionalpaperconfig/index.vue
@@ -233,8 +233,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/professionalpartybranch/index.vue b/src/views/professional/professionalpartybranch/index.vue
index fa9ba1d..2cbb600 100755
--- a/src/views/professional/professionalpartybranch/index.vue
+++ b/src/views/professional/professionalpartybranch/index.vue
@@ -232,8 +232,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/professionalpartychange/index.vue b/src/views/professional/professionalpartychange/index.vue
index 0c7b854..c5a6170 100755
--- a/src/views/professional/professionalpartychange/index.vue
+++ b/src/views/professional/professionalpartychange/index.vue
@@ -66,7 +66,7 @@
         
         <el-table-column prop="changeTime" label="变动时间" width="180" align="center" />
         
-        <el-table-column prop="createTime" label="创建时间" width="180" align="center" />
+        <!-- <el-table-column prop="createTime" label="创建时间" width="180" align="center" /> -->
         
         <el-table-column prop="remarks" label="备注" min-width="200" align="center" show-overflow-tooltip />
       </el-table>
diff --git a/src/views/professional/professionalqualificationconfig/index.vue b/src/views/professional/professionalqualificationconfig/index.vue
index 004914b..88daf15 100644
--- a/src/views/professional/professionalqualificationconfig/index.vue
+++ b/src/views/professional/professionalqualificationconfig/index.vue
@@ -233,8 +233,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/professionalqualificationrelation/index.vue b/src/views/professional/professionalqualificationrelation/index.vue
index 021d4b6..edc9f41 100644
--- a/src/views/professional/professionalqualificationrelation/index.vue
+++ b/src/views/professional/professionalqualificationrelation/index.vue
@@ -307,8 +307,9 @@ const changeState = (row: any, val: number) => {
         })
         message.success('操作成功')
         getDataList()
-      } catch (error) {
-        // Failed to change state
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       }
     }).catch(() => {})
   } else if (val === -2) {
@@ -354,8 +355,9 @@ const handleDel = (row: any) => {
         state.pagination.current = state.pagination.current - 1
       }
       getDataList()
-    } catch (error) {
-      // Failed to delete
+    } catch (error: any) {
+      // 处理业务错误
+      message.error(error.msg)
     }
   }).catch(() => {})
 }
diff --git a/src/views/professional/professionalstationdutylevel/index.vue b/src/views/professional/professionalstationdutylevel/index.vue
index c177d9d..8aee92f 100755
--- a/src/views/professional/professionalstationdutylevel/index.vue
+++ b/src/views/professional/professionalstationdutylevel/index.vue
@@ -233,8 +233,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/professionalstationtype/index.vue b/src/views/professional/professionalstationtype/index.vue
index e2e6b55..7ed9677 100755
--- a/src/views/professional/professionalstationtype/index.vue
+++ b/src/views/professional/professionalstationtype/index.vue
@@ -233,8 +233,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/professionalteacheracademicrelation/index.vue b/src/views/professional/professionalteacheracademicrelation/index.vue
index 6c62ab5..e7686cd 100755
--- a/src/views/professional/professionalteacheracademicrelation/index.vue
+++ b/src/views/professional/professionalteacheracademicrelation/index.vue
@@ -347,8 +347,9 @@ const changeState = (row: any, val: number) => {
         })
         message.success('操作成功')
         getDataList()
-      } catch (error) {
-        // Failed to change state
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       }
     }).catch(() => {})
   } else if (val === -2) {
@@ -393,8 +394,9 @@ const handleDel = (row: any) => {
         state.pagination.current = state.pagination.current - 1
       }
       getDataList()
-    } catch (error) {
-      // Failed to delete
+    } catch (error: any) {
+      // 处理业务错误
+      message.error(error.msg)
     }
   }).catch(() => {})
 }
diff --git a/src/views/professional/professionalteachercertificateconf/index.vue b/src/views/professional/professionalteachercertificateconf/index.vue
index 67b19c4..e15ce74 100755
--- a/src/views/professional/professionalteachercertificateconf/index.vue
+++ b/src/views/professional/professionalteachercertificateconf/index.vue
@@ -233,8 +233,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/professionalteachercertificaterelation/index.vue b/src/views/professional/professionalteachercertificaterelation/index.vue
index 16c0c95..8ede29f 100755
--- a/src/views/professional/professionalteachercertificaterelation/index.vue
+++ b/src/views/professional/professionalteachercertificaterelation/index.vue
@@ -300,8 +300,9 @@ const changeState = (row: any, val: number) => {
         })
         message.success('操作成功')
         getDataList()
-      } catch (error) {
-        // Failed to change state
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       }
     }).catch(() => {})
   } else if (val === -2) {
@@ -346,8 +347,9 @@ const handleDel = (row: any) => {
         state.pagination.current = state.pagination.current - 1
       }
       getDataList()
-    } catch (error) {
-      // Failed to delete
+    } catch (error: any) {
+      // 处理业务错误
+      message.error(error.msg)
     }
   }).catch(() => {})
 }
diff --git a/src/views/professional/professionalteacherhonor/index.vue b/src/views/professional/professionalteacherhonor/index.vue
index 560d8e3..603d438 100755
--- a/src/views/professional/professionalteacherhonor/index.vue
+++ b/src/views/professional/professionalteacherhonor/index.vue
@@ -283,8 +283,9 @@ const changeState = (row: any, val: number) => {
         })
         message.success('操作成功')
         getDataList()
-      } catch (error) {
-        // Failed to change state
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       }
     }).catch(() => {})
   } else if (val === -2) {
@@ -331,8 +332,9 @@ const handleDel = (row: any) => {
         state.pagination.current = state.pagination.current - 1
       }
       getDataList()
-    } catch (error) {
-      // Failed to delete
+    } catch (error: any) {
+      // 处理业务错误
+      message.error(error.msg)
     }
   }).catch(() => {})
 }
diff --git a/src/views/professional/professionalteachertype/index.vue b/src/views/professional/professionalteachertype/index.vue
index 94d82a3..0bcacc9 100755
--- a/src/views/professional/professionalteachertype/index.vue
+++ b/src/views/professional/professionalteachertype/index.vue
@@ -233,8 +233,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/professionalteachingmaterialconfig/index.vue b/src/views/professional/professionalteachingmaterialconfig/index.vue
index 6ea36df..d2d0693 100755
--- a/src/views/professional/professionalteachingmaterialconfig/index.vue
+++ b/src/views/professional/professionalteachingmaterialconfig/index.vue
@@ -233,8 +233,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/professionaltitlelevelconfig/index.vue b/src/views/professional/professionaltitlelevelconfig/index.vue
index 07ba589..3648684 100755
--- a/src/views/professional/professionaltitlelevelconfig/index.vue
+++ b/src/views/professional/professionaltitlelevelconfig/index.vue
@@ -233,8 +233,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/professionaltitlerelation/index.vue b/src/views/professional/professionaltitlerelation/index.vue
index 97bde1a..48d804e 100755
--- a/src/views/professional/professionaltitlerelation/index.vue
+++ b/src/views/professional/professionaltitlerelation/index.vue
@@ -341,8 +341,9 @@ const changeState = (row: any, val: number) => {
         })
         message.success('操作成功')
         getDataList()
-      } catch (error) {
-        // Failed to change state
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       }
     }).catch(() => {})
   } else if (val === -2) {
@@ -389,8 +390,9 @@ const handleDel = (row: any) => {
         state.pagination.current = state.pagination.current - 1
       }
       getDataList()
-    } catch (error) {
-      // Failed to delete
+    } catch (error: any) {
+      // 处理业务错误
+      message.error(error.msg)
     }
   }).catch(() => {})
 }
diff --git a/src/views/professional/professionaltopiclevelconfig/index.vue b/src/views/professional/professionaltopiclevelconfig/index.vue
index 14e25d5..d596ade 100755
--- a/src/views/professional/professionaltopiclevelconfig/index.vue
+++ b/src/views/professional/professionaltopiclevelconfig/index.vue
@@ -233,8 +233,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/professionaltopicsourceconfig/index.vue b/src/views/professional/professionaltopicsourceconfig/index.vue
index bd451fd..d8e4b97 100755
--- a/src/views/professional/professionaltopicsourceconfig/index.vue
+++ b/src/views/professional/professionaltopicsourceconfig/index.vue
@@ -233,8 +233,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/professionalworktype/index.vue b/src/views/professional/professionalworktype/index.vue
index 27111e9..f846b81 100755
--- a/src/views/professional/professionalworktype/index.vue
+++ b/src/views/professional/professionalworktype/index.vue
@@ -201,8 +201,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/professionalyearbounds/index.vue b/src/views/professional/professionalyearbounds/index.vue
index 029bc33..12764eb 100755
--- a/src/views/professional/professionalyearbounds/index.vue
+++ b/src/views/professional/professionalyearbounds/index.vue
@@ -292,7 +292,7 @@ const handleDel = (row: any) => {
       message.success('删除成功')
       getDataList(false) // 删除后保持当前页
     } catch (error: any) {
-      message.error(error?.msg || '删除失败')
+      message.error(error.msg)
     }
   }).catch(() => {
     // 用户取消
@@ -317,7 +317,7 @@ const handleSubmit = async () => {
         dialogVisible.value = false
         getDataList(false) // 提交后保持当前页
       } catch (error: any) {
-        message.error(error?.msg || '操作失败')
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }
diff --git a/src/views/professional/salaryexportrecord/index.vue b/src/views/professional/salaryexportrecord/index.vue
index d72392a..eca9ce5 100644
--- a/src/views/professional/salaryexportrecord/index.vue
+++ b/src/views/professional/salaryexportrecord/index.vue
@@ -18,7 +18,6 @@
                 value-format="YYYY"
                 placeholder="请选择薪资年份"
                 clearable
-                style="width: 200px"
               />
             </el-form-item>
 
@@ -30,11 +29,18 @@
                 value-format="M"
                 placeholder="请选择薪资月份"
                 clearable
-                style="width: 200px"
               />
             </el-form-item>
           </template>
         </template>
+
+        <!-- 查询和重置按钮 -->
+        <template #actions>
+          <el-form-item>
+            <el-button type="primary" @click="handleFilter" icon="Search">查询</el-button>
+            <el-button @click="resetQuery" icon="Refresh">重置</el-button>
+          </el-form-item>
+        </template>
       </search-form>
 
       <!-- 表格 -->
@@ -49,13 +55,13 @@
       >
         <el-table-column type="index" label="序号" width="60" align="center" />
         
-        <el-table-column prop="createTime" label="导出时间" width="180" align="center" />
+        <el-table-column prop="createTime" label="导出时间" min-width="180" align="center" />
         
-        <el-table-column prop="salaryYear" label="薪资年份" width="120" align="center" />
+        <el-table-column prop="salaryYear" label="薪资年份" min-width="120" align="center" />
         
-        <el-table-column prop="salaryMonth" label="薪资月份" width="120" align="center" />
+        <el-table-column prop="salaryMonth" label="薪资月份" min-width="120" align="center" />
         
-        <el-table-column prop="confirm" label="劳务日期锁定" width="150" align="center">
+        <el-table-column prop="confirm" label="劳务日期锁定" min-width="150" align="center">
           <template #default="scope">
             <el-tag :type="scope.row.confirm === '1' ? 'success' : 'info'">
               {{ scope.row.confirm === '1' ? '是' : '否' }}
@@ -63,7 +69,7 @@
           </template>
         </el-table-column>
         
-        <el-table-column label="操作" min-width="150" align="center" fixed="right">
+        <el-table-column label="操作" min-width="80" align="center" fixed="right">
           <template #default="scope">
             <el-button
               v-if="permissions.professional_salaryexportrecord_del"
@@ -145,6 +151,16 @@ const handleFilter = () => {
   getDataList() // 查询后跳转到第一页
 }
 
+// 重置
+const resetQuery = () => {
+  searchFormRef.value?.formRef?.resetFields()
+  Object.assign(search, {
+    salaryYear: '',
+    salaryMonth: ''
+  })
+  handleFilter()
+}
+
 // 删除
 const handleDel = (row: any) => {
   messageBox.confirm('确认删除?').then(async () => {
@@ -153,7 +169,7 @@ const handleDel = (row: any) => {
       message.success('删除成功')
       getDataList(false) // 删除后保持当前页
     } catch (error: any) {
-      message.error(error?.msg || '删除失败')
+      message.error(error.msg)
     }
   }).catch(() => {
     // 用户取消
diff --git a/src/views/professional/teacherawardtax/index.vue b/src/views/professional/teacherawardtax/index.vue
index 911209d..33d5d67 100644
--- a/src/views/professional/teacherawardtax/index.vue
+++ b/src/views/professional/teacherawardtax/index.vue
@@ -1,18 +1,6 @@
 <template>
   <div class="layout-padding">
     <div class="layout-padding-auto layout-padding-view">
-      <!-- 操作按钮 -->
-      <el-row>
-        <div class="mb15" style="width: 100%;">
-          <el-button 
-            size="small"
-            v-if="permissions.teacher_award_import"
-            type="primary"
-            @click="handleImportBaseSalary">绩效导入
-          </el-button>
-        </div>
-      </el-row>
-
       <!-- 搜索表单 -->
       <search-form 
         v-show="showSearch" 
@@ -27,7 +15,6 @@
                 v-model="search.realName"
                 placeholder="请输入姓名"
                 clearable
-                style="width: 200px"
               />
             </el-form-item>
 
@@ -36,7 +23,6 @@
                 v-model="search.teacherNo"
                 placeholder="请输入工号"
                 clearable
-                style="width: 200px"
               />
             </el-form-item>
 
@@ -48,13 +34,33 @@
                 value-format="YYYY"
                 placeholder="请选择年份"
                 clearable
-                style="width: 200px"
               />
             </el-form-item>
           </template>
         </template>
+
+        <!-- 查询和重置按钮 -->
+        <template #actions>
+          <el-form-item>
+            <el-button type="primary" @click="handleFilter" icon="Search">查询</el-button>
+            <el-button @click="resetQuery" icon="Refresh">重置</el-button>
+          </el-form-item>
+        </template>
       </search-form>
 
+      <!-- 操作按钮 -->
+      <el-row>
+        <div class="mb15">
+          <el-button 
+            type="primary" 
+            plain
+            icon="UploadFilled"
+            v-if="permissions.teacher_award_import"
+            @click="handleImportBaseSalary">绩效导入
+          </el-button>
+        </div>
+      </el-row>
+
       <!-- 表格 -->
       <el-table
         ref="tableRef"
@@ -63,7 +69,6 @@
         border
         :cell-style="tableStyle.cellStyle"
         :header-cell-style="tableStyle.headerCellStyle"
-        class="data-table"
       >
         <el-table-column type="index" label="序号" width="60" align="center" />
         
@@ -158,6 +163,17 @@ const handleFilter = () => {
   getDataList() // 查询后跳转到第一页
 }
 
+// 重置
+const resetQuery = () => {
+  searchFormRef.value?.formRef?.resetFields()
+  Object.assign(search, {
+    realName: '',
+    teacherNo: '',
+    year: ''
+  })
+  handleFilter()
+}
+
 // 导入
 const handleImportBaseSalary = () => {
   importAwardTaxRef.value?.init()
@@ -165,7 +181,4 @@ const handleImportBaseSalary = () => {
 </script>
 
 <style lang="scss" scoped>
-.data-table {
-  width: 100% !important;
-}
 </style>
diff --git a/src/views/professional/teacherbase/index.vue b/src/views/professional/teacherbase/index.vue
index f907ec9..6393867 100644
--- a/src/views/professional/teacherbase/index.vue
+++ b/src/views/professional/teacherbase/index.vue
@@ -194,65 +194,67 @@
 
       <!-- 操作按钮 -->
       <el-row>
-        <div class="mb15" style="width: 100%;">
-          <!-- 主要操作：新增 -->
-          <el-button 
-            type="primary"
-            icon="FolderAdd"      
-            @click="handleAdd"
-            v-if="permissions.professional_teacherbase_add">新 增
-          </el-button>
+        <div class="mb15" style="width: 100%; display: flex; justify-content: space-between; align-items: center;">
+          <div>
+            <!-- 主要操作：新增 -->
+            <el-button 
+              type="primary"
+              icon="FolderAdd"      
+              @click="handleAdd"
+              v-if="permissions.professional_teacherbase_add">新 增
+            </el-button>
 
-          <!-- 查询操作：使用 primary plain 样式，统一协调 -->
-          <!-- <el-button 
-            type="primary" 
-            plain
-            icon="User"
-            class="ml10"
-            v-if="permissions.professional_teacherbase_status_lock"
-            @click="handelQuickSeach(4)">双师
-          </el-button> -->
+            <!-- 查询操作：使用 primary plain 样式，统一协调 -->
+            <!-- <el-button 
+              type="primary" 
+              plain
+              icon="User"
+              class="ml10"
+              v-if="permissions.professional_teacherbase_status_lock"
+              @click="handelQuickSeach(4)">双师
+            </el-button> -->
 
-          <!-- 设置操作：使用默认样式，中性灰色 -->
-          <el-button 
-            icon="Lock"
-            class="ml10"
-                     v-if="permissions.professional_teacherbase_status_lock"
-            @click="dialogVisible.statusDialogFormVisible=true">状态锁定
-          </el-button>
+            <!-- 设置操作：使用默认样式，中性灰色 -->
+            <el-button 
+              icon="Lock"
+              class="ml10"
+                       v-if="permissions.professional_teacherbase_status_lock"
+              @click="dialogVisible.statusDialogFormVisible=true">状态锁定
+            </el-button>
 
-          <!-- 导出操作：使用 warning plain 样式，橙色边框，表示数据导出 -->
-          <el-button 
-            type="warning" 
-                     plain
-            icon="Download"
-            class="ml10"
-            v-if="permissions.professional_teacherbase_export"
-            @click="handleDownLoadWord('')" 
-            :loading="exportLoading">导出WORD
-          </el-button>
-          <el-button 
-            type="warning" 
-                     plain
-            icon="Download"
-            class="ml10"
-            v-if="permissions.professional_teacherbase_export"
-            @click="handleExportDialog" 
-            :loading="exportLoading">自定义导出
-          </el-button>
+            <!-- 导出操作：使用 warning plain 样式，橙色边框，表示数据导出 -->
+            <el-button 
+              type="warning" 
+                       plain
+              icon="Download"
+              class="ml10"
+              v-if="permissions.professional_teacherbase_export"
+              @click="handleDownLoadWord('')" 
+              :loading="exportLoading">导出WORD
+            </el-button>
+            <el-button 
+              type="warning" 
+                       plain
+              icon="Download"
+              class="ml10"
+              v-if="permissions.professional_teacherbase_export"
+              @click="handleExportDialog" 
+              :loading="exportLoading">自定义导出
+            </el-button>
+            
+            <!-- 导入操作：使用 primary plain 样式，蓝色边框，保持项目默认样式 -->
+            <el-button 
+              type="primary" 
+                       plain
+              icon="UploadFilled"
+              class="ml10"
+              v-if="permissions.professional_teacherinfo_import"
+              @click="handleImportDialog" 
+              :loading="exportLoading">导入信息
+            </el-button>
+          </div>
           
-          <!-- 导入操作：使用 primary plain 样式，蓝色边框，保持项目默认样式 -->
-          <el-button 
-            type="primary" 
-                     plain
-            icon="UploadFilled"
-            class="ml10"
-            v-if="permissions.professional_teacherinfo_import"
-            @click="handleImportDialog" 
-            :loading="exportLoading">导入信息
-          </el-button>
-          
-          <!-- 列显示控制 - 使用自动提取 -->
+          <!-- 列显示控制 - 使用自动提取，靠右显示 -->
           <TableColumnControl
             ref="tableColumnControlRef"
             :table-ref="tableRef"
@@ -260,12 +262,8 @@
             storage-key="teacherbase-table-columns"
             trigger-type="default"
             trigger-link
-            trigger-text="列设置"
-            :auto-extract-options="{
-              alwaysShow: ['nameNo', 'action'], // 始终显示的列
-            }"
-            class="ml10"
-          />
+          >
+          </TableColumnControl>
         </div>
       </el-row>
 
@@ -312,7 +310,11 @@
           
           <TableColumn prop="workLevelName" label="职业资格等级" width="120" align="center" show-overflow-tooltip />
           
-          <TableColumn prop="workName" label="职业资格工种" width="150" align="center" show-overflow-tooltip />
+          <TableColumn prop="teacherCer" label="教师上岗证" width="120" align="center" show-overflow-tooltip />
+          
+          <TableColumn prop="midCer" label="中等教师资格证" width="150" align="center" show-overflow-tooltip />
+          
+          <TableColumn prop="highCer" label="高校教师资格证" width="150" align="center" show-overflow-tooltip />
           
           <TableColumn prop="employmentNature" label="用工性质" width="120" align="center" show-overflow-tooltip />
           
@@ -894,7 +896,7 @@
                 <el-icon><Flag /></el-icon>
                 <span>政治面貌信息</span>
               </div>
-              <el-button v-if="permissions.professional_teacherbase_edit" type="primary" size="default" @click="handleAddPolitics">
+              <el-button v-if="permissions.politics_edit" type="primary" size="default" @click="handleAddPolitics">
                 <el-icon><Plus /></el-icon>
                 <span>新增</span>
               </el-button>
@@ -903,7 +905,7 @@
               <el-table-column type="index" label="序号" width="60" align="center" />
               <el-table-column prop="politicsStatus" label="政治面貌" min-width="120" align="center">
                 <template #default="scope">
-                  {{ getPoliticsStatusName(scope.row.politicsStatusId || scope.row.politicsStatus) }}
+                  {{ getNameById(searchPoliticsStatusList, scope.row.politicsStatusId || scope.row.politicsStatus, 'politicsStatus') }}
                 </template>
               </el-table-column>
               <el-table-column prop="joinTime" label="加入时间" min-width="120" align="center">
@@ -921,13 +923,13 @@
                   {{ scope.row.createTime ? new Date(scope.row.createTime).toLocaleDateString() : '-' }}
                 </template>
               </el-table-column>
-              <el-table-column label="操作" width="150" align="center" v-if="permissions.professional_teacherbase_edit">
+              <el-table-column label="操作" width="150" align="center" v-if="permissions.politics_edit">
                 <template #default="scope">
-                  <el-button type="primary" link size="small" @click="handleEditPolitics(scope.row, scope.$index)">
-                    <el-icon><Edit /></el-icon>
+                  <el-button type="primary" link @click="handleEditPolitics(scope.row, scope.$index)">
+                    <el-icon><EditPen /></el-icon>
                     <span>编辑</span>
                   </el-button>
-                  <el-button type="danger" link size="small" @click="handleDeletePolitics(scope.row, scope.$index)">
+                  <el-button type="primary" link @click="handleDeletePolitics(scope.row, scope.$index)">
                     <el-icon><Delete /></el-icon>
                     <span>删除</span>
                   </el-button>
@@ -944,7 +946,7 @@
                 <el-icon><Connection /></el-icon>
                 <span>社会关系信息</span>
               </div>
-              <el-button v-if="permissions.professional_teacherbase_edit" type="primary" size="default" @click="handleAddRelation">
+              <el-button v-if="permissions.professionalsocial_add" type="primary" size="default" @click="handleAddRelation">
                 <el-icon><Plus /></el-icon>
                 <span>新增</span>
               </el-button>
@@ -960,17 +962,17 @@
               </el-table-column>
               <el-table-column prop="politicsStatus" label="政治面貌" min-width="120" align="center">
                 <template #default="scope">
-                  {{ getPoliticsStatusName(scope.row.politicsStatusId || scope.row.politicsStatus) }}
+                  {{ getNameById(searchPoliticsStatusList, scope.row.politicsStatusId || scope.row.politicsStatus, 'politicsStatus') }}
                 </template>
               </el-table-column>
               <el-table-column prop="workStation" label="工作单位及职务" min-width="200" align="center" show-overflow-tooltip />
-              <el-table-column label="操作" width="150" align="center" v-if="permissions.professional_teacherbase_edit">
+              <el-table-column label="操作" width="150" align="center" v-if="permissions.professionalsocial_edit">
                 <template #default="scope">
-                  <el-button type="primary" link size="small" @click="handleEditRelation(scope.row, scope.$index)">
-                    <el-icon><Edit /></el-icon>
+                  <el-button type="primary" link @click="handleEditRelation(scope.row, scope.$index)">
+                    <el-icon><EditPen /></el-icon>
                     <span>编辑</span>
                   </el-button>
-                  <el-button type="danger" link size="small" @click="handleDeleteRelation(scope.row, scope.$index)">
+                  <el-button type="primary" link @click="handleDeleteRelation(scope.row, scope.$index)">
                     <el-icon><Delete /></el-icon>
                     <span>删除</span>
                   </el-button>
@@ -995,42 +997,50 @@
                   {{ scope.row.graduateTime ? new Date(scope.row.graduateTime).toLocaleDateString() : '-' }}
             </template>
               </el-table-column>
-              <el-table-column prop="qualificationName" label="学历" min-width="100" align="center" />
-              <el-table-column prop="degreeName" label="学位" min-width="100" align="center" />
+              <el-table-column prop="qualificationConfigId" label="学历" min-width="100" align="center">
+                <template #default="scope">
+                  {{ getNameById(baseInfoAbout.academicQualificationList, scope.row.qualificationConfigId, 'qualificationName') }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="degreeConfigId" label="学位" min-width="100" align="center">
+                <template #default="scope">
+                  {{ getNameById(baseInfoAbout.degreeList, scope.row.degreeConfigId, 'degreeName') }}
+                </template>
+              </el-table-column>
               <el-table-column prop="graduateSchool" label="毕业学校" min-width="180" align="center" show-overflow-tooltip />
               <el-table-column prop="major" label="所学专业" min-width="150" align="center" show-overflow-tooltip />
               <el-table-column prop="certificateNumber" label="证书编码" min-width="120" align="center" />
               <el-table-column label="学历证书" min-width="150" align="center">
                 <template #default="scope">
-                  <div class="image-list" v-if="scope.row.qiList && scope.row.qiList.length > 0">
-                    <auth-img 
-                      v-for="src in scope.row.qiList" 
-                      :authSrc="src.url" 
-                      :key="src.title" 
-                      class="cert-image"
-                    />
-                  </div>
+                  <el-button 
+                    v-if="scope.row.qiList && scope.row.qiList.length > 0"
+                    type="primary"
+                    link
+                    size="small"
+                    icon="Document"
+                    @click="handlePreviewFiles(scope.row.qiList)"
+                  >查看</el-button>
                   <span v-else class="text-placeholder">-</span>
-            </template>
+                </template>
               </el-table-column>
               <el-table-column label="学位证书" min-width="150" align="center">
                 <template #default="scope">
-                  <div class="image-list" v-if="scope.row.deList && scope.row.deList.length > 0">
-                    <auth-img 
-                      v-for="src in scope.row.deList" 
-                      :authSrc="src.url" 
-                      :key="src.title" 
-                      class="cert-image"
-                    />
-                  </div>
+                  <el-button 
+                    v-if="scope.row.deList && scope.row.deList.length > 0"
+                    type="primary"
+                    link
+                    size="small"
+                    icon="Document"
+                    @click="handlePreviewFiles(scope.row.deList)"
+                  >查看</el-button>
                   <span v-else class="text-placeholder">-</span>
-            </template>
+                </template>
               </el-table-column>
-              <el-table-column prop="createTime" label="更新时间" min-width="120" align="center">
+              <!-- <el-table-column prop="createTime" label="更新时间" min-width="120" align="center">
                 <template #default="scope">
                   {{ scope.row.createTime ? new Date(scope.row.createTime).toLocaleDateString() : '-' }}
-            </template>
-              </el-table-column>
+                </template>
+              </el-table-column> -->
             </el-table>
           </div>
         </el-tab-pane>
@@ -1046,8 +1056,16 @@
             </div>
             <el-table :data="proData" border stripe class="data-table">
               <el-table-column type="index" label="序号" width="60" align="center" />
-              <el-table-column prop="professionalTitle" label="职称等级" min-width="120" align="center" />
-              <el-table-column prop="majorStationName" label="专业技术职务" min-width="150" align="center" />
+              <el-table-column prop="professionalTitleConfigId" label="职称等级" min-width="120" align="center">
+                <template #default="scope">
+                  {{ getNameById(baseInfoAbout.proTitleList, scope.row.professionalTitleConfigId, 'professionalTitle') }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="majorStation" label="专业技术职务" min-width="150" align="center">
+                <template #default="scope">
+                  {{ getNameById(baseInfoAbout.majorStationList, scope.row.majorStation, 'majorStationName') }}
+                </template>
+              </el-table-column>
               <el-table-column prop="certificateTime" label="取证时间" min-width="120" align="center">
                 <template #default="scope">
                   {{ scope.row.certificateTime ? new Date(scope.row.certificateTime).toLocaleDateString() : '-' }}
@@ -1059,24 +1077,24 @@
             </template>
               </el-table-column>
               <el-table-column prop="certificateNumber" label="证书编号" min-width="120" align="center" />
-              <el-table-column label="证明材料" min-width="150" align="center">
+              <el-table-column label="证明材料" min-width="120" align="center">
                 <template #default="scope">
-                  <div class="image-list" v-if="scope.row.srcList && scope.row.srcList.length > 0">
-                    <auth-img 
-                      v-for="src in scope.row.srcList" 
-                      :authSrc="src.url" 
-                      :key="src.title" 
-                      class="cert-image"
-                    />
-                  </div>
+                  <el-button 
+                    v-if="scope.row.srcList && scope.row.srcList.length > 0"
+                    type="primary"
+                    link
+                    size="small"
+                    icon="Document"
+                    @click="handlePreviewFiles(scope.row.srcList)"
+                  >查看</el-button>
                   <span v-else class="text-placeholder">-</span>
                 </template>
               </el-table-column>
-              <el-table-column prop="createTime" label="更新时间" min-width="120" align="center">
+              <!-- <el-table-column prop="createTime" label="更新时间" min-width="120" align="center">
                 <template #default="scope">
                   {{ scope.row.createTime ? new Date(scope.row.createTime).toLocaleDateString() : '-' }}
                 </template>
-              </el-table-column>
+              </el-table-column> -->
             </el-table>
           </div>
         </el-tab-pane>
@@ -1092,26 +1110,34 @@
             </div>
             <el-table :data="workData" border stripe class="data-table">
               <el-table-column type="index" label="序号" width="60" align="center" />
-              <el-table-column prop="workName" label="职业工种" min-width="120" align="center" />
-              <el-table-column prop="levelName" label="等级" min-width="100" align="center" />
+              <el-table-column prop="worker" label="职业工种" min-width="120" align="center">
+                <template #default="scope">
+                  {{ getNameById(baseInfoAbout.workTypeList, scope.row.worker, 'workName') }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="qualificationConfigId" label="等级" min-width="100" align="center">
+                <template #default="scope">
+                  {{ getNameById(baseInfoAbout.qualificationList, scope.row.qualificationConfigId, 'levelName') }}
+                </template>
+              </el-table-column>
               <el-table-column prop="certificateTime" label="取证时间" min-width="120" align="center">
                 <template #default="scope">
                   {{ scope.row.certificateTime ? new Date(scope.row.certificateTime).toLocaleDateString() : '-' }}
             </template>
               </el-table-column>
               <el-table-column prop="certificateNumber" label="证书编号" min-width="120" align="center" />
-              <el-table-column label="证明材料" min-width="150" align="center">
+              <el-table-column label="证明材料" min-width="120" align="center">
                 <template #default="scope">
-                  <div class="image-list" v-if="scope.row.srcList && scope.row.srcList.length > 0">
-                    <auth-img 
-                      v-for="src in scope.row.srcList" 
-                      :authSrc="src.url" 
-                      :key="src.title" 
-                      class="cert-image"
-                    />
-                  </div>
+                  <el-button 
+                    v-if="scope.row.srcList && scope.row.srcList.length > 0"
+                    type="primary"
+                    link
+                    size="small"
+                    icon="Document"
+                    @click="handlePreviewFiles(scope.row.srcList)"
+                  >查看</el-button>
                   <span v-else class="text-placeholder">-</span>
-            </template>
+                </template>
               </el-table-column>
               <el-table-column prop="createTime" label="更新时间" min-width="120" align="center">
                 <template #default="scope">
@@ -1133,26 +1159,30 @@
             </div>
             <el-table :data="zgzData" border stripe class="data-table">
               <el-table-column type="index" label="序号" width="60" align="center" />
-              <el-table-column prop="cretificateName" label="证书名称" min-width="200" align="center" />
-              <el-table-column prop="certificateNumber" label="证书编号" min-width="150" align="center" />
-              <el-table-column label="证明材料" min-width="200" align="center">
+              <el-table-column prop="certificateConfId" label="证书名称" min-width="200" align="center">
                 <template #default="scope">
-                  <div class="image-list" v-if="scope.row.srcList && scope.row.srcList.length > 0">
-                    <auth-img 
-                      v-for="src in scope.row.srcList" 
-                      :authSrc="src.url" 
-                      :key="src.title" 
-                      class="cert-image"
-                    />
-                  </div>
-                  <span v-else class="text-placeholder">-</span>
-            </template>
+                  {{ getNameById(certificateList, scope.row.certificateConfId, 'cretificateName') }}
+                </template>
               </el-table-column>
-              <el-table-column prop="createTime" label="更新时间" min-width="120" align="center">
+              <el-table-column prop="certificateNumber" label="证书编号" min-width="150" align="center" />
+              <el-table-column label="证明材料" min-width="120" align="center">
+                <template #default="scope">
+                  <el-button 
+                    v-if="scope.row.srcList && scope.row.srcList.length > 0"
+                    type="primary"
+                    link
+                    size="small"
+                    icon="Document"
+                    @click="handlePreviewFiles(scope.row.srcList)"
+                  >查看</el-button>
+                  <span v-else class="text-placeholder">-</span>
+                </template>
+              </el-table-column>
+              <!-- <el-table-column prop="createTime" label="更新时间" min-width="120" align="center">
                 <template #default="scope">
                   {{ scope.row.createTime ? new Date(scope.row.createTime).toLocaleDateString() : '-' }}
                 </template>
-              </el-table-column>
+              </el-table-column> -->
             </el-table>
           </div>
         </el-tab-pane>
@@ -1224,9 +1254,17 @@
               <el-table-column prop="year" label="年份" min-width="100" align="center" />
               <el-table-column label="证明材料" width="150" align="center">
                 <template #default="scope">
-                  <el-button type="primary" @click="showHonorEdvinceMethod(scope.row)">查 看</el-button>
-            </template>
-            </el-table-column>
+                  <el-button 
+                    v-if="scope.row.attachment"
+                    type="primary"
+                    link
+                    size="small"
+                    icon="Document"
+                    @click="handlePreviewFiles([{ url: scope.row.attachment, title: '' }])"
+                  >查看</el-button>
+                  <span v-else class="text-placeholder">-</span>
+                </template>
+              </el-table-column>
           </el-table>
           </div>
         </el-tab-pane>
@@ -1378,25 +1416,31 @@
 
     <MultiDialog ref="multiDialogRef" @getList="getDataList" :page="state.pagination" :nowRow="nowRow"></MultiDialog>
 
-    <ShowHonorEdvince ref="showHonorEdvinceRef"></ShowHonorEdvince>
-
     <ImportTeacherInfo ref="importTeacherInfoRef"></ImportTeacherInfo>
 
     <ExportTeacherInfoDialog ref="exportTeacherInfoDialogRef" :search="params"></ExportTeacherInfoDialog>
 
+    <!-- 证书预览 -->
+    <preview-file 
+      v-for="src in certificateImgUrl" 
+      :key="src.title || src.url" 
+      :authSrc="src.url"
+      dialog-title="证书预览"  
+    />
+
   </div>
 </template>
 
 
 <script setup lang="ts">
   // Vue 3 Composition API
-  import { ref, reactive, computed, watch, onMounted, nextTick, defineAsyncComponent } from 'vue'
+  import { ref, reactive, computed, watch, onMounted, nextTick, defineAsyncComponent, unref, type Ref } from 'vue'
   import { storeToRefs } from 'pinia'
   import { useUserInfo } from '/@/stores/userInfo'
   import { useMessage, useMessageBox } from '/@/hooks/message'
   import axios from 'axios'
   // 导入图标
-  import { User, Phone, Document, CreditCard, Briefcase, Flag, Plus, Edit, Delete, Connection, School, Medal, Files, Clock, Setting, Operation, Switch, CircleCheck, CircleClose, Refresh, Download } from '@element-plus/icons-vue'
+  import { User, Phone, Document, CreditCard, Briefcase, Flag, Plus, Delete, Connection, School, Medal, Files, Clock, Setting, Switch, CircleCheck, CircleClose, Refresh, Download } from '@element-plus/icons-vue'
   
   // 导入api（统一使用 /@/ 路径别名）
   import {
@@ -1404,35 +1448,28 @@
     getObj,
     addObj,
     putObj,
-    delObj,
     addInformation,
     getAllInfoAboutList,
-    exportNoImgUser,
     updateInout,
     exportTeacherInfo as exportTeacherInfoApi
   } from '/@/api/professional/professionaluser/teacherbase'
   import {getDictsByTypes} from '/@/api/admin/dict'
   import {getNationalList} from '/@/api/basic/basicnation'
   import {addPoliticssStatus, dePoObj} from '/@/api/professional/professionaluser/professionalpoliticsstatus'
-  import {addAcadeRelation, delEduObj} from '/@/api/professional/professionaluser/professionalteacheracademicrelation'
   import {addSocialObj, delSocialObj as delSocialObjApi} from '/@/api/professional/professionaluser/professionalsocial'
-  import {addTitleRelationObj, delTitleObj as delTitleObjApi} from '/@/api/professional/professionaluser/professionaltitlerelation'
-  import {addQuaRelation, delQuaObj as delQuaObjApi} from '/@/api/professional/professionaluser/professionalqualificationrelation'
-  import {getDicts} from '/@/api/admin/dict'
-  import {getProfessionalTitleList} from '/@/api/professional/rsbase/professionaltitlelevelconfig'
-  import {getStationDutyLevelList} from '/@/api/professional/rsbase/professionalstationdutylevel'
   import {getPoliticsStatusList} from '/@/api/basic/basicpoliticsstatusbase'
+  import {getTeacherCertificateList} from '/@/api/professional/rsbase/professionalteachercertificateconf'
   import {
     treeForCascader,
     getDeptByCode,
     getDeptListByLevelTwo,
     getDeptListByParent
   } from '/@/api/basic/basicdept'
-  import {getAllList, updateStatus} from '/@/api/professional/professionalstatuslock'
+  import {updateStatus} from '/@/api/professional/professionalstatuslock'
   import {resetPassWord} from "/@/api/professional/professionaluser/teacherbase"
   // 组件配置已不再需要（已从 avue-crud 迁移到 el-table）
   import global from '/@/components/tools/commondict.vue'
-  import authImg from "/@/components/tools/auth-img.vue";
+  import authImg from "/@/components/tools/auth-img.vue"
  
   // 导入工具
   import { Session } from '/@/utils/storage'
@@ -1442,7 +1479,6 @@
   const GenderTag = defineAsyncComponent(() => import('/@/components/GenderTag/index.vue'))
   const StatusTag = defineAsyncComponent(() => import('/@/components/StatusTag/index.vue'))
   const ShowEvidence = defineAsyncComponent(() => import("../common/showEvidence.vue"));
-  const ShowHonorEdvince = defineAsyncComponent(() => import("../common/showHonorEdvince.vue"));
   const ExportTeacherInfoDialog = defineAsyncComponent(() => import('./export-teacher-info.vue'));
   const ImportTeacherInfo = defineAsyncComponent(() => import('./import-teacherInfo.vue'));
   const MultiDialog = defineAsyncComponent(() => import("./multiDialog.vue"));
@@ -1453,6 +1489,7 @@
   const TableColumnControl = defineAsyncComponent(() => import('/@/components/TableColumnControl/index.vue'));
   const TableColumn = defineAsyncComponent(() => import('/@/components/TableColumn/index.vue'));
   const TableColumnProvider = defineAsyncComponent(() => import('/@/components/TableColumn/Provider.vue'));
+  const previewFile = defineAsyncComponent(() => import('/@/components/tools/preview-file.vue'));
   // Pagination 组件已在模板中使用，无需导入（全局组件）
   // 导入工具
   import {validateNull} from "/@/utils/validate";
@@ -1541,7 +1578,6 @@
   // 各种option配置（这些是静态配置，直接使用导入的值）
   
   // 响应式数据
-  const treeDeptData = ref([])
   const form = reactive<{
     baseInfo: any,
     professionalStationRelation: any
@@ -1549,7 +1585,6 @@
     baseInfo: {},
     professionalStationRelation: {}
   })
-  const formRules = ref({})
   const healthList = ref([])
   const YES_OR_NO = global.YES_OR_NO
   const teacherCateList = ref([])
@@ -1564,16 +1599,14 @@
           workTypeList: [],
           proTitleList: [],
           majorStationList: [],
-          qualificationList: []
+          qualificationList: [], // 职业资格等级列表
+          academicQualificationList: [], // 学历列表
+          degreeList: []
   })
-  const politicsStatusList = ref([])
-  const qualificationList = ref([])
-  const degreeList = ref([])
   const activeName = ref('')
   const subActiveName = ref('subBaseInfo') // 子标签页当前激活的标签
   const dialogImageUrl = ref('')
   const nationalList = ref([])
-  const fileList = ref([])
   const imgList = ref([])
   const deptTreeList = ref([])
   const relationData = ref([])
@@ -1595,16 +1628,6 @@
   // TableColumnControl 组件引用
   const tableColumnControlRef = ref()
   
-  // 调试：监听 tableRef.value 的变化
-  watch(() => tableRef.value, (newVal, oldVal) => {
-    console.log('[index.vue] tableRef.value 变化:', { newVal, oldVal, hasValue: !!newVal })
-    if (newVal) {
-      console.log('[index.vue] tableRef.value 已赋值，表格实例:', newVal)
-      const tableEl = (newVal as any).$el
-      console.log('[index.vue] tableRef.value.$el:', tableEl)
-    }
-  }, { immediate: true })
-  
   // 从 TableColumnControl 获取 isColumnVisible 和 visibleTableColumns
   const isColumnVisible = (propOrLabel: string) => {
     if (tableColumnControlRef.value?.isColumnVisible) {
@@ -1617,10 +1640,6 @@
   const visibleTableColumns = ref<string[]>([])
   
   // 静态配置数据
-  const defaultProps = {
-          label: "deptName",
-          value: 'deptCode',
-  }
   const sexyList = [
           {
             label: '男',
@@ -1631,20 +1650,7 @@
             value: '0'
           }
   ]
-  const teacherClassifyData = [
-          {
-            label: '教师',
-            value: '0'
-          },
-          {
-            label: '中层干部',
-            value: '1'
-          },
-          {
-            label: '其他人员(管理工勤人员)',
-            value: '2'
-          },
-  ]
+  const teacherClassifyData = ref([])
   const stationFormValidate = {
           stationTypeId: [
             {required: true, message: '请选择类别', trigger: 'blur'},
@@ -1718,31 +1724,7 @@
   const dialogVisible = reactive({
           statusDialogFormVisible: false
   })
-  const dialogForm = reactive({
-          educationForm: {}
-  })
-  
-  const dialogProps = {
-          educationProps: {
-            label: 'qualificationName',
-            value: 'id',
-          },
-          degreeProps: {
-            label: 'degreeName',
-            value: 'id',
-          },
-  }
-  const dictProps = {
-          label: 'label',
-          value: 'value'
-  }
-  const dialogSelect = reactive({
-          educationList: [],
-          degreeList: [],
-          typeList: []
-  })
   const params = ref<any>({})
-  const selectList = ref([])
   const statusForm = reactive({
           title: false,
           job: true,
@@ -1751,82 +1733,33 @@
           remix: true,
           work: true
   })
-  const waitShenheForm = reactive({
-          form: {
-            newDeptCodeList: [],
-            deptCodeList: []
-          },
-          title: '',
-          a: false,
-          b: false,
-          c: false,
-          d: false,
-          e: false,
-  })
-  const materialUrlFrom = reactive({
-          url: '/professional/file/teacherAboutInfoUpload',
-          fileListA: [],
-          fileListB: [],
-          fileListC: [],
-  })
   const isAdd = ref(true)
   const dialogForListVisible = ref(false)
   const dialogForListImageUrl = ref('')
-  const fileForListList = ref([])
-  const showFileList = ref([])
   const auditAll = ref(false)
   const preImgDialog = ref(false)
   const preImgUrl = ref([])
   const imageUrl = ref('')
+  const certificateImgUrl = ref<Array<{ title: string; url: string }>>([]) // 证书预览URL列表
+  const certificateList = ref<any[]>([]) // 教师资格证列表
   const secDeptList = ref([])
-  const secDeptCode = ref('')
   const newSecChildDeptCodeList = ref([])
-  const newSecDeptCode = ref('')
-  const newSecChildDeptCode = ref('')
   
   // 搜索条件字典数据
-  const searchProfessionalTitleList = ref([])
-  // const searchStationDutyLevelList = ref([])
   const searchPoliticsStatusList = ref([])
   const searchTeacherCateList = ref([])
-  const inoutFlagOptions = ref([
-    {label:'是',value:'1'},
-    {label:'否',value:'0'},
-  ])
+  const inoutFlagOptions = ref([])
   const exportLoading = ref(false)
   const isShow = ref(false)
   const religiousBeliefDic = ref([])
-  const religiousBelief = 'religious_belief'
   
   // 模板引用
-  const crud = ref()
   const baseForm = ref()
-  const stationForm = ref()
-  const politicsCrud = ref()
-  const politicsCrudForLook = ref()
-  const relationCrud = ref()
-  const relationCrudForLook = ref()
-  const eduCationCrud = ref()
-  const eduCationCrudForLook = ref()
-  const proCrud = ref()
-  const proCrudForLook = ref()
-  const workCrud = ref()
-  const workCrudForLook = ref()
-  const teacherZgz = ref()
-  const teacherHonor = ref()
   const evidenceDialogRef = ref()
-  const showHonorEdvinceRef = ref()
   const importTeacherInfoRef = ref()
   const exportTeacherInfoDialogRef = ref()
   const multiDialogRef = ref()
   
-  // computed 属性
-  const headers = computed(() => {
-        return {
-          "Authorization": 'Bearer ' + Session.getToken()
-        }
-  })
-  
   // 合并表单验证规则
   const mergedRules = computed(() => {
     // 将 baseInfo 的规则加上 baseInfo 前缀
@@ -1875,34 +1808,11 @@
     await loadSearchDictData()
     // 初始化完成后加载表格数据
     getDataList()
-    
-    // 调试：检查 tableRef.value 是否被赋值
-    await nextTick()
-    setTimeout(() => {
-      console.log('[index.vue] onMounted: tableRef.value:', tableRef.value)
-      if (tableRef.value) {
-        console.log('[index.vue] onMounted: tableRef.value.$el:', (tableRef.value as any).$el)
-      } else {
-        console.warn('[index.vue] onMounted: tableRef.value 仍未赋值')
-      }
-    }, 500)
   })
   
   // 加载搜索条件字典数据
   const loadSearchDictData = async () => {
-    try {
-      // 加载职称等级列表
-      // const titleRes: any = await getProfessionalTitleList()
-      // if (titleRes && titleRes.data && titleRes.data) {
-      //   searchProfessionalTitleList.value = titleRes.data
-      // }
-      
-      // 加载职务等级列表
-      // const dutyRes: any = await getStationDutyLevelList()
-      // if (dutyRes && dutyRes.data) {
-      //   searchStationDutyLevelList.value = dutyRes.data
-      // }
-      
+    try {   
       // 加载政治面貌列表
       const politicsRes: any = await getPoliticsStatusList()
       if (politicsRes && politicsRes.data) {
@@ -1936,13 +1846,8 @@
           }else {
       isShow.value = false
           }
-    console.log(isShow.value)
   })
   // 方法定义
-  const showHonorEdvinceMethod = (row: any) => {
-    showHonorEdvinceRef.value?.init(row)
-  }
-  
   const openShowEvidence = (row: any) => {
     edviceForm.value = row
     nextTick(() => {
@@ -1997,50 +1902,19 @@
     imageUrl.value = URL.createObjectURL(file.raw);
   }
   
-  const handlePreview = (list: string[]) => {
-    preImgUrl.value = []
-        list.forEach(v => {
-      const obj: any = {}
-          obj.title = ""
-          obj.url = v
-      preImgUrl.value.push(obj)
-        })
+  // 通用预览函数（用于证书、证明材料等）
+  const handlePreviewFiles = (list: Array<{ title?: string; url: string }>) => {
+    certificateImgUrl.value = []
     nextTick(() => {
-      preImgDialog.value = true
+      list.forEach(v => {
+        certificateImgUrl.value.push({
+          title: v.title || '',
+          url: v.url
         })
+      })
+    })
   }
   
-  const handleInOut = (row: any, flag: any) => {
-    // 空函数
-  }
-  
-  const exportExcelA = (head: string[], val: string[], fileName: string) => {
-    exportNoImgUser().then((response: any) => {
-      if (response.data.msg == "fail") {
-        alert(JSON.stringify(response.data));
-      } else {
-        import('/@/excel/Export2Excel.js').then(({ export_json_to_excel }) => {
-          const tHeader = head;
-          const filterVal = val;
-          const list = response.data;
-          const data = formatJson(filterVal, list);
-          export_json_to_excel(tHeader, data, fileName);
-        })
-      }
-    }).catch((error: any) => {
-      console.log(error);
-    });
-  }
-  
-  const exportUserInfo = () => {
-    const head: string[] = [];
-        head.push("工号")
-        head.push("姓名")
-    const val: string[] = [];
-        val.push("teacherNo")
-        val.push("realName")
-    exportExcelA(head, val, "缺头像员工")
-  }
 
   const handleStatusLockSubmit = (formData: any) => {
     const data = {"statusMap": formData};
@@ -2053,20 +1927,12 @@
     })
   }
   
-  const selectionChange = (list: any[]) => {
-    selectList.value.push(list[0].teacherNo)
-  }
-  
-  const handelQuickSeach = (val: any) => {
-    params.value.flag = val
-    getDataList()
-  }
   
   const handleWaitExam = (row: any, val: any) => {
     nowRow.value = row
     nextTick(() => {
       multiDialogRef.value?.init(val)
-        })
+    })
   }
   
   // 获取操作菜单项配置
@@ -2150,23 +2016,6 @@
         })
   }
   
-  const handleExportWorkAmount = (row: any) => {
-    selectList.value = [];
-    selectList.value.push(row.teacherNo)
-    const param = {"teacherNoList": selectList.value};
-    exportExcel(param, '/professional/teacherbase/exportWord').then((res: any) => {
-          const blob = new Blob([res.data]);
-          const fileName = row.realName + '的简历.doc';
-          const elink = document.createElement('a');
-          elink.download = fileName;
-          elink.style.display = 'none';
-          elink.href = URL.createObjectURL(blob);
-          document.body.appendChild(elink);
-          elink.click();
-      URL.revokeObjectURL(elink.href);
-          document.body.removeChild(elink);
-        })
-  }
 
       /**
        *  基本信息保存
@@ -2230,8 +2079,9 @@
             form.baseInfo.id = data.baseId;
             form.professionalStationRelation.id = data.relationId;
             getDataList()
-          }).catch(() => {
-            // 错误处理
+          }).catch((err: any) => {
+            // 处理业务错误
+            message.error(err.msg)
           });
           setTimeout(() => {
             canSave.value = true
@@ -2246,31 +2096,47 @@
   const politicsForm = ref<any>({})
   const politicsEditIndex = ref(-1)
   
-  // 根据政治面貌ID获取名称
-  const getPoliticsStatusName = (id: string | number | undefined) => {
+  // 通用函数：根据ID从列表中获取名称
+  const getNameById = (
+    list: any[] | Ref<any[]>,
+    id: string | number | undefined,
+    nameField: string
+  ): string => {
     if (!id) return '-'
-    const item = searchPoliticsStatusList.value.find((item: any) => item.id === id || item.id === String(id))
-    return item ? item.politicsStatus : '-'
+    const listData = unref(list)
+    if (!Array.isArray(listData)) return '-'
+    const item = listData.find((item: any) => item.id === id || item.id === String(id))
+    return item?.[nameField] || '-'
   }
   
+  // 政治面貌新增
   const handleAddPolitics = () => {
     politicsForm.value = {}
     politicsEditIndex.value = -1
     politicsDialogVisible.value = true
   }
   
+  // 政治面貌编辑
   const handleEditPolitics = (row: any, index: number) => {
     politicsForm.value = { ...row }
     politicsEditIndex.value = index
     politicsDialogVisible.value = true
   }
   
+  // 政治面貌删除
   const handleDeletePolitics = (row: any, index: number) => {
     messageBox.confirm('确认删除该条记录?').then(() => {
-      delPo(row, index, () => {}, () => {})
+      dePoObj(row.id).then(() => {
+        dataPolitics.value.splice(index, 1)
+        message.success("删除成功");
+      }).catch((err: any) => {
+        // 处理业务错误
+        message.error(err.msg)
+      })
     }).catch(() => {})
   }
   
+  // 政治面貌保存
   const handlePoliticsSubmit = (data: any) => {
     if (!form.baseInfo.id || form.baseInfo.id == '') {
       message.info("请完善基础信息");
@@ -2289,141 +2155,14 @@
         if (!baseInfo) return;
         dataPolitics.value = baseInfo.poList;
       })
+    }).catch((err: any) => {
+      // 处理业务错误
+      if (err && err.msg) {
+        message.error(err.msg)
+      }
     });
   }
   
-  // 保留 savePolitics 方法以兼容旧代码
-  const savePolitics = () => {
-    handlePoliticsSubmit(politicsForm.value)
-  }
-  
-  //保存政治面貌（保留兼容性）
-  const addUpdatPolitics = (formData: any, index: any, done: any, loading: any) => {
-        setTimeout(() => {
-          loading()
-        }, 500)
-        setTimeout(() => {
-      if (!form.baseInfo.id || form.baseInfo.id == '') {
-        message.info("请完善基础信息");
-        activeName.value = 'first';
-          } else {
-        const data = formData;
-        data.politicsStatusId = formData.politicsStatusId;
-        data.teacherNo = form.baseInfo.teacherNo;
-        addPoliticssStatus(data).then((response: any) => {
-          message.info("保存成功");
-            });
-          }
-          done()
-        }, 500)
-  }
-  
-      //删除政治面貌
-  const delPo = (form: any, index: any, done: any, loading: any) => {
-        setTimeout(() => {
-          loading()
-        }, 500)
-        setTimeout(() => {
-      dePoObj(form.id).then((response: any) => {
-        dataPolitics.value.splice(index, 1)
-        message.info("保存成功");
-          });
-          done()
-        }, 500)
-  }
-  
-  // 学历相关
-  const educationDialogVisible = ref(false)
-  const educationForm = ref<any>({})
-  const educationEditIndex = ref(-1)
-  
-  const handleAddEducation = () => {
-    educationForm.value = {}
-    educationEditIndex.value = -1
-    educationDialogVisible.value = true
-  }
-  
-  const handleEditEducation = (row: any, index: number) => {
-    educationForm.value = { ...row }
-    educationEditIndex.value = index
-    educationDialogVisible.value = true
-  }
-  
-  const handleDeleteEducation = (row: any, index: number) => {
-    messageBox.confirm('确认删除该条记录?').then(() => {
-      delEdu(row, index, () => {}, () => {})
-    }).catch(() => {})
-  }
-  
-  const saveEducation = () => {
-    if (!form.baseInfo.id || form.baseInfo.id == '') {
-      message.info("请完善基础信息");
-      activeName.value = 'first';
-      return
-    }
-    const data = { ...educationForm.value };
-    data.teacherNo = form.baseInfo.teacherNo;
-    addAcadeRelation(data).then((response: any) => {
-      message.success("保存成功");
-      educationDialogVisible.value = false
-      // 刷新数据
-      getObj(form.baseInfo.id).then((res: any) => {
-        const baseInfo = res.data;
-        if (!baseInfo) return;
-        dataEducation.value = baseInfo.acadeList
-        dataEducation.value.forEach((v: any) => {
-          v.qiList = []
-          v.deList = []
-          if (v.qualificationImg != null) {
-            const obj: any = {}
-            obj.url = v.qualificationImg
-            obj.title = ""
-            v.qiList.push(obj)
-          }
-          if (v.degreeImg != null) {
-            const obj: any = {}
-            obj.url = v.degreeImg
-            obj.title = ""
-            v.deList.push(obj)
-          }
-        })
-      })
-    });
-  }
-  
-  //保存学历（保留兼容性）
-  const addUpdatEducatione = (formData: any, index: any, done: any, loading: any) => {
-        setTimeout(() => {
-          loading()
-        }, 500)
-        setTimeout(() => {
-      if (!form.baseInfo.id || form.baseInfo.id == '') {
-        message.info("请完善基础信息");
-        activeName.value = 'first';
-          } else {
-        const data = formData;
-        data.teacherNo = form.baseInfo.teacherNo;
-        addAcadeRelation(data).then((response: any) => {
-          message.info("保存成功");
-            });
-          }
-          done()
-        }, 500)
-  }
-  
-      //删除学历
-  const delEdu = (form: any, index: any, done: any, loading: any) => {
-        setTimeout(() => {
-          loading()
-        }, 500)
-        setTimeout(() => {
-      delEduObj(form.id).then((response: any) => {
-        dataEducation.value.splice(index, 1)
-        message.info("保存成功");
-          });
-          done()
-        }, 500)
-  }
   
   // 社会关系相关
   const relationDialogVisible = ref(false)
@@ -2444,7 +2183,13 @@
   
   const handleDeleteRelation = (row: any, index: number) => {
     messageBox.confirm('确认删除该条记录?').then(() => {
-      delSocialObj(row, index, () => {}, () => {})
+      delSocialObjApi(row.id).then(() => {
+        relationData.value.splice(index, 1)
+        message.success("删除成功");
+      }).catch((err: any) => {
+        // 处理业务错误
+        message.error(err.msg)
+      })
     }).catch(() => {})
   }
   
@@ -2466,251 +2211,24 @@
         if (!baseInfo) return;
         relationData.value = baseInfo.socialList;
       })
-    });
+    }).catch((err: any) => {
+      // 处理业务错误
+      message.error(err.msg)
+    })
   }
   
-  // 保留 saveRelation 方法以兼容旧代码
-  const saveRelation = () => {
-    handleRelationSubmit(relationForm.value)
-  }
-  
-  //社会关系（保留兼容性）
-  const addUpdate = (formData: any, index: any, done: any, loading: any) => {
-        setTimeout(() => {
-          loading()
-        }, 500)
-        setTimeout(() => {
-      if (!form.baseInfo.id || form.baseInfo.id == '') {
-        message.info("请完善基础信息");
-        activeName.value = 'first';
-          } else {
-        const data = formData;
-        data.teacherNo = form.baseInfo.teacherNo;
-        addSocialObj(data).then((response: any) => {
-          message.info("保存成功");
-            });
-          }
-          done()
-        }, 500)
-  }
-  
-      //删除社会关系
-  const delSocialObj = (form: any, index: any, done: any, loading: any) => {
-        setTimeout(() => {
-          loading()
-        }, 500)
-        setTimeout(() => {
-      delSocialObjApi(form.id).then((response: any) => {
-        relationData.value.splice(index, 1)
-        message.info("保存成功");
-          });
-          done()
-        }, 500)
-  }
-
-  // 职称相关
-  const proDialogVisible = ref(false)
-  const proForm = ref<any>({})
-  const proEditIndex = ref(-1)
-  
-  const handleAddPro = () => {
-    proForm.value = {}
-    proEditIndex.value = -1
-    proDialogVisible.value = true
-  }
-  
-  const handleEditPro = (row: any, index: number) => {
-    proForm.value = { ...row }
-    proEditIndex.value = index
-    proDialogVisible.value = true
-  }
-  
-  const handleDeletePro = (row: any, index: number) => {
-    messageBox.confirm('确认删除该条记录?').then(() => {
-      delTitleObj(row, index, () => {}, () => {})
-    }).catch(() => {})
-  }
-  
-  const savePro = () => {
-    if (!form.baseInfo.id || form.baseInfo.id == '') {
-      message.info("请完善基础信息");
-      activeName.value = 'first';
-      return
-    }
-    const data = { ...proForm.value };
-    data.teacherNo = form.baseInfo.teacherNo;
-    addTitleRelationObj(data).then((response: any) => {
-      message.success("保存成功");
-      proDialogVisible.value = false
-      // 刷新数据
-      getObj(form.baseInfo.id).then((res: any) => {
-        const baseInfo = res.data;
-        if (!baseInfo) return;
-        proData.value = baseInfo.titleList
-        proData.value.forEach((v: any) => {
-          v.srcList = []
-          if (v.evidence != null) {
-            const obj: any = {}
-            obj.url = v.evidence
-            obj.title = ""
-            v.srcList.push(obj)
-          }
-        })
-      })
-    });
-  }
-  
-  //职称（保留兼容性）
-  const addUpdatePro = (formData: any, index: any, done: any, loading: any) => {
-        setTimeout(() => {
-          loading()
-        }, 500)
-        setTimeout(() => {
-      if (!form.baseInfo.id || form.baseInfo.id == '') {
-        message.info("请完善基础信息");
-        activeName.value = 'first';
-          } else {
-        const data = formData;
-        data.teacherNo = form.baseInfo.teacherNo;
-        addTitleRelationObj(data).then((response: any) => {
-          message.info("保存成功");
-            });
-          }
-          done()
-        }, 500)
-  }
-  
-      //删除职称
-  const delTitleObj = (form: any, index: any, done: any, loading: any) => {
-        setTimeout(() => {
-          loading()
-        }, 500)
-        setTimeout(() => {
-      delTitleObjApi(form.id).then((response: any) => {
-        proData.value.splice(index, 1)
-        message.info("保存成功");
-          });
-          done()
-        }, 500)
-  }
-
-  // 职业资格相关
-  const workDialogVisible = ref(false)
-  const workForm = ref<any>({})
-  const workEditIndex = ref(-1)
-  
-  const handleAddWork = () => {
-    workForm.value = {}
-    workEditIndex.value = -1
-    workDialogVisible.value = true
-  }
-  
-  const handleEditWork = (row: any, index: number) => {
-    workForm.value = { ...row }
-    workEditIndex.value = index
-    workDialogVisible.value = true
-  }
-  
-  const handleDeleteWork = (row: any, index: number) => {
-    messageBox.confirm('确认删除该条记录?').then(() => {
-      delQuaObj(row, index, () => {}, () => {})
-    }).catch(() => {})
-  }
-  
-  const saveWork = () => {
-    if (!form.baseInfo.id || form.baseInfo.id == '') {
-      message.info("请完善基础信息");
-      activeName.value = 'first';
-      return
-    }
-    const data = { ...workForm.value };
-    data.teacherNo = form.baseInfo.teacherNo;
-    addQuaRelation(data).then((response: any) => {
-      message.success("保存成功");
-      workDialogVisible.value = false
-      // 刷新数据
-      getObj(form.baseInfo.id).then((res: any) => {
-        const baseInfo = res.data;
-        if (!baseInfo) return;
-        workData.value = baseInfo.quaList
-        workData.value.forEach((v: any) => {
-          v.srcList = []
-          if (v.evidenceA != null) {
-            const obj: any = {}
-            obj.url = v.evidenceA
-            obj.title = ""
-            v.srcList.push(obj)
-          }
-          if (v.evidenceB != null) {
-            const obj: any = {}
-            obj.url = v.evidenceB
-            obj.title = ""
-            v.srcList.push(obj)
-          }
-          if (v.evidenceC != null) {
-            const obj: any = {}
-            obj.url = v.evidenceC
-            obj.title = ""
-            v.srcList.push(obj)
-          }
-        })
-      })
-    });
-  }
-
-  //职业（保留兼容性）
-  const addUpdateWork = (formData: any, index: any, done: any, loading: any) => {
-        setTimeout(() => {
-          loading()
-        }, 500)
-        setTimeout(() => {
-      if (!form.baseInfo.id || form.baseInfo.id == '') {
-        message.info("请完善基础信息");
-        activeName.value = 'first';
-          } else {
-        const data = formData;
-        data.teacherNo = form.baseInfo.teacherNo;
-        addQuaRelation(data).then((response: any) => {
-          message.info("保存成功");
-            });
-          }
-          done()
-        }, 500)
-  }
-
-      //删除职业
-  const delQuaObj = (form: any, index: any, done: any, loading: any) => {
-        setTimeout(() => {
-          loading()
-        }, 500)
-        setTimeout(() => {
-      delQuaObjApi(form.id).then((response: any) => {
-        workData.value.splice(index, 1)
-        message.info("保存成功");
-          });
-          done()
-        }, 500)
-  }
-  const addRow = () => {
-    message.success('正在添加，请稍后')
-        setTimeout(() => {
-          for (let i = 0; i < 10; i++) {
-        crud.value?.rowCellAdd({
-              name: '',
-            });
-          }
-        }, 500)
-  }
 
   const init = async () => {
     // 获取一级部门
     fetchSecondTree()
     await Promise.all([
-      // 批量获取字典数据 religious_belief宗教信仰  health健康状况 teacher_cate授课类型
-      getDictsByTypes(['religious_belief', 'heath', 'teacher_cate']).then((response: any) => {
+      // 批量获取字典数据 religious_belief宗教信仰  health健康状况 teacher_cate授课类型 teacher_classify职位类别 yes_no_type是否类型
+      getDictsByTypes(['religious_belief', 'heath', 'teacher_cate', 'teacher_classify', 'yes_no_type']).then((response: any) => {
         religiousBeliefDic.value = response.data.religious_belief;
         healthList.value = response.data.heath;
-        teacherCateList.value = response.data.teacher_cate;       
+        teacherCateList.value = response.data.teacher_cate;
+        teacherClassifyData.value = response.data.teacher_classify || [];
+        inoutFlagOptions.value = response.data.yes_no_type || [];       
       }),
       // 民族
       getNationalList().then((response: any) => {
@@ -2730,14 +2248,27 @@
         baseInfoAbout.atStationList = map['atStationList']
         baseInfoAbout.teacherTypeList = map['teacherTypeList']
         baseInfoAbout.employmentNatureList = map['employmentNatureList']
+        // 职称等级列表
         baseInfoAbout.stationLevelList = map['stationLevelList']
+        // 职务等级列表
         baseInfoAbout.stationDutyLevelList = map['stationDutyLevelList']
         baseInfoAbout.workTypeList = map['workTypeList']
         baseInfoAbout.proTitleList = map['proTitleList']
         baseInfoAbout.majorStationList = map['majorStationList']
-        baseInfoAbout.qualificationList = map['qualificationList']
+        // 职业资格等级列表
+        baseInfoAbout.qualificationList = map['qualificationList'] || []
+        // 学历列表
+        baseInfoAbout.academicQualificationList = map['academicQuaList'] || []
+        // 学位列表
+        baseInfoAbout.degreeList = map['academicDegreeList'] || []
         baseInfoAbout.partBranchList = map['partBranchList']
         Object.assign(statusForm, map['allStatusList'])
+      }),
+      // 加载教师资格证列表
+      getTeacherCertificateList().then((response: any) => {
+        if (response && response.data) {
+          certificateList.value = response.data
+        }
       })
     ])
   }
@@ -2932,24 +2463,6 @@
         });
   }
   
-  const handleDel = (row: any, index: any) => {
-    crud.value?.rowDel(row, index)
-  }
-  
-  const rowDel = (row: any, index: any) => {
-    messageBox.confirm('是否确认删除该条记录').then(() => {
-          return delObj(row.id)
-    }).then((data: any) => {
-      message.success('删除成功')
-      // 如果删除后当前页没有数据，且不是第一页，则跳转到上一页
-      if (state.pagination && state.dataList && state.dataList.length === 1 && state.pagination.current && state.pagination.current > 1) {
-        state.pagination.current = state.pagination.current - 1
-      }
-      getDataList()
-    }).catch(() => {
-        })
-  }
-  
       /**
        * @title 数据更新
        * @param row 为当前的数据
@@ -2961,7 +2474,10 @@
       message.success('修改成功')
           done()
       getDataList()
-        })
+        }).catch((err: any) => {
+      // 处理业务错误
+      message.error(err.msg)
+    })
   }
   
       /**
@@ -2974,7 +2490,10 @@
       message.success('添加成功')
           done()
       getDataList()
-        })
+        }).catch((err: any) => {
+      // 处理业务错误
+      message.error(err.msg)
+    })
   }
       //重置密码
   const resetPassword = (row: any) => {
@@ -3016,7 +2535,6 @@
   }
   
   const handleFilter = (param: any) => {
-    selectList.value = [];
     params.value = { ...param };
     params.value.deptCode = search.deptCode
     params.value.secDeptCode = search.secDeptCode
@@ -3068,6 +2586,7 @@
         return isJPG && isLt2M;
   }
   
+  // 更新进出状态
   const updateInoutFlag = (row: any, val: any) => {
     const updateParams = {"teacherNo": row.teacherNo, "inoutFlag": val}
     messageBox.confirm('确认操作?').then(() => {
diff --git a/src/views/professional/teacherbase/multiDialog.vue b/src/views/professional/teacherbase/multiDialog.vue
index b91b566..5d82e3d 100644
--- a/src/views/professional/teacherbase/multiDialog.vue
+++ b/src/views/professional/teacherbase/multiDialog.vue
@@ -1,360 +1,7 @@
 <template>
-  <el-dialog v-model="educationDialogFromVisible" width="600" :title="waitShenheForm.title" append-to-body>
-
-    <!--2.1 教师资格证-->
-    <el-form v-if="waitShenheForm.a" ref="teacherCertificateFormRef" :model="waitShenheForm.form" :rules="teacherCertificateRules" label-width="120px">
-      <el-form-item label="类型" prop="certificateConfId">
-        <el-select v-model="waitShenheForm.form.certificateConfId" placeholder="请选择类型" style="width: 100%">
-          <el-option
-            v-for="item in certificateTypeList"
-            :key="item.id"
-            :label="item.cretificateName"
-            :value="item.id">
-          </el-option>
-        </el-select>
-      </el-form-item>
-      
-      <el-form-item label="证书编号" prop="certificateNumber">
-        <el-input 
-          v-model="waitShenheForm.form.certificateNumber" 
-          placeholder="请输入证书编号（仅支持英文和数字）"
-          show-word-limit
-          maxlength="64"
-          @input="handleCertificateNumberInput"
-        />
-      </el-form-item>
-      
-      <el-form-item label="证明材料">
-        <el-upload
-          :headers="headers"
-          :limit="1"
-          :action="materialUrlFrom.url"
-          :file-list="materialUrlFrom.fileListA"
-          :on-success="materiaUploadSuccessA"
-          :accept="'.jpg,.jpeg,.png,.pdf'"
-        >
-          <div>
-            <el-button size="small" type="primary">点击上传</el-button>
-            <div style="margin-top: 8px;">
-              <el-tag>仅支持jpg,jpeg,png,pdf后缀的文件上传</el-tag>
-            </div>
-          </div>
-        </el-upload>
-      </el-form-item>
-
-      <el-form-item>
-        <div style="text-align: right; width: 100%;">
-          <el-button type="primary" @click="dialogSubmit(0)">提交</el-button>
-          <el-button @click="educationDialogFromVisible = false">取消</el-button>
-        </div>
-      </el-form-item>
-    </el-form>
-    <!--2.2 学历-->
-    <el-form v-if="waitShenheForm.b" ref="educationFormRef" :model="waitShenheForm.form" :rules="educationRules" label-width="120px">
-      <el-form-item label="毕业时间" prop="graduateTime">
-        <el-date-picker
-          v-model="waitShenheForm.form.graduateTime"
-          type="date"
-          placeholder="选择日期"
-          format="yyyy-MM-dd"
-          value-format="yyyy-MM-dd HH:mm:ss"
-          style="width: 100%"
-        />
-      </el-form-item>
-      
-      <el-form-item label="教育类型" prop="type">
-        <el-select v-model="waitShenheForm.form.type" placeholder="请选择教育类型" style="width: 100%">
-          <el-option
-            v-for="item in educationTypeList"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id">
-          </el-option>
-        </el-select>
-      </el-form-item>
-      
-      <el-form-item label="学历" prop="qualificationConfigId">
-        <el-select v-model="waitShenheForm.form.qualificationConfigId" placeholder="请选择学历" style="width: 100%">
-          <el-option
-            v-for="item in qualificationList"
-            :key="item.id"
-            :label="item.qualificationName"
-            :value="item.id">
-          </el-option>
-        </el-select>
-      </el-form-item>
-      
-      <el-form-item label="学位" prop="degreeConfigId">
-        <el-select v-model="waitShenheForm.form.degreeConfigId" placeholder="请选择学位" style="width: 100%">
-          <el-option
-            v-for="item in degreeList"
-            :key="item.id"
-            :label="item.degreeName"
-            :value="item.id">
-          </el-option>
-        </el-select>
-      </el-form-item>
-      
-      <el-form-item label="毕业学校" prop="graduateSchool">
-        <el-input v-model="waitShenheForm.form.graduateSchool" placeholder="请输入毕业学校" />
-      </el-form-item>
-      
-      <el-form-item label="所学专业" prop="major">
-        <el-input v-model="waitShenheForm.form.major" placeholder="请输入所学专业" />
-      </el-form-item>
-      
-      <el-form-item label="证书编码" prop="certificateNumber">
-        <el-input 
-          v-model="waitShenheForm.form.certificateNumber" 
-          placeholder="请输入证书编码（仅支持英文和数字）"
-          show-word-limit
-          maxlength="100"
-          @input="handleCertificateNumberInput"
-        />
-      </el-form-item>
-      
-      <el-form-item label="学历证书">
-        <el-upload
-          :headers="headers"
-          :limit="1"
-          :action="materialUrlFrom.url"
-          :file-list="materialUrlFrom.fileListA"
-          :on-success="materiaUploadSuccessA"
-          :accept="'.jpg,.jpeg,.png,.pdf'"
-        >
-          <div>
-            <el-button size="small" type="primary">点击上传</el-button>
-            <div style="margin-top: 8px;">
-              <el-tag>仅支持jpg,jpeg,png,pdf后缀的文件上传</el-tag>
-            </div>
-          </div>
-        </el-upload>
-      </el-form-item>
-
-      <el-form-item label="学位证书">
-        <el-upload
-          :headers="headers"
-          :limit="1"
-          :action="materialUrlFrom.url"
-          :on-success="materiaUploadSuccessB"
-          :file-list="materialUrlFrom.fileListB"
-          :accept="'.jpg,.jpeg,.png,.pdf'"
-        >
-          <div>
-            <el-button size="small" type="primary">点击上传</el-button>
-            <div style="margin-top: 8px;">
-              <el-tag>仅支持jpg,jpeg,png,pdf后缀的文件上传</el-tag>
-            </div>
-          </div>
-        </el-upload>
-      </el-form-item>
-      
-      <el-form-item>
-        <div style="text-align: right; width: 100%;">
-          <el-button type="primary" @click="dialogSubmit(1)">提交</el-button>
-          <el-button @click="educationDialogFromVisible = false">取消</el-button>
-        </div>
-      </el-form-item>
-    </el-form>
-    <!--2.3 职称-->
-    <el-form v-if="waitShenheForm.c" ref="proFormRef" :model="waitShenheForm.form" :rules="proRules" label-width="120px">
-      <el-form-item label="职称等级" prop="professionalTitleConfigId">
-        <el-select v-model="waitShenheForm.form.professionalTitleConfigId" placeholder="请选择职称等级" style="width: 100%">
-          <el-option
-            v-for="item in baseInfoAbout.proTitleList"
-            :key="item.id"
-            :label="item.professionalTitle"
-            :value="item.id">
-          </el-option>
-        </el-select>
-      </el-form-item>
-
-      <el-form-item label="专业技术职务" prop="majorStation">
-        <el-select v-model="waitShenheForm.form.majorStation" placeholder="请选择专业技术职务" style="width: 100%">
-          <el-option
-            v-for="item in baseInfoAbout.majorStationList"
-            :key="item.id"
-            :label="item.majorStationName"
-            :value="item.id">
-          </el-option>
-        </el-select>
-      </el-form-item>
-      
-      <el-form-item label="取证时间" prop="certificateTime">
-        <el-date-picker
-          v-model="waitShenheForm.form.certificateTime"
-          type="date"
-          placeholder="选择日期"
-          format="yyyy-MM-dd"
-          value-format="yyyy-MM-dd HH:mm:ss"
-          style="width: 100%"
-        />
-      </el-form-item>
-      
-      <el-form-item label="职称任职时间" prop="inOfficeDate">
-        <el-date-picker
-          v-model="waitShenheForm.form.inOfficeDate"
-          type="date"
-          placeholder="选择日期"
-          format="yyyy-MM-dd"
-          value-format="yyyy-MM-dd HH:mm:ss"
-          style="width: 100%"
-        />
-      </el-form-item>
-      
-      <el-form-item label="证书编号" prop="certificateNumber">
-        <el-input 
-          v-model="waitShenheForm.form.certificateNumber" 
-          placeholder="请输入证书编号（仅支持英文和数字）"
-          show-word-limit
-          maxlength="32"
-          @input="handleCertificateNumberInput"
-        />
-      </el-form-item>
-      
-      <el-form-item label="证明材料">
-        <el-upload
-          :headers="headers"
-          :limit="1"
-          :action="materialUrlFrom.url"
-          :file-list="materialUrlFrom.fileListA"
-          :on-success="materiaUploadSuccessA"
-          :accept="'.jpg,.jpeg,.png,.pdf'"
-        >
-          <div>
-            <el-button size="small" type="primary">点击上传</el-button>
-            <div style="margin-top: 8px;">
-              <el-tag>仅支持jpg,jpeg,png,pdf后缀的文件上传</el-tag>
-            </div>
-          </div>
-        </el-upload>
-      </el-form-item>
-      
-      <el-form-item>
-        <div style="text-align: right; width: 100%;">
-          <el-button type="primary" @click="dialogSubmit(2)">提交</el-button>
-          <el-button @click="educationDialogFromVisible = false">取消</el-button>
-        </div>
-      </el-form-item>
-    </el-form>
-    <!--2.4 职业-->
-    <el-form v-if="waitShenheForm.d" ref="workFormRef" :model="waitShenheForm.form" :rules="workRules" label-width="120px">
-      <el-form-item label="职业工种" prop="worker">
-        <el-select v-model="waitShenheForm.form.worker" filterable placeholder="请选择职业工种" style="width: 100%">
-          <el-option
-            v-for="item in baseInfoAbout.workTypeList"
-            :key="item.id"
-            :label="item.workName"
-            :value="item.id">
-          </el-option>
-        </el-select>
-      </el-form-item>
-
-      <el-form-item label="等级" prop="qualificationConfigId">
-        <el-select v-model="waitShenheForm.form.qualificationConfigId" placeholder="请选择等级" style="width: 100%">
-          <el-option
-            v-for="item in baseInfoAbout.qualificationList"
-            :key="item.id"
-            :label="item.levelName"
-            :value="item.id">
-          </el-option>
-        </el-select>
-      </el-form-item>
-      
-      <el-form-item label="取证时间" prop="certificateTime">
-        <el-date-picker
-          v-model="waitShenheForm.form.certificateTime"
-          type="date"
-          placeholder="选择日期"
-          format="yyyy-MM-dd"
-          value-format="yyyy-MM-dd HH:mm:ss"
-          style="width: 100%"
-        />
-      </el-form-item>
-      
-      <el-form-item label="证书编号" prop="certificateNumber">
-        <el-input 
-          v-model="waitShenheForm.form.certificateNumber" 
-          placeholder="请输入证书编号（仅支持英文和数字）"
-          show-word-limit
-          maxlength="32"
-          @input="handleCertificateNumberInput"
-        />
-      </el-form-item>
-      
-      <el-form-item label="材料1">
-        <el-upload
-          :headers="headers"
-          :limit="1"
-          :action="materialUrlFrom.url"
-          :file-list="materialUrlFrom.fileListA"
-          :on-success="materiaUploadSuccessA"
-          :accept="'.jpg,.jpeg,.png,.pdf'"
-        >
-          <div>
-            <el-button size="small" type="primary">点击上传</el-button>
-            <div style="margin-top: 8px;">
-              <el-tag>仅支持jpg,jpeg,png,pdf后缀的文件上传</el-tag>
-            </div>
-          </div>
-        </el-upload>
-      </el-form-item>
-      
-      <el-form-item>
-        <div style="text-align: right; width: 100%;">
-          <el-button type="primary" @click="dialogSubmit(3)">提交</el-button>
-          <el-button @click="educationDialogFromVisible = false">取消</el-button>
-        </div>
-      </el-form-item>
-    </el-form>
-    <!--2.5 综合表彰-->
-    <el-form v-if="waitShenheForm.e" ref="honorFormRef" :model="waitShenheForm.form" :rules="honorRules" label-width="120px">
-      <el-form-item label="荣誉" prop="honor">
-        <el-input v-model="waitShenheForm.form.honor" placeholder="请填写荣誉" />
-      </el-form-item>
-      
-      <el-form-item label="表彰单位" prop="honorCompany">
-        <el-input v-model="waitShenheForm.form.honorCompany" placeholder="请填写表彰单位" />
-      </el-form-item>
-      
-      <el-form-item label="年份" prop="year">
-        <el-date-picker
-          v-model="waitShenheForm.form.year"
-          type="year"
-          placeholder="选择年份"
-          format="yyyy"
-          value-format="yyyy"
-          style="width: 100%"
-        />
-      </el-form-item>
-      
-      <el-form-item label="证明材料">
-        <el-upload
-          :headers="headers"
-          :limit="1"
-          :action="materialUrlFrom.url"
-          :on-success="materiaUploadSuccessA"
-          :file-list="materialUrlFrom.fileListA"
-          :accept="'.jpg,.jpeg,.png,.pdf'"
-        >
-          <div>
-            <el-button size="small" type="primary">点击上传</el-button>
-            <div style="margin-top: 8px;">
-              <el-tag>仅支持jpg,jpeg,png,pdf后缀的文件上传</el-tag>
-            </div>
-          </div>
-        </el-upload>
-      </el-form-item>
-      
-      <el-form-item>
-        <div style="text-align: right; width: 100%;">
-          <el-button type="primary" @click="dialogSubmit(4)">提交</el-button>
-          <el-button @click="educationDialogFromVisible = false">取消</el-button>
-        </div>
-      </el-form-item>
-    </el-form>
-    <!--2.6 人员调动-->
-    <el-form v-if="waitShenheForm.f" ref="stationChangeFormRef" :model="waitShenheForm.form" :rules="stationChangeRules" label-width="120px">
+  <el-dialog v-model="dialogVisible" width="600" :title="waitShenheForm.title" append-to-body>
+    <!--人员调动-->
+    <el-form v-if="waitShenheForm.isPersonnelTransfer" ref="stationChangeFormRef" :model="waitShenheForm.form" :rules="stationChangeRules" label-width="120px">
       <el-form-item label="工号">
         <el-tag>{{waitShenheForm.form.teacherNo}}</el-tag>
       </el-form-item>
@@ -415,12 +62,12 @@
       <el-form-item>
         <div style="text-align: right; width: 100%;">
           <el-button type="primary" @click="dialogSubmit(5)">提交</el-button>
-          <el-button @click="educationDialogFromVisible = false">取消</el-button>
+          <el-button @click="dialogVisible = false">取消</el-button>
         </div>
       </el-form-item>
     </el-form>
-    <!--2.7 党员调动-->
-    <el-form v-if="waitShenheForm.g" ref="partChangeFormRef" :model="waitShenheForm.form" :rules="partChangeRules" label-width="120px">
+    <!--党员调动-->
+    <el-form v-if="waitShenheForm.isPartyTransfer" ref="partChangeFormRef" :model="waitShenheForm.form" :rules="partChangeRules" label-width="120px">
       <el-form-item label="工号">
         <el-tag>{{waitShenheForm.form.teacherNo}}</el-tag>
       </el-form-item>
@@ -472,7 +119,7 @@
       <el-form-item>
         <div style="text-align: right; width: 100%;">
           <el-button type="primary" @click="dialogSubmit(6)">提交</el-button>
-          <el-button @click="educationDialogFromVisible = false">取消</el-button>
+          <el-button @click="dialogVisible = false">取消</el-button>
         </div>
       </el-form-item>
     </el-form>
@@ -480,178 +127,106 @@
 </template>
 
 <script setup lang="ts">
-  import { ref, reactive, computed } from 'vue'
+  import { ref, reactive } from 'vue'
   import { useMessage, useMessageBox } from '/@/hooks/message'
-  import { updateOtherInfo, getMyTeacherNo, getAllInfoAboutList } from '/@/api/professional/professionaluser/teacherbase'
-  import { checkLocked } from '/@/api/professional/professionalstatuslock'
+  import { getAllInfoAboutList } from '/@/api/professional/professionaluser/teacherbase'
   import { getDeptListByLevelTwo, getDeptListByParent as getDeptListByParentApi } from '/@/api/basic/basicdept'
-  import { getTeacherCertificateList } from '/@/api/professional/rsbase/professionalteachercertificateconf'
-  import { getAllTypeList } from '/@/api/professional/rsbase/professionalacademiceducationtypeconfig'
-  import { getQualificationList } from '/@/api/professional/rsbase/academicqualificationsconfig'
-import { getDegreeList } from '/@/api/professional/rsbase/professionalacademicdegreeconfig'
-import { addObj as addStationChangeObj } from '/@/api/professional/professionaluser/professionalteacherstationchange'
-import { addObj as addPartyChangeObj } from '/@/api/professional/professionaluser/professionalpartychange'
+  import { addObj as addStationChangeObj } from '/@/api/professional/professionaluser/professionalteacherstationchange'
+  import { addObj as addPartyChangeObj } from '/@/api/professional/professionaluser/professionalpartychange'
   import global from '/@/components/tools/commondict.vue'
-  import { Session } from '/@/utils/storage'
+  import type { Pagination } from '/@/hooks/table'
+
+  // 表单类型常量
+  const FORM_TYPE = {
+    PERSONNEL_TRANSFER: 5, // 人员调动
+    PARTY_TRANSFER: 6      // 党员调动
+  } as const
+
+  // 类型定义
+  interface FormData {
+    newDeptCodeList?: any[]
+    deptCodeList?: any[]
+    teacherNo?: string
+    realName?: string
+    userName?: string
+    deptName?: string
+    id?: string
+    oldBranchId?: string
+    oldBranchName?: string
+    newDeptCode?: string
+    newSecDeptCode?: string
+    changeDate?: string
+    pos?: string
+    remarks?: string
+    branchName?: string
+    partyFee?: number
+    changeTime?: string
+    [key: string]: any
+  }
+
+  interface WaitShenheForm {
+    form: FormData
+    title: string
+    isPersonnelTransfer: boolean
+    isPartyTransfer: boolean
+  }
 
-  // 字典数据
-  const certificateTypeList = ref<any[]>([])
-  const educationTypeList = ref<any[]>([])
-  const qualificationList = ref<any[]>([])
-  const degreeList = ref<any[]>([])
-  
   // 表单 ref
-  const teacherCertificateFormRef = ref()
-  const educationFormRef = ref()
-  const proFormRef = ref()
-  const workFormRef = ref()
-  const honorFormRef = ref()
   const stationChangeFormRef = ref()
   const partChangeFormRef = ref()
   
-  // 表单验证规则
-  const teacherCertificateRules = {
-    certificateConfId: [{ required: true, message: '请选择类型', trigger: 'change' }],
-    certificateNumber: [
-      { required: true, message: '请输入证书编号', trigger: 'blur' },
-      { pattern: /^[A-Za-z0-9]+$/, message: '证书编号只能包含英文和数字', trigger: 'blur' }
-    ]
-  }
-  
-  const educationRules = {
-    graduateTime: [{ required: true, message: '请输入毕业时间', trigger: 'change' }],
-    type: [{ required: true, message: '请选择教育类型', trigger: 'change' }],
-    graduateSchool: [{ required: true, message: '请输入毕业学校', trigger: 'blur' }],
-    major: [{ required: true, message: '请输入所学专业', trigger: 'blur' }],
-    certificateNumber: [
-      { required: true, message: '请输入证书编码', trigger: 'blur' },
-      { pattern: /^[A-Za-z0-9]+$/, message: '证书编码只能包含英文和数字', trigger: 'blur' }
-    ]
-  }
-  
-  const proRules = {
-    professionalTitleConfigId: [{ required: true, message: '请选择职称等级', trigger: 'change' }],
-    majorStation: [{ required: true, message: '请选择专业技术职务', trigger: 'change' }],
-    certificateTime: [{ required: true, message: '请选择取证时间', trigger: 'change' }],
-    certificateNumber: [
-      { required: true, message: '请输入证书编号', trigger: 'blur' },
-      { pattern: /^[A-Za-z0-9]+$/, message: '证书编号只能包含英文和数字', trigger: 'blur' }
-    ]
-  }
-  
-  const workRules = {
-    worker: [{ required: true, message: '请选择职业工种', trigger: 'change' }],
-    qualificationConfigId: [{ required: true, message: '请选择等级', trigger: 'change' }],
-    certificateTime: [{ required: true, message: '请选择取证时间', trigger: 'change' }],
-    certificateNumber: [
-      { required: true, message: '请输入证书编号', trigger: 'blur' },
-      { pattern: /^[A-Za-z0-9]+$/, message: '证书编号只能包含英文和数字', trigger: 'blur' }
-    ]
-  }
-  
-  const honorRules = {
-    honor: [{ required: true, message: '请填写荣誉', trigger: 'blur' }],
-    honorCompany: [{ required: true, message: '请填写表彰单位', trigger: 'blur' }],
-    year: [{ required: true, message: '请输入年份', trigger: 'change' }]
-  }
-  
+  // 人员调动验证规则
   const stationChangeRules = {
     newDeptCode: [{ required: true, message: '请选择要调入的二级部门', trigger: 'change' }],
     changeDate: [{ required: true, message: '请选择调令日期', trigger: 'change' }],
     pos: [{ required: true, message: '请选择岗位类型', trigger: 'change' }]
   }
   
+  // 党员调动验证规则
   const partChangeRules = {
     branchName: [{ required: true, message: '请选择现支部', trigger: 'change' }],
     changeTime: [{ required: true, message: '请选择变动时间', trigger: 'change' }]
   }
-  
-  // 获取字典数据
-  const loadCertificateTypeList = async () => {
-    try {
-      const res = await getTeacherCertificateList()
-      certificateTypeList.value = res.data || []
-    } catch (err) {
-      // 获取证书类型列表失败
-    }
-  }
-  
-  const loadEducationTypeList = async () => {
-    try {
-      const res = await getAllTypeList()
-      educationTypeList.value = res.data || []
-    } catch (err) {
-      // 获取教育类型列表失败
-    }
-  }
-  
-  const loadQualificationList = async () => {
-    try {
-      const res = await getQualificationList()
-      qualificationList.value = res.data || []
-    } catch (err) {
-      // 获取学历列表失败
-    }
-  }
-  
-  const loadDegreeList = async () => {
-    try {
-      const res = await getDegreeList()
-      degreeList.value = res.data || []
-    } catch (err) {
-      // 获取学位列表失败
-    }
-  }
 
-  // Props
+  /**
+   * 定义Props
+   * @param page 分页信息
+   * @param nowRow 当前行数据
+   */
   const props = defineProps<{
-    page: any
-    nowRow: any
+    page?: Pagination
+    nowRow: Record<string, any>
   }>()
 
-  // Emits
-  const emit = defineEmits(['getList'])
+  /**
+   * 定义Emits
+   */
+  const emit = defineEmits<{
+    (e: 'getList', page?: Pagination): void
+  }>()
 
   // 消息提示 hooks
   const message = useMessage()
   const messageBox = useMessageBox()
 
   // 响应式数据
-  const educationDialogFromVisible = ref(false)
-  const waitShenheForm = reactive({
-    form: {
-      newDeptCodeList: [] as any[],
-      deptCodeList: [] as any[]
-    } as any,
-    title: '',
-    a: false,
-    b: false,
-    c: false,
-    d: false,
-    e: false,
-    f: false,
-    g: false
-  })
+  const dialogVisible = ref(false)
   
-  const materialUrlFrom = reactive({
-    url: '/professional/file/teacherAboutInfoUpload',
-    fileListA: [] as any[],
-    fileListB: [] as any[],
-    fileListC: [] as any[]
+  /**
+   * 等待审核表单
+   */
+  const waitShenheForm = reactive<WaitShenheForm>({
+    form: {
+      newDeptCodeList: [],
+      deptCodeList: []
+    },
+    title: '',
+    isPersonnelTransfer: false,
+    isPartyTransfer: false
   })
   
   const baseInfoAbout = reactive({
-    stationTypeList: [] as any[],
-    atStationList: [] as any[],
-    teacherTypeList: [] as any[],
-    partBranchList: [] as any[],
-    employmentNatureList: [] as any[],
-    stationLevelList: [] as any[],
-    stationDutyLevelList: [] as any[],
-    workTypeList: [] as any[],
-    proTitleList: [] as any[],
-    majorStationList: [] as any[],
-    qualificationList: [] as any[]
+    partBranchList: [] as any[]
   })
   
   const secDeptList = ref<any[]>([])
@@ -660,198 +235,85 @@ import { addObj as addPartyChangeObj } from '/@/api/professional/professionaluse
   const newSecChildDeptCode = ref('')
   const teacherNo = ref('')
 
-  // Computed
-  const headers = computed(() => {
-          return {
-            "Authorization": 'Bearer ' + Session.getToken()
-          }
-  })
   // 方法定义
+  /**
+   * 初始化字典数据
+   */
   const initDicData = async () => {
-    try {
-      const response = await getAllInfoAboutList()
-      const map = response.data
-      baseInfoAbout.stationTypeList = map['stationTypeList'] || []
-      baseInfoAbout.atStationList = map['atStationList'] || []
-      baseInfoAbout.teacherTypeList = map['teacherTypeList'] || []
-      baseInfoAbout.employmentNatureList = map['employmentNatureList'] || []
-      baseInfoAbout.stationLevelList = map['stationLevelList'] || []
-      baseInfoAbout.stationDutyLevelList = map['stationDutyLevelList'] || []
-      baseInfoAbout.workTypeList = map['workTypeList'] || []
-      baseInfoAbout.proTitleList = map['proTitleList'] || []
-      baseInfoAbout.majorStationList = map['majorStationList'] || []
-      baseInfoAbout.qualificationList = map['qualificationList'] || []
-      baseInfoAbout.partBranchList = map['partBranchList'] || []
-    } catch (error) {
-      // 获取基础信息失败
-    }
-    
-    // 加载字典数据
-    loadCertificateTypeList()
-    loadEducationTypeList()
-    loadQualificationList()
-    loadDegreeList()
+    const response = await getAllInfoAboutList()
+    const map = response.data
+    baseInfoAbout.partBranchList = map['partBranchList'] || []
   }
 
+  /**
+   * 初始化对话框
+   * @param val 表单类型：5-人员调动，6-党员调动
+   */
   const init = async (val: number) => {
+    if (val !== FORM_TYPE.PERSONNEL_TRANSFER && val !== FORM_TYPE.PARTY_TRANSFER) {
+      return
+    }
+    
     await initDicData()
-    if (val === 5 || val === 6) {
-      teacherNo.value = props.nowRow.teacherNo
-      handleWaitExam(val)
-    } else {
-      // 重置表单数据
-      Object.keys(waitShenheForm.form).forEach(key => {
-        if (key !== 'newDeptCodeList' && key !== 'deptCodeList') {
-          (waitShenheForm.form as any)[key] = ''
-        }
-      })
+    teacherNo.value = props.nowRow.teacherNo
+    handleFormType(val)
+  }
+
+  /**
+   * 处理表单类型显示
+   * @param val 表单类型
+   */
+  const handleFormType = (val: number) => {
+    // 重置所有表单状态
+    waitShenheForm.isPersonnelTransfer = false
+    waitShenheForm.isPartyTransfer = false
+    
+    if (val === FORM_TYPE.PERSONNEL_TRANSFER) {
+      // 人员调动：加载部门数据
+      waitShenheForm.title = "人员调动"
+      waitShenheForm.isPersonnelTransfer = true
+      waitShenheForm.form = { ...props.nowRow }
       waitShenheForm.form.newDeptCodeList = []
       waitShenheForm.form.deptCodeList = []
-      materialUrlFrom.fileListA = []
-      materialUrlFrom.fileListB = []
-      materialUrlFrom.fileListC = []
-      materialUrlFrom.url = '/professional/file/teacherAboutInfoUpload'
+      newSecDeptCode.value = ''
+      newSecChildDeptCode.value = ''
       
-      // 状态码映射
-      const statusCodeMap: Record<number, string> = {
-        0: "teacherTitle",
-        1: "acade",
-        2: "title",
-        3: "job",
-        4: "remix"
-      }
-      const statusCode = statusCodeMap[val]
-      
-      if (statusCode) {
-        try {
-          const lockResponse = await checkLocked(statusCode)
-          if (lockResponse.data) {
-            message.warning("新增功能已锁定，暂不允许操作")
-            return
-          }
-          
-          const response = await getMyTeacherNo()
-          teacherNo.value = response.data
-          handleWaitExam(val)
-        } catch (error) {
-          message.error('操作失败')
-        }
-      } else {
-        handleWaitExam(val)
-      }
-          }
-  }
-  const handleWaitExam = (val: number) => {
-    materialUrlFrom.url = '/professional/file/teacherAboutInfoUpload'
-    waitShenheForm.a = false
-    waitShenheForm.b = false
-    waitShenheForm.c = false
-    waitShenheForm.d = false
-    waitShenheForm.e = false
-    waitShenheForm.f = false
-    waitShenheForm.g = false
-    
-    // 表单类型配置
-    const formConfig: Record<number, { title: string; field: 'a' | 'b' | 'c' | 'd' | 'e' | 'f' | 'g' }> = {
-      0: { title: "教师资格证", field: 'a' },
-      1: { title: "学历更新", field: 'b' },
-      2: { title: "职称更新", field: 'c' },
-      3: { title: "职业更新", field: 'd' },
-      4: { title: "综合表彰", field: 'e' },
-      5: { title: "人员调动", field: 'f' },
-      6: { title: "党员调动", field: 'g' }
-    }
-    
-    const config = formConfig[val]
-    if (config) {
-      waitShenheForm.title = config.title
-      ;(waitShenheForm as any)[config.field] = true
-      
-      // 特殊处理
-      if (val === 4) {
-        // 综合表彰：重置相关字段
-        materialUrlFrom.fileListA = []
-        waitShenheForm.form.honor = ''
-        waitShenheForm.form.honorCompany = ''
-        waitShenheForm.form.year = ''
-        waitShenheForm.form.attachment = ''
-      } else if (val === 5) {
-        // 人员调动：加载部门数据
-        waitShenheForm.form = { ...props.nowRow }
-        waitShenheForm.form.newDeptCodeList = []
-        waitShenheForm.form.deptCodeList = []
-        newSecDeptCode.value = ''
-        newSecChildDeptCode.value = ''
-        getDeptListByLevelTwo().then((res: any) => {
-          secDeptList.value = res.data
-          educationDialogFromVisible.value = true
-        }).catch(() => {
-          message.error('获取部门列表失败')
-        })
-      } else if (val === 6) {
-        // 党员调动：设置原支部
-        waitShenheForm.form = { ...props.nowRow }
-        waitShenheForm.form.oldBranchName = waitShenheForm.form.oldBranchId
-      }
-    }
-    materialUrlFrom.url = `${materialUrlFrom.url}?teacherNo=${teacherNo.value}&type=${val}`
-    if (val !== 5) {
-      educationDialogFromVisible.value = true
+      getDeptListByLevelTwo().then((res: any) => {
+        secDeptList.value = res.data || []
+        dialogVisible.value = true
+      })
+    } else if (val === FORM_TYPE.PARTY_TRANSFER) {
+      // 党员调动：设置原支部
+      waitShenheForm.title = "党员调动"
+      waitShenheForm.isPartyTransfer = true
+      waitShenheForm.form = { ...props.nowRow }
+      waitShenheForm.form.id = ''
+      waitShenheForm.form.realName = waitShenheForm.form.userName || waitShenheForm.form.realName
+      waitShenheForm.form.oldBranchName = waitShenheForm.form.oldBranchId
+      dialogVisible.value = true
     }
   }
-  // 证书编号输入处理（只允许英文和数字）
-  const handleCertificateNumberInput = (value: string) => {
-    waitShenheForm.form.certificateNumber = value.replace(/[^A-Za-z0-9]/g, '')
-  }
-
-  // 文件上传成功处理
-  const materiaUploadSuccessA = (response: any) => {
-    if (response.data?.code === "-1") {
-      message.error("当前不允许上传文件")
-      return
-    }
-    waitShenheForm.form.mateA = response.data.url
-  }
-  
-  const materiaUploadSuccessB = (response: any) => {
-    if (response.data?.code === "-1") {
-      message.error("当前不允许上传文件")
-      return
-    }
-    waitShenheForm.form.mateB = response.data.url
-  }
+  /**
+   * 提交表单
+   * @param val 表单类型：5-人员调动，6-党员调动
+   */
   const dialogSubmit = async (val: number) => {
-    waitShenheForm.form.type = val
+    if (val !== FORM_TYPE.PERSONNEL_TRANSFER && val !== FORM_TYPE.PARTY_TRANSFER) {
+      return
+    }
+
     waitShenheForm.form.teacherNo = teacherNo.value
 
     // 表单验证配置
     const formRefMap: Record<number, any> = {
-      0: teacherCertificateFormRef.value,
-      1: educationFormRef.value,
-      2: proFormRef.value,
-      3: workFormRef.value,
-      4: honorFormRef.value,
-      5: stationChangeFormRef.value,
-      6: partChangeFormRef.value
+      [FORM_TYPE.PERSONNEL_TRANSFER]: stationChangeFormRef.value,
+      [FORM_TYPE.PARTY_TRANSFER]: partChangeFormRef.value
     }
     
     const formRef = formRefMap[val]
     
-    // 材料验证
-    if (val === 0 || val === 2 || val === 3 || val === 4) {
-      // 需要上传材料A的表单
-      if (!waitShenheForm.form.mateA) {
-        message.info("请上传资料")
-        return
-      }
-    } else if (val === 1) {
-      // 学历：需要上传材料A或材料B
-      if (!waitShenheForm.form.mateA && !waitShenheForm.form.mateB) {
-        message.info("请上传学历或学位证书")
-        return
-      }
-    } else if (val === 5) {
-      // 人员调动：需要选择部门
+    // 人员调动：需要选择部门
+    if (val === FORM_TYPE.PERSONNEL_TRANSFER) {
       if (!newSecDeptCode.value) {
         message.info("请选择要调入的部门")
         return
@@ -871,38 +333,42 @@ import { addObj as addPartyChangeObj } from '/@/api/professional/professionaluse
 
     try {
       await messageBox.confirm('确认提交?')
-      let res
-      if (val === 5) {
+      let res: any
+      
+      if (val === FORM_TYPE.PERSONNEL_TRANSFER) {
         // 人员调动：使用人员调动接口
         res = await addStationChangeObj(waitShenheForm.form)
-      } else if (val === 6) {
+      } else if (val === FORM_TYPE.PARTY_TRANSFER) {
         // 党员调动：使用党员调动接口
         res = await addPartyChangeObj(waitShenheForm.form)
-      } else {
-        // 其他类型：走通用“其他信息”更新接口
-        res = await updateOtherInfo(waitShenheForm.form)
       }
-      if (res.data === '-1') {
+      
+      if (res && res.data === '-1') {
         message.warning("当前不允许提交")
-      } else {
+      } else if (res) {
         message.success("提交成功")
+        emit("getList", props.page)
+        dialogVisible.value = false
       }
-      emit("getList", props.page)
-      educationDialogFromVisible.value = false
-    } catch (err) {
-      // 用户取消
+    } catch (err: any) {
+      // 处理业务错误
+      message.error(err.msg)
     }
   }
 
+  /**
+   * 获取子部门列表
+   */
   const getDeptListByParent = async () => {
     newSecChildDeptCode.value = ''
     newSecChildDeptCodeList.value = []
-    try {
-      const res = await getDeptListByParentApi(newSecDeptCode.value)
-      newSecChildDeptCodeList.value = res.data
-    } catch (error) {
-      message.error('获取部门列表失败')
+    
+    if (!newSecDeptCode.value) {
+      return
     }
+    
+    const res = await getDeptListByParentApi(newSecDeptCode.value)
+    newSecChildDeptCodeList.value = res.data || []
   }
 
   // 暴露方法
@@ -911,6 +377,3 @@ import { addObj as addPartyChangeObj } from '/@/api/professional/professionaluse
   })
 </script>
 
-<style scoped>
-
-</style>
diff --git a/src/views/professional/teacherpayslip/index.vue b/src/views/professional/teacherpayslip/index.vue
index 5edb69d..06c7e93 100755
--- a/src/views/professional/teacherpayslip/index.vue
+++ b/src/views/professional/teacherpayslip/index.vue
@@ -1,36 +1,6 @@
 <template>
   <div class="layout-padding">
     <div class="layout-padding-auto layout-padding-view">
-      <!-- 操作按钮 -->
-      <el-row>
-        <div class="mb15" style="width: 100%;">
-          <el-button 
-            size="small"
-            v-if="permissions.professional_salary_import"
-            type="primary"
-            @click="handleImportBaseSalary">工资条导入
-          </el-button>
-          <el-button 
-            type="primary"
-            size="small"
-            v-if="permissions.professional_seach_auth"
-            @click="canSearch(1)">设置可查询
-          </el-button>
-          <el-button 
-            type="primary"
-            size="small"
-            v-if="permissions.professional_seach_auth"
-            @click="canSearch(0)">设置不可查询
-          </el-button>
-          <el-button 
-            type="primary"
-            size="small"
-            v-if="permissions.professional_professionalsalaries_del"
-            @click="delbatch">批量删除
-          </el-button>
-        </div>
-      </el-row>
-
       <!-- 搜索表单 -->
       <search-form 
         v-show="showSearch" 
@@ -45,7 +15,6 @@
                 v-model="search.teacherNo"
                 placeholder="请输入工号"
                 clearable
-                style="width: 200px"
               />
             </el-form-item>
 
@@ -54,7 +23,6 @@
                 v-model="search.realName"
                 placeholder="请输入姓名"
                 clearable
-                style="width: 200px"
               />
             </el-form-item>
 
@@ -63,7 +31,6 @@
                 v-model="search.idCard"
                 placeholder="请输入身份证号"
                 clearable
-                style="width: 200px"
               />
             </el-form-item>
 
@@ -75,7 +42,6 @@
                 value-format="YYYY"
                 placeholder="请选择年份"
                 clearable
-                style="width: 200px"
               />
             </el-form-item>
 
@@ -87,7 +53,6 @@
                 value-format="M"
                 placeholder="请选择月份"
                 clearable
-                style="width: 200px"
               />
             </el-form-item>
 
@@ -97,7 +62,6 @@
                 filterable
                 clearable
                 placeholder="请选择岗位类别"
-                style="width: 200px"
               >
                 <el-option
                   v-for="item in stationLevelList"
@@ -109,8 +73,49 @@
             </el-form-item>
           </template>
         </template>
+
+        <!-- 查询和重置按钮 -->
+        <template #actions>
+          <el-form-item>
+            <el-button type="primary" @click="handleFilter" icon="Search">查询</el-button>
+            <el-button @click="resetQuery" icon="Refresh">重置</el-button>
+          </el-form-item>
+        </template>
       </search-form>
 
+      <!-- 操作按钮 -->
+      <el-row>
+        <div class="mb15">
+          <el-button 
+            type="primary" 
+            plain
+            icon="UploadFilled"
+            v-if="permissions.professional_salary_import"
+            @click="handleImportBaseSalary">工资条导入
+          </el-button>
+          <el-button 
+            icon="View"
+            class="ml10"
+            v-if="permissions.professional_seach_auth"
+            @click="canSearch(1)">设置可查询
+          </el-button>
+          <el-button 
+            icon="Hide"
+            class="ml10"
+            v-if="permissions.professional_seach_auth"
+            @click="canSearch(0)">设置不可查询
+          </el-button>
+          <el-button 
+            type="danger"
+            plain
+            icon="Delete"
+            class="ml10"
+            v-if="permissions.professional_professionalsalaries_del"
+            @click="delbatch">批量删除
+          </el-button>
+        </div>
+      </el-row>
+
       <!-- 表格 -->
       <el-table
         ref="tableRef"
@@ -149,7 +154,7 @@
         <el-table-column prop="normalView" label="职工查看" width="120" align="center">
           <template #default="scope">
             <el-tag :type="scope.row.normalView === '1' ? 'success' : 'info'">
-              {{ scope.row.normalView === '1' ? '是' : '否' }}
+              {{ scope.row.normalView === '1' ? '可查询' : '不可查询' }}
             </el-tag>
           </template>
         </el-table-column>
@@ -285,6 +290,20 @@ const handleFilter = () => {
   getDataList() // 查询后跳转到第一页
 }
 
+// 重置
+const resetQuery = () => {
+  searchFormRef.value?.formRef?.resetFields()
+  Object.assign(search, {
+    teacherNo: '',
+    realName: '',
+    idCard: '',
+    nf: '',
+    yf: '',
+    stationTypeId: ''
+  })
+  handleFilter()
+}
+
 // 选择变化
 const selectionChange = (selection: any[]) => {
   selectList.value = selection
@@ -303,7 +322,7 @@ const handleImportBaseSalary = () => {
 // 批量删除
 const delbatch = () => {
   if (selectList.value.length === 0) {
-    message.info("请至少选择一名人员")
+    message.warning("请至少选择一名人员")
     return
   }
   
@@ -315,7 +334,7 @@ const delbatch = () => {
       if (response.data.code == -1) {
         message.error(response.data.data)
       } else {
-        message.info("删除成功")
+        message.success("删除成功")
         getDataList(false) // 删除后保持当前页
       }
     } catch (error: any) {
@@ -329,7 +348,7 @@ const delbatch = () => {
 // 设置可查询/不可查询
 const canSearch = (val: number) => {
   if (selectList.value.length === 0) {
-    message.info("请至少选择一名人员")
+    message.warning("请至少选择一名人员")
     return
   }
   
diff --git a/src/views/professional/teacherpayslip/salaryInfo.vue b/src/views/professional/teacherpayslip/salaryInfo.vue
index 5ca643a..ae56f10 100644
--- a/src/views/professional/teacherpayslip/salaryInfo.vue
+++ b/src/views/professional/teacherpayslip/salaryInfo.vue
@@ -1,73 +1,78 @@
 <template>
-  <el-dialog v-model="visible" width="100%" v-loading="baseLoading" top="0" :close-on-click-modal="false" destroy-on-close>
-    <!--基本信息-->
-    <el-card shadow="hover">
-      <el-row :span="24">
-        <el-col>
-          <el-table
-            :data="salaryData.baseInfo"
-            style="width: 100%">
-            <el-table-column
-              prop="realName"
-              label="姓名"
-              width="80">
-            </el-table-column>
-            <el-table-column
-              prop="idCard"
-              label="身份证号"
-              width="200">
-            </el-table-column>
+  <el-dialog 
+    v-model="visible" 
+    width="95%" 
+    v-loading="baseLoading" 
+    top="2vh" 
+    :close-on-click-modal="false" 
+    destroy-on-close
+    class="salary-info-dialog"
+  >
+    <div class="salary-info-container">
+      <!--基本信息-->
+      <div class="base-info-section">
+        <div class="base-info-content">
+          <div class="info-group">          
+            <div class="info-item">
+              <span class="info-label">姓名：</span>
+              <el-tag v-if="salaryData.baseInfo[0]?.realName">{{ salaryData.baseInfo[0].realName }}</el-tag>
+              <span v-else class="info-value">-</span>
+            </div>
+            <div class="info-item">
+              <span class="info-label">身份证号：</span>
+              <el-tag v-if="salaryData.baseInfo[0]?.idCard">{{ salaryData.baseInfo[0].idCard }}</el-tag>
+              <span v-else class="info-value">-</span>
+            </div>
+          </div>
+          <el-form :model="nowUser" :inline="true" class="search-form">
+            <el-form-item label="年份">
+              <el-date-picker
+                v-model="nowUser.nf"
+                type="year"
+                format="YYYY"
+                value-format="YYYY"
+                placeholder="选择年"
+                style="width: 150px">
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="月份">
+              <el-date-picker
+                v-model="nowUser.yff"
+                type="month"
+                format="M"
+                value-format="M"
+                placeholder="选择月"
+                style="width: 150px">
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item>
+              <el-button @click="searchUserInfo" type="primary" icon="Search">
+                查询
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
 
-            <el-table-column
-              label="年份"
-              width="300">
-              <template #default>
-                <el-date-picker
-                  v-model="nowUser.nf"
-                  type="year"
-                  format="YYYY"
-                  value-format="YYYY"
-                  style="width: 200px"
-                  placeholder="选择年">
-                </el-date-picker>
-              </template>
-            </el-table-column>
-
-            <el-table-column
-              label="月份"
-              width="300">
-              <template #default>
-                <el-date-picker
-                  v-model="nowUser.yff"
-                  type="month"
-                  format="M"
-                  value-format="M"
-                  style="width: 200px"
-                  placeholder="选择月">
-                </el-date-picker>
-              </template>
-            </el-table-column>
-            <el-table-column
-              label="操作"
-              width="200">
-              <template #default>
-                <el-button @click="searchUserInfo" type="primary" size="small">搜索</el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </el-col>
-      </el-row>
-    </el-card>
-
-    <el-card shadow="hover">
-      <!--应发部分-->
-      <el-row>
-        <el-col :span="24">
-          <el-table
-            :data="salaryData.baseInfo"
-            size="small"
-            border
-          >
+      <el-card shadow="hover" class="info-card">
+        <template #header>
+          <div class="card-header">
+            <el-icon><Money /></el-icon>
+            <span>工资明细</span>
+          </div>
+        </template>
+        <!--应发部分-->
+        <div class="section-title">
+          <el-icon><TrendCharts /></el-icon>
+          <span>应发部分</span>
+        </div>
+        <el-table
+          :data="salaryData.baseInfo"
+          size="small"
+          border
+          class="salary-table"
+          style="width: 100%"
+        >
             <el-table-column label="应发部分">
               <el-table-column prop="baseSalary" label="基础专项绩效" min-width="60" align="center"></el-table-column>
               <el-table-column prop="postSalary" label="岗位工资" min-width="60" align="center"></el-table-column>
@@ -97,41 +102,53 @@
               <el-table-column label="基础工资应税收入" prop="shouldTaxMoney" min-width="60" align="center"></el-table-column>
             </el-table-column>
           </el-table>
-          <el-tag type="danger">基础工资应税收入= 岗位工资 +薪级工资+见习期工资+生活补贴+岗位津贴+教龄津贴+特教补贴+特级教师津贴+特岗津贴（1）+特岗津贴（2）+奖励绩效性工资+乡镇工作补贴+临时补贴+保留津贴+应休未休假-个人补缴-其他扣款-医疗救助金 </el-tag>
-        </el-col>
-      </el-row>
-      <!--应扣部分-->
-      <el-row>
-        <el-col :span="24">
-          <el-table
-            size="small"
-            border
-            :data="salaryData.baseInfo"
-            style="width: 100%">
+          <div class="formula-tag">
+            <el-tag type="danger" size="small">基础工资应税收入= 岗位工资 +薪级工资+见习期工资+生活补贴+岗位津贴+教龄津贴+特教补贴+特级教师津贴+特岗津贴（1）+特岗津贴（2）+奖励绩效性工资+乡镇工作补贴+临时补贴+保留津贴+应休未休假-个人补缴-其他扣款-医疗救助金</el-tag>
+          </div>
+        
+        <!--应扣部分-->
+        <div class="section-title">
+          <el-icon><Remove /></el-icon>
+          <span>应扣部分</span>
+        </div>
+        <el-table
+          size="small"
+          border
+          :data="salaryData.baseInfo"
+          class="salary-table"
+          style="width: 100%">
             <el-table-column label="应扣部分">
-              <el-table-column label="住房公积金" width="90" prop="houseFund"></el-table-column>
-              <el-table-column label="医疗保险金" width="90" prop="medicalInsurance"></el-table-column>
-              <el-table-column label="失业保险金" width="90" prop="unemployInsurance"></el-table-column>
-              <el-table-column label="养老保险金" width="90" prop="endowInsurance"></el-table-column>
-              <el-table-column label="工会费" width="60" prop="unionFee"></el-table-column>
-              <el-table-column label="儿童统筹" width="90" prop="childrenWhole"></el-table-column>
+              <el-table-column label="住房公积金" min-width="90" prop="houseFund"></el-table-column>
+              <el-table-column label="医疗保险金" min-width="90" prop="medicalInsurance"></el-table-column>
+              <el-table-column label="失业保险金" min-width="90" prop="unemployInsurance"></el-table-column>
+              <el-table-column label="养老保险金" min-width="90" prop="endowInsurance"></el-table-column>
+              <el-table-column label="工会费" min-width="60" prop="unionFee"></el-table-column>
+              <el-table-column label="儿童统筹" min-width="90" prop="childrenWhole"></el-table-column>
               <el-table-column label="个人所得税" width="90" prop="personalTax"></el-table-column>
-              <el-table-column label="其他扣款" width="90" prop="otherDeduction"></el-table-column>
-              <el-table-column label="病事假扣款" width="90" prop="sickDeduction"></el-table-column>
-              <el-table-column label="医疗救助基金" width="90" prop="medicalFund"></el-table-column>
-              <el-table-column label="工伤保险" width="90" prop="inductrialInjury"></el-table-column>
-              <el-table-column label="个人补缴" width="90" prop="personalPay"></el-table-column>
-              <el-table-column label="应扣合计" width="90" prop="withhold"></el-table-column>
+              <el-table-column label="其他扣款" min-width="90" prop="otherDeduction"></el-table-column>
+              <el-table-column label="病事假扣款" min-width="90" prop="sickDeduction"></el-table-column>
+              <el-table-column label="医疗救助基金" min-width="90" prop="medicalFund"></el-table-column>
+              <el-table-column label="工伤保险" min-width="90" prop="inductrialInjury"></el-table-column>
+              <el-table-column label="个人补缴" min-width="90" prop="personalPay"></el-table-column>
+              <el-table-column label="应扣合计" min-width="90" prop="withhold"></el-table-column>
             </el-table-column>
           </el-table>
-          <el-tag>个人所得税 = 个税计算数据中的《 累计应补(退)税额 》</el-tag>
-        </el-col>
-      </el-row>
+          <div class="formula-tag">
+            <el-tag size="small">个人所得税 = 个税计算数据中的《 累计应补(退)税额 》</el-tag>
+          </div>
 
-      <!--劳务费-->
-      <el-row v-if="showAllContent">
-        <el-col :span="24">
-          <el-table size="small" border :data="allProjectData">
+        <!--劳务费-->
+        <div v-if="showAllContent" class="section-title">
+          <el-icon><Document /></el-icon>
+          <span>造单收入清单</span>
+        </div>
+        <el-table 
+          v-if="showAllContent"
+          size="small" 
+          border 
+          :data="allProjectData"
+          class="salary-table"
+          style="width: 100%">
             <el-table-column label="造单收入清单">
               <el-table-column label="造单部门" prop="deptName"></el-table-column>
               <el-table-column label="造单人" prop="createName"></el-table-column>
@@ -146,17 +163,19 @@
               </el-table-column>
             </el-table-column>
           </el-table>
-        </el-col>
-      </el-row>
 
-      <!--专项扣除-->
-      <el-row v-if="showAllContent">
-        <el-col :span="24">
-          <el-table
-            size="small"
-            border
-            :data="salaryExtendData"
-            style="width: 100%">
+        <!--专项扣除-->
+        <div v-if="showAllContent" class="section-title">
+          <el-icon><DataAnalysis /></el-icon>
+          <span>个税计算数据</span>
+        </div>
+        <el-table
+          v-if="showAllContent"
+          size="small"
+          border
+          :data="salaryExtendData"
+          class="salary-table"
+          style="width: 100%">
             <el-table-column label="个税计算数据">
               <el-table-column prop="currentIncome" label="应税收入" min-width="60" align="center"></el-table-column>
               <el-table-column prop="totalIncome" label="累计收入额" min-width="60" align="center"></el-table-column>
@@ -178,37 +197,46 @@
               <el-table-column prop="totalRetrieveTax"  label="累计应补(退)税额" min-width="60" align="center"></el-table-column>
             </el-table-column>
           </el-table>
-          <el-tag type="warning">应税收入= 基础工资应税收入+造单收入      </el-tag> &nbsp;&nbsp;
-          <el-tag type="success">累计专项扣除=当年累计个人承担的住房公积金+医疗保险金+失业保险金+养老保险金 </el-tag>
-        </el-col>
-      </el-row>
+          <div v-if="showAllContent" class="formula-tag">
+            <el-tag type="warning" size="small">应税收入= 基础工资应税收入+造单收入</el-tag>
+            <el-tag type="success" size="small" class="ml10">累计专项扣除=当年累计个人承担的住房公积金+医疗保险金+失业保险金+养老保险金</el-tag>
+          </div>
 
-      <!--实发合计-->
-      <el-row>
-        <el-col :span="24">
-          <el-table
-            size="small"
-            border
-            :data="[staticsData]"
-            empty-text=" ">
+        <!--实发合计-->
+        <div class="section-title">
+          <el-icon><Wallet /></el-icon>
+          <span>实发合计</span>
+        </div>
+        <el-table
+          size="small"
+          border
+          :data="[staticsData]"
+          class="salary-table summary-table"
+          empty-text=" "
+          style="width: 100%">
             <el-table-column label="小计">
               <el-table-column label="应发工资" prop="shouldPay"></el-table-column>
               <el-table-column label="应扣合计" prop="shouldDedu"></el-table-column>
               <el-table-column label="实发工资" prop="realWage"></el-table-column>
             </el-table-column>
           </el-table>
-          <el-tag type="primary">实发工资= 应发工资-应扣合计 </el-tag>
-        </el-col>
-      </el-row>
-    </el-card>
+          <div class="formula-tag">
+            <el-tag type="primary" size="small">实发工资= 应发工资-应扣合计</el-tag>
+          </div>
+      </el-card>
+    </div>
   </el-dialog>
 </template>
 
 <script setup lang="ts">
 import { ref, reactive, nextTick } from 'vue'
+import { Money, TrendCharts, Remove, Document, DataAnalysis, Wallet, Search } from '@element-plus/icons-vue'
+import { useMessage } from '/@/hooks/message'
 import { queryUserInfo, queryExtendSalaryInfo } from '/@/api/professional/salaries/teacherpayslip'
 import { checkAuth } from '/@/api/professional/salaries/teachersalary'
 
+const message = useMessage()
+
 // 对话框显示状态
 const visible = ref(false)
 
@@ -269,11 +297,25 @@ const queryExtendSalaryInfoMethod = async (row: any) => {
 
 // 搜索用户信息
 const searchUserInfo = async () => {
+  if (!nowUser.value.idCard) {
+    message.warning('请输入身份证号')
+    return
+  }
+  if (!nowUser.value.nf) {
+    message.warning('请选择年份')
+    return
+  }
+  if (!nowUser.value.yff) {
+    message.warning('请选择月份')
+    return
+  }
+
   baseLoading.value = true
   const data = { idCard: nowUser.value.idCard, nf: nowUser.value.nf, yf: nowUser.value.yff }
   try {
     const response = await queryUserInfo(data)
     if (response.data.data == null) {
+      message.info('未查询到该时间段的数据')
       salaryData.baseInfo = []
       const obj: any = {}
       obj.realName = nowUser.value.realName
@@ -291,11 +333,15 @@ const searchUserInfo = async () => {
     } else {
       const resData = response.data.data
       resData.realName = nowUser.value.realName
+      resData.nf = nowUser.value.nf
+      resData.yf = nowUser.value.yff
+      resData.teacherNo = nowUser.value.teacherNo
       makeUserInfo(resData)
       await queryExtendSalaryInfoMethod(resData)
+      message.success('查询成功')
     }
-  } catch (error) {
-    // 查询失败
+  } catch (error: any) {
+    message.error(error?.msg || '查询失败')
   } finally {
     baseLoading.value = false
   }
@@ -319,5 +365,207 @@ defineExpose({
 })
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
+.salary-info-dialog {
+  :deep(.el-dialog__body) {
+    padding: 10px !important;
+    max-height: calc(100vh - 120px);
+    overflow-y: auto;
+  }
+}
+
+.salary-info-container {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+.section-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 16px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid #ebeef5;
+  font-size: 16px;
+  font-weight: 600;
+  color: #303133;
+
+  .el-icon {
+    font-size: 18px;
+    color: var(--el-color-primary);
+  }
+}
+
+.section-header-inline {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 14px;
+  font-weight: 600;
+  color: #303133;
+  margin-right: 16px;
+
+  .el-icon {
+    font-size: 16px;
+    color: var(--el-color-primary);
+  }
+}
+
+.info-card {
+  :deep(.el-card__header) {
+    padding: 16px 20px;
+    background: #f5f7fa;
+    border-bottom: 1px solid #ebeef5;
+  }
+
+  :deep(.el-card__body) {
+    padding: 20px;
+  }
+}
+
+.base-info-content {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 16px;
+}
+
+.info-group {
+  display: flex;
+  flex-direction: row;
+  gap: 16px;
+  flex-wrap: wrap;
+}
+
+.info-item {
+  display: flex;
+  // align-items: center;
+  gap: 6px;
+
+  .info-label {
+    font-weight: 500;
+    color: #606266;
+    font-size: 13px;
+  }
+
+  .info-value {
+    color: #303133;
+    font-size: 13px;
+    font-weight: 500;
+  }
+}
+
+.search-form {
+  margin-left: auto;
+  margin-bottom: 0;
+
+
+ 
+}
+
+.section-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 24px 0 12px 0;
+  padding-bottom: 8px;
+  border-bottom: 2px solid #e4e7ed;
+  font-size: 15px;
+  font-weight: 600;
+  color: #303133;
+
+  .el-icon {
+    font-size: 16px;
+    color: var(--el-color-primary);
+  }
+
+  &:first-child {
+    margin-top: 0;
+  }
+}
+
+.salary-table {
+  margin-bottom: 16px;
+
+  :deep(.el-table__header) {
+    th {
+      background: #f5f7fa;
+      color: #606266;
+      font-weight: 600;
+    }
+  }
+
+  :deep(.el-table__body) {
+    td {
+      padding: 8px 0;
+    }
+  }
+
+  :deep(.el-table__cell) {
+    padding: 8px 4px;
+    font-size: 13px;
+  }
+}
+
+.summary-table {
+  :deep(.el-table__body) {
+    td {
+      font-weight: 600;
+      font-size: 14px;
+      color: var(--el-color-primary);
+    }
+  }
+}
+
+.formula-tag {
+  margin-top: 12px;
+  margin-bottom: 8px;
+  line-height: 1.6;
+
+  .el-tag {
+    margin-right: 8px;
+    padding: 6px 12px;
+    font-size: 12px;
+    white-space: normal;
+    word-break: break-all;
+  }
+
+  .ml10 {
+    margin-left: 10px;
+  }
+}
+
+// 响应式优化
+@media (max-width: 1400px) {
+  .salary-info-dialog {
+    :deep(.el-dialog) {
+      width: 98% !important;
+    }
+  }
+}
+
+// 滚动条优化
+.salary-info-dialog {
+  :deep(.el-dialog__body) {
+    &::-webkit-scrollbar {
+      width: 8px;
+      height: 8px;
+    }
+
+    &::-webkit-scrollbar-track {
+      background: #f1f1f1;
+      border-radius: 4px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: #c1c1c1;
+      border-radius: 4px;
+
+      &:hover {
+        background: #a8a8a8;
+      }
+    }
+  }
+}
 </style>
diff --git a/src/views/professional/teachersalary/index.vue b/src/views/professional/teachersalary/index.vue
index e210a5d..1b48e7a 100755
--- a/src/views/professional/teachersalary/index.vue
+++ b/src/views/professional/teachersalary/index.vue
@@ -1,48 +1,6 @@
 <template>
   <div class="layout-padding">
     <div class="layout-padding-auto layout-padding-view">
-      <!-- 操作按钮 -->
-      <el-row>
-        <div class="mb15" style="width: 100%;">
-          <el-button 
-            size="small"
-            v-if="permissions.professional_salary_import"
-            type="primary"
-            @click="handleImportBaseSalary">人事薪资导入
-          </el-button>
-          <el-button 
-            size="small"
-            v-if="permissions.professional_salary_finance_import"
-            type="primary"
-            @click="handleExportSalart">薪资导出
-          </el-button>
-          <el-button 
-            size="small"
-            v-if="permissions.professional_salary_finance_import"
-            type="primary"
-            @click="handleImportTaxSalary">税金导入
-          </el-button>
-          <el-button 
-            type="primary"
-            size="small"
-            v-if="permissions.professional_seach_auth"
-            @click="canSearch(1)">设置可查询
-          </el-button>
-          <el-button 
-            type="primary"
-            size="small"
-            v-if="permissions.professional_seach_auth"
-            @click="canSearch(0)">设置不可查询
-          </el-button>
-          <el-button 
-            type="primary"
-            size="small"
-            v-if="permissions.professional_professionalsalaries_del"
-            @click="delbatch">批量删除
-          </el-button>
-        </div>
-      </el-row>
-
       <!-- 搜索表单 -->
       <search-form 
         v-show="showSearch" 
@@ -121,8 +79,65 @@
             </el-form-item>
           </template>
         </template>
+
+        <!-- 查询和重置按钮 -->
+        <template #actions>
+          <el-form-item>
+            <el-button type="primary" @click="handleFilter" icon="Search">查询</el-button>
+            <el-button @click="resetQuery" icon="Refresh">重置</el-button>
+          </el-form-item>
+        </template>
       </search-form>
 
+      <!-- 操作按钮 -->
+      <el-row>
+        <div class="mb15">
+          <el-button 
+            type="primary" 
+            plain
+            icon="UploadFilled"
+            v-if="permissions.professional_salary_import"
+            @click="handleImportBaseSalary">人事薪资导入
+          </el-button>
+          <el-button 
+            type="warning" 
+            plain
+            icon="Download"
+            class="ml10"
+            v-if="permissions.professional_salary_finance_import"
+            @click="handleExportSalart">薪资导出
+          </el-button>
+          <el-button 
+            type="primary" 
+            plain
+            icon="UploadFilled"
+            class="ml10"
+            v-if="permissions.professional_salary_finance_import"
+            @click="handleImportTaxSalary">税金导入
+          </el-button>
+          <el-button 
+            icon="View"
+            class="ml10"
+            v-if="permissions.professional_seach_auth"
+            @click="canSearch(1)">设置可查询
+          </el-button>
+          <el-button 
+            icon="Hide"
+            class="ml10"
+            v-if="permissions.professional_seach_auth"
+            @click="canSearch(0)">设置不可查询
+          </el-button>
+          <el-button 
+            type="danger"
+            plain
+            icon="Delete"
+            class="ml10"
+            v-if="permissions.professional_professionalsalaries_del"
+            @click="delbatch">批量删除
+          </el-button>
+        </div>
+      </el-row>
+
       <!-- 表格 -->
       <el-table
         ref="tableRef"
@@ -161,12 +176,12 @@
         <el-table-column prop="normalView" label="职工查看" width="120" align="center">
           <template #default="scope">
             <el-tag :type="scope.row.normalView === '1' ? 'success' : 'info'">
-              {{ scope.row.normalView === '1' ? '是' : '否' }}
+              {{ scope.row.normalView === '1' ? '可查询' : '不可查询' }}
             </el-tag>
           </template>
         </el-table-column>
         
-        <el-table-column label="操作" min-width="150" align="center" fixed="right">
+        <el-table-column label="操作" min-width="80" align="center" fixed="right">
           <template #default="scope">
             <el-button
               icon="document"
@@ -299,6 +314,20 @@ const handleFilter = () => {
   getDataList() // 查询后跳转到第一页
 }
 
+// 重置
+const resetQuery = () => {
+  searchFormRef.value?.formRef?.resetFields()
+  Object.assign(search, {
+    teacherNo: '',
+    realName: '',
+    idCard: '',
+    nf: '',
+    yf: '',
+    stationTypeId: ''
+  })
+  handleFilter()
+}
+
 // 选择变化
 const selectionChange = (selection: any[]) => {
   selectList.value = selection
@@ -327,7 +356,7 @@ const handleExportSalart = () => {
 // 批量删除
 const delbatch = () => {
   if (selectList.value.length === 0) {
-    message.info("请至少选择一名人员")
+    message.warning("请至少选择一名人员")
     return
   }
   
@@ -339,7 +368,7 @@ const delbatch = () => {
       if (response.data.code == -1) {
         message.error(response.data.data)
       } else {
-        message.info("删除成功")
+        message.success("删除成功")
         getDataList(false) // 删除后保持当前页
       }
     } catch (error: any) {
@@ -353,7 +382,7 @@ const delbatch = () => {
 // 设置可查询/不可查询
 const canSearch = (val: number) => {
   if (selectList.value.length === 0) {
-    message.info("请至少选择一名人员")
+    message.warning("请至少选择一名人员")
     return
   }
   
diff --git a/src/views/professional/teachersalary/salaryInfo.vue b/src/views/professional/teachersalary/salaryInfo.vue
index 994a3fa..a53809f 100644
--- a/src/views/professional/teachersalary/salaryInfo.vue
+++ b/src/views/professional/teachersalary/salaryInfo.vue
@@ -1,73 +1,79 @@
 <template>
-  <el-dialog v-model="visible" width="100%" v-loading="baseLoading" top="0" :close-on-click-modal="false" destroy-on-close>
-    <!--基本信息-->
-    <el-card shadow="hover">
-      <el-row :span="24">
-        <el-col>
-          <el-table
-            :data="salaryData.baseInfo"
-            style="width: 100%">
-            <el-table-column
-              prop="realName"
-              label="姓名"
-              width="80">
-            </el-table-column>
-            <el-table-column
-              prop="idCard"
-              label="身份证号"
-              width="200">
-            </el-table-column>
+  <el-dialog 
+    v-model="visible" 
+    width="95%" 
+    v-loading="baseLoading" 
+    top="2vh" 
+    :close-on-click-modal="false" 
+    destroy-on-close
+    class="salary-info-dialog"
+  >
+    <div class="salary-info-container">
+      <!--基本信息-->
+      <div class="base-info-section">
+        <div class="base-info-content">
+          <div class="info-group">          
+            <div class="info-item">
+              <span class="info-label">姓名：</span>
+              <el-tag v-if="salaryData.baseInfo[0]?.realName">{{ salaryData.baseInfo[0].realName }}</el-tag>
+              <span v-else class="info-value">-</span>
+            </div>
+            <div class="info-item">
+              <span class="info-label">身份证号：</span>
+              <el-tag v-if="salaryData.baseInfo[0]?.idCard">{{ salaryData.baseInfo[0].idCard }}</el-tag>
+              <span v-else class="info-value">-</span>
+            </div>
+          </div>
+          <el-form :model="nowUser" :inline="true" class="search-form">
+            <el-form-item label="年份">
+              <el-date-picker
+                v-model="nowUser.nf"
+                type="year"
+                format="YYYY"
+                value-format="YYYY"
+                placeholder="选择年"
+                style="width: 150px">
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item label="月份">
+              <el-date-picker
+                v-model="nowUser.yff"
+                type="month"
+                format="M"
+                value-format="M"
+                placeholder="选择月"
+                style="width: 150px">
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item>
+              <el-button @click="searchUserInfo" type="primary" icon="Search">
+                查询
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
 
-            <el-table-column
-              label="年份"
-              width="300">
-              <template #default>
-                <el-date-picker
-                  v-model="nowUser.nf"
-                  type="year"
-                  format="YYYY"
-                  value-format="YYYY"
-                  style="width: 200px"
-                  placeholder="选择年">
-                </el-date-picker>
-              </template>
-            </el-table-column>
-
-            <el-table-column
-              label="月份"
-              width="300">
-              <template #default>
-                <el-date-picker
-                  v-model="nowUser.yff"
-                  type="month"
-                  format="M"
-                  value-format="M"
-                  style="width: 200px"
-                  placeholder="选择月">
-                </el-date-picker>
-              </template>
-            </el-table-column>
-            <el-table-column
-              label="操作"
-              width="200">
-              <template #default>
-                <el-button @click="searchUserInfo" type="primary" size="small">搜索</el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </el-col>
-      </el-row>
-    </el-card>
-
-    <el-card shadow="hover">
-      <!--应发部分-->
-      <el-row v-if="showAllContent">
-        <el-col :span="24">
-          <el-table
-            :data="salaryData.baseInfo"
-            size="small"
-            border
-          >
+      <el-card shadow="hover" class="info-card">
+        <template #header>
+          <div class="card-header">
+            <el-icon><Money /></el-icon>
+            <span>工资明细</span>
+          </div>
+        </template>
+        <!--应发部分-->
+        <div v-if="showAllContent" class="section-title">
+          <el-icon><TrendCharts /></el-icon>
+          <span>应发部分</span>
+        </div>
+        <el-table
+          v-if="showAllContent"
+          :data="salaryData.baseInfo"
+          size="small"
+          border
+          class="salary-table"
+          style="width: 100%"
+        >
             <el-table-column label="应发部分">
               <el-table-column prop="postSalary" label="岗位工资" min-width="60" align="center"></el-table-column>
               <el-table-column prop="payWage" label="薪级工资" min-width="60" align="center"></el-table-column>
@@ -96,41 +102,53 @@
               <el-table-column label="基础工资应税收入" prop="shouldTaxMoney" min-width="60" align="center"></el-table-column>
             </el-table-column>
           </el-table>
-          <el-tag type="danger">基础工资应税收入= 岗位工资 +薪级工资+见习期工资+生活补贴+岗位津贴+教龄津贴+特教补贴+特级教师津贴+特岗津贴（1）+特岗津贴（2）+奖励绩效性工资+乡镇工作补贴+临时补贴+保留津贴+应休未休假-个人补缴-其他扣款-医疗救助金 </el-tag>
-        </el-col>
-      </el-row>
-      <!--应扣部分-->
-      <el-row v-if="showAllContent">
-        <el-col :span="24">
-          <el-table
-            size="small"
-            border
-            :data="salaryData.baseInfo"
-            style="width: 100%">
+          <div v-if="showAllContent" class="formula-tag">
+            <el-tag type="danger" size="small">基础工资应税收入= 岗位工资 +薪级工资+见习期工资+生活补贴+岗位津贴+教龄津贴+特教补贴+特级教师津贴+特岗津贴（1）+特岗津贴（2）+奖励绩效性工资+乡镇工作补贴+临时补贴+保留津贴+应休未休假-个人补缴-其他扣款-医疗救助金</el-tag>
+          </div>
+        
+        <!--应扣部分-->
+        <div v-if="showAllContent" class="section-title">
+          <el-icon><Remove /></el-icon>
+          <span>应扣部分</span>
+        </div>
+        <el-table
+          v-if="showAllContent"
+          size="small"
+          border
+          :data="salaryData.baseInfo"
+          class="salary-table"
+          style="width: 100%">
             <el-table-column label="应扣部分">
-              <el-table-column label="住房公积金" width="90" prop="houseFund"></el-table-column>
-              <el-table-column label="医疗保险金" width="90" prop="medicalInsurance"></el-table-column>
-              <el-table-column label="失业保险金" width="90" prop="unemployInsurance"></el-table-column>
-              <el-table-column label="养老保险金" width="90" prop="endowInsurance"></el-table-column>
-              <el-table-column label="工会费" width="60" prop="unionFee"></el-table-column>
-              <el-table-column label="儿童统筹" width="90" prop="childrenWhole"></el-table-column>
+              <el-table-column label="住房公积金" min-width="90" prop="houseFund"></el-table-column>
+              <el-table-column label="医疗保险金" min-width="90" prop="medicalInsurance"></el-table-column>
+              <el-table-column label="失业保险金" min-width="90" prop="unemployInsurance"></el-table-column>
+              <el-table-column label="养老保险金" min-width="90" prop="endowInsurance"></el-table-column>
+              <el-table-column label="工会费" min-width="60" prop="unionFee"></el-table-column>
+              <el-table-column label="儿童统筹" min-width="90" prop="childrenWhole"></el-table-column>
               <el-table-column label="个人所得税" width="90" prop="personalTax"></el-table-column>
-              <el-table-column label="其他扣款" width="90" prop="otherDeduction"></el-table-column>
-              <el-table-column label="病事假扣款" width="90" prop="sickDeduction"></el-table-column>
-              <el-table-column label="医疗救助基金" width="90" prop="medicalFund"></el-table-column>
-              <el-table-column label="工伤保险" width="90" prop="inductrialInjury"></el-table-column>
-              <el-table-column label="个人补缴" width="90" prop="personalPay"></el-table-column>
-              <el-table-column label="应扣合计" width="90" prop="withhold"></el-table-column>
+              <el-table-column label="其他扣款" min-width="90" prop="otherDeduction"></el-table-column>
+              <el-table-column label="病事假扣款" min-width="90" prop="sickDeduction"></el-table-column>
+              <el-table-column label="医疗救助基金" min-width="90" prop="medicalFund"></el-table-column>
+              <el-table-column label="工伤保险" min-width="90" prop="inductrialInjury"></el-table-column>
+              <el-table-column label="个人补缴" min-width="90" prop="personalPay"></el-table-column>
+              <el-table-column label="应扣合计" min-width="90" prop="withhold"></el-table-column>
             </el-table-column>
           </el-table>
-          <el-tag>个人所得税 = 个税计算数据中的《 累计应补(退)税额 》</el-tag>
-        </el-col>
-      </el-row>
+          <div v-if="showAllContent" class="formula-tag">
+            <el-tag size="small">个人所得税 = 个税计算数据中的《 累计应补(退)税额 》</el-tag>
+          </div>
 
-      <!--劳务费-->
-      <el-row>
-        <el-col :span="24">
-          <el-table size="small" border :data="allProjectData" show-summary>
+        <!--劳务费-->
+        <div class="section-title">
+          <el-icon><Document /></el-icon>
+          <span>造单收入清单</span>
+        </div>
+        <el-table 
+          size="small" 
+          border 
+          :data="allProjectData"
+          class="salary-table"
+          style="width: 100%">
             <el-table-column label="造单收入清单">
               <el-table-column label="造单部门" prop="deptName"></el-table-column>
               <el-table-column label="造单人" prop="createName"></el-table-column>
@@ -145,17 +163,18 @@
               </el-table-column>
             </el-table-column>
           </el-table>
-        </el-col>
-      </el-row>
 
-      <!--专项扣除-->
-      <el-row>
-        <el-col :span="24">
-          <el-table
-            size="small"
-            border
-            :data="salaryExtendData"
-            style="width: 100%">
+        <!--专项扣除-->
+        <div class="section-title">
+          <el-icon><DataAnalysis /></el-icon>
+          <span>个税计算数据</span>
+        </div>
+        <el-table
+          size="small"
+          border
+          :data="salaryExtendData"
+          class="salary-table"
+          style="width: 100%">
             <el-table-column label="个税计算数据">
               <el-table-column prop="currentIncome" label="应税收入" min-width="60" align="center"></el-table-column>
               <el-table-column prop="totalIncome" label="累计收入额" min-width="60" align="center"></el-table-column>
@@ -177,17 +196,24 @@
               <el-table-column prop="totalRetrieveTax"  label="累计应补(退)税额" min-width="60" align="center"></el-table-column>
             </el-table-column>
           </el-table>
-        </el-col>
-      </el-row>
+          <div class="formula-tag">
+            <el-tag type="warning" size="small">应税收入= 基础工资应税收入+造单收入</el-tag>
+            <el-tag type="success" size="small" class="ml10">累计专项扣除=当年累计个人承担的住房公积金+医疗保险金+失业保险金+养老保险金</el-tag>
+          </div>
 
-      <!--实发合计-->
-      <el-row v-if="showAllContent">
-        <el-col :span="24">
-          <el-table
-            size="small"
-            border
-            :data="[staticsData]"
-            empty-text=" ">
+        <!--实发合计-->
+        <div v-if="showAllContent" class="section-title">
+          <el-icon><Wallet /></el-icon>
+          <span>实发合计</span>
+        </div>
+        <el-table
+          v-if="showAllContent"
+          size="small"
+          border
+          :data="[staticsData]"
+          class="salary-table summary-table"
+          empty-text=" "
+          style="width: 100%">
             <el-table-column label="小计">
               <el-table-column label="应发工资" prop="shouldPay"></el-table-column>
               <el-table-column label="应扣合计" prop="shouldDedu"></el-table-column>
@@ -195,17 +221,22 @@
               <el-table-column label="造单收入" prop="orderMoney"></el-table-column>
             </el-table-column>
           </el-table>
-          <el-tag type="primary">实发工资= 应发工资-应扣合计 </el-tag>
-        </el-col>
-      </el-row>
-    </el-card>
+          <div v-if="showAllContent" class="formula-tag">
+            <el-tag type="primary" size="small">实发工资= 应发工资-应扣合计</el-tag>
+          </div>
+      </el-card>
+    </div>
   </el-dialog>
 </template>
 
 <script setup lang="ts">
 import { ref, reactive, nextTick } from 'vue'
+import { Money, TrendCharts, Remove, Document, DataAnalysis, Wallet } from '@element-plus/icons-vue'
+import { useMessage } from '/@/hooks/message'
 import { queryUserInfo, queryExtendSalaryInfo, checkAuth } from '/@/api/professional/salaries/teachersalary'
 
+const message = useMessage()
+
 // 对话框显示状态
 const visible = ref(false)
 
@@ -266,11 +297,25 @@ const queryExtendSalaryInfoMethod = async (row: any) => {
 
 // 搜索用户信息
 const searchUserInfo = async () => {
+  if (!nowUser.value.idCard) {
+    message.warning('请输入身份证号')
+    return
+  }
+  if (!nowUser.value.nf) {
+    message.warning('请选择年份')
+    return
+  }
+  if (!nowUser.value.yff) {
+    message.warning('请选择月份')
+    return
+  }
+
   baseLoading.value = true
   const data = { idCard: nowUser.value.idCard, nf: nowUser.value.nf, yf: nowUser.value.yff }
   try {
     const response = await queryUserInfo(data)
     if (response.data.data == null) {
+      message.info('未查询到该时间段的数据')
       salaryData.baseInfo = []
       const obj: any = {}
       obj.realName = nowUser.value.realName
@@ -288,11 +333,15 @@ const searchUserInfo = async () => {
     } else {
       const resData = response.data.data
       resData.realName = nowUser.value.realName
+      resData.nf = nowUser.value.nf
+      resData.yf = nowUser.value.yff
+      resData.teacherNo = nowUser.value.teacherNo
       makeUserInfo(resData)
       await queryExtendSalaryInfoMethod(resData)
+      message.success('查询成功')
     }
-  } catch (error) {
-    // 查询失败
+  } catch (error: any) {
+    message.error(error?.msg || '查询失败')
   } finally {
     baseLoading.value = false
   }
@@ -316,5 +365,192 @@ defineExpose({
 })
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
+.salary-info-dialog {
+  :deep(.el-dialog__body) {
+    padding: 10px !important;
+    max-height: calc(100vh - 120px);
+    overflow-y: auto;
+  }
+}
+
+.salary-info-container {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+.base-info-section {
+  padding: 12px 16px;
+  background: #fff;
+  border-radius: 4px;
+  border: 1px solid #ebeef5;
+}
+
+.base-info-content {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 16px;
+}
+
+.info-group {
+  display: flex;
+  flex-direction: row;
+  gap: 16px;
+  flex-wrap: wrap;
+}
+
+.info-item {
+  display: flex;
+  gap: 6px;
+
+  .info-label {
+    font-weight: 500;
+    color: #606266;
+    font-size: 13px;
+  }
+
+  .info-value {
+    color: #303133;
+    font-size: 13px;
+    font-weight: 500;
+  }
+}
+
+.search-form {
+  margin-left: auto;
+  margin-bottom: 0;
+}
+
+.info-card {
+  :deep(.el-card__header) {
+    padding: 16px 20px;
+    background: #f5f7fa;
+    border-bottom: 1px solid #ebeef5;
+  }
+
+  :deep(.el-card__body) {
+    padding: 20px;
+  }
+}
+
+.card-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 16px;
+  font-weight: 600;
+  color: #303133;
+
+  .el-icon {
+    font-size: 18px;
+    color: var(--el-color-primary);
+  }
+}
+
+.section-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 24px 0 12px 0;
+  padding-bottom: 8px;
+  border-bottom: 2px solid #e4e7ed;
+  font-size: 15px;
+  font-weight: 600;
+  color: #303133;
+
+  .el-icon {
+    font-size: 16px;
+    color: var(--el-color-primary);
+  }
+
+  &:first-child {
+    margin-top: 0;
+  }
+}
+
+.salary-table {
+  margin-bottom: 16px;
+
+  :deep(.el-table__header) {
+    th {
+      background: #f5f7fa;
+      color: #606266;
+      font-weight: 600;
+    }
+  }
+
+  :deep(.el-table__body) {
+    td {
+      padding: 8px 0;
+    }
+  }
+
+  :deep(.el-table__cell) {
+    padding: 8px 4px;
+    font-size: 13px;
+  }
+}
+
+.summary-table {
+  :deep(.el-table__body) {
+    td {
+      font-weight: 600;
+      font-size: 14px;
+      color: var(--el-color-primary);
+    }
+  }
+}
+
+.formula-tag {
+  margin-top: 12px;
+  margin-bottom: 8px;
+  line-height: 1.6;
+
+  .el-tag {
+    margin-right: 8px;
+    padding: 6px 12px;
+    font-size: 12px;
+    white-space: normal;
+    word-break: break-all;
+  }
+
+  .ml10 {
+    margin-left: 10px;
+  }
+}
+
+// 响应式优化
+@media (max-width: 1400px) {
+  .salary-info-dialog {
+    :deep(.el-dialog) {
+      width: 98% !important;
+    }
+  }
+}
+
+// 滚动条优化
+.salary-info-dialog {
+  :deep(.el-dialog__body) {
+    &::-webkit-scrollbar {
+      width: 8px;
+      height: 8px;
+    }
+
+    &::-webkit-scrollbar-track {
+      background: #f1f1f1;
+      border-radius: 4px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: #c1c1c1;
+      border-radius: 4px;
+
+      &:hover {
+        background: #a8a8a8;
+      }
+    }
+  }
+}
 </style>
diff --git a/src/views/professional/typeofworkconfig/index.vue b/src/views/professional/typeofworkconfig/index.vue
index 463dd60..5cd66e4 100755
--- a/src/views/professional/typeofworkconfig/index.vue
+++ b/src/views/professional/typeofworkconfig/index.vue
@@ -233,8 +233,9 @@ const handleSubmit = async () => {
         }
         dialogVisible.value = false
         getDataList()
-      } catch (error) {
-        // 提交失败
+      } catch (error: any) {
+        // 处理业务错误
+        message.error(error.msg)
       } finally {
         submitLoading.value = false
       }