RISE/school-developer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

招生

Browse Source
This commit is contained in:
zhoutianchi
2026-01-14 10:52:06 +08:00
parent 8c1f4ec05e
commit d0c8ea0223
140 changed files with 16969 additions and 11469 deletions
Download Patch File Download Diff File Expand all files Collapse all files

395
src/views/recruit/recruitprestudent/enrolplantemplate-form.vue Normal file
View File

@@ -0,0 +1,395 @@
<template>
<el-dialog
:title="!dataForm.id ? '新增' : '修改'"
:close-on-click-modal="false"
:visible.sync="visible">
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="140px">
<el-form-item label="招生计划名称" prop="groupId">
<el-select v-model="dataForm.groupId" filterable placeholder="请选择招生计划" size="small" style="width: 100%;" :disabled="!dataForm.id ? false : true">
<el-option
v-for="item in planList"
:key="item.id"
:label="item.groupName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="姓名" prop="name">
<el-input v-model="dataForm.name" placeholder="姓名"></el-input>
</el-form-item>
<el-form-item label="电话" prop="phone">
<el-input v-model="dataForm.phone" placeholder="电话"></el-input>
</el-form-item>
<el-form-item label="身份证" prop="idCard">
<el-input v-model="dataForm.idCard" placeholder="身份证"></el-input>
</el-form-item>
<el-form-item label="性别" prop="gender">
<el-select v-model="dataForm.gender" style="width: 100%" >
<el-option
v-for="item in sexyList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="准考证" prop="admission">
<el-input v-model="dataForm.admission" placeholder="准考证"></el-input>
</el-form-item>
<el-form-item label="中考成绩" prop="achievement">
<el-input-number v-model="dataForm.achievement" :min=0 :max=700 placeholder="中考成绩" style="width: 100%"></el-input-number>
</el-form-item>
<!-- <el-form-item label="联系人" prop="contactsNo">-->
<!-- <el-select v-model="dataForm.contactsNo" filterable clearable placeholder="" size="small" style="width: 100%" >-->
<!-- <el-option-->
<!-- v-for="item in contactNameList"-->
<!-- :key="item.teacherNo"-->
<!-- :label="item.realName+'-'+item.deptCode"-->
<!-- :value="item.teacherNo">-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item label="对接人" prop="djUser" v-if="permissions.recruit_recruitprestudent_dj_sure">
<el-select v-model="dataForm.djUser" filterable clearable placeholder="" size="small" style="width: 100%" >
<el-option
v-for="item in contactNameList"
:key="item.teacherNo"
:label="item.realName+'-'+item.deptCode"
:value="item.teacherNo">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="学校" prop="schoolId">
<el-select v-model="dataForm.schoolId" filterable placeholder="请选择学校" size="small" style="width: 100%;" >
<el-option
v-for="item in schoolList"
:key="item.id"
:label="item.schoolName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="拟报专业1" prop="planMajorOne">
<el-select v-model="dataForm.planMajorOne" filterable placeholder="请选择拟报专业1" size="small" style="width: 100%;" >
<el-option
v-for="item in planMajorList"
:key="item.id"
:label="item.zymc"
:value="item.id"
:disabled="isDisable(item.id)"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="拟报专业2" prop="planMajorTwo">
<el-select v-model="dataForm.planMajorTwo" filterable clearable placeholder="请选择拟报专业2" size="small" style="width: 100%;"
>
<el-option
v-for="item in planMajorList"
:key="item.id"
:label="item.zymc"
:value="item.id"
:disabled="isDisable(item.id)"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="拟报专业3" prop="planMajorThree">
<el-select v-model="dataForm.planMajorThree" filterable clearable placeholder="请选择拟报专业3" size="small" style="width: 100%;" >
<el-option
v-for="item in planMajorList"
:key="item.id"
:label="item.zymc"
:value="item.id"
:disabled="isDisable(item.id)"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="拟报专业4" prop="planMajorFour">
<el-select v-model="dataForm.planMajorFour" filterable clearable placeholder="请选择拟报专业4" size="small" style="width: 100%;" >
<el-option
v-for="item in planMajorList"
:key="item.id"
:label="item.zymc"
:value="item.id"
:disabled="isDisable(item.id)"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="拟报专业5" prop="planMajorFive">
<el-select v-model="dataForm.planMajorFive" filterable clearable placeholder="请选择拟报专业5" size="small" style="width: 100%;" >
<el-option
v-for="item in planMajorList"
:key="item.id"
:label="item.zymc"
:value="item.id"
:disabled="isDisable(item.id)"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="拟报专业6" prop="planMajorSix">
<el-select v-model="dataForm.planMajorSix" filterable clearable placeholder="请选择拟报专业6" size="small" style="width: 100%;" >
<el-option
v-for="item in planMajorList"
:key="item.id"
:label="item.zymc"
:value="item.id"
:disabled="isDisable(item.id)"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="拟报专业7" prop="planMajorSeven">
<el-select v-model="dataForm.planMajorSeven" filterable clearable placeholder="请选择拟报专业5" size="small" style="width: 100%;" >
<el-option
v-for="item in planMajorList"
:key="item.id"
:label="item.zymc"
:value="item.id"
:disabled="isDisable(item.id)"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="拟报专业8" prop="planMajorEight">
<el-select v-model="dataForm.planMajorEight" filterable clearable placeholder="请选择拟报专业8" size="small" style="width: 100%;" >
<el-option
v-for="item in planMajorList"
:key="item.id"
:label="item.zymc"
:value="item.id"
:disabled="isDisable(item.id)"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="拟报专业9" prop="planMajorNine">
<el-select v-model="dataForm.planMajorNine" filterable clearable placeholder="请选择拟报专业9" size="small" style="width: 100%;" >
<el-option
v-for="item in planMajorList"
:key="item.id"
:label="item.zymc"
:value="item.id"
:disabled="isDisable(item.id)"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="拟报专业10" prop="planMajorTen">
<el-select v-model="dataForm.planMajorTen" filterable clearable placeholder="请选择拟报专业10" size="small" style="width: 100%;" >
<el-option
v-for="item in planMajorList"
:key="item.id"
:label="item.zymc"
:value="item.id"
:disabled="isDisable(item.id)"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="拟报专业11" prop="planMajorEleven">
<el-select v-model="dataForm.planMajorEleven" filterable clearable placeholder="请选择拟报专业11" size="small" style="width: 100%;" >
<el-option
v-for="item in planMajorList"
:key="item.id"
:label="item.zymc"
:value="item.id"
:disabled="isDisable(item.id)"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="拟报专业12" prop="planMajorTwelve">
<el-select v-model="dataForm.planMajorTwelve" filterable clearable placeholder="请选择拟报专业12" size="small" style="width: 100%;" >
<el-option
v-for="item in planMajorList"
:key="item.id"
:label="item.zymc"
:value="item.id"
:disabled="isDisable(item.id)"
>
</el-option>
</el-select>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="visible = false">取消</el-button>
<el-button type="primary" @click="dataFormSubmit()" v-if="canSubmit">确定</el-button>
</span>
</el-dialog>
</template>
<script>
import {getObj,addObjStu,putObj} from '@/api/recruit/recruitprestudent'
import {queryAllTeacherByRecruit} from "@/api/professional/teacherbase";
import {mapGetters} from "vuex";
import {list} from "@/api/recruit/recruitstudentplangroup";
export default {
props:["planList","planMajorList","schoolList"],
data () {
return {
visible: false,
canSubmit: false,
contactNameList:[],
sexyList: [
{
label: '男',
value: '1'
},
{
label: '女',
value: '2'
}
],
dataForm: {
groupId:"",
name:"",
gender:"",
phone:"",
idCard:"",
schoolId:"",
planMajorOne:"",
planMajorTwo:"",
planMajorThree:"",
planMajorFour:"",
planMajorFive:"",
planMajorSix:"",
planMajorSeven:"",
planMajorEight:"",
planMajorNine:"",
planMajorTen:"",
planMajorEleven:"",
planMajorTwelve:"",
admission:"",
achievement:"",
contactsNo:"",
djUser:""
},
dataRule: {
planMajorOne: [
{ required: true, message: '拟报专业1不能为空', trigger: 'blur' }
],
groupId: [
{ required: true, message: '招生计划不能为空', trigger: 'blur' }
],
name: [
{ required: true, message: '姓名不能为空', trigger: 'blur' },
{ min: 1,max:20, message: "姓名长度最多20位", trigger: "blur" }
],
phone: [
{ required: true, message: '电话不能为空', trigger: 'blur' },
{ min: 11,max:11, message: "电话号码长度为11位", trigger: "blur" }
],
gender: [
{ required: true, message: '性别不能为空', trigger: 'blur' }
],
schoolId: [
{ required: true, message: '学校不能为空', trigger: 'blur' }
],
// admission: [
// { required: true, message: '准考证不能为空', trigger: 'blur' }
// ],
// achievement: [
// { required: true, message: '中考成绩不能为空', trigger: 'blur' }
// ],
}
}
},
created () {
},
computed: {
...mapGetters(['permissions'])
},
methods: {
init (id) {
let _this = this;
this.dataForm.id = id || null;
this.visible = true;
this.canSubmit = true;
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
queryAllTeacherByRecruit().then(res =>{
this.contactNameList = res.data.data
});
if (this.dataForm.id) {
getObj(this.dataForm.id).then(response => {
_this.dataForm = response.data.data
_this.dataForm.year = this.dataForm.year+"";
})
}else {
list().then(data => {
_this.planList = data.data.data
_this.dataForm.groupId = _this.planList[0].id;
})
}
})
},
isDisable(id){
if(id==this.dataForm.planMajorOne
||id==this.dataForm.planMajorTwo
||id==this.dataForm.planMajorThree
||id==this.dataForm.planMajorFour
||id==this.dataForm.planMajorFive
||id==this.dataForm.planMajorSix
||id==this.dataForm.planMajorSeven
||id==this.dataForm.planMajorEight
||id==this.dataForm.planMajorNine
||id==this.dataForm.planMajorTen
||id==this.dataForm.planMajorEleven
||id==this.dataForm.planMajorTwelve
){
return true
}else {
return false
}
},
// 表单提交
dataFormSubmit () {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
this.canSubmit = false;
if (this.dataForm.id) {
putObj(this.dataForm).then(data => {
this.$notify.success('修改成功')
this.visible = false
this.$emit('refreshDataList')
}).catch(() => {
this.canSubmit = true;
});
} else {
this.dataForm.djUser=null;
this.dataForm.djTime=null;
this.dataForm.djName=null;
this.dataForm.djDept=null;
this.dataForm.isDj="0";
addObjStu(this.dataForm).then(data => {
this.$notify.success('添加成功')
this.visible = false
this.$emit('refreshDataList')
}).catch(() => {
this.canSubmit = true;
});
}
}
})
}
}
}
</script>

396
src/views/recruit/recruitprestudent/index.vue Normal file
View File

@@ -0,0 +1,396 @@
<!--
- 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">
<!-- 搜索表单 -->
<el-form :model="queryForm" inline class="mb-4" ref="searchFormRef">
<el-form-item label="招生计划" prop="groupId">
<el-select v-model="queryForm.groupId" filterable clearable placeholder="请选择招生计划" @change="changeG" style="width: 150px;">
<el-option
v-for="item in planList"
:key="item.id"
:label="item.groupName"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item label="对接部门" prop="deptCode">
<el-select v-model="queryForm.deptCode" filterable clearable placeholder="请选择对接部门" style="width: 150px;">
<el-option
v-for="item in deptList"
:key="item.deptCode"
:label="item.deptName"
:value="item.deptCode"
/>
</el-select>
</el-form-item>
<el-form-item label="是否对接" prop="isDj">
<el-select v-model="queryForm.isDj" filterable clearable placeholder="请选择是否对接" style="width: 80px;">
<el-option
v-for="item in isDjList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="对接人" prop="djUser">
<el-input v-model="queryForm.djName" type="text" style="width: 100px;" placeholder="请输入对接人" />
</el-form-item>
<el-form-item label="姓名/身份证/电话" prop="name">
<el-input v-model="queryForm.name" clearable placeholder="请填写学生姓名/身份证/电话" />
</el-form-item>
<el-form-item label="学校" prop="schoolId">
<el-select v-model="queryForm.schoolId" filterable clearable placeholder="请选择学校">
<el-option
v-for="item in schoolList"
:key="item.id"
:label="item.schoolName"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item label="拟报专业" prop="planMajorOne">
<el-select v-model="queryForm.planMajorOne" filterable clearable placeholder="请选择拟报专业">
<el-option
v-for="item in planMajorList"
:key="item.id"
:label="item.zymc + ' || ' + item.zydm"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="getDataList">查询</el-button>
<el-button type="primary" plain icon="Refresh" class="ml10" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- 操作按钮 -->
<div class="mb15">
<el-button
v-if="permissions.recruit_recruitprestudent_add"
type="primary"
icon="FolderAdd"
@click="addOrUpdateHandle(null)"
>
新增
</el-button>
<el-button
type="warning"
plain
icon="Download"
class="ml10"
:loading="exportLoading"
@click="dataExportHandle"
>
导出
</el-button>
</div>
<!-- 表格 -->
<el-table
ref="tableRef"
:data="state.dataList"
v-loading="state.loading"
border
stripe
:cell-style="tableStyle.cellStyle"
:header-cell-style="tableStyle.headerCellStyle"
>
<el-table-column type="index" label="序号" width="60" align="center" />
<el-table-column label="操作" width="200" align="center" fixed="left">
<template #default="scope">
<el-button
v-if="permissions.recruit_recruitprestudent_edit"
type="primary"
link
icon="EditPen"
@click="addOrUpdateHandle(scope.row.id)"
>
调整
</el-button>
<el-button
v-if="permissions.recruit_recruitprestudent_dj && scope.row.isDj == '0'"
type="success"
link
icon="CircleCheck"
@click="sureDJ(scope.row.id)"
>
确认对接
</el-button>
<el-button
v-if="permissions.recruit_recruitprestudent_del"
type="danger"
link
icon="Delete"
@click="deleteHandle(scope.row.id)"
>
删除
</el-button>
</template>
</el-table-column>
<el-table-column prop="djName" label="对接人" width="150" align="center">
<template #default="scope">
{{ scope.row.djName }} <br />
<span style="color: #0e90d2">{{ scope.row.djTime }}</span>
</template>
</el-table-column>
<el-table-column prop="name" label="学生姓名" width="120" align="center" show-overflow-tooltip />
<el-table-column prop="phone" label="电话" width="120" align="center" show-overflow-tooltip />
<el-table-column prop="achievement" label="中考分数" width="80" align="center" show-overflow-tooltip />
<el-table-column prop="admission" label="准考证号" width="120" align="left" show-overflow-tooltip />
<el-table-column prop="planMajorOne" label="拟报专业1" align="left" show-overflow-tooltip>
<template #default="scope">
{{ getMajorName(scope.row.planMajorOne) }}
</template>
</el-table-column>
<el-table-column prop="schoolId" label="学校" align="center" show-overflow-tooltip>
<template #default="scope">
{{ getSchoolName(scope.row.schoolId) }}
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<pagination
v-bind="state.pagination"
@current-change="currentChangeHandle"
@size-change="sizeChangeHandle"
/>
<!-- 弹窗, 新增 / 修改 -->
<table-form
v-if="addOrUpdateVisible"
ref="addOrUpdateRef"
@refreshDataList="getDataList"
:planList="planList"
:planMajorList="planMajorList"
:schoolList="schoolList"
/>
</div>
</div>
</template>
<script setup lang="ts" name="recruitprestudent">
import { ref, reactive, computed, onMounted, nextTick, defineAsyncComponent } from 'vue'
import { storeToRefs } from 'pinia'
import { useUserInfo } from '/@/stores/userInfo'
import { BasicTableProps, useTable } from '/@/hooks/table'
import { useMessage, useMessageBox } from '/@/hooks/message'
import { delObj, fetchList, sureDJ } from '/@/api/recruit/recruitprestudent'
import { list } from '/@/api/recruit/recruitstudentplangroup'
import { listcz } from '/@/api/recruit/recruitplanmajor'
import { list as schoolListApi } from '/@/api/recruit/recruitstudentschool'
import { getDeptListByLevelTwo } from '/@/api/basic/basicdept'
// @ts-ignore
import global from '@/components/tools/commondict'
const TableForm = defineAsyncComponent(() => import('./enrolplantemplate-form.vue'))
// 使用 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 addOrUpdateVisible = ref(false)
const exportLoading = ref(false)
// 数据
const planList = ref<any[]>([])
const deptList = ref<any[]>([])
const schoolList = ref<any[]>([])
const planMajorList = ref<any[]>([])
const isDjList = ref([{ label: '是', value: '1' }, { label: '否', value: '0' }])
// 查询表单
const queryForm = reactive({
groupId: '',
deptCode: '',
isDj: '',
djName: '',
name: '',
schoolId: '',
planMajorOne: ''
})
// 获取专业名称
const getMajorName = (majorId: string) => {
const item = planMajorList.value.find(item => item.id === majorId)
return item ? item.zymc : ''
}
// 获取学校名称
const getSchoolName = (schoolId: string) => {
const item = schoolList.value.find(item => item.id === schoolId)
return item ? item.schoolName : ''
}
// 表格状态
const state: BasicTableProps = reactive<BasicTableProps>({
queryForm: queryForm,
pageList: async (params: any) => {
const response = await fetchList(params)
return {
data: {
records: response.data.data.records,
total: response.data.data.total
}
}
},
createdIsNeed: false
})
// 使用 table hook
const { getDataList, currentChangeHandle, sizeChangeHandle, tableStyle, downBlobFile } = useTable(state)
// 初始化
const init = async () => {
try {
// 获取部门列表
const deptData = await getDeptListByLevelTwo()
deptList.value = deptData.data.data || []
// 获取招生计划列表
const planData = await list()
planList.value = planData.data.data || []
if (planList.value.length > 0) {
queryForm.groupId = planList.value[0].id
await getMajor(queryForm.groupId)
// 获取学校列表
const schoolData = await schoolListApi({ groupId: queryForm.groupId })
schoolList.value = schoolData.data.data || []
}
getDataList()
} catch (error) {
console.error('初始化失败', error)
}
}
// 招生计划改变
const changeG = async () => {
if (queryForm.groupId) {
await getMajor(queryForm.groupId)
const schoolData = await schoolListApi({ groupId: queryForm.groupId })
schoolList.value = schoolData.data.data || []
}
}
// 获取专业列表
const getMajor = async (groupId: string) => {
try {
const data = await listcz({ groupId })
planMajorList.value = data.data.data || []
getDataList()
} catch (error) {
console.error('获取专业列表失败', error)
}
}
// 新增 / 修改
const addOrUpdateHandle = (id?: string) => {
addOrUpdateVisible.value = true
nextTick(() => {
addOrUpdateRef.value?.init(id)
})
}
// 确认对接
const sureDJ = async (id: string) => {
try {
await messageBox.confirm('是否确认已对接？请谨慎操作')
await sureDJ({ id, isDj: '1' })
message.success('确认成功')
getDataList()
} catch {
// 用户取消
}
}
// 删除
const deleteHandle = async (id: string) => {
try {
await messageBox.confirm('是否确认删除本条数据？请谨慎操作')
await delObj(id)
message.success('删除成功')
getDataList()
} catch {
// 用户取消
}
}
// 重置查询
const resetQuery = () => {
searchFormRef.value?.resetFields()
queryForm.groupId = ''
queryForm.deptCode = ''
queryForm.isDj = ''
queryForm.djName = ''
queryForm.name = ''
queryForm.schoolId = ''
queryForm.planMajorOne = ''
if (planList.value.length > 0) {
queryForm.groupId = planList.value[0].id
}
getDataList()
}
// 导出
const dataExportHandle = async () => {
try {
exportLoading.value = true
await downBlobFile(
'/recruit/recruitprestudent/export',
queryForm,
'预登记导出.xls'
)
} catch (error: any) {
message.error(error.msg || '导出失败')
} finally {
exportLoading.value = false
}
}
onMounted(() => {
init()
})
</script>
<style lang="scss" scoped>
</style>

145
src/views/recruit/recruitprestudent/static.vue Normal file
View File

@@ -0,0 +1,145 @@
<template>
<div class="layout-padding">
<div class="layout-padding-auto layout-padding-view">
<el-form :model="queryForm" inline class="mb-4" ref="searchFormRef">
<el-form-item label="招生计划" prop="groupId">
<el-select v-model="queryForm.groupId" filterable clearable placeholder="请选择招生计划" @change="handleFilter">
<el-option
v-for="item in planList"
:key="item.id"
:label="item.groupName"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleFilter">查询</el-button>
<el-button type="primary" plain icon="Refresh" class="ml10" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<div class="mb15">
<el-button type="warning" plain icon="Download" :loading="exportLoading" @click="dataExportHandle">导出</el-button>
</div>
<el-table
:data="state.dataList"
border
stripe
v-loading="state.loading"
:cell-style="tableStyle.cellStyle"
:header-cell-style="tableStyle.headerCellStyle"
>
<el-table-column prop="zymc" header-align="center" align="center" label="专业" />
<el-table-column prop="number" header-align="center" align="center" label="人数" />
<el-table-column prop="rate" header-align="center" align="center" label="占比" />
</el-table>
</div>
</div>
</template>
<script setup lang="ts" name="recruitprestudent-static">
import { ref, reactive, computed, onMounted } from 'vue'
import { storeToRefs } from 'pinia'
import { useUserInfo } from '/@/stores/userInfo'
import { BasicTableProps, useTable } from '/@/hooks/table'
import { useMessage } from '/@/hooks/message'
import { fetchListStatic } from '/@/api/recruit/recruitprestudent'
import { list } from '/@/api/recruit/recruitstudentplangroup'
// @ts-ignore
import global from '/@/components/tools/commondict.vue'
// 使用 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 searchFormRef = ref()
// 状态
const planList = ref<any[]>([])
const exportLoading = ref(false)
// 查询表单
const queryForm = reactive({
groupId: ''
})
// 表格状态
const state: BasicTableProps = reactive<BasicTableProps>({
queryForm: queryForm,
pageList: async (params: any) => {
const response = await fetchListStatic(params)
return {
data: {
records: response.data.data || [],
total: response.data.data?.length || 0
}
}
},
createdIsNeed: false
})
// 使用 table hook
const { getDataList, tableStyle, downBlobFile } = useTable(state)
// 初始化
const init = async () => {
try {
const data = await list()
planList.value = data.data.data || []
if (planList.value.length > 0) {
queryForm.groupId = planList.value[0].id
getDataList()
}
} catch (error) {
console.error('初始化失败', error)
}
}
// 查询
const handleFilter = () => {
getDataList()
}
// 重置查询
const resetQuery = () => {
searchFormRef.value?.resetFields()
if (planList.value.length > 0) {
queryForm.groupId = planList.value[0].id
}
getDataList()
}
// 导出
const dataExportHandle = async () => {
try {
exportLoading.value = true
await downBlobFile(
'/recruit/recruitprestudent/staticExport',
queryForm,
'预登记统计.xls'
)
} catch (error: any) {
message.error(error.msg || '导出失败')
} finally {
exportLoading.value = false
}
}
onMounted(() => {
init()
})
</script>