From a38281e697cde9f45926a6af0c88bec14501fec0 Mon Sep 17 00:00:00 2001
From: liuyg <liuyg@qq.com>
Date: Tue, 15 Feb 2022 11:06:34 +0800
Subject: [PATCH] 68个表格在1366*768下的适配，保安单位情况智能分析中的图表的适配以及其按钮会被遮住不能点击
---
src/views/trainExam/index.vue | 397 +++++++++++++++++++++++++++----------------------------
1 files changed, 195 insertions(+), 202 deletions(-)
diff --git a/src/views/trainExam/index.vue b/src/views/trainExam/index.vue
index 48b95c8..664dd69 100644
--- a/src/views/trainExam/index.vue
+++ b/src/views/trainExam/index.vue
@@ -1,129 +1,119 @@
-/*
- * @Author: Morpheus
- * @Date: 2021-07-05 16:31:54
- * @Last Modified by: liu
- * @Last Modified time: 2021-11-23 14:12:55
- * menu-name 考试管理
- */
+/* * @Author: Morpheus * @Date: 2021-07-05 16:31:54 * @Last Modified by: liu *
+@Last Modified time: 2021-11-23 14:12:55 * menu-name 考试管理 */
<template>
- <el-row class="morpheus-box-paper">
- <el-col :span="24">
- <el-card>
- <div
- :class="[
- 'exam-card-body',
- $store.state.control.windowWidth >= 1024 ? 'oneRowSearch' : '',
- ]"
- >
- <avue-crud
- v-model="form"
- class="company-box"
- :option="questionBankOption"
- :search.sync="questionBankSearch"
- :table-loading="questionBankLoading"
- :data="questionBankData"
- ref="questionBankCrud"
- :page.sync="questionBankPage"
- @on-load="questionBankOnLoad"
- :before-open="beforeOpen"
- @selection-change="questionBankSelectionChange"
- @search-change="questionBankSearchChange"
- @search-reset="questionBankSearchReset"
- @current-change="questionBankCurrentChange"
- @size-change="questionBankSizeChange"
- @row-save="questionBankRowSave"
- @row-update="questionBankRowUpdate"
- @row-del="questionBankRowDel"
- >
- <template slot-scope="{ row }" slot="auditStatus">
- <el-tag class="dtype">
- {{
- row.auditStatus == 1
- ? "审核通过"
- : row.auditStatus == 2
- ? "审核不通过"
- : "待审核"
- }}
- <i class="zc" v-if="row.auditStatus == 1"></i>
- <i class="yj" v-if="row.auditStatus == 2"></i>
- <i class="gz" v-if="row.auditStatus == 3"></i>
- </el-tag>
- </template>
- <template slot="menuLeft">
- <el-button
- style="display: none"
- type="danger"
- size="small"
- icon="el-icon-delete"
- @click="questionBankHandleDelete"
- >删 除
- </el-button>
- <!--图例 components-->
- <span>
- <Legend :datas="datalistLIU"></Legend>
- </span>
- </template>
+ <basic-container
+ :class="[
+ 'exam-card-body',
+ $store.state.control.screenSize == 1366 ? 'smallSize' : 'normalSize',
+ $store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : ''
+ ]"
+ >
+ <avue-crud
+ v-model="form"
+ class="company-box tablesss"
+ :option="questionBankOption"
+ :search.sync="questionBankSearch"
+ :table-loading="questionBankLoading"
+ :data="questionBankData"
+ ref="questionBankCrud"
+ :page.sync="questionBankPage"
+ @on-load="questionBankOnLoad"
+ :before-open="beforeOpen"
+ @selection-change="questionBankSelectionChange"
+ @search-change="questionBankSearchChange"
+ @search-reset="questionBankSearchReset"
+ @current-change="questionBankCurrentChange"
+ @size-change="questionBankSizeChange"
+ @row-save="questionBankRowSave"
+ @row-update="questionBankRowUpdate"
+ @row-del="questionBankRowDel"
+ >
+ <template slot-scope="{ row }" slot="auditStatus">
+ <el-tag class="dtype">
+ {{
+ row.auditStatus == 1
+ ? "审核通过"
+ : row.auditStatus == 2
+ ? "审核不通过"
+ : "待审核"
+ }}
+ <i class="zc" v-if="row.auditStatus == 1"></i>
+ <i class="yj" v-if="row.auditStatus == 2"></i>
+ <i class="gz" v-if="row.auditStatus == 3"></i>
+ </el-tag>
+ </template>
+ <template slot="menuLeft">
+ <el-button
+ style="display: none"
+ type="danger"
+ size="small"
+ icon="el-icon-delete"
+ @click="questionBankHandleDelete"
+ >删 除
+ </el-button>
+ <!--图例 components-->
+ <span>
+ <Legend :datas="datalistLIU"></Legend>
+ </span>
+ </template>
- <template slot-scope="{ row }" slot="examStatus">
- <el-tag>{{ row.examStatus == 0 ? "已发布" : "草稿" }}</el-tag>
- </template>
+ <template slot-scope="{ row }" slot="examStatus">
+ <el-tag>{{ row.examStatus == 0 ? "已发布" : "草稿" }}</el-tag>
+ </template>
- <template slot-scope="{ row }" slot="menu">
- <el-button
- type="text"
- size="mini"
- icon="el-icon-collection"
- class="start-kaoshi"
- v-if="permission.trainExam_trainPapers"
- @click="startExam(row)"
- >报名清册
- </el-button>
- <el-button
- type="text"
- size="mini"
- icon="el-icon-folder-checked"
- v-if="permission.trainExam_check"
- @click="handleAudit(row)"
- >审核
- </el-button>
- <el-button
- type="text"
- size="mini"
- icon="el-icon-circle-check"
- v-if="permission.trainExam_confirm"
- @click="handleConfirm(row)"
- >考试名单确认
- </el-button>
- <el-button
- type="text"
- size="mini"
- icon="el-icon-search"
- v-if="permission.trainExam_index_examScoreViews"
- @click="examScoreViews(row)"
- >成绩查看
- </el-button>
- </template>
- </avue-crud>
+ <template slot-scope="{ row }" slot="menu">
+ <el-button
+ type="text"
+ size="mini"
+ icon="el-icon-collection"
+ class="start-kaoshi"
+ v-if="permission.trainExam_trainPapers"
+ @click="startExam(row)"
+ >报名清册
+ </el-button>
+ <el-button
+ type="text"
+ size="mini"
+ icon="el-icon-folder-checked"
+ v-if="permission.trainExam_check"
+ @click="handleAudit(row)"
+ >审核
+ </el-button>
+ <el-button
+ type="text"
+ size="mini"
+ icon="el-icon-circle-check"
+ v-if="permission.trainExam_confirm"
+ @click="handleConfirm(row)"
+ >考试名单确认
+ </el-button>
+ <el-button
+ type="text"
+ size="mini"
+ icon="el-icon-search"
+ v-if="permission.trainExam_index_examScoreViews"
+ @click="examScoreViews(row)"
+ >成绩查看
+ </el-button>
+ </template>
+ </avue-crud>
- <el-dialog
- title="考试申请审核"
- :visible.sync="dialogFormVisible"
- modal-append-to-body="false"
- append-to-body="true"
- :close-on-click-model="true"
- >
- <avue-form
- ref="formAudit"
- v-model="Audit"
- :option="optionAudit"
- @reset-change="emptytChange"
- @submit="submit"
- ></avue-form>
- </el-dialog>
- </div>
- </el-card>
- </el-col>
- </el-row>
+ <el-dialog
+ title="考试申请审核"
+ :visible.sync="dialogFormVisible"
+ modal-append-to-body="false"
+ append-to-body="true"
+ :close-on-click-model="true"
+ >
+ <avue-form
+ ref="formAudit"
+ v-model="Audit"
+ :option="optionAudit"
+ @reset-change="emptytChange"
+ @submit="submit"
+ ></avue-form>
+ </el-dialog>
+ </basic-container>
</template>
<script>
@@ -133,14 +123,14 @@
remove,
update,
updateAudit,
- applyConfirm,
+ applyConfirm
} from "@/api/examapi/examination";
import { auditColumn } from "./data";
import { mapGetters } from "vuex";
import Legend from "@/components/liu-legend/Legend";
export default {
components: {
- Legend,
+ Legend
},
data() {
var validatePass = (rule, value, callback) => {
@@ -163,16 +153,16 @@
datalistLIU: [
{
color: "#29C093",
- text: "审核通过",
+ text: "审核通过"
},
{
color: "#F34A4A",
- text: "审核不通过",
+ text: "审核不通过"
},
{
color: "#F48F57",
- text: "待审核",
- },
+ text: "待审核"
+ }
],
Audit: {},
dialogFormVisible: false,
@@ -194,7 +184,7 @@
menuWidth: 230,
dialogClickModal: false,
column: auditColumn,
- ...this.$store.state.control.clearOtherBut,
+ ...this.$store.state.control.clearOtherBut
},
questionBankOption: {
// 操作栏多余按钮去除
@@ -226,9 +216,9 @@
label: "培训学校名称",
prop: "deptName",
slot: true,
- search:true,
- searchSpan:5,
- searchLabelWidth:110,
+ search: true,
+ searchSpan: 5,
+ searchLabelWidth: 110,
// 表单新增时是否禁止
addDisabled: true,
// 表单新增时是否可见
@@ -243,7 +233,7 @@
editDetail: false,
// hide: true,
display: false,
- overHidden: true,
+ overHidden: true
},
// {
// label: "考试名称",
@@ -279,8 +269,8 @@
type: "date",
format: "yyyy-MM-dd",
valueFormat: "yyyy-MM-dd",
- search:true,
- searchSpan:4,
+ search: true,
+ searchSpan: 4,
hide: true,
// 表单新增时是否禁止
addDisabled: false,
@@ -298,9 +288,9 @@
{
required: true,
message: "请选择考试时间",
- trigger: "blur",
- },
- ],
+ trigger: "blur"
+ }
+ ]
},
{
label: "考试时间",
@@ -325,9 +315,9 @@
{
required: true,
message: "请选择考试时间",
- trigger: "blur",
- },
- ],
+ trigger: "blur"
+ }
+ ]
},
{
label: "考试开始时间",
@@ -347,7 +337,7 @@
editDisplay: false,
// 表单编辑时是否为查看模式
editDetail: false,
- width: 120,
+ width: 120
},
{
label: "考试开始截止时间",
@@ -368,7 +358,7 @@
editDisplay: true,
// 表单编辑时是否为查看模式
editDetail: false,
- width: 120,
+ width: 120
},
// {
@@ -428,7 +418,7 @@
// 表单编辑时是否可见
editDisplay: false,
// 表单编辑时是否为查看模式
- editDetail: false,
+ editDetail: false
},
{
label: "注意事项",
@@ -449,7 +439,7 @@
editDisplay: false,
// 表单编辑时是否为查看模式
editDetail: false,
- width: 150,
+ width: 150
},
{
label: "报名人数",
@@ -469,7 +459,7 @@
editDisplay: false,
// 表单编辑时是否为查看模式
editDetail: false,
- width: 70,
+ width: 70
},
{
label: "考试人数",
@@ -489,7 +479,7 @@
editDisplay: false,
// 表单编辑时是否为查看模式
editDetail: false,
- width: 70,
+ width: 70
},
{
label: "申请时间",
@@ -504,9 +494,9 @@
{
required: true,
message: "请选择结束时间",
- trigger: "click",
- },
- ],
+ trigger: "click"
+ }
+ ]
},
{
label: "审核时间",
@@ -521,9 +511,9 @@
{
required: true,
message: "请选择结束时间",
- trigger: "click",
- },
- ],
+ trigger: "click"
+ }
+ ]
},
{
label: "审核状态",
@@ -538,24 +528,24 @@
{
required: true,
message: "请选择审核类型",
- trigger: "blur",
- },
+ trigger: "blur"
+ }
],
dicData: [
{
label: "审核通过",
- value: 1,
+ value: 1
},
{
label: "不通过",
- value: 2,
+ value: 2
},
{
label: "待审核",
- value: 3,
- },
+ value: 3
+ }
],
- width: 110,
+ width: 110
},
{
label: "审核明细",
@@ -563,7 +553,7 @@
addDisplay: false,
prop: "auditDetail",
width: 90,
- overHidden: true,
+ overHidden: true
},
{
label: "距考试开始时间",
@@ -571,7 +561,7 @@
addDisplay: false,
prop: "deadline",
width: 110,
- overHidden: true,
+ overHidden: true
},
{
label: "考试名单确认人",
@@ -591,7 +581,7 @@
editDetail: false,
// hide: true,
display: false,
- width: 110,
+ width: 110
},
{
label: "确认时间",
@@ -612,9 +602,9 @@
editDisplay: false,
// 表单编辑时是否为查看模式
editDetail: false,
- width: 130,
- },
- ],
+ width: 130
+ }
+ ]
},
questionBankSearch: {},
questionBankLoading: true,
@@ -623,17 +613,19 @@
pageSize: 10,
currentPage: 1,
total: 16,
- ...this.$store.state.control.changePageSize,
+ ...this.$store.state.control.changePageSize
},
questionBankQuery: {},
- questionBankSelectionList: [],
+ questionBankSelectionList: []
};
},
- mounted() {},
+ mounted() {
+ this.$store.commit("setWindowSizeHeightAdd");
+ },
computed: {
ids() {
let ids = [];
- this.questionBankSelectionList.forEach((ele) => {
+ this.questionBankSelectionList.forEach(ele => {
ids.push(ele.id);
});
return ids.join(",");
@@ -644,9 +636,9 @@
addBtn: this.vaildData(null, false),
viewBtn: this.vaildData(this.permission.trainExam_edit, false),
delBtn: this.vaildData(null, false),
- editBtn: this.vaildData(null, false),
+ editBtn: this.vaildData(null, false)
};
- },
+ }
},
watch: {},
methods: {
@@ -661,11 +653,12 @@
page.currentPage,
page.pageSize,
Object.assign(params, this.questionBankQuery)
- ).then((res) => {
+ ).then(res => {
const data = res.data.data;
this.questionBankPage.total = data.total;
this.questionBankData = data.records;
this.questionBankLoading = false;
+ this.$store.commit("setWindowSizeHeightAdd");
this.questionBankSelectionClear();
});
},
@@ -707,27 +700,27 @@
this.questionBankOnLoad(this.questionBankPage);
this.$message({
type: "success",
- message: "操作成功!",
+ message: "操作成功!"
});
done();
},
- (error) => {
+ error => {
window.console.log(error);
- done();
+ done();
}
);
},
- beforeOpen(done, type) {
- if(this.userInfo.role_name=="培训公司管理员"){
- if (["edit"].includes(type)) {
- if(this.form.auditStatus==1){
- this.$message({
- type: "warning",
- message: "当前考试申请已审核通过,无法再修改考试申请信息!",
- });
- return;
- }
+ beforeOpen(done, type) {
+ if (this.userInfo.role_name == "培训公司管理员") {
+ if (["edit"].includes(type)) {
+ if (this.form.auditStatus == 1) {
+ this.$message({
+ type: "warning",
+ message: "当前考试申请已审核通过,无法再修改考试申请信息!"
+ });
+ return;
}
+ }
}
done();
},
@@ -736,7 +729,7 @@
if (row.examType == 1) {
this.$router.push({
path: `/applydetailed`,
- query: row,
+ query: row
});
}
@@ -744,7 +737,7 @@
if (row.examType == 2) {
this.$router.push({
path: `/trainApply`,
- query: row,
+ query: row
});
}
},
@@ -753,7 +746,7 @@
if (row.examType == 2) {
this.$router.push({
path: `/trainExam/singleperformance`,
- query: row,
+ query: row
});
}
},
@@ -768,11 +761,11 @@
this.questionBankOnLoad(this.questionBankPage);
this.$message({
type: "success",
- message: "操作成功!",
+ message: "操作成功!"
});
done();
},
- (error) => {
+ error => {
window.console.log(error);
loading();
}
@@ -785,7 +778,7 @@
const data = {
id: row.id,
startTime: row.startTime + ":00",
- endTime: row.endTime + ":00",
+ endTime: row.endTime + ":00"
};
// row.startTime = row.startTime + ":00";
// row.endTime = row.endTime + ":00";
@@ -796,11 +789,11 @@
this.questionBankOnLoad(this.questionBankPage);
this.$message({
type: "success",
- message: "操作成功!",
+ message: "操作成功!"
});
done();
},
- (error) => {
+ error => {
window.console.log(error);
loading();
}
@@ -810,7 +803,7 @@
this.$confirm("确定将选择数据删除?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
- type: "warning",
+ type: "warning"
})
.then(() => {
return remove(row.id);
@@ -819,7 +812,7 @@
this.questionBankOnLoad(this.questionBankPage);
this.$message({
type: "success",
- message: "操作成功!",
+ message: "操作成功!"
});
});
},
@@ -827,7 +820,7 @@
this.$confirm("已确认当前考试申请人员名单无误?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
- type: "warning",
+ type: "warning"
})
.then(() => {
row["confirmUser"] = this.userInfo.Id;
@@ -837,7 +830,7 @@
this.questionBankOnLoad(this.questionBankPage);
this.$message({
type: "success",
- message: "操作成功!",
+ message: "操作成功!"
});
});
},
@@ -849,7 +842,7 @@
this.$confirm("确定将选择数据删除?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
- type: "warning",
+ type: "warning"
})
.then(() => {
return remove(this.ids);
@@ -858,7 +851,7 @@
this.questionBankOnLoad(this.questionBankPage);
this.$message({
type: "success",
- message: "操作成功!",
+ message: "操作成功!"
});
this.$refs.questionBankCrud.toggleSelection();
});
@@ -866,8 +859,8 @@
handleAudit(row) {
this.dialogFormVisible = true;
this.Audit = row;
- },
- },
+ }
+ }
};
</script>
--
Gitblit v1.9.3