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

1

Browse Source
This commit is contained in:
zhoutianchi
2026-01-15 11:54:21 +08:00
parent 8bdd7985d3
commit a36ba16332
2 changed files with 299 additions and 294 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/api/recruit/recruitstudentplangroup.ts
View File

@@ -71,3 +71,15 @@ export const putObj = (obj: any) => {
data: obj,
});
};
/**
* 更新
* @param obj
*/
export const editQuickField = (obj: any) => {
return request({
url: '/recruit/recruitstudentplangroup/editQuickField',
method: 'post',
data: obj,
});
};

247
src/views/recruit/recruitstudentplangroup/index.vue
View File

@@ -31,22 +31,10 @@
<!-- 操作按钮 -->
<div class="mb15">
<el-button
v-if="permissions.recruit_recruitstudentplangroup_add"
type="primary"
icon="FolderAdd"
@click="addOrUpdateHandle"
>
<el-button v-if="permissions.recruit_recruitstudentplangroup_add" type="primary" icon="FolderAdd" @click="addOrUpdateHandle">
新 增
</el-button>
<el-button
v-if="permissions.recruit_recruitexampeople_add"
type="primary"
plain
icon="UserFilled"
class="ml10"
@click="editExam"
>
<el-button v-if="permissions.recruit_recruitexampeople_add" type="primary" plain icon="UserFilled" class="ml10" @click="editExam">
审核人员
</el-button>
</div>
@@ -67,7 +55,9 @@
<template #default="scope">
<div class="date-cell">
<el-icon class="date-icon"><Calendar /></el-icon>
<span class="date-text">{{ dateFormat(scope.row.startDate, 'YYYY-mm-dd') + ' 至 ' + dateFormat(scope.row.endDate, 'YYYY-mm-dd') }}</span>
<span class="date-text">{{
dateFormat(scope.row.startDate, 'YYYY-mm-dd') + ' 至 ' + dateFormat(scope.row.endDate, 'YYYY-mm-dd')
}}</span>
</div>
</template>
</el-table-column>
@@ -75,7 +65,9 @@
<template #default="scope">
<div class="date-cell">
<el-icon class="date-icon"><Calendar /></el-icon>
<span class="date-text">{{ dateFormat(scope.row.maintenanceStartDate, 'YYYY-mm-dd') + ' 至 ' + dateFormat(scope.row.maintenanceEndDate, 'YYYY-mm-dd') }}</span>
<span class="date-text">{{
dateFormat(scope.row.maintenanceStartDate, 'YYYY-mm-dd') + ' 至 ' + dateFormat(scope.row.maintenanceEndDate, 'YYYY-mm-dd')
}}</span>
</div>
</template>
</el-table-column>
@@ -87,7 +79,7 @@
inactive-text="否"
active-value="1"
inactive-value="0"
@change="changeSm(scope.row)"
@change="changeSm(scope.row, 'czSignStart')"
/>
</template>
</el-table-column>
@@ -99,7 +91,7 @@
inactive-text="否"
active-value="1"
inactive-value="0"
@change="changeSm(scope.row)"
@change="changeSm(scope.row, 'gzSignStart')"
/>
</template>
</el-table-column>
@@ -111,7 +103,7 @@
inactive-text="否"
active-value="1"
inactive-value="0"
@change="changeSm(scope.row)"
@change="changeSm(scope.row, 'jzxSignStart')"
/>
</template>
</el-table-column>
@@ -123,7 +115,7 @@
inactive-text="否"
active-value="1"
inactive-value="0"
@change="changeSm(scope.row)"
@change="changeSm(scope.row, 'isPreStart')"
/>
</template>
</el-table-column>
@@ -138,22 +130,10 @@
>
调整
</el-button>
<el-button
v-if="permissions.recruit_recruitstudentplangroup_edit"
type="primary"
link
icon="Switch"
@click="majorHandle(scope.row)"
>
<el-button v-if="permissions.recruit_recruitstudentplangroup_edit" type="primary" link icon="Switch" @click="majorHandle(scope.row)">
专业调整
</el-button>
<el-button
v-if="permissions.recruit_recruitstudentplangroup_del"
type="primary"
link
icon="Delete"
@click="deleteHandle(scope.row.id)"
>
<el-button v-if="permissions.recruit_recruitstudentplangroup_del" type="primary" link icon="Delete" @click="deleteHandle(scope.row.id)">
删除
</el-button>
</template>
@@ -161,11 +141,7 @@
</el-table>
<!-- 分页 -->
<pagination
v-bind="state.pagination"
@current-change="currentChangeHandle"
@size-change="sizeChangeHandle"
/>
<pagination v-bind="state.pagination" @current-change="currentChangeHandle" @size-change="sizeChangeHandle" />
<!-- 弹窗, 新增 / 修改 -->
<table-form v-if="addOrUpdateVisible" ref="addOrUpdateRef" @refreshDataList="getDataList" />
@@ -174,188 +150,206 @@
</div>
<!-- 预登记二维码弹窗 -->
<el-dialog v-model="dialogFormVisible" title="预登记二维码" width="10%" height="50%" @close="dialogFormVisible=false">
<!-- <vue-qr :text="payQrcode" :size="200"></vue-qr>-->
<el-dialog v-model="dialogFormVisible" title="预登记二维码" width="10%" height="50%" @close="dialogFormVisible = false">
<!-- <vue-qr :text="payQrcode" :size="200"></vue-qr>-->
</el-dialog>
</div>
</template>
<script setup lang="ts" name="recruitstudentplangroup">
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, putObj } from '/@/api/recruit/recruitstudentplangroup'
import { formatDate } from '/@/utils/formatTime'
import { Calendar } from '@element-plus/icons-vue'
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, putObj, editQuickField } from '/@/api/recruit/recruitstudentplangroup';
import { formatDate } from '/@/utils/formatTime';
import { Calendar } from '@element-plus/icons-vue';
// import vueQr from 'vue-qr'
const TableForm = defineAsyncComponent(() => import('./enrolplantemplate-form.vue'))
const MajorGroupByDeptForm = defineAsyncComponent(() => import('@/views/recruit/recruitplanmajor/majorGroupByDept.vue'))
const ExamPeopleIndex = defineAsyncComponent(() => import('@/views/recruit/recruitexampeople/index.vue'))
const TableForm = defineAsyncComponent(() => import('./enrolplantemplate-form.vue'));
const MajorGroupByDeptForm = defineAsyncComponent(() => import('@/views/recruit/recruitplanmajor/majorGroupByDept.vue'));
const ExamPeopleIndex = defineAsyncComponent(() => import('@/views/recruit/recruitexampeople/index.vue'));
// 使用 Pinia store
const userInfoStore = useUserInfo()
const { userInfos } = storeToRefs(userInfoStore)
const userInfoStore = useUserInfo();
const { userInfos } = storeToRefs(userInfoStore);
// 创建权限对象
const permissions = computed(() => {
const perms: Record<string, boolean> = {}
const perms: Record<string, boolean> = {};
userInfos.value.authBtnList.forEach((perm: string) => {
perms[perm] = true
})
return perms
})
perms[perm] = true;
});
return perms;
});
// 消息提示 hooks
const message = useMessage()
const messageBox = useMessageBox()
const message = useMessage();
const messageBox = useMessageBox();
// 表格引用
const tableRef = ref()
const searchFormRef = ref()
const addOrUpdateRef = ref()
const majorGroupByDeptRef = ref()
const examPeopleIndexRef = ref()
const tableRef = ref();
const searchFormRef = ref();
const addOrUpdateRef = ref();
const majorGroupByDeptRef = ref();
const examPeopleIndexRef = ref();
// 弹窗状态
const addOrUpdateVisible = ref(false)
const exitExamVisible = ref(false)
const dialogFormVisible = ref(false)
const addOrUpdateVisible = ref(false);
const exitExamVisible = ref(false);
const dialogFormVisible = ref(false);
// 数据
const payQrcode = ref('')
const payQrcode = ref('');
// 查询表单
const queryForm = reactive({
groupName: ''
})
groupName: '',
});
// 日期格式化
const dateFormat = (date: string | null | undefined, format: string) => {
if (!date) return '-'
if (!date) return '-';
try {
return formatDate(new Date(date), format)
return formatDate(new Date(date), format);
} catch (error) {
return date
return date;
}
}
};
// 表格状态
const state: BasicTableProps = reactive<BasicTableProps>({
queryForm: queryForm,
pageList: async (params: any) => {
const response = await fetchList(params)
const response = await fetchList(params);
return {
data: {
records: response.data.records,
total: response.data.total
}
}
}
})
total: response.data.total,
},
};
},
});
// 使用 table hook
const { getDataList, currentChangeHandle, sizeChangeHandle, tableStyle } = useTable(state)
const { getDataList, currentChangeHandle, sizeChangeHandle, tableStyle } = useTable(state);
// 初始化（如果需要初始化逻辑可以在这里添加）
const init = async () => {
// 初始化逻辑
}
};
// 显示二维码
const showQrCode = (row: any) => {
payQrcode.value = '123'
dialogFormVisible.value = true
}
payQrcode.value = '123';
dialogFormVisible.value = true;
};
// 修改开关
const changeSm = async (row: any) => {
const changeSm = async (row: any, type: any) => {
try {
await putObj(row)
message.success('修改成功')
} catch (error: any) {
message.error(error.msg || '修改失败')
let params = {} as any;
params.id = row.id;
if (type == 'czSignStart') {
params['czSignStart'] = row.czSignStart;
}
}
if (type == 'gzSignStart') {
params['gzSignStart'] = row.gzSignStart;
}
if (type == 'jzxSignStart') {
params['jzxSignStart'] = row.jzxSignStart;
}
if (type == 'isPreStart') {
params['isPreStart'] = row.isPreStart;
}
await editQuickField(params);
message.success('修改成功');
} catch (error: any) {
message.error(error.msg || '修改失败');
}
};
// 新增 / 修改
const addOrUpdateHandle = (id?: string) => {
addOrUpdateVisible.value = true
addOrUpdateVisible.value = true;
nextTick(() => {
addOrUpdateRef.value?.init(id)
})
}
addOrUpdateRef.value?.init(id);
});
};
// 编辑审核人员
const editExam = () => {
exitExamVisible.value = true
exitExamVisible.value = true;
// 如果组件已经加载，立即初始化
if (examPeopleIndexRef.value && typeof examPeopleIndexRef.value.init === 'function') {
nextTick(() => {
try {
examPeopleIndexRef.value.init()
examPeopleIndexRef.value.init();
} catch (error: any) {
message.error('初始化审核人员弹窗失败：' + (error.message || '未知错误'))
exitExamVisible.value = false
message.error('初始化审核人员弹窗失败：' + (error.message || '未知错误'));
exitExamVisible.value = false;
}
})
});
}
// 否则等待 watch 监听器处理
}
};
// 监听组件引用变化，当组件加载完成后自动初始化
watch(examPeopleIndexRef, (newVal) => {
watch(
examPeopleIndexRef,
(newVal) => {
if (newVal && exitExamVisible.value) {
nextTick(() => {
if (newVal && typeof newVal.init === 'function') {
try {
newVal.init()
newVal.init();
} catch (error: any) {
message.error('初始化审核人员弹窗失败：' + (error.message || '未知错误'))
exitExamVisible.value = false
message.error('初始化审核人员弹窗失败：' + (error.message || '未知错误'));
exitExamVisible.value = false;
}
}
})
});
}
}, { immediate: true })
},
{ immediate: true }
);
// 专业调整
const majorHandle = (row: any) => {
if (!row || !row.id) {
message.warning('请选择有效的招生计划')
return
message.warning('请选择有效的招生计划');
return;
}
nextTick(() => {
majorGroupByDeptRef.value?.init(row)
})
}
majorGroupByDeptRef.value?.init(row);
});
};
// 删除
const deleteHandle = async (id: string) => {
try {
await messageBox.confirm('是否确认删除本条数据？请谨慎操作')
await delObj(id)
message.success('删除成功')
getDataList()
await messageBox.confirm('是否确认删除本条数据？请谨慎操作');
await delObj(id);
message.success('删除成功');
getDataList();
} catch {
// 用户取消
}
}
};
// 重置查询
const resetQuery = () => {
searchFormRef.value?.resetFields()
queryForm.groupName = ''
getDataList()
}
searchFormRef.value?.resetFields();
queryForm.groupName = '';
getDataList();
};
onMounted(() => {
init()
getDataList()
})
init();
getDataList();
});
</script>
<style lang="scss" scoped>
@@ -383,5 +377,4 @@ onMounted(() => {
}
/* 开启报名开关文字颜色 */
</style>