~admin/zhba_enterprises.git

			@@ -6,482 +6,484 @@
			* menu-name 成绩管理
			*/
			<template>
			<el-row class="morpheus-box">
			<el-col :span="24" class="recruitmentManagement">
			<el-card>
			<el-row class="morpheus-box">
			<el-col :span="24" class="recruitmentManagement">
			<el-card>
			<div class="exam-card-body">
			<avue-crud
			v-model="obj"
			class="company-box"
			:option="questionBankOption"
			:search.sync="questionBankSearch"
			:table-loading="questionBankLoading"
			:data="questionBankData"
			ref="questionBankCrud"
			:page.sync="questionBankPage"
			@on-load="questionBankOnLoad"
			@selection-change="questionBankSelectionChange"
			@search-change="questionBankSearchChange"
			@search-reset="questionBankSearchReset"
			@current-change="questionBankCurrentChange"
			@size-change="questionBankSizeChange"
			@row-update="questionBankRowUpdate"
			>
			<template slot-scope="{ row }" slot="learnGrade">
			{{ row.learnGrade == -1 ? "暂未录入" : row.learnGrade }}
			</template>

			<div class="exam-card-body">

			<avue-crud v-model="obj"
			class="company-box"
			:option="questionBankOption"
			:search.sync="questionBankSearch"
			:table-loading="questionBankLoading"
			:data="questionBankData"
			ref="questionBankCrud"
			:page.sync="questionBankPage"
			@on-load="questionBankOnLoad"
			@selection-change="questionBankSelectionChange"
			@search-change="questionBankSearchChange"
			@search-reset="questionBankSearchReset"
			@current-change="questionBankCurrentChange"
			@size-change="questionBankSizeChange"
			@row-update="questionBankRowUpdate">

			<template slot-scope="{ row }"
			slot="learnGrade">
			{{ row.learnGrade == -1 ? "暂未录入" : row.learnGrade }}
			</template>

			<!-- 自定义按钮 -->
			<template slot="menuLeft">
			<!-- <el-button type="danger"
			<!-- 自定义按钮 -->
			<template slot="menuLeft">
			<!-- <el-button type="danger"
			size="mini"
			icon="el-icon-delete"
			plain
			@click="handleDelete">新增
			</el-button> -->
			<!-- <el-button type="danger"
			<!-- <el-button type="danger"
			size="mini"
			icon="el-icon-delete"
			plain
			@click="handleDelete">删除
			</el-button> -->
			<el-button
			type="success"
			size="small"
			plain
			icon="el-icon-upload2"
			@click="handleImport"
			>实操成绩导入
			</el-button>
			</template>
			<el-button
			type="success"
			size="small"
			plain
			icon="el-icon-upload2"
			@click="handleImport"
			>实操成绩导入
			</el-button>
			</template>
			</avue-crud>

			</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>

			</div>

			</el-card>
			</el-col>
			</el-row>
			<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>
			</div>
			</el-card>
			</el-col>
			</el-row>
			</template>

			<script>
			import {
			getList,
			update
			} from "@/api/examapi/performance";


			import { getList, update } from "@/api/examapi/performance";

			export default {
			data() {
			var validatePass = (rule, value, callback) => {
			console.log(value);
			if (value == undefined \|\| value == "") {
			callback(new Error("请输入实操成绩"));
			return;
			} else if (value !== "" && isNaN(value) == true) {
			callback(new Error("请输入数字"));
			} else if (value <= 0) {
			callback(new Error("分数设置请大于0"));
			} else if (value > 100) {
			callback(new Error("分数设置请小于100"));
			} else {
			callback();
			}
			};

			return {
			obj: {
			name: "张三",
			},
			excelBox: false,
			questionBankOption: {
			// 操作栏多余按钮去除
			delBtn: false,
			editBtn: true,
			addBtn: false,
			selection: false,
			// 导出按钮
			excelBtn: true,
			excelBtnText: "成绩导出",
			viewBtn: true,
			// title: '成绩',
			align: "center",
			height: "auto",
			calcHeight: 80,
			tip: false,
			searchShow: true,
			searchMenuSpan: 4,
			index: true,
			indexLabel: "序号",
			//dialogType: 'drawer',
			dialogClickModal: false,
			// 操作栏宽度
			menu: true,
			menuWidth: 136,
			labelWidth: 120,

			data () {

			var validatePass = (rule, value, callback) => {
			console.log(value)
			if (value == undefined \|\| value == '') {
			callback(new Error('请输入实操成绩'));
			return;
			} else if (value !== '' && isNaN(value) == true) {
			callback(new Error('请输入数字'));
			} else if (value <= 0) {
			callback(new Error('分数设置请大于0'));
			} else if (value > 100) {
			callback(new Error('分数设置请小于100'));
			} else {
			callback();
			}
			};

			return {
			obj: {
			name: '张三',
			},
			excelBox:false,
			questionBankOption: {
			// 操作栏多余按钮去除
			delBtn: false,
			editBtn: true,
			addBtn: false,
			selection: false,
			// 导出按钮
			excelBtn: true,
			excelBtnText: '成绩导出',
			viewBtn: true,
			// title: '成绩',
			align: 'center',
			height: 'auto',
			calcHeight: 80,
			tip: false,
			searchShow: true,
			searchMenuSpan: 4,
			index: true,
			indexLabel: '序号',
			//dialogType: 'drawer',
			dialogClickModal: false,
			// 操作栏宽度
			menu: true,
			menuWidth: 136,
			labelWidth: 120,

			column: [
			{
			label: "试卷名称",
			prop: "examName",
			search: true,
			searchSpan: 5,
			slot: true,
			// 表单新增时是否禁止
			addDisabled: false,
			// 表单新增时是否可见
			addDisplay: true,
			// 表单新增时是否为查看模式
			addDetail: false,
			// 表单编辑时是否禁止
			editDisabled: true,
			// 表单编辑时是否可见
			editDisplay: true,
			// 表单编辑时是否为查看模式
			editDetail: false,
			rules: [{
			required: true,
			message: "请输入试卷名称",
			trigger: "blur"
			}]
			},
			{
			label: "保安姓名",
			prop: "securityName",
			search: true,
			searchSpan: 4,
			slot: true,
			// 表单新增时是否禁止
			addDisabled: false,
			// 表单新增时是否可见
			addDisplay: true,
			// 表单新增时是否为查看模式
			addDetail: false,
			// 表单编辑时是否禁止
			editDisabled: true,
			// 表单编辑时是否可见
			editDisplay: true,
			// 表单编辑时是否为查看模式
			editDetail: false,
			rules: [{
			required: true,
			message: "请输入保安姓名",
			trigger: "blur"
			}]
			},
			{
			label: "所属公司",
			prop: "companyName",
			search: true,
			searchSpan: 5,
			// dicUrl: '/api/blade-system/dept/tree',
			// props: {
			// label: "title",
			// value: "id",
			// },
			slot: true,
			// 表单新增时是否禁止
			addDisabled: false,
			// 表单新增时是否可见
			addDisplay: true,
			// 表单新增时是否为查看模式
			addDetail: false,
			// 表单编辑时是否禁止
			editDisabled: true,
			// 表单编辑时是否可见
			editDisplay: true,
			// 表单编辑时是否为查看模式
			editDetail: false,
			rules: [{
			required: true,
			message: "请输入所属公司",
			trigger: "blur"
			}]
			},
			{
			label: "考试时间",
			prop: "examTime",
			type: "datetime",
			// span: 24,
			format: 'yyyy-MM-dd HH:mm:ss',
			valueFormat: 'yyyy-MM-dd HH:mm:ss',
			width: 250,
			slot: true,
			// 表单新增时是否禁止
			addDisabled: false,
			// 表单新增时是否可见
			addDisplay: true,
			// 表单新增时是否为查看模式
			addDetail: false,
			// 表单编辑时是否禁止
			editDisabled: true,
			// 表单编辑时是否可见
			editDisplay: true,
			// 表单编辑时是否为查看模式
			editDetail: false,
			},
			{
			label: "理论成绩",
			prop: "theoryGrade",
			slot: true,
			// 表单新增时是否禁止
			addDisabled: false,
			// 表单新增时是否可见
			addDisplay: true,
			// 表单新增时是否为查看模式
			addDetail: false,
			// 表单编辑时是否禁止
			editDisabled: true,
			// 表单编辑时是否可见
			editDisplay: true,
			// 表单编辑时是否为查看模式
			editDetail: false,

			},
			{
			label: "实操成绩",
			prop: "learnGrade",
			slot: true,
			// 表单新增时是否禁止
			addDisabled: false,
			// 表单新增时是否可见
			addDisplay: true,
			// 表单新增时是否为查看模式
			addDetail: false,
			// 表单编辑时是否禁止
			editDisabled: false,
			// 表单编辑时是否可见
			editDisplay: true,
			// 表单编辑时是否为查看模式
			editDetail: false,
			rules: [{ validator: validatePass, required: true, trigger: 'blur' }],
			},
			// {
			// label: "总成绩",
			// prop: "allGrade",
			// slot: true,
			// hide:true,
			// // 表单新增时是否禁止
			// addDisabled: false,
			// viewDisplay:false,
			// // 表单新增时是否可见
			// addDisplay: false,
			// // 表单新增时是否为查看模式
			// addDetail: false,
			// // 表单编辑时是否禁止
			// editDisabled: false,
			// // 表单编辑时是否可见
			// editDisplay: false,
			// // 表单编辑时是否为查看模式
			// editDetail: false,
			// rules: [{
			// required: true,
			// message: "请输入考试名称",
			// trigger: "blur"
			// }]
			// },
			{
			label: "是否合格",
			prop: "qualified",
			type: 'select',
			slot: true,
			search: true,
			searchSpan: 4,
			dicData: [{
			label: '合格',
			value: 0
			}, {
			label: '不合格',
			value: 1,
			}, {
			label: '暂未录实操成绩',
			value: 2,
			}],
			// 表单新增时是否禁止
			addDisabled: false,
			// 表单新增时是否可见
			addDisplay: true,
			// 表单新增时是否为查看模式
			addDetail: false,
			// 表单编辑时是否禁止
			editDisabled: true,
			// 表单编辑时是否可见
			editDisplay: true,
			// 表单编辑时是否为查看模式
			editDetail: false,
			rules: [{
			required: true,
			message: "请输入考试名称",
			trigger: "blur"
			}]
			},
			]
			},
			questionBankSearch: {},
			questionBankLoading: true,
			questionBankData: [
			column: [
			{
			label: "试卷名称",
			prop: "examName",
			search: true,
			searchSpan: 4,
			slot: true,
			// 表单新增时是否禁止
			addDisabled: false,
			// 表单新增时是否可见
			addDisplay: true,
			// 表单新增时是否为查看模式
			addDetail: false,
			// 表单编辑时是否禁止
			editDisabled: true,
			// 表单编辑时是否可见
			editDisplay: true,
			// 表单编辑时是否为查看模式
			editDetail: false,
			rules: [
			{
			required: true,
			message: "请输入试卷名称",
			trigger: "blur",
			},
			],
			questionBankPage: {
			pageSize: 10,
			currentPage: 1,
			total: 16
			},
			{
			label: "保安姓名",
			prop: "securityName",
			search: true,
			searchSpan: 4,
			slot: true,
			// 表单新增时是否禁止
			addDisabled: false,
			// 表单新增时是否可见
			addDisplay: true,
			// 表单新增时是否为查看模式
			addDetail: false,
			// 表单编辑时是否禁止
			editDisabled: true,
			// 表单编辑时是否可见
			editDisplay: true,
			// 表单编辑时是否为查看模式
			editDetail: false,
			rules: [
			{
			required: true,
			message: "请输入保安姓名",
			trigger: "blur",
			},
			],
			},
			{
			label: "所属公司",
			prop: "companyName",
			search: true,
			searchSpan: 4,
			// dicUrl: '/api/blade-system/dept/tree',
			// props: {
			// label: "title",
			// value: "id",
			// },
			slot: true,
			// 表单新增时是否禁止
			addDisabled: false,
			// 表单新增时是否可见
			addDisplay: true,
			// 表单新增时是否为查看模式
			addDetail: false,
			// 表单编辑时是否禁止
			editDisabled: true,
			// 表单编辑时是否可见
			editDisplay: true,
			// 表单编辑时是否为查看模式
			editDetail: false,
			rules: [
			{
			required: true,
			message: "请输入所属公司",
			trigger: "blur",
			},
			],
			},
			{
			label: "考试时间",
			prop: "examTime",
			type: "datetime",
			// span: 24,
			format: "yyyy-MM-dd HH:mm:ss",
			valueFormat: "yyyy-MM-dd HH:mm:ss",
			width: 250,
			slot: true,
			// 表单新增时是否禁止
			addDisabled: false,
			// 表单新增时是否可见
			addDisplay: true,
			// 表单新增时是否为查看模式
			addDetail: false,
			// 表单编辑时是否禁止
			editDisabled: true,
			// 表单编辑时是否可见
			editDisplay: true,
			// 表单编辑时是否为查看模式
			editDetail: false,
			},
			{
			label: "理论成绩",
			prop: "theoryGrade",
			slot: true,
			// 表单新增时是否禁止
			addDisabled: false,
			// 表单新增时是否可见
			addDisplay: true,
			// 表单新增时是否为查看模式
			addDetail: false,
			// 表单编辑时是否禁止
			editDisabled: true,
			// 表单编辑时是否可见
			editDisplay: true,
			// 表单编辑时是否为查看模式
			editDetail: false,
			},
			{
			label: "实操成绩",
			prop: "learnGrade",
			slot: true,
			// 表单新增时是否禁止
			addDisabled: false,
			// 表单新增时是否可见
			addDisplay: true,
			// 表单新增时是否为查看模式
			addDetail: false,
			// 表单编辑时是否禁止
			editDisabled: false,
			// 表单编辑时是否可见
			editDisplay: true,
			// 表单编辑时是否为查看模式
			editDetail: false,
			rules: [
			{ validator: validatePass, required: true, trigger: "blur" },
			],
			},
			// {
			// label: "总成绩",
			// prop: "allGrade",
			// slot: true,
			// hide:true,
			// // 表单新增时是否禁止
			// addDisabled: false,
			// viewDisplay:false,
			// // 表单新增时是否可见
			// addDisplay: false,
			// // 表单新增时是否为查看模式
			// addDetail: false,
			// // 表单编辑时是否禁止
			// editDisabled: false,
			// // 表单编辑时是否可见
			// editDisplay: false,
			// // 表单编辑时是否为查看模式
			// editDetail: false,
			// rules: [{
			// required: true,
			// message: "请输入考试名称",
			// trigger: "blur"
			// }]
			// },
			{
			label: "是否合格",
			prop: "qualified",
			type: "select",
			slot: true,
			search: true,
			searchSpan: 4,
			dicData: [
			{
			label: "合格",
			value: 0,
			},
			{
			label: "不合格",
			value: 1,
			},
			{
			label: "暂未录实操成绩",
			value: 2,
			},
			],
			// 表单新增时是否禁止
			addDisabled: false,
			// 表单新增时是否可见
			addDisplay: true,
			// 表单新增时是否为查看模式
			addDetail: false,
			// 表单编辑时是否禁止
			editDisabled: true,
			// 表单编辑时是否可见
			editDisplay: true,
			// 表单编辑时是否为查看模式
			editDetail: false,
			rules: [
			{
			required: true,
			message: "请输入考试名称",
			trigger: "blur",
			},
			],
			},
			],
			},
			questionBankSearch: {},
			questionBankLoading: true,
			questionBankData: [],
			questionBankPage: {
			pageSize: 10,
			currentPage: 1,
			total: 16,
			},
			questionBankQuery: {},
			questionBankSelectionList: [],
			excelForm: {},
			excelOption: {
			submitBtn: false,
			emptyBtn: false,
			column: [
			{
			label: "模板上传",
			prop: "excelFile",
			type: "upload",
			drag: true,
			loadText: "模板上传中，请稍等",
			span: 24,
			propsHttp: {
			res: "data",
			},
			questionBankQuery: {},
			questionBankSelectionList: [],
			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/examScore/import-examScore",
			},
			// {
			// label: "数据覆盖",
			// prop: "isCovered",
			// type: "switch",
			// align: "center",
			// width: 80,
			// dicData: [
			// {
			// label: "否",
			// value: 0,
			// },
			// {
			// label: "是",
			// value: 1,
			// },
			// ],
			// value: 0,
			// slot: true,
			// rules: [
			// {
			// required: true,
			// message: "请选择是否覆盖",
			// trigger: "blur",
			// },
			// ],
			// },
			{
			label: "模板下载",
			prop: "excelTemplate",
			formslot: true,
			span: 24,
			},
			],
			},
			tip: "请上传 .xls,.xlsx 标准格式文件",
			action: "/api/examScore/import-examScore",
			},
			// {
			// label: "数据覆盖",
			// prop: "isCovered",
			// type: "switch",
			// align: "center",
			// width: 80,
			// dicData: [
			// {
			// label: "否",
			// value: 0,
			// },
			// {
			// label: "是",
			// value: 1,
			// },
			// ],
			// value: 0,
			// slot: true,
			// rules: [
			// {
			// required: true,
			// message: "请选择是否覆盖",
			// trigger: "blur",
			// },
			// ],
			// },
			{
			label: "模板下载",
			prop: "excelTemplate",
			formslot: true,
			span: 24,
			},
			],
			},
			};
			},
			created() {},
			mounted() {},
			methods: {
			questionBankOnLoad(page, params = {}) {
			this.questionBankLoading = false;
			getList(
			page.currentPage,
			page.pageSize,
			Object.assign(params, this.query)
			).then((res) => {
			const data = res.data.data;
			this.questionBankPage.total = data.total;
			this.questionBankData = data.records;
			this.questionBankLoading = false;
			this.questionBankSelectionClear();
			});
			},
			questionBankSelectionClear() {
			this.questionBankSelectionList = [];
			this.$refs.questionBankCrud.toggleSelection();
			},
			questionBankSelectionChange(list) {
			this.questionBankSelectionList = list;
			},
			questionBankSearchChange(params, done) {
			this.questionBankQuery = params;
			this.questionBankPage.currentPage = 1;
			this.questionBankOnLoad(this.questionBankPage, params);
			done();
			},
			questionBankSearchReset() {
			this.questionBankQuery = {};
			this.questionBankOnLoad(this.questionBankPage);
			},
			questionBankCurrentChange(currentPage) {
			this.questionBankPage.currentPage = currentPage;
			},
			questionBankSizeChange(pageSize) {
			this.questionBankPage.pageSize = pageSize;
			},

			questionBankRowUpdate(row, index, done, loading) {
			update({
			theoryGrade: row.theoryGrade,
			learnGrade: row.learnGrade,
			id: row.id,
			}).then(
			() => {
			this.questionBankOnLoad(this.questionBankPage);
			this.$message({
			type: "success",
			message: "操作成功!",
			});
			done();
			},
			(error) => {
			window.console.log(error);
			loading();
			}
			);
			},
			created () {


			handleTemplate() {
			window.open(`/api/examScore/export-template`);
			},
			mounted () {


			handleImport() {
			this.excelBox = true;
			},
			methods: {
			questionBankOnLoad (page, params = {}) {
			this.questionBankLoading = false;
			getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
			const data = res.data.data;
			this.questionBankPage.total = data.total;
			this.questionBankData = data.records;
			this.questionBankLoading = false;
			this.questionBankSelectionClear();
			});
			},
			questionBankSelectionClear () {
			this.questionBankSelectionList = [];
			this.$refs.questionBankCrud.toggleSelection();
			},
			questionBankSelectionChange (list) {
			this.questionBankSelectionList = list;
			},
			questionBankSearchChange (params, done) {
			this.questionBankQuery = params;
			this.questionBankPage.currentPage = 1;
			this.questionBankOnLoad(this.questionBankPage, params);
			done();
			},
			questionBankSearchReset () {
			this.questionBankQuery = {};
			this.questionBankOnLoad(this.questionBankPage);
			},
			questionBankCurrentChange (currentPage) {
			this.questionBankPage.currentPage = currentPage;
			},
			questionBankSizeChange (pageSize) {
			this.questionBankPage.pageSize = pageSize;
			},

			questionBankRowUpdate (row, index, done, loading) {

			update({ theoryGrade: row.theoryGrade, learnGrade: row.learnGrade, id: row.id }).then(() => {
			this.questionBankOnLoad(this.questionBankPage);
			this.$message({
			type: "success",
			message: "操作成功!"
			});
			done();
			}, error => {
			window.console.log(error);
			loading();
			});
			},
			handleTemplate() {
			window.open(`/api/examScore/export-template`);
			},
			handleImport() {
			this.excelBox = true;
			},
			uploadAfter(res, done, loading, column) {
			window.console.log(column);
			this.excelBox = false;
			this.refreshChange();
			done();
			},
			refreshChange() {
			this.questionBankOnLoad(this.page, this.query);
			},

			}
			}
			uploadAfter(res, done, loading, column) {
			window.console.log(column);
			this.excelBox = false;
			this.refreshChange();
			done();
			},
			refreshChange() {
			this.questionBankOnLoad(this.page, this.query);
			},
			},
			};
			</script>

			<style lang="scss" scoped>