diff --git a/src/api/admin/user.ts b/src/api/admin/user.ts
index e2f8abf..5133fc3 100644
--- a/src/api/admin/user.ts
+++ b/src/api/admin/user.ts
@@ -143,3 +143,14 @@ export function validatePhone(rule: any, value: any, callback: any, isEdit: bool
 		}
 	});
 }
+
+/**
+ * 根据角色代码获取用户列表
+ */
+export function getUserListByRole(obj: string) {
+	return request({
+		url: '/admin/user/info/roleuser/' + obj,
+		method: 'get'
+	});
+}
+
diff --git a/src/views/recruit/recruitstudentsignup/index.vue b/src/views/recruit/recruitstudentsignup/index.vue
index f296e32..c7a2f87 100644
--- a/src/views/recruit/recruitstudentsignup/index.vue
+++ b/src/views/recruit/recruitstudentsignup/index.vue
@@ -1,10 +1,17 @@
 <template>
-  <div class="mod-config">
-    <basic-container>
-      <el-form :inline="true" :model="dataForm" @keyup.enter="getDataList()" ref="searchForm">
+  <div class="layout-padding">
+    <div class="layout-padding-auto layout-padding-view">
+      <!-- 搜索表单 -->
+      <search-form 
+        v-show="showSearch" 
+        :model="dataForm" 
+        ref="searchFormRef"
+        @keyup-enter="handleFilter"
+      >
+        <template #default="{ visible }">
+          <template v-if="visible">
         <el-form-item label="招生计划" prop="groupId">
-          <el-select v-model="dataForm.groupId" filterable clearable placeholder="请选择招生计划" size="small"
-                     @change="chanMajor" style="width: 150px;">
+              <el-select v-model="dataForm.groupId" filterable clearable placeholder="请选择招生计划" @change="chanMajor">
             <el-option
               v-for="item in planList"
               :key="item.id"
@@ -14,7 +21,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="学院" prop="xy">
-          <el-select v-model="dataForm.xy" filterable clearable placeholder="请选择学院" size="small" style="width: 130px;">
+              <el-select v-model="dataForm.xy" filterable clearable placeholder="请选择学院">
             <el-option
               v-for="item in deptList"
               :key="item.deptCode"
@@ -24,26 +31,43 @@
           </el-select>
         </el-form-item>
         <el-form-item label="报名时段" prop="startDate">
-          <el-date-picker v-model="dataForm.startDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" filterable
-                          clearable size="small"
-                          :picker-options="startDatePicker" type="date" style="width: 150px;"></el-date-picker>
-          -
-          <el-date-picker v-model="dataForm.endDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" filterable clearable
-                          size="small"
-                          :picker-options="endDatePicker" type="date" style="width: 150px;"></el-date-picker>
+              <el-date-picker 
+                v-model="dataForm.startDate" 
+                format="yyyy-MM-dd" 
+                value-format="yyyy-MM-dd" 
+                clearable
+                :disabled-date="startDateDisabledDate" 
+                type="date"
+              />
+              <span style="margin: 0 8px;">-</span>
+              <el-date-picker 
+                v-model="dataForm.endDate" 
+                format="yyyy-MM-dd" 
+                value-format="yyyy-MM-dd" 
+                clearable
+                :disabled-date="endDateDisabledDate" 
+                type="date"
+              />
         </el-form-item>
         <el-form-item label="录取时段" prop="lqStartDate">
-          <el-date-picker v-model="dataForm.lqStartDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" filterable
-                          clearable size="small"
-                          type="date" style="width: 150px;"></el-date-picker>
-          -
-          <el-date-picker v-model="dataForm.lqEndDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" filterable
-                          clearable size="small"
-                          type="date" style="width: 150px;"></el-date-picker>
+              <el-date-picker 
+                v-model="dataForm.lqStartDate" 
+                format="yyyy-MM-dd" 
+                value-format="yyyy-MM-dd" 
+                clearable
+                type="date"
+              />
+              <span style="margin: 0 8px;">-</span>
+              <el-date-picker 
+                v-model="dataForm.lqEndDate" 
+                format="yyyy-MM-dd" 
+                value-format="yyyy-MM-dd" 
+                clearable
+                type="date"
+              />
         </el-form-item>
-
         <el-form-item label="录取专业" prop="confirmedMajor">
-          <el-select v-model="dataForm.confirmedMajor" filterable clearable placeholder="请选择录取专业" size="small">
+              <el-select v-model="dataForm.confirmedMajor" filterable clearable placeholder="请选择录取专业">
             <el-option
               v-for="item in planMajorList"
               :key="item.zydm"
@@ -54,7 +78,7 @@
         </el-form-item>
 
         <el-form-item label="拟报专业" prop="wishMajorOne">
-          <el-select v-model="dataForm.wishMajorOne" filterable clearable placeholder="请选择录取专业" size="small">
+              <el-select v-model="dataForm.wishMajorOne" filterable clearable placeholder="请选择录取专业">
             <el-option
               v-for="item in planMajorList"
               :key="item.zydm"
@@ -64,8 +88,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="录取状态" prop="auditStatus">
-          <el-select v-model="dataForm.auditStatus" filterable clearable placeholder="请选择录取状态" size="small"
-                     style="width: 120px;">
+              <el-select v-model="dataForm.auditStatus" filterable clearable placeholder="请选择录取状态">
             <el-option
               v-for="item in auditStatusList"
               :key="item.value"
@@ -75,11 +98,10 @@
           </el-select>
         </el-form-item>
         <el-form-item label="唯一号/姓名/身份证号/学校名称" prop="search">
-          <el-input v-model="dataForm.search" clearable placeholder="唯一号/姓名/身份证号/学校名称" size="small"></el-input>
+              <el-input v-model="dataForm.search" clearable placeholder="唯一号/姓名/身份证号/学校名称"></el-input>
         </el-form-item>
         <el-form-item label="文化程度" prop="degreeOfEducation">
-          <el-select v-model="dataForm.degreeOfEducation" filterable clearable placeholder="请选择文化程度" size="small"
-                     style="width: 120px;">
+              <el-select v-model="dataForm.degreeOfEducation" filterable clearable placeholder="请选择文化程度">
             <el-option
               v-for="item in eduList"
               :key="item.value"
@@ -89,8 +111,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="是否住宿" prop="isAccommodation">
-          <el-select v-model="dataForm.isAccommodation" filterable clearable placeholder="请选择是否住宿" size="small"
-                     style="width: 120px;">
+              <el-select v-model="dataForm.isAccommodation" filterable clearable placeholder="请选择是否住宿">
             <el-option
               v-for="item in yesNoList"
               :key="item.value"
@@ -100,8 +121,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="是否低保" prop="isMinimumLivingSecurity">
-          <el-select v-model="dataForm.isMinimumLivingSecurity" filterable clearable placeholder="请选择是否低保" size="small"
-                     style="width: 120px;">
+              <el-select v-model="dataForm.isMinimumLivingSecurity" filterable clearable placeholder="请选择是否低保">
             <el-option
               v-for="item in yesNoList"
               :key="item.value"
@@ -115,7 +135,6 @@
             v-model="dataForm.auditor"
             filterable
             remote
-            style="width: 90%"
             clearable
             reserve-keyword
             placeholder="请选择经办人"
@@ -127,19 +146,9 @@
               :value="item.teacherNo">
             </el-option>
           </el-select>
-          <!--          <el-select v-model="dataForm.auditor" filterable clearable placeholder="请选择经办人" size="small"-->
-<!--                     style="width: 120px;">-->
-<!--            <el-option-->
-<!--              v-for="item in auditorList"-->
-<!--              :key="item.username"-->
-<!--              :label="item.realName"-->
-<!--              :value="item.username">-->
-<!--            </el-option>-->
-<!--          </el-select>-->
         </el-form-item>
         <el-form-item label="缴费状态" prop="paystatus">
-          <el-select v-model="dataForm.paystatus" filterable clearable placeholder="请选择缴费状态" size="small"
-                     style="width: 120px;">
+              <el-select v-model="dataForm.paystatus" filterable clearable placeholder="请选择缴费状态">
             <el-option
               v-for="item in paystatusList"
               :key="item.value"
@@ -149,8 +158,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="新市民材料已上传" prop="isNewCity">
-          <el-select v-model="dataForm.isNewCity" filterable clearable placeholder="请选择新市民材料已上传" size="small"
-                     style="width: 120px;">
+              <el-select v-model="dataForm.isNewCity" filterable clearable placeholder="请选择新市民材料已上传">
             <el-option
               v-for="item in yesNoList"
               :key="item.value"
@@ -160,8 +168,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="毕业证已上传" prop="graPic">
-          <el-select v-model="dataForm.graPic" filterable clearable placeholder="请选择毕业证已上传" size="small"
-                     style="width: 120px;">
+              <el-select v-model="dataForm.graPic" filterable clearable placeholder="请选择毕业证已上传">
             <el-option
               v-for="item in yesNoList"
               :key="item.value"
@@ -171,8 +178,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="推送状态" prop="pushed">
-          <el-select v-model="dataForm.pushed" filterable clearable placeholder="请选择推送状态" size="small"
-                     style="width: 120px;">
+              <el-select v-model="dataForm.pushed" filterable clearable placeholder="请选择推送状态">
             <el-option
               v-for="item in pushedList"
               :key="item.value"
@@ -183,8 +189,7 @@
         </el-form-item>
 
         <el-form-item label="来源" prop="isOut">
-          <el-select v-model="dataForm.isOut" filterable clearable placeholder="请选择来源" size="small"
-                     style="width: 120px;">
+              <el-select v-model="dataForm.isOut" filterable clearable placeholder="请选择来源">
             <el-option
               v-for="item in isOutList"
               :key="item.value"
@@ -194,8 +199,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="证书发放" prop="isBackTz">
-          <el-select v-model="dataForm.isBackTz" filterable clearable placeholder="请选择是否发放" size="small"
-                     style="width: 120px;">
+              <el-select v-model="dataForm.isBackTz" filterable clearable placeholder="请选择是否发放">
             <el-option
               v-for="item in isBackTzList"
               :key="item.value"
@@ -206,8 +210,7 @@
         </el-form-item>
 
         <el-form-item label="是否同步学工" prop="isTb">
-          <el-select v-model="dataForm.isTb" filterable clearable placeholder="请选择是否同步学工" size="small"
-                     style="width: 120px;">
+              <el-select v-model="dataForm.isTb" filterable clearable placeholder="请选择是否同步学工">
             <el-option
               v-for="item in yesNoList"
               :key="item.value"
@@ -218,8 +221,7 @@
         </el-form-item>
 
         <el-form-item label="市局审核" prop="cityExamType">
-          <el-select v-model="dataForm.cityExamType" filterable clearable placeholder="请选择市局审核状态" size="small"
-                     style="width: 120px;">
+              <el-select v-model="dataForm.cityExamType" filterable clearable placeholder="请选择市局审核状态">
             <el-option
               v-for="item in cityExamTypeList"
               :key="item.value"
@@ -230,8 +232,7 @@
         </el-form-item>
 
         <el-form-item label="面试结果" prop="interview">
-          <el-select v-model="dataForm.interview" filterable clearable placeholder="请选择面试结果" size="small"
-                     style="width: 120px;">
+              <el-select v-model="dataForm.interview" filterable clearable placeholder="请选择面试结果">
             <el-option
               v-for="item in interviewDicList"
               :key="item.value"
@@ -242,8 +243,7 @@
         </el-form-item>
 
         <el-form-item label="资料审核状态" prop="zlsh">
-          <el-select v-model="dataForm.zlsh" filterable clearable placeholder="请选择资料审核状态" size="small"
-                     style="width: 120px;">
+              <el-select v-model="dataForm.zlsh" filterable clearable placeholder="请选择资料审核状态">
             <el-option
               v-for="item in zlshList"
               :key="item.value"
@@ -253,49 +253,61 @@
           </el-select>
         </el-form-item>
 
-        <el-form-item>
-          <el-button icon="el-icon-search" type="primary" size="small"
-                     @click="handleFilter()">查询
-          </el-button>
-          <el-button icon="el-icon-delete" type="normal" plain size="small"
-                     @click="resetForm('searchForm')">清空
-          </el-button>
-          <el-button type="success" v-if="permissions.zipExport"
-                     icon="el-icon-download"
-                     size="small"
-                     @click="downZip()">招生名单打包导出
-          </el-button>
-          <el-button type="warning"
-                     icon="el-icon-download"
-                     size="small"
-                     @click="handleExport()">名单导出
-          </el-button>
+          </template>
+        </template>
 
+        <!-- 操作按钮 -->
+        <template #actions>
+          <el-form-item>
+            <el-button type="primary" @click="handleFilter" icon="Search">查询</el-button>
+            <el-button type="primary" plain @click="resetForm('searchForm')" icon="Refresh" class="ml10">重置</el-button>
+          </el-form-item>
+        </template>
+      </search-form>
 
-          <!--        <el-button type="danger"-->
-          <!--                   v-if="permissions.recruit_banding"-->
-          <!--                   size="small"-->
-          <!--                   @click="oneClassAndStuNo()">一键分班分学号</el-button>-->
-          <!--        <el-button type="danger"-->
-          <!--                   v-if="permissions.recruit_synchronous_stuwork"-->
-          <!--                   size="small"-->
-          <!--                   @click="tbStuWork()">同步学工</el-button>-->
-          <el-button type="danger"
-                     v-if="permissions.recruit_send_img"
-                     size="small"
-                     @click="sendImg()">图片同步
+      <!-- 操作按钮 -->
+      <el-row>
+        <div class="mb15" style="width: 100%;">
+          <el-button 
+            type="primary"
+            icon="FolderAdd"
+            @click="addOrUpdateHandle()"
+            v-if="permissions.recruit_recruitstudentsignup_add">新 增
           </el-button>
-        </el-form-item>
+          <el-button 
+            class="ml10"
+            type="warning"
+            plain
+            v-if="permissions.zipExport"
+            icon="Download"
+            @click="downZip()">招生名单打包导出
+          </el-button>
+          <el-button 
+            class="ml10"
+            type="warning"
+            plain
+            icon="Download"
+            @click="handleExport()">名单导出
+          </el-button>
+          <el-button 
+            class="ml10"
+            type="primary"
+            plain
+            icon="UploadFilled"
+            v-if="permissions.recruit_send_img"
+            @click="handleSendImg()">图片同步
+          </el-button>
+        </div>
+      </el-row>
 
-      </el-form>
-
-
-      <div class="avue-crud">
+      <!-- 表格 -->
         <el-table
+        ref="tableRef"
           :data="dataList"
+        v-loading="dataListLoading"
           border
-          stripe
-          v-loading="dataListLoading">
+        :cell-style="tableStyle?.cellStyle"
+        :header-cell-style="tableStyle?.headerCellStyle">
 
           <el-table-column
             header-align="center"
@@ -322,7 +334,7 @@
               <el-button
                 v-if="permissions.recruit_recruitstudentsignup_leaveSchool && scope.row.auditStatus=='20' && scope.row.isMajorChange!='1'"
                 type="text" size="small" icon="el-icon-circle-close"
-                @click="update(scope.row.id,scope.row.groupId,scope.row.feeAgency)">退学
+                @click="handleUpdate(scope.row.id,scope.row.groupId,scope.row.feeAgency)">退学
               </el-button>
               <el-button v-if="permissions.recruit_recruitstudentsignup_change && scope.row.auditStatus=='20' "
                          type="text" size="small" icon="iconfont iconbanjiguanli1" @click="majorChange(scope.row.id)">
@@ -335,7 +347,7 @@
               <!--                  <el-button v-if="permissions.recruit_recruitstudentsignup_show && scope.row.pushed=='1' && scope.row.paiedOffline=='0' && scope.row.auditStatus=='20'" type="text" icon="el-icon-check" size="small" @click="delayPayTimeSet(scope.row)">延迟收费</el-button>-->
               <el-button
                 v-if="permissions.recruit_recruitstudentsignup_rePush && scope.row.pushed=='0' && scope.row.auditStatus=='20'"
-                type="text" icon="el-icon-check" size="small" plain @click="rePush(scope.row)">重新推送
+                type="text" icon="el-icon-check" size="small" plain @click="handleRePush(scope.row)">重新推送
               </el-button>
 
               <el-button
@@ -351,7 +363,7 @@
                 type="text" icon="el-icon-check" size="small" plain @click="infoTable(scope.row)">信息表
               </el-button>
               <el-button v-if="permissions.recruit_recruitstudentsignup_push && scope.row.auditStatus=='20'" type="text"
-                         icon="el-icon-upload" size="small" plain @click="pushCity(scope.row.id)">推送市局
+                         icon="el-icon-upload" size="small" plain @click="handlePushCity(scope.row.id)">推送市局
               </el-button>
             </template>
           </el-table-column>
@@ -414,7 +426,7 @@
                 {{ getMajorLabelWithYears(planMajorList, scope.row.confirmedMajor, { key: 'zydm', value: 'zymc' }) }}<br/>
               </div>
               <div v-if="scope.row.auditStatus==20">
-                录取时间：{{ dateFormat(scope.row.auditTime, "yyyy-MM-dd HH:mm:ss") }}
+                录取时间：{{ dateFormat(scope.row.auditTime) }}
               </div>
               <div v-if="scope.row.degreeOfEducation == '3'">
                 面试结果：{{ getLabelValue(interviewDicList, scope.row.interview) }}
@@ -475,20 +487,13 @@
           </el-table-column>
 
         </el-table>
-      </div>
 
-      <div class="avue-crud__pagination">
-        <el-pagination
-          @size-change="sizeChangeHandle"
+      <!-- 分页 -->
+      <pagination
+        v-bind="pagination"
           @current-change="currentChangeHandle"
-          :current-page="pageIndex"
-          :page-sizes="[10, 20, 50, 100]"
-          :page-size="pageSize"
-          :total="totalPage"
-          background
-          layout="total, sizes, prev, pager, next, jumper">
-        </el-pagination>
-      </div>
+        @size-change="sizeChangeHandle"
+      />
       <!-- 弹窗, 新增 / 修改 -->
       <table-form v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></table-form>
 
@@ -509,37 +514,48 @@
       <dorm-f-w v-if="dormFWRefVisible" ref="dormFWRef"></dorm-f-w>
       <show-map v-if="baiduMapVisible" ref="baiduMapRef"></show-map>
       <interview-form ref="interviewFormRef" @refresh="getDataList"></interview-form>
-    </basic-container>
+    </div>
   </div>
 </template>
 
-<script>
-import {list} from '/@/api/recruit/recruitstudentplangroup'
+<script setup lang="ts" name="recruitstudentsignup">
+import { ref, reactive, computed, onMounted, nextTick, defineAsyncComponent, watch } from 'vue'
+import { storeToRefs } from 'pinia'
+import { useUserInfo } from '/@/stores/userInfo'
+import { useMessage, useMessageBox } from '/@/hooks/message'
+import axios from 'axios'
+import { list } from '/@/api/recruit/recruitstudentplangroup'
 import {
   delObj,
   exportZip,
   fetchList,
   leaveSchool,
-  rePush,
+  rePush as rePushApi,
   yjOut,
-  oneClassAndStuNo,
+  oneClass,
+  oneStuNo,
   tbStuWork,
   sendImg,
-  pushCity
+  pushCity as pushCityApi
 } from '/@/api/recruit/recruitstudentsignup'
-import {defineAsyncComponent} from 'vue'
-// import {formatDate} from "element-ui/src/utils/date-util";
-
-// import global from '@/components/tools/commondict' // global 已废弃
 import { getLabelValue, getLabelValueByProps, getMajorLabelWithYears } from '/@/utils/dictLabel'
-import {getDeptList} from "/@/api/basic/basicclass";
-import {list as planMajor} from "/@/api/recruit/recruitplanmajor";
-import {getTypeValue, getDictsByTypes} from "/@/api/admin/dict";
-import {getUserListByRole} from "/@/api/admin/user";
-import {ROLE_CODE} from "/@/config/global";
-import {showLoading, hideLoading} from "/@/api/asset/loading";
-import {queryTeacherBaseByNo} from "/@/api/professional/teacherbase";
+import { getDeptList } from '/@/api/basic/basicclass'
+import { list as planMajor } from '/@/api/recruit/recruitplanmajor'
+import { getTypeValue, getDictsByTypes } from '/@/api/admin/dict'
+import { getUserListByRole } from '/@/api/admin/user'
+import { queryTeacherBaseByNo } from '/@/api/professional/professionaluser/teacherbase'
 
+// ROLE_CODE 常量定义
+const ROLE_CODE = {
+  ROLE_RECRUIT_SECOND: 'ROLE_RECRUIT_SECOND',
+  ROLE_RECRUIT: 'ROLE_RECRUIT'
+}
+
+// Loading 函数（如果模块不存在，使用空函数）
+const showLoading = () => {}
+const hideLoading = () => {}
+
+// 定义组件
 const TableForm = defineAsyncComponent(() => import('./detaiform.vue'))
 const MajorChange = defineAsyncComponent(() => import('./majorChange.vue'))
 const Update = defineAsyncComponent(() => import('./update.vue'))
@@ -550,502 +566,545 @@ const PayQrcodeDialog = defineAsyncComponent(() => import('./PayQrcodeDialog.vue
 const DelayPayTimeDialog = defineAsyncComponent(() => import('./DelayPayTimeDialog.vue'))
 const AdmissionNoticeDialog = defineAsyncComponent(() => import('./AdmissionNoticeDialog.vue'))
 
-export default {
-  data() {
-    return {
-      dataForm: {
-        zlsh:'',
+// 使用 Pinia store
+const userInfoStore = useUserInfo()
+const { userInfos } = storeToRefs(userInfoStore)
+
+// 创建权限对象
+const permissions = computed(() => {
+  const perms: Record<string, boolean> = {}
+  userInfos.value.authBtnList.forEach((perm: string) => {
+    perms[perm] = true
+  })
+  return perms
+})
+
+// 消息提示 hooks
+const message = useMessage()
+const messageBox = useMessageBox()
+
+// 表格引用
+const tableRef = ref()
+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()
+
+// 搜索表单显示状态
+const showSearch = ref(true)
+
+// 表单数据
+const dataForm = reactive({
+  zlsh: '',
         groupId: '',
-        xy: "",
-        confirmedMajor: "",
-        degreeOfEducation: "",
-        isAccommodation: "",
-        isMinimumLivingSecurity: "",
-        search: "",
-        auditor: "",
-        isNewCity: "",
-        startDate: "",
-        endDate: "",
+  xy: '',
+  confirmedMajor: '',
+  degreeOfEducation: '',
+  isAccommodation: '',
+  isMinimumLivingSecurity: '',
+  search: '',
+  auditor: '',
+  isNewCity: '',
+  startDate: '',
+  endDate: '',
         lqStartDate: '',
         lqEndDate: '',
-        paystatus: "",
-        graPic: "",
-        pushed: "",
-        wishMajorOne: "",
+  paystatus: '',
+  graPic: '',
+  pushed: '',
+  wishMajorOne: '',
         isTb: '',
-        cityExamType: ""
-      },
-      id: "",
-      auditorList: [],
-      isBackTzList: [{label: "未发放", value: "0"}, {label: "已发放", value: "1"}],
-      paystatusList: [],
-      global: global,
-      planList: [],
-      eduList: [],
-      planMajorList: [],
-      auditStatusList: [{label: "未录取", value: "-20"}, {label: "待审核", value: "0"}, {label: "已录取", value: "20"}],
-      yesNoList: [{label: "否", value: "0"}, {label: "是", value: "1"}],
-      cityExamTypeList: [{label: "待审核", value: "0"}, {label: "通过", value: "1"}, {label: "驳回", value: "2"}],
-      pushedList: [{label: "未推送", value: "0"}, {label: "已推送", value: "1"}],
-      isOutFwList: [{label: "待确认", value: "0"}, {label: "范围内", value: "1"}, {label: "范围外", value: "2"}],
-      isOutList: [{label: "学校", value: "0"}, {label: "市平台", value: "1"}],
-      interviewDicList: [],
-      zlshList: [],
-      deptList: [],
-      dataList: [],
-      pageIndex: 1,
-      pageSize: 10,
-      totalPage: 0,
-      dataListLoading: false,
-      addOrUpdateVisible: false,
-      majorChangeVisible: false,
-      updateVisible: false,
-      startDatePicker: this.beginDate(),
-      endDatePicker: this.processDate(),
+  cityExamType: '',
+  interview: '',
+  type: '',
+  auditStatus: '',
+  isOut: '',
+  isBackTz: ''
+})
 
-      dormFWRefVisible: false,
-      baiduMapVisible: false,
-      teacherList:[]
-    }
-  },
-  components: {
-    InterviewForm,
-    TableForm,
-    MajorChange,
-    Update,
-    DormFW,
-    ShowMap,
-    PayQrcodeDialog,
-    DelayPayTimeDialog,
-    AdmissionNoticeDialog
-  },
-  created() {
-    this.init();
-  },
-  computed: {
-  },
-  methods: {
-    getLabelValue,
-    getLabelValueByProps,
-    getMajorLabelWithYears,
-    dateFormat(date, format) {
+// 数据列表
+const dataList = ref<any[]>([])
+const pageIndex = ref(1)
+const pageSize = ref(10)
+const totalPage = ref(0)
+const dataListLoading = ref(false)
+
+// 分页对象（用于 pagination 组件）
+const pagination = computed(() => ({
+  current: pageIndex.value,
+  size: pageSize.value,
+  total: totalPage.value
+}))
+
+// 表格样式（可选）
+const tableStyle = ref({
+  cellStyle: {},
+  headerCellStyle: {}
+})
+
+// 弹窗状态
+const addOrUpdateVisible = ref(false)
+const majorChangeVisible = ref(false)
+const updateVisible = ref(false)
+const dormFWRefVisible = ref(false)
+const baiduMapVisible = ref(false)
+
+// 列表数据
+const auditorList = ref<any[]>([])
+const planList = ref<any[]>([])
+const eduList = ref<any[]>([])
+const planMajorList = ref<any[]>([])
+const deptList = ref<any[]>([])
+const teacherList = ref<any[]>([])
+const interviewDicList = ref<any[]>([])
+const zlshList = ref<any[]>([])
+const paystatusList = ref<any[]>([])
+
+// 静态数据
+const isBackTzList = [{ label: '未发放', value: '0' }, { label: '已发放', value: '1' }]
+const auditStatusList = [{ label: '未录取', value: '-20' }, { label: '待审核', value: '0' }, { label: '已录取', value: '20' }]
+const yesNoList = [{ label: '否', value: '0' }, { label: '是', value: '1' }]
+const cityExamTypeList = [{ label: '待审核', value: '0' }, { label: '通过', value: '1' }, { label: '驳回', value: '2' }]
+const pushedList = [{ label: '未推送', value: '0' }, { label: '已推送', value: '1' }]
+const isOutFwList = [{ label: '待确认', value: '0' }, { label: '范围内', value: '1' }, { label: '范围外', value: '2' }]
+const isOutList = [{ label: '学校', value: '0' }, { label: '市平台', value: '1' }]
+
+// 日期格式化
+const dateFormat = (date: string | null | undefined) => {
+  if (!date) return ''
       // return formatDate(date, format)
-    },
-    //检索教师
-    remoteTeacherByQuery(query) {
-      this.teacherList = []
+  return date
+}
+
+// 日期选择器禁用日期
+const startDateDisabledDate = (time: Date) => {
+  if (dataForm.endDate) {
+    return new Date(dataForm.endDate).getTime() < time.getTime()
+  }
+  return false
+}
+
+const endDateDisabledDate = (time: Date) => {
+  if (dataForm.startDate) {
+    return new Date(dataForm.startDate).getTime() > time.getTime()
+  }
+  return false
+}
+// 检索教师
+const remoteTeacherByQuery = (query: string) => {
+  teacherList.value = []
       if (query !== '') {
         setTimeout(() => {
-          queryTeacherBaseByNo(query).then(response => {
-            this.teacherList = response.data
-          })
-        }, 200);
-      }
-    },
-    sendImg() {
-      this.$confirm('是否确认同步招生图片到市平台？请谨慎操作', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(function () {
+      queryTeacherBaseByNo(query).then((response: any) => {
+        teacherList.value = response.data || []
+      }).catch(() => {
+        teacherList.value = []
+      })
+    }, 200)
+  }
+}
+
+// 发送图片
+const handleSendImg = () => {
+  messageBox.confirm('是否确认同步招生图片到市平台？请谨慎操作').then(() => {
         return sendImg()
-      }).then(data => {
-        this.$message.success('同步图片请求已发起,请耐心等待')
-      }).catch(function (err) {
-        hideLoading()
-      })
-    },
-    tbStuWork() {
-      let _this = this;
-      if (this.dataForm.groupId == '') {
-        this.$message({
-          message: '招生计划不能为空',
-          type: 'warning'
-        });
-        return
-      }
-      this.$confirm('是否确认同步学工？请谨慎操作', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(function () {
-        showLoading()
-        return tbStuWork(_this.dataForm)
-      }).then(data => {
-        hideLoading()//关闭加载
-        this.$message.success('同步完成')
-      }).catch(function (err) {
-        hideLoading()
-      })
-    },
-    oneClassAndStuNo() {
-      let _this = this;
-      if (this.dataForm.groupId == '') {
-        this.$message({
-          message: '招生计划不能为空',
-          type: 'warning'
-        });
-        return
-      }
-      this.$confirm('是否确认一键分配班级和学号？请谨慎操作', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(function () {
-        showLoading()
-        return oneClassAndStuNo(_this.dataForm)
-      }).then(data => {
-        hideLoading()//关闭加载
-        this.$message.success('分配完成')
-      }).catch(function (err) {
+  }).then(() => {
+    message.success('同步图片请求已发起,请耐心等待')
+  }).catch(() => {
         hideLoading()
       })
+}
 
-    },
-    downZip() {
-      if (this.dataForm.groupId == '') {
-        this.$message({
-          message: '招生计划不能为空',
-          type: 'warning'
-        });
+// 同步学工
+const handleTbStuWork = () => {
+  if (dataForm.groupId == '') {
+    message.warning('招生计划不能为空')
         return
       }
-      showLoading()//显示加载中
-      exportZip(this.dataForm).then(res => { // 处理返回的文件流
-        hideLoading()//关闭加载
-        const blob = new Blob([res.data]);
-        let fileName = "";
-        const elink = document.createElement('a');
-        elink.download = "招生名单.zip";
-        elink.style.display = 'none';
-        elink.href = URL.createObjectURL(blob);
-        document.body.appendChild(elink);
-        elink.click();
-        URL.revokeObjectURL(elink.href); // 释放URL 对象
-        document.body.removeChild(elink);
-      }).catch(function (err) {
+  messageBox.confirm('是否确认同步学工？请谨慎操作').then(() => {
+        showLoading()
+    return tbStuWork(dataForm)
+  }).then(() => {
+    hideLoading()
+    message.success('同步完成')
+  }).catch(() => {
+        hideLoading()
       })
+}
 
-    },
-    baiduMap(row) {
-      this.baiduMapVisible = true
-      this.$nextTick(() => {
-        this.$refs.baiduMapRef.init(row)
-      })
-    },
-    setDormFW() {
-      this.dormFWRefVisible = true
-      this.$nextTick(() => {
-        this.$refs.dormFWRef.init()
-      })
-    },
-    yjOut() {
-      let _this = this;
-      if (this.dataForm.groupId == '') {
-        this.$message({
-          message: '招生计划不能为空',
-          type: 'warning'
-        });
+// 一键分配班级和学号
+const handleOneClassAndStuNo = () => {
+  if (dataForm.groupId == '') {
+    message.warning('招生计划不能为空')
         return
       }
-      this.$confirm('是否确认一键判断是否超出住宿范围？请谨慎操作', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(function () {
-        return yjOut({groupId: _this.dataForm.groupId})
-      }).then(data => {
-        this.$message.success('操作成功')
-        this.getDataList()
+  messageBox.confirm('是否确认一键分配班级和学号？请谨慎操作').then(() => {
+        showLoading()
+    return Promise.all([oneClass(dataForm), oneStuNo(dataForm)])
+  }).then(() => {
+    hideLoading()
+    message.success('分配完成')
+  }).catch(() => {
+        hideLoading()
       })
-    },
-    handleExportAudit(type) {
-      if (this.dataForm.groupId == '') {
-        this.$message({
-          message: '招生计划不能为空',
-          type: 'warning'
-        });
+}
+
+// 下载zip
+const downZip = () => {
+  if (dataForm.groupId == '') {
+    message.warning('招生计划不能为空')
         return
       }
-      this.downFile(type);
-    },
-    handleExport() {
-      if (this.dataForm.groupId == '') {
-        this.$message({
-          message: '招生计划不能为空',
-          type: 'warning'
-        });
+  showLoading()
+  exportZip(dataForm).then(res => {
+    hideLoading()
+    const blob = new Blob([res.data])
+    const elink = document.createElement('a')
+    elink.download = '招生名单.zip'
+    elink.style.display = 'none'
+    elink.href = URL.createObjectURL(blob)
+    document.body.appendChild(elink)
+    elink.click()
+    URL.revokeObjectURL(elink.href)
+    document.body.removeChild(elink)
+  }).catch(() => {
+    hideLoading()
+  })
+}
+
+// 百度地图
+const baiduMap = (row: any) => {
+  baiduMapVisible.value = true
+  nextTick(() => {
+    baiduMapRef.value?.init(row)
+  })
+}
+
+// 设置宿舍
+const setDormFW = () => {
+  dormFWRefVisible.value = true
+  nextTick(() => {
+    dormFWRef.value?.init()
+  })
+}
+
+// 一键判断是否超出住宿范围
+const handleYjOut = () => {
+  if (dataForm.groupId == '') {
+    message.warning('招生计划不能为空')
         return
       }
-      this.exportExcel(this.dataForm, '/recruit/recruitstudentsignup/exportData').then(res => { // 处理返回的文件流
-        const blob = new Blob([res.data]);
-        const elink = document.createElement('a');
-        elink.download = "招生名单导出.xls";
-        elink.style.display = 'none';
-        elink.href = URL.createObjectURL(blob);
-        document.body.appendChild(elink);
-        elink.click();
-        URL.revokeObjectURL(elink.href); // 释放URL 对象
-        document.body.removeChild(elink);
-      }).catch(function (err) {
-      })
-    },
-    exportExcel: function (form, url) {
-      return axios({ // 用axios发送post请求
+  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({
         method: 'post',
-        url: url, // 请求地址
-        data: form, // 参数
-        responseType: 'blob', // 表明返回服务器返回的数据类型
+    url: url,
+    data: form,
+    responseType: 'blob',
         headers: {
           'Content-Type': 'application/json'
         }
       })
-    },
-    downFile(type) {
-      let _that = this;
-      this.dataForm.type = type;
-      this.exportExcel(this.dataForm, '/recruit/recruitstudentsignup/exportExcel').then(res => { // 处理返回的文件流
-        const blob = new Blob([res.data]);
-        let fileName = "";
-        if (type == 1) {
-          fileName = '延迟缴费名单导出.xlsx';
-        } else {
-          fileName = '超时缴费名单导出.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); // 释放URL 对象
-        document.body.removeChild(elink);
-      }).catch(function (err) {
-      })
-    },
-    beginDate() {
-      const self = this
-      return {
-        disabledDate(time) {
-          if (self.dataForm.endDate) {  //如果结束时间不为空，则小于结束时间
-            return new Date(self.dataForm.endDate).getTime() < time.getTime()
-          } else {
-          }
-        }
-      }
-    },
-    processDate() {
-      const self = this
-      return {
-        disabledDate(time) {
-          if (self.dataForm.startDate) {  //如果开始时间不为空，则结束时间大于开始时间
-            return new Date(self.dataForm.startDate).getTime() > time.getTime()
-          } else {
-          }
-        }
-      }
-    },
-    init() {
-      //查询二级学院信息
-      getDeptList().then(data => {
-        this.deptList = data.data
-      })
-      list().then(data => {
-        this.planList = data.data
-        this.dataForm.groupId = this.planList[0].id;
-        this.getDataList()
-        this.chanMajor()
-      });
-      getTypeValue('finance_student_source').then(res => {
-        this.eduList = res.data
-      })
-      // 批量获取字典数据：面试结果、资料审核状态、缴费状态
-      getDictsByTypes(['interview_dic', 'recruit_zlsh', 'recruit_pay_status']).then((res) => {
-        this.interviewDicList = res.data.interview_dic || []
-        this.zlshList = res.data.recruit_zlsh || []
-        this.paystatusList = res.data.recruit_pay_status || []
-      })
-      //所有经办人
-      getUserListByRole(ROLE_CODE.ROLE_RECRUIT_SECOND).then(res => {
-        this.auditorList = res.data;
-        getUserListByRole(ROLE_CODE.ROLE_RECRUIT).then(re => {
-          re.data.forEach(r => {
-            this.auditorList.push(r)
-          });
-          this.auditorList = this.unique(this.auditorList);
-        });
+}
 
-      });
-    },
-    unique(arr) {
-      const rese = new Map();
-      return arr.filter((arr) => !rese.has(arr.username) && rese.set(arr.username, 1))
-    },
-    //性别
-    getGender(gender) {
-      if (gender == '2') {
-        return '女'
-      }
-      if (gender == '1') {
-        return '男'
-      }
-    },
-    chanMajor() {
-      this.planMajorList = [];
-      planMajor({groupId: this.dataForm.groupId}).then(data => {
-        this.planMajorList = data.data;
-      });
-    },
-    handleFilter() {
-      this.pageIndex = 1;
-      this.getDataList();
-    },
-    // 获取数据列表
-    getDataList() {
-      this.dataList = []
-      this.dataListLoading = true
-      fetchList(Object.assign({
-        current: this.pageIndex,
-        size: this.pageSize
-      }, this.dataForm)).then(response => {
-        this.dataList = response.data.records
-        this.totalPage = response.data.total
-      })
-      this.dataListLoading = false
-    },
-    // 每页数
-    sizeChangeHandle(val) {
-      this.pageSize = val
-      this.pageIndex = 1
-      this.getDataList()
-    },
-    // 当前页
-    currentChangeHandle(val) {
-      this.pageIndex = val
-      this.getDataList()
-    },
-    // 新增 / 修改
-    addOrUpdateHandle(id, type) {
-      this.addOrUpdateVisible = true
-      this.$nextTick(() => {
-        this.$refs.addOrUpdate.init(id, type)
-      })
-    },
-    // 新增 / 修改
-    edit(id) {
-      this.updateVisible = true
-      this.$nextTick(() => {
-        this.$refs.update.init(id)
-      })
-    },
-    majorChange(id) {
-      this.majorChangeVisible = true
-      this.$nextTick(() => {
-        this.$refs.majorChange.init(id)
-      })
-    },
-    update(id, groupId, feeAgency) {
-      this.$confirm('是否确认办理退学操作？请谨慎操作', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(function () {
-        return leaveSchool({id: id, groupId: groupId, feeAgency: feeAgency})
-      }).then(data => {
-        this.$message.success('操作成功')
-        this.getDataList()
-      })
-    },
-    // 删除
-    deleteHandle(id) {
-      this.$confirm('是否确认删除本条数据？请谨慎操作', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(function () {
-        return delObj(id)
-      }).then(data => {
-        this.$message.success('删除成功')
-        this.getDataList()
-      })
-    },
-    resetForm(formName) {
-      this.$refs[formName].resetFields();
-    },
-    //使用插槽  缴费状态
-    getStatus(type) {
-      if (type == '0') {
-        return '未缴费'
-      } else if (type == '5') {
-        return '部分缴费'
-      } else if (type == '10') {
-        return '已缴费'
-      }
-    },
-    getPushed(type) {
-      if (type == '0') {
-        return '未推送'
-      } else if (type == '1') {
-        return '已推送'
-      }
-    },
-    getMajor(type) {
-      if (type == '0') {
-        return '未申请'
-      } else if (type == '1') {
-        return '待审核'
-      } else if (type == '2') {
-        return '驳回'
-      } else if (type == '3') {
-        return '已通过'
-      }
-    },
-    lqtz(row) {
-      this.$nextTick(() => {
-        this.$refs.admissionNoticeDialogRef?.init(row)
-      })
-    },
-    infoTable(row) {
-      window.open("printRecruitedStu.html?appId=" + row.id);
-    },
-    pushCity(id) {
-      let _this = this;
-      this.$confirm('是否确认推送该数据到市局审核？请谨慎操作', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(function () {
-        return pushCity({id: id})
-      }).then(data => {
-        this.$message.success('推送成功')
-        this.getDataList()
-      })
-    },
-    rePush(row) {
-      this.$confirm('是否确认重新推送本条数据？请谨慎操作', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(function () {
-        return rePush({id: row.id})
-      }).then(data => {
-        this.$message.success('推送成功')
-        this.getDataList()
-      })
-    },
-    delayPayTimeSet(row) {
-      this.$nextTick(() => {
-        this.$refs.delayPayTimeDialogRef?.init(row)
-      })
-    },
-    showPayCode(row) {
-      this.$nextTick(() => {
-        this.$refs.payQrcodeDialogRef?.init(row)
-      })
-    },
-    interviewForm(row) {
-      this.$refs.interviewFormRef.init(row)
-    },
+// 导出文件
+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 == '') {
+    message.warning('招生计划不能为空')
+    return
+  }
+  exportExcel(dataForm, '/recruit/recruitstudentsignup/exportData').then(res => {
+    const blob = new Blob([res.data])
+    const elink = document.createElement('a')
+    elink.download = '招生名单导出.xls'
+    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 unique = (arr: any[]) => {
+  const rese = new Map()
+  return arr.filter((item) => !rese.has(item.username) && rese.set(item.username, 1))
+}
+
+// 性别
+const getGender = (gender: string) => {
+  if (gender == '2') return '女'
+  if (gender == '1') return '男'
+  return ''
+}
+
+// 切换专业
+const chanMajor = () => {
+  planMajorList.value = []
+  if (dataForm.groupId) {
+    planMajor({ groupId: dataForm.groupId }).then(data => {
+      planMajorList.value = data.data
+    })
   }
 }
+
+// 查询
+const handleFilter = () => {
+  pageIndex.value = 1
+  getDataList()
+}
+
+    // 获取数据列表
+const getDataList = () => {
+  dataList.value = []
+  dataListLoading.value = true
+  fetchList({
+    current: pageIndex.value,
+    size: pageSize.value,
+    ...dataForm
+  }).then(response => {
+    dataList.value = response.data.records
+    totalPage.value = response.data.total
+    dataListLoading.value = false
+  }).catch(() => {
+    dataListLoading.value = false
+  })
+}
+
+    // 每页数
+const sizeChangeHandle = (val: number) => {
+  pageSize.value = val
+  pageIndex.value = 1
+  getDataList()
+}
+
+    // 当前页
+const currentChangeHandle = (val: number) => {
+  pageIndex.value = val
+  getDataList()
+}
+
+    // 新增 / 修改
+const addOrUpdateHandle = (id?: string, type?: number) => {
+  addOrUpdateVisible.value = true
+  nextTick(() => {
+    addOrUpdateRef.value?.init(id, type)
+  })
+}
+
+// 编辑
+const edit = (id: string) => {
+  updateVisible.value = true
+  nextTick(() => {
+    updateRef.value?.init(id)
+  })
+}
+
+// 专业调整
+const majorChange = (id: string) => {
+  majorChangeVisible.value = true
+  nextTick(() => {
+    majorChangeRef.value?.init(id)
+  })
+}
+
+// 退学
+const handleUpdate = (id: string, groupId: string, feeAgency: string) => {
+  messageBox.confirm('是否确认办理退学操作？请谨慎操作').then(() => {
+    return leaveSchool({ id, groupId, feeAgency })
+  }).then(() => {
+    message.success('操作成功')
+    getDataList()
+  })
+}
+
+// 删除
+const deleteHandle = (id: string) => {
+  messageBox.confirm('是否确认删除本条数据？请谨慎操作').then(() => {
+        return delObj(id)
+  }).then(() => {
+    message.success('删除成功')
+    getDataList()
+  })
+}
+
+// 重置表单
+const resetForm = (formName: string) => {
+  if (formName === 'searchForm') {
+    searchFormRef.value?.formRef?.resetFields()
+  }
+}
+
+// 缴费状态
+const getStatus = (type: string) => {
+  if (type == '0') return '未缴费'
+  if (type == '5') return '部分缴费'
+  if (type == '10') return '已缴费'
+  return ''
+}
+
+// 推送状态
+const getPushed = (type: string) => {
+  if (type == '0') return '未推送'
+  if (type == '1') return '已推送'
+  return ''
+}
+
+// 专业状态
+const getMajor = (type: string) => {
+  if (type == '0') return '未申请'
+  if (type == '1') return '待审核'
+  if (type == '2') return '驳回'
+  if (type == '3') return '已通过'
+  return ''
+}
+
+// 录取通知书
+const lqtz = (row: any) => {
+  nextTick(() => {
+    admissionNoticeDialogRef.value?.init(row)
+  })
+}
+
+// 信息表
+const infoTable = (row: any) => {
+  window.open('printRecruitedStu.html?appId=' + row.id)
+}
+
+// 推送市局
+const handlePushCity = (id: string) => {
+  messageBox.confirm('是否确认推送该数据到市局审核？请谨慎操作').then(() => {
+    return pushCityApi({ id })
+  }).then(() => {
+    message.success('推送成功')
+    getDataList()
+  })
+}
+
+// 重新推送
+const handleRePush = (row: any) => {
+  messageBox.confirm('是否确认重新推送本条数据？请谨慎操作').then(() => {
+    return rePushApi({ id: row.id })
+  }).then(() => {
+    message.success('推送成功')
+    getDataList()
+  })
+}
+
+// 延迟缴费
+const delayPayTimeSet = (row: any) => {
+  nextTick(() => {
+    delayPayTimeDialogRef.value?.init(row)
+  })
+}
+
+// 支付二维码
+const showPayCode = (row: any) => {
+  nextTick(() => {
+    payQrcodeDialogRef.value?.init(row)
+  })
+}
+
+// 面试
+const interviewForm = (row: any) => {
+  interviewFormRef.value?.init(row)
+}
+
+// 初始化
+const init = async () => {
+  // 查询二级学院信息
+  getDeptList().then(data => {
+    deptList.value = data.data
+  })
+  
+  // 获取招生计划列表
+  list().then(data => {
+    planList.value = data.data
+    if (planList.value.length > 0) {
+      dataForm.groupId = planList.value[0].id
+      getDataList()
+      chanMajor()
+    }
+  })
+  
+  // 获取文化程度字典
+  getTypeValue('finance_student_source').then(res => {
+    eduList.value = res.data
+  })
+  
+  // 批量获取字典数据：面试结果、资料审核状态、缴费状态
+  getDictsByTypes(['interview_dic', 'recruit_zlsh', 'recruit_pay_status']).then((res) => {
+    interviewDicList.value = res.data.interview_dic || []
+    zlshList.value = res.data.recruit_zlsh || []
+    paystatusList.value = res.data.recruit_pay_status || []
+  })
+  
+  // 所有经办人
+  getUserListByRole(ROLE_CODE.ROLE_RECRUIT_SECOND).then((res: any) => {
+    auditorList.value = res.data || []
+    getUserListByRole(ROLE_CODE.ROLE_RECRUIT).then((re: any) => {
+      if (re.data) {
+        re.data.forEach((r: any) => {
+          auditorList.value.push(r)
+        })
+      }
+      auditorList.value = unique(auditorList.value)
+    })
+  })
+}
+
+// 监听招生计划变化
+watch(() => dataForm.groupId, () => {
+  if (dataForm.groupId) {
+    chanMajor()
+  }
+})
+
+onMounted(() => {
+  init()
+})
 </script>
+
+<style lang="scss" scoped>
+// 样式内容
+</style>