From e4100ecc3a88273dcdbc2c1452d4e9f00736f3db Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Sat, 28 Aug 2021 10:17:44 +0800
Subject: [PATCH] 派遣单位管理修改，考试成绩查询样式微调
---
src/views/trainingRegistration/index.vue | 310 ++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 256 insertions(+), 54 deletions(-)
diff --git a/src/views/trainingRegistration/index.vue b/src/views/trainingRegistration/index.vue
index a0b4b3a..3980661 100644
--- a/src/views/trainingRegistration/index.vue
+++ b/src/views/trainingRegistration/index.vue
@@ -23,13 +23,31 @@
>
<template slot="menuLeft">
<el-button
- style="display:none"
+ style="display: none"
type="danger"
size="small"
plain
icon="el-icon-delete"
@click="handleDelete"
>删 除
+ </el-button>
+ <el-button
+ type="primary"
+ size="small"
+ plain
+ icon="el-icon-folder-checked"
+ @click="handleBatchExam"
+ v-if="permission.trainingRegistration_exam"
+ >考试申请
+ </el-button>
+ <el-button
+ type="primary"
+ size="small"
+ plain
+ icon="el-icon-folder-checked"
+ v-if="permission.trainingRegistration_import"
+ @click="handleImport"
+ >清册导入
</el-button>
</template>
<template slot-scope="{ type, size, row }" slot="menu">
@@ -38,19 +56,63 @@
@click="revoke(row)"
:size="size"
:type="type"
- :disabled="row.cancel==2"
+ v-if="permission.trainingRegistration_cancel"
>取消报名</el-button
>
<el-button
+ :type="type"
+ size="small"
+ icon="el-icon-receiving"
+ v-if="permission.trainingRegistration_print"
+ :disabled="row.candidateNo == ''"
+ @click="handlePrint(row)"
+ >准考证打印
+ </el-button>
+ <el-button
icon="el-icon-folder-checked"
- style="display:none"
+ style="display: none"
@click="affirmApply(row)"
:size="size"
:type="type"
- >确认报名</el-button>
+ >确认报名</el-button
+ >
</template>
</avue-crud>
+ <el-dialog
+ title="清册数据导入"
+ append-to-body
+ :visible.sync="excelBox"
+ width="555px"
+ >
+ <avue-form
+ :option="excelOption"
+ v-model="excelForm"
+ :upload-after="uploadAfter"
+ >
+ <template slot="excelTemplate">
+ <el-button type="primary" @click="handleTemplate">
+ 点击下载<i class="el-icon-download el-icon--right"></i>
+ </el-button>
+ </template>
+ </avue-form>
+ </el-dialog>
+
+ <el-dialog
+ title="考试申请"
+ append-to-body
+ :visible.sync="dialogExamFormVisible"
+ width="1000px"
+ @close="closeDialog"
+ >
+ <avue-form
+ ref="formExamApply"
+ v-model="examApply"
+ :option="optionExamApply"
+ @reset-change="emptytChange"
+ @submit="submitExamApply"
+ ></avue-form>
+ </el-dialog>
</basic-container>
</template>
@@ -61,12 +123,88 @@
adddata,
update,
remove,
+ cancelTrain,
+ addExam,
} from "@/api/trainingRegistration/trainingRegistration";
-
+import { mapGetters } from "vuex";
export default {
data() {
return {
loading: true,
+ excelBox: false,
+ dialogExamFormVisible: false,
+ optionExamApply: {
+ height: "auto",
+ filterBtn: true,
+ calcHeight: 30,
+ dialogWidth: 950,
+ tip: false,
+ searchShow: true,
+ searchMenuSpan: 6,
+ border: true, //liu
+ index: true,
+ stripe: true,
+ viewBtn: true,
+ selection: true,
+ excelBtn: false,
+ menuWidth: 380,
+ dialogClickModal: false,
+ column: [
+ {
+ label: "考试时间",
+ prop: "startTime",
+ type: "datetime",
+ format: "yyyy-MM-dd HH:mm",
+ valueFormat: "yyyy-MM-dd HH:mm",
+ // 表单新增时是否禁止
+ addDisabled: false,
+ // 表单新增时是否可见
+ addDisplay: true,
+ // 表单新增时是否为查看模式
+ addDetail: false,
+ // 表单编辑时是否禁止
+ editDisabled: false,
+ // 表单编辑时是否可见
+ editDisplay: true,
+ // 表单编辑时是否为查看模式
+ editDetail: false,
+ rules: [
+ {
+ required: true,
+ message: "请选择考试时间",
+ trigger: "blur",
+ },
+ ],
+ span: 24,
+ },
+ ],
+ },
+ excelForm: {},
+ excelOption: {
+ submitBtn: false,
+ emptyBtn: false,
+ column: [
+ {
+ label: "模板上传",
+ prop: "excelFile",
+ type: "upload",
+ drag: true,
+ loadText: "模板上传中，请稍等",
+ span: 24,
+ propsHttp: {
+ res: "data",
+ },
+ tip: "请上传 .xls,.xlsx 标准格式文件",
+ action: "/api/trainingRegistration/import-trainingRegistration",
+ },
+ {
+ label: "模板下载",
+ prop: "excelTemplate",
+ formslot: true,
+ span: 24,
+ },
+ ],
+ },
selectionList: [],
page: {
pageSize: 10,
@@ -78,18 +216,18 @@
option: {
// card: true,
tip: false,
- searchSize: "mini",
+ // searchSize: "mini",
searchMenuSpan: 6,
- height: 693,
+ height: 583,
index: true,
labelWidth: "120",
- menuWidth: 100,
+ menuWidth: 200,
align: "center",
selection: true,
column: column,
delBtn: false,
editBtn: false,
- addBtn:false
+ addBtn: false,
},
};
},
@@ -101,8 +239,26 @@
});
return ids.join(",");
},
+ ...mapGetters(["userInfo", "permission"]),
+ permissionList() {
+ return {
+ addBtn: this.vaildData(this.permission.notice_add, false),
+ viewBtn: this.vaildData(this.permission.notice_view, false),
+ delBtn: this.vaildData(this.permission.notice_delete, false),
+ editBtn: this.vaildData(this.permission.notice_edit, false),
+ };
+ },
},
methods: {
+ //准考证查看
+ handlePrint(row) {
+ var obj = row;
+ obj["name"] = "准考证信息";
+ this.$router.push({
+ path: `/applyexam/papers`,
+ query: obj,
+ });
+ },
sizeChange(val) {
this.page1.currentPage = 1;
this.page1.pageSize = val;
@@ -119,20 +275,20 @@
adddata(form).then(
(res) => {
this.onLoad(this.page);
- if(res.data.data==201){
+ if (res.data.data == 201) {
this.$message({
type: "warning",
- message:"已报名，不能重复报名",
+ message: "已报名，不能重复报名",
});
- }else if(res.data.data==201){
+ } else if (res.data.data == 201) {
this.$message({
type: "warning",
- message:"报名失败",
+ message: "报名失败",
});
- }else{
+ } else {
this.$message({
type: "success",
- message:"报名成功",
+ message: "报名成功",
});
}
done();
@@ -172,54 +328,51 @@
);
},
//确认报名
- affirmApply(row,done,loading){
+ affirmApply(row, done, loading) {
this.$confirm("确认报名?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
- })
- .then(() => {
- row.cancel = 3;
- update(row).then(
- () => {
- this.onLoad(this.page);
- this.$message({
- type: "success",
- message: "确认报名成功!",
- });
- done();
- },
- (error) => {
- window.console.log(error);
- loading();
- }
- );
- })
+ }).then(() => {
+ row.cancel = 3;
+ update(row).then(
+ () => {
+ this.onLoad(this.page);
+ this.$message({
+ type: "success",
+ message: "确认报名成功!",
+ });
+ done();
+ },
+ (error) => {
+ window.console.log(error);
+ loading();
+ }
+ );
+ });
},
- revoke(row,done,loading) {
+ revoke(row, done, loading) {
this.$confirm("确定取消报名?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
- })
- .then(() => {
- row.cancel = 2;
- update(row).then(
- () => {
- this.onLoad(this.page);
- this.$message({
- type: "success",
- message: "取消报名成功!",
- });
- done();
- },
- (error) => {
- window.console.log(error);
- loading();
- }
- );
- })
-
+ }).then(() => {
+ row.cancel = 2;
+ cancelTrain(row).then(
+ () => {
+ this.onLoad(this.page);
+ this.$message({
+ type: "success",
+ message: "取消报名成功!",
+ });
+ done();
+ },
+ (error) => {
+ window.console.log(error);
+ loading();
+ }
+ );
+ });
},
rowDel(row) {
this.$confirm("确定将选择数据删除?", {
@@ -281,6 +434,55 @@
this.loading = false;
});
},
+ handleImport() {
+ this.excelBox = true;
+ },
+
+ handleTemplate() {
+ window.open(`/api/trainingRegistration/export-template`);
+ },
+ uploadAfter(res, done, loading, column) {
+ window.console.log(column);
+ this.excelBox = false;
+ this.refreshChange();
+ done();
+ },
+
+ //生成考试弹窗
+ handleBatchExam() {
+ this.dialogExamFormVisible = true;
+ if (this.selectionList.length === 0) {
+ this.ids = "";
+ }
+ },
+ //生成考试
+ submitExamApply(row, done, loading) {
+ var that = this;
+ var startTime = row.startTime + ":00";
+ // var endTime = row.examTime[1];
+ // var examTime = JSON.stringify(row.examTime);
+ // console.log(this.ids,111);
+ addExam(this.ids, null, startTime, null).then(
+ () => {
+ this.onLoad(this.page);
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
+ that.$refs.formExamApply.resetFields();
+ that.dialogExamFormVisible = false;
+ done();
+ },
+ (error) => {
+ window.console.log(error);
+ loading();
+ }
+ );
+ },
+ //关闭窗口清除数据
+ closeDialog() {
+ this.$refs.formExamApply.resetFields();
+ },
},
mounted() {
// this.Ourdata = data;
--
Gitblit v1.9.3