a

src/views/recruit/recruitstudentsignup/detaiform.vue

@@ -6,15 +6,14 @@
     append-to-body
     width="90%"
   >
-    <el-form :model="dataForm" :rules="dataRule" ref="dataFormRef"
+    <el-form :model="dataForm" :rules="dataRule" ref="dataFormRef"  label-width="120px">
-             label-width="120px">
       <el-tabs v-model="activeTab">
         <el-tab-pane label="基本信息" name="basic">
           <!-- 基本信息 -->
           <div class="form-section">
             <div class="section-title">基本信息</div>
         
-        <el-row :gutter="20" class="form-row">
+        <el-row :gutter="20" >
           <el-col :span="6">
             <el-form-item label="招生计划" prop="groupId">
               <el-select v-model="dataForm.groupId" filterable :disabled="dataForm.id !== ''"
@@ -106,7 +105,7 @@
           </el-form-item>
         </el-col>
       </el-row>
-      <el-row :gutter="20" class="form-row">
+      <el-row :gutter="20" >
         <el-col :span="6">
           <el-form-item label="准考证号" prop="examRegistrationNumbers">
             <el-input 
@@ -160,7 +159,7 @@
      
       <!-- 证件信息 -->
      
-      <el-row v-if="dataForm.degreeOfEducation=='1'" :gutter="20" class="form-row">
+      <el-row v-if="dataForm.degreeOfEducation=='1'" :gutter="20" >
         <el-col :span="6">
           <el-form-item label="学校归属地" prop="schoolArea">
             <el-select v-model="dataForm.schoolArea" filterable placeholder="请选择学校归属地" :disabled="!isEdit" @change="changeFrom">
@@ -227,7 +226,7 @@
       </el-row>
    
       <!-- 户口所在地 -->
-      <el-row :gutter="20" class="form-row">
+      <el-row :gutter="20" >
         <el-col :span="12">
           <el-form-item label="户口所在地" prop="residenceProvince">
             <div class="address-group">
@@ -267,7 +266,7 @@
         </el-col>
       </el-row>
       <!-- 家庭地址 -->
-      <el-row :gutter="20" class="form-row">
+      <el-row :gutter="20" >
         <el-col :span="12">
           <el-form-item label="家庭地址" prop="homeAddressProvince">
             <div class="address-group">
@@ -306,7 +305,7 @@
           </el-form-item>
         </el-col>
       </el-row>
-      <el-row :gutter="20" class="form-row">
+      <el-row :gutter="20" >
         <el-col :span="6">
           <el-form-item label="家长姓名" prop="parentName">
             <el-input type="text" v-model="dataForm.parentName" :disabled="!isEdit"></el-input>
@@ -353,7 +352,7 @@
       <!-- 专业信息 -->
       <div class="form-section">
         <div class="section-title">专业信息</div>
-        <el-row v-if="dataForm.id" :gutter="20" class="form-row">
+        <el-row v-if="dataForm.id" :gutter="20" >
           <el-col :span="8">
             <el-form-item label="拟报专业1" prop="wishMajorOne">
             <el-select v-model="dataForm.wishMajorOne" filterable clearable placeholder="请选择专业">
@@ -391,7 +390,7 @@
           </el-form-item>
         </el-col>
       </el-row>
-        <el-row :gutter="20" class="form-row">
+        <el-row :gutter="20" >
           <el-col :span="24">
             <el-form-item label="录取专业" prop="confirmedMajor">
             <el-select v-model="dataForm.confirmedMajor" filterable clearable placeholder="" :disabled="!isEdit" @change="changeConfirmedMajor(dataForm.confirmedMajor)">
@@ -405,7 +404,7 @@
           </el-form-item>
         </el-col>
       </el-row>
-        <el-row v-if="isEdit" :gutter="20" class="form-row">
+        <el-row v-if="isEdit" :gutter="20" >
         <el-col :span="8" v-if="twoMajorList.length>0">
           <el-form-item label="两年制专业" prop="twoMajor" >
             <el-select v-model="dataForm.twoMajor" filterable clearable placeholder="" @change="changeConfirmedMajor(dataForm.twoMajor)">
@@ -480,7 +479,7 @@
         </el-col>
       </el-row>
         <!-- 费用信息 -->
-        <el-row :gutter="20" class="form-row">
+        <el-row :gutter="20" >
           <el-col :span="8">
             <el-form-item label="学费" prop="feeTuition">
               <el-input-number v-model="dataForm.feeTuition" controls-position="right" :min="0" :max="999999" :step-strictly="true" disabled></el-input-number>
@@ -498,7 +497,7 @@
           </el-col>
         </el-row>
         <!-- 其他信息 -->
-        <el-row :gutter="20" class="form-row">
+        <el-row :gutter="20" >
           <el-col :span="8">
             <el-form-item label="联系人" prop="contactName">
               <el-select v-model="dataForm.contactName" filterable clearable placeholder="请选择联系人" :disabled="!isEdit">
@@ -524,7 +523,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row :gutter="20" class="form-row">
+        <el-row :gutter="20" >
           <el-col :span="12">
             <el-form-item label="既往病史" prop="pastMedicalHistory">
               <el-input type="textarea" v-model="dataForm.pastMedicalHistory" placeholder="请输入既往病史" :rows="2" :disabled="!isEdit"></el-input>
@@ -540,7 +539,7 @@
         </el-tab-pane>
         <el-tab-pane label="附件材料" name="attachment">
           <!-- 附件材料 -->
-          <el-row :gutter="20" class="form-row">
+          <el-row :gutter="20" >
             <el-col :span="6">
               <el-form-item label="成绩单" prop="scorePhoto">
                 <el-upload
@@ -618,7 +617,7 @@
               </el-form-item>
             </el-col>
           </el-row>
-          <el-row :gutter="20" class="form-row">
+          <el-row :gutter="20" >
             <el-col>
               <el-form-item label="在常租赁合同/房产证明" prop="housePic">
                 <el-upload
@@ -1620,72 +1619,6 @@ defineExpose({
     }
   }
 
-// 图片预览容器样式
-.image-preview-container {
-  min-height: 120px;
-  width: 100%;
-}
-
-// 图片列表样式
-.image-list {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-}
-
-// 图片项样式
-.image-item {
-  position: relative;
-  border-radius: 6px;
-  overflow: hidden;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-  transition: all 0.3s ease;
-  
-  &:hover {
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-    transform: translateY(-2px);
-  }
-}
-
-// 图片预览样式
-.preview-image {
-  width: 120px;
-  height: 120px;
-  object-fit: cover;
-  display: block;
-  cursor: pointer;
-  transition: transform 0.3s ease;
-  
-  &:hover {
-    transform: scale(1.1);
-  }
-}
-
-// 图片占位符样式
-.image-placeholder {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  min-height: 120px;
-  width: 100%;
-  background: #f5f7fa;
-  border: 1px dashed #dcdfe6;
-  border-radius: 6px;
-  color: #909399;
-  font-size: 14px;
-  
-  .el-icon {
-    font-size: 32px;
-    margin-bottom: 8px;
-    color: #c0c4cc;
-  }
-  
-  span {
-    color: #909399;
-  }
-}
-
 // 总费用样式
 .total-fee {
   color: #f56c6c;
@@ -1695,28 +1628,17 @@ defineExpose({
 
 // 表单布局优化
 .el-form {
-  // 所有表单项保持默认间距
-  .el-form-item {
-    margin-bottom: 18px;
-  }
-  
   // 覆盖全局样式：每行的最后一个表单项也需要间距
-  .form-row .el-form-item:last-child {
+  .el-row .el-form-item:last-child {
     margin-bottom: 18px !important;
   }
   
   // 只有整个表单的最后一个表单项才不需要底部间距
-  .form-row:last-of-type .el-form-item:last-child {
+  .el-row:last-of-type .el-form-item:last-child {
     margin-bottom: 0 !important;
   }
-  
-
 }
 
-// 行布局优化
-.form-row {
-  margin-bottom: 0;
-}
 
 // 表单模块样式
 .form-section {
@@ -1738,10 +1660,6 @@ defineExpose({
     padding-bottom: 12px;
     border-bottom: 2px solid #e4e7ed;
   }
-  
-  .form-row {
-    margin-bottom: 0;
-  }
 }
 
 // 地址组样式 - 省市区紧凑排列，用分隔符连接

src/views/recruit/recruitstudentsignup/index.vue

@@ -294,14 +294,6 @@
             icon="Download"
                      @click="handleExport()">名单导出
           </el-button>
-          <!-- <el-button 
-            class="ml10"
-            type="primary"
-            plain
-            icon="UploadFilled"
-                     v-auth="'recruit_send_img'"
-            @click="handleSendImg()">图片同步
-          </el-button> -->
         </div>
       </el-row>
 
@@ -637,15 +629,9 @@
       <!-- 支付二维码弹窗 -->
       <PayQrcodeDialog ref="payQrcodeDialogRef" @refresh="getDataList"></PayQrcodeDialog>
 
-      <!-- 延迟缴费弹窗 -->
-      <DelayPayTimeDialog ref="delayPayTimeDialogRef" @refresh="getDataList"></DelayPayTimeDialog>
-
-
       <!-- 录取通知书弹窗 -->
       <AdmissionNoticeDialog ref="admissionNoticeDialogRef" @refresh="getDataList"></AdmissionNoticeDialog>
 
-      <DormFW ref="dormFWRef"></DormFW>
-      <ShowMap ref="baiduMapRef"></ShowMap>
       <InterviewForm ref="interviewFormRef" @refresh="getDataList"></InterviewForm>
       </div>
   </div>
@@ -653,7 +639,7 @@
 
 <script setup lang="ts" name="recruitstudentsignup">
 import { ref, reactive, onMounted, nextTick, defineAsyncComponent, watch } from 'vue'
-import { Edit, Check, DocumentChecked, Close, Switch, Tickets, Document, Upload, Warning, User, CircleCheck, CircleClose, Clock, WarningFilled } from '@element-plus/icons-vue'
+import { Edit, Check, DocumentChecked, Close, Switch, Tickets, Document, Warning, User, CircleCheck } from '@element-plus/icons-vue'
 import ClickableTag from '/@/components/ClickableTag/index.vue'
 import { useMessage, useMessageBox } from '/@/hooks/message'
 import { BasicTableProps, useTable } from '/@/hooks/table'
@@ -661,20 +647,14 @@ import { auth } from '/@/utils/authFunction'
 import axios from 'axios'
 import { getList } from '/@/api/recruit/recruitstudentplangroup'
 import {
-  delObj,
   exportZip,
   fetchList,
   leaveSchool,
   rePush as rePushApi,
-  yjOut,
-  oneClass,
-  oneStuNo,
-  tbStuWork,
-  sendImg,
   pushCity as pushCityApi,
   resetSign as resetSignApi
 } from '/@/api/recruit/recruitstudentsignup'
-import { getLabelValue, getLabelValueByProps, getMajorLabelWithYears } from '/@/utils/dictLabel'
+import { getLabelValueByProps, getMajorLabelWithYears } from '/@/utils/dictLabel'
 import { getDeptList } from "/@/api/basic/basicclass";
 import { listPlanByCondition as planMajor } from "/@/api/recruit/recruitstudentplan";
 import { getDictsByTypes } from "/@/api/admin/dict";
@@ -696,11 +676,8 @@ import { showLoading, hideLoading } from '/@/api/asset/loading'
 const TableForm = defineAsyncComponent(() => import('./detaiform.vue'))
 const MajorChange = defineAsyncComponent(() => import('./majorChange.vue'))
 const Update = defineAsyncComponent(() => import('./update.vue'))
-const DormFW = defineAsyncComponent(() => import('./dormFW.vue'))
-const ShowMap = defineAsyncComponent(() => import('./showMap.vue'))
 const InterviewForm = defineAsyncComponent(() => import('/@/views/recruit/recruitstudentsignup/interviewForm.vue'))
 const PayQrcodeDialog = defineAsyncComponent(() => import('./PayQrcodeDialog.vue'))
-const DelayPayTimeDialog = defineAsyncComponent(() => import('./DelayPayTimeDialog.vue'))
 const AdmissionNoticeDialog = defineAsyncComponent(() => import('./AdmissionNoticeDialog.vue'))
 const ActionDropdown = defineAsyncComponent(() => import('/@/components/tools/action-dropdown.vue'))
 
@@ -714,11 +691,8 @@ const searchFormRef = ref()
 const addOrUpdateRef = ref()
 const majorChangeRef = ref()
 const updateRef = ref()
-const dormFWRef = ref()
-const baiduMapRef = ref()
 const interviewFormRef = ref()
 const payQrcodeDialogRef = ref()
-const delayPayTimeDialogRef = ref()
 const admissionNoticeDialogRef = ref()
 
 // 搜索表单显示状态
@@ -837,51 +811,6 @@ const remoteTeacherByQuery = (query: string) => {
   }
 }
 
-// 发送图片
-const handleSendImg = () => {
-  messageBox.confirm('是否确认同步招生图片到市平台？请谨慎操作').then(() => {
-        return sendImg()
-  }).then(() => {
-    message.success('同步图片请求已发起,请耐心等待')
-  }).catch(() => {
-        hideLoading()
-      })
-}
-
-// 同步学工
-const handleTbStuWork = () => {
-  if (dataForm.groupId == '') {
-    message.warning('招生计划不能为空')
-        return
-      }
-  messageBox.confirm('是否确认同步学工？请谨慎操作').then(() => {
-        showLoading()
-    return tbStuWork(dataForm)
-  }).then(() => {
-    hideLoading()
-    message.success('同步完成')
-  }).catch(() => {
-        hideLoading()
-      })
-}
-
-// 一键分配班级和学号
-const handleOneClassAndStuNo = () => {
-  if (dataForm.groupId == '') {
-    message.warning('招生计划不能为空')
-        return
-      }
-  messageBox.confirm('是否确认一键分配班级和学号？请谨慎操作').then(() => {
-        showLoading()
-    return Promise.all([oneClass(dataForm), oneStuNo(dataForm)])
-  }).then(() => {
-    hideLoading()
-    message.success('分配完成')
-  }).catch(() => {
-        hideLoading()
-      })
-}
-
 // 下载zip
 const downZip = () => {
   if (dataForm.groupId == '') {
@@ -905,45 +834,6 @@ const downZip = () => {
   })
 }
 
-// 百度地图
-const baiduMap = (row: any) => {
-  // 组件内部通过 v-model="visible" 控制显示
-  nextTick(() => {
-    baiduMapRef.value?.init(row)
-  })
-}
-
-// 设置宿舍
-const setDormFW = () => {
-  // 组件内部通过 v-model="visible" 控制显示
-  nextTick(() => {
-    dormFWRef.value?.init()
-  })
-}
-
-// 一键判断是否超出住宿范围
-const handleYjOut = () => {
-  if (dataForm.groupId == '') {
-    message.warning('招生计划不能为空')
-        return
-      }
-  messageBox.confirm('是否确认一键判断是否超出住宿范围？请谨慎操作').then(() => {
-    return yjOut({ groupId: dataForm.groupId })
-  }).then(() => {
-    message.success('操作成功')
-    getDataList()
-      })
-}
-
-// 导出审核
-const handleExportAudit = (type: number) => {
-  if (dataForm.groupId == '') {
-    message.warning('招生计划不能为空')
-        return
-      }
-  downFile(type)
-}
-
 // 导出Excel
 const exportExcel = (form: any, url: string) => {
   return axios({
@@ -957,23 +847,6 @@ const exportExcel = (form: any, url: string) => {
       })
 }
 
-// 导出文件
-const downFile = (type: number) => {
-  dataForm.type = String(type)
-  exportExcel(dataForm, '/recruit/recruitstudentsignup/exportExcel').then(res => {
-    const blob = new Blob([res.data])
-    const fileName = type == 1 ? '延迟缴费名单导出.xlsx' : '超时缴费名单导出.xlsx'
-    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)
-  }).catch(() => {})
-}
-
 // 导出
 const handleExport = () => {
   if (dataForm.groupId == '') {
@@ -992,11 +865,6 @@ const handleExport = () => {
     document.body.removeChild(elink)
   }).catch(() => {})
 }
-// 去重
-const unique = (arr: any[]) => {
-  const rese = new Map()
-  return arr.filter((item) => !rese.has(item.username) && rese.set(item.username, 1))
-}
 
 // 切换专业
 const chanMajor = () => {
@@ -1091,18 +959,11 @@ const handlePushCity = (id: string) => {
 
 // 重新推送
 const handleRePush = (row: any) => {
-  // messageBox.confirm('是否确认重新推送本条数据？请谨慎操作').then(() => {
+  messageBox.confirm('是否确认重新推送本条数据？请谨慎操作').then(() => {
-  //   return rePushApi({ id: row.id })
+    return rePushApi({ id: row.id })
-  // }).then(() => {
+  }).then(() => {
-  //   message.success('推送成功')
+    message.success('推送成功')
-  //   getDataList()
+    getDataList()
-  //     })
-}
-
-// 延迟缴费
-const delayPayTimeSet = (row: any) => {
-  nextTick(() => {
-    delayPayTimeDialogRef.value?.init(row)
   })
 }
 
@@ -1289,14 +1150,6 @@ onMounted(() => {
   
   .major-icon {
     color: var(--el-color-primary);
-    font-size: 14px;
-    flex-shrink: 0;
-  }
-  
-  .major-text {
-    color: #303133;
-    font-weight: 500;
-    font-size: 13px;
   }
 }
 
@@ -1305,14 +1158,6 @@ onMounted(() => {
   font-size: 13px;
 }
 
-// 面试结果样式
-.interview-cell {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 6px;
-}
-
 // 面试详情弹窗样式
 .interview-detail-popover {
   .detail-title {
@@ -1539,89 +1384,4 @@ onMounted(() => {
     }
   }
 }
-
-// 旧样式保留（如果其他地方还在使用）
-.material-check-cell {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 4px 0;
-  
-  .check-item {
-    display: flex;
-    align-items: flex-start;
-    gap: 6px;
-    line-height: 1.5;
-    
-    .check-label {
-      color: #606266;
-      font-size: 12px;
-      font-weight: 500;
-      white-space: nowrap;
-      flex-shrink: 0;
-    }
-    
-    :deep(.el-tag) {
-      display: inline-flex;
-      align-items: center;
-      vertical-align: middle;
-      gap: 4px;
-      line-height: 1;
-      
-      .tag-icon {
-        font-size: 12px;
-        vertical-align: middle;
-      }
-    }
-  }
-  
-  .material-status {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    gap: 6px;
-    align-items: center;
-    
-    .material-tag {
-      margin: 0;
-      flex-shrink: 0;
-    }
-    
-    .no-upload-text {
-      color: #67c23a;
-      font-size: 12px;
-      white-space: nowrap;
-    }
-  }
-  
-  .check-remark {
-    margin-top: 4px;
-    
-    .remark-content {
-      display: flex;
-      align-items: flex-start;
-      gap: 4px;
-      flex: 1;
-      
-      .remark-icon {
-        color: #f56c6c;
-        font-size: 14px;
-        flex-shrink: 0;
-        margin-top: 2px;
-      }
-      
-      .remark-text {
-        color: #f56c6c;
-        font-size: 12px;
-        line-height: 1.5;
-        display: inline-block;
-        max-width: 200px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        vertical-align: top;
-      }
-    }
-  }
-}
 </style>

src/views/recruit/recruitstudentsignupturnover/index.vue

@@ -1,20 +1,3 @@
-<!--
-  -    Copyright (c) 2018-2025, cyweb All rights reserved.
-  -
-  - Redistribution and use in source and binary forms, with or without
-  - modification, are permitted provided that the following conditions are met:
-  -
-  - Redistributions of source code must retain the above copyright notice,
-  - this list of conditions and the following disclaimer.
-  - Redistributions in binary form must reproduce the above copyright
-  - notice, this list of conditions and the following disclaimer in the
-  - documentation and/or other materials provided with the distribution.
-  - Neither the name of the pig4cloud.com developer nor the names of its
-  - contributors may be used to endorse or promote products derived from
-  - this software without specific prior written permission.
-  -
-  -->
-
 <template>
   <div class="layout-padding">
     <div class="layout-padding-auto layout-padding-view">
@@ -60,38 +43,94 @@
         :header-cell-style="tableStyle.headerCellStyle"
       >
         <el-table-column type="index" label="序号" width="60" align="center" />
-        <el-table-column prop="type" label="异动类型" align="center" show-overflow-tooltip>
+        <el-table-column prop="type" label="异动类型" width="100" align="center" show-overflow-tooltip>
           <template #default="scope">
             {{ getTypeLabel(scope.row.type) }}
           </template>
         </el-table-column>
-        <el-table-column prop="name" label="姓名[唯一号]" width="140" align="center" show-overflow-tooltip />
+        <el-table-column prop="name" label="姓名[唯一号]" min-width="160" align="center" show-overflow-tooltip />
-        <el-table-column prop="majorChangeInfo" label="专业变更情况" align="center" show-overflow-tooltip />
+        <el-table-column prop="majorChangeInfo" label="专业变更情况" min-width="180" align="center" show-overflow-tooltip />
-        <el-table-column label="代办费变更情况" align="center">
+        <el-table-column label="代办费变更情况" min-width="130" align="center" show-overflow-tooltip>
-          <el-table-column prop="newAgencyFee" label="新费用" align="center" show-overflow-tooltip />
-          <el-table-column prop="oldAgencyFee" label="旧费用" align="center" show-overflow-tooltip />
-        </el-table-column>
-        <el-table-column label="学费变更情况" align="center">
-          <el-table-column prop="newFeeTuition" label="新费用" align="center" show-overflow-tooltip />
-          <el-table-column prop="oldFeeTuition" label="旧费用" align="center" show-overflow-tooltip />
-        </el-table-column>
-        <el-table-column label="分数变更情况" align="center">
-          <el-table-column prop="scoreName" label="分数类型" align="center" show-overflow-tooltip />
-          <el-table-column prop="newCorrectedScore" label="新分值" align="center" show-overflow-tooltip />
-          <el-table-column prop="oldCorrectedScore" label="旧分值" align="center" show-overflow-tooltip />
-        </el-table-column>
-        <el-table-column prop="createBy" label="异动发起人" align="center" show-overflow-tooltip />
-        <el-table-column prop="createTime" label="异动时间" align="center" show-overflow-tooltip />
-        <el-table-column prop="remarks" label="备注信息" align="center" show-overflow-tooltip />
-        <el-table-column prop="isMajorChange" label="异动审核" width="110" align="center" show-overflow-tooltip>
           <template #default="scope">
-            <AuditState :state="scope.row.isMajorChange" :options="auditStateOptions" />
+            <span class="new-fee">{{ scope.row.newAgencyFee }}</span> / <span class="old-fee">{{ scope.row.oldAgencyFee }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="学费变更情况" min-width="140" align="center" show-overflow-tooltip>
+          <template #default="scope">
+            <span class="new-fee">{{ scope.row.newFeeTuition }}</span> / <span class="old-fee">{{ scope.row.oldFeeTuition }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="分数变更情况" min-width="130" align="center">
+          <template #default="scope">
+              <span class="new-fee">{{ scope.row.newCorrectedScore }}</span> / <span class="old-fee">{{ scope.row.oldCorrectedScore }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="createBy" label="异动发起人" min-width="120" align="center" show-overflow-tooltip />
+        <el-table-column prop="createTime" label="异动时间" min-width="180" align="center" show-overflow-tooltip />
+        <el-table-column prop="isMajorChange" label="异动审核" min-width="110" align="center" show-overflow-tooltip>
+          <template #default="scope">
+            <template v-if="getStatusConfig(auditStateOptions, scope.row.isMajorChange)">
+              <!-- 有备注信息时，使用 popover 包裹 ClickableTag -->
+              <el-popover
+                v-if="scope.row.remarks"
+                placement="right"
+                :width="300"
+                trigger="click">
+                <template #reference>
+                  <ClickableTag 
+                    :type="getStatusConfig(auditStateOptions, scope.row.isMajorChange)?.type || 'info'"
+                    :left-icon="getStatusConfig(auditStateOptions, scope.row.isMajorChange)?.icon">
+                    {{ getStatusConfig(auditStateOptions, scope.row.isMajorChange)?.label }}
+                  </ClickableTag>
+                </template>
+                
+                <!-- 弹出内容 -->
+                <div class="audit-detail-popover">
+                  <div class="detail-title">异动审核详情</div>
+                  
+                  <!-- 审核状态 -->
+                  <div class="detail-section horizontal">
+                    <div class="section-label">审核状态</div>
+                    <div class="section-content">
+                      <ClickableTag 
+                        :type="getStatusConfig(auditStateOptions, scope.row.isMajorChange)?.type || 'info'"
+                        :left-icon="getStatusConfig(auditStateOptions, scope.row.isMajorChange)?.icon"
+                        :right-icon="null">
+                        {{ getStatusConfig(auditStateOptions, scope.row.isMajorChange)?.label }}
+                      </ClickableTag>
+                    </div>
+                  </div>
+                  
+                  <!-- 备注信息 -->
+                  <div v-if="scope.row.remarks" class="detail-section">
+                    <div class="section-label">备注信息</div>
+                    <div class="section-content reason-content">
+                      <el-icon class="reason-icon"><Warning /></el-icon>
+                      <span>{{ scope.row.remarks }}</span>
+                    </div>
+                  </div>
+                </div>
+              </el-popover>
+              
+              <!-- 没有备注信息时，直接显示 ClickableTag -->
+              <ClickableTag 
+                v-else
+                :type="getStatusConfig(auditStateOptions, scope.row.isMajorChange)?.type || 'info'"
+                :left-icon="getStatusConfig(auditStateOptions, scope.row.isMajorChange)?.icon"
+                :right-icon="null">
+                {{ getStatusConfig(auditStateOptions, scope.row.isMajorChange)?.label }}
+              </ClickableTag>
+            </template>
+            
+            <!-- 无状态 -->
+            <span v-else class="empty-text">-</span>
           </template>
         </el-table-column>
         <el-table-column label="操作" width="100" align="center" fixed="right">
           <template #default="scope">
             <el-button
-              v-if="permissions.recruit_recruitstudentsignupturnover_edit && scope.row.isMajorChange == '1'"
+              v-auth="'recruit_recruitstudentsignupturnover_edit'"
+              v-if="scope.row.isMajorChange == '1'"
               type="primary"
               link
               icon="EditPen"
@@ -146,7 +185,7 @@
 </template>
 
 <script setup lang="ts" name="recruitstudentsignupturnover">
-import { ref, reactive, computed, onMounted, defineAsyncComponent } from 'vue'
+import { ref, reactive, computed, onMounted } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useUserInfo } from '/@/stores/userInfo'
 import { BasicTableProps, useTable } from '/@/hooks/table'
@@ -154,8 +193,8 @@ import { useMessage } from '/@/hooks/message'
 import { fetchList, putObj } from '/@/api/recruit/recruitstudentsignupturnover'
 import { getList } from '/@/api/recruit/recruitstudentplangroup'
 import type { StateOption } from '/@/components/AuditState/index.vue'
-
+import ClickableTag from '/@/components/ClickableTag/index.vue'
-const AuditState = defineAsyncComponent(() => import('/@/components/AuditState/index.vue'))
+import { Warning, Clock, CircleClose, CircleCheck } from '@element-plus/icons-vue'
 
 // 使用 Pinia store
 const userInfoStore = useUserInfo()
@@ -185,13 +224,22 @@ const majorChangeVisible = ref(false)
 const planList = ref<any[]>([])
 const typeList = ref([{ label: '专业变更', value: '1' }, { label: '退学', value: '2' }])
 
-// 审核状态选项配置（用于 AuditState 组件和检索条件）
+// 审核状态选项配置（用于 ClickableTag 组件和检索条件）
 const auditStateOptions = ref<StateOption[]>([
-  { value: '1', label: '待审核', type: 'warning', icon: 'fa-regular fa-clock', effect: 'light' },
+  { value: '1', label: '待审核', type: 'warning', icon: Clock, effect: 'light' },
-  { value: '2', label: '驳回', type: 'danger', icon: 'fa-solid fa-circle-xmark', effect: 'dark' },
+  { value: '2', label: '驳回', type: 'danger', icon: CircleClose, effect: 'dark' },
-  { value: '3', label: '通过', type: 'success', icon: 'fa-solid fa-circle-check', effect: 'dark' }
+  { value: '3', label: '通过', type: 'success', icon: CircleCheck, effect: 'dark' }
 ])
 
+// 获取状态配置（用于 ClickableTag）
+const getStatusConfig = (statusList: any[], value: string | number) => {
+  const config = statusList.find(item => String(item.value) === String(value))
+  if (config && config.type === '') {
+    config.type = 'info'
+  }
+  return config || null
+}
+
 // 从 auditStateOptions 派生检索条件列表（只包含 label 和 value）
 const majorChangeList = computed(() => {
   return auditStateOptions.value.map(item => ({
@@ -318,5 +366,99 @@ onMounted(() => {
 })
 </script>
 
+<style lang="scss" scoped>
+.new-fee {
+  color: var(--el-color-primary);
+  font-weight: 500;
+}
+
+.old-fee {
+  text-decoration: line-through;
+  color: #909399;
+}
+
+.empty-text {
+  color: #909399;
+}
+
+// Popover详情样式
+.audit-detail-popover {
+  .detail-title {
+    font-size: 14px;
+    font-weight: 600;
+    color: #303133;
+    margin-bottom: 16px;
+    padding-bottom: 12px;
+    border-bottom: 1px solid #EBEEF5;
+  }
+  
+  .detail-section {
+    margin-bottom: 16px;
+    
+    &:last-child {
+      margin-bottom: 0;
+    }
+    
+    // 横向布局
+    &.horizontal {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      
+      .section-label {
+        margin-bottom: 0;
+        white-space: nowrap;
+      }
+      
+      .section-content {
+        flex: 1;
+      }
+    }
+    
+    .section-label {
+      font-size: 12px;
+      color: #909399;
+      margin-bottom: 8px;
+      font-weight: 500;
+    }
+    
+    .section-content {
+      font-size: 13px;
+      color: #303133;
+      
+      &.reason-content {
+        display: flex;
+        align-items: flex-start;
+        gap: 8px;
+        padding: 12px;
+        background-color: #fef0f0;
+        border-radius: 4px;
+        border-left: 3px solid #f56c6c;
+        
+        .reason-icon {
+          color: #f56c6c;
+          font-size: 16px;
+          flex-shrink: 0;
+          margin-top: 1px;
+        }
+        
+        span {
+          color: #f56c6c;
+          line-height: 1.6;
+          word-break: break-all;
+          flex: 1;
+        }
+      }
+    }
+    
+    :deep(.el-tag) {
+      .tag-icon {
+        font-size: 12px;
+      }
+    }
+  }
+}
+</style>
+
 <style lang="scss" scoped>
 </style>