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/licenseApproval/securityTraining.vue | 216 ++++++++++++++++++++++++++---------------------------
1 files changed, 105 insertions(+), 111 deletions(-)
diff --git a/src/views/licenseApproval/securityTraining.vue b/src/views/licenseApproval/securityTraining.vue
index 646a2ff..91d41d9 100644
--- a/src/views/licenseApproval/securityTraining.vue
+++ b/src/views/licenseApproval/securityTraining.vue
@@ -1,92 +1,85 @@
-/*
- * @Author: liu
- * @Date: 2021-08-26 16:55:25
- * @Last Modified by: liu
- * @Last Modified time: 2021-11-05 14:52:22
- */
-
+/* * @Author: liu * @Date: 2021-08-26 16:55:25 * @Last Modified by: liu * @Last
+Modified time: 2021-11-05 14:52:22 */
<template>
- <div>
- <basic-container
- :class="[
- 'permit',
- $store.state.control.windowWidth >= 1024 ? 'oneRowSearch' : '',
- ]"
+ <basic-container
+ :class="[
+ 'permit',
+ $store.state.control.screenSize == 1366 ? 'smallSize' : 'normalSize',
+ $store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : ''
+ ]"
+ >
+ <avue-crud
+ class="tablesss"
+ :option="option"
+ :table-loading="loading"
+ :data="data"
+ :page.sync="page"
+ :permission="permissionList"
+ :before-open="beforeOpen"
+ v-model="form"
+ ref="crud"
+ @row-update="rowUpdate"
+ @row-save="rowSave"
+ @row-del="rowDel"
+ @search-change="searchChange"
+ @search-reset="searchReset"
+ @selection-change="selectionChange"
+ @current-change="currentChange"
+ @size-change="sizeChange"
+ @refresh-change="refreshChange"
+ @on-load="onLoad"
+ :row-style="rowStyle"
>
- <avue-crud
- :option="option"
- :table-loading="loading"
- :data="data"
- :page.sync="page"
- :permission="permissionList"
- :before-open="beforeOpen"
- v-model="form"
- ref="crud"
- @row-update="rowUpdate"
- @row-save="rowSave"
- @row-del="rowDel"
- @search-change="searchChange"
- @search-reset="searchReset"
- @selection-change="selectionChange"
- @current-change="currentChange"
- @size-change="sizeChange"
- @refresh-change="refreshChange"
- @on-load="onLoad"
- :row-style="rowStyle"
- >
- <template slot="menuLeft">
- <el-button
- type="danger"
- size="small"
- icon="el-icon-delete"
- plain
- v-if="permission.permit_delete"
- @click="handleDelete"
- >删 除
- </el-button>
- </template>
- <template slot-scope="{ type, size, row }" slot="menu">
- <el-button
- icon="icon-zhengjian"
- :size="size"
- :type="type"
- class="zhengJian-icon"
- @click.stop="handleCredentials(row)"
- >附件
- </el-button>
- <el-button
- icon="el-icon-edit"
- :size="size"
- :type="type"
- @click.stop="rowDel(row)"
- v-if="row.type == '2' && userData == '0'"
- >许可审批
- </el-button>
- <el-button
- icon="el-icon-edit"
- :size="size"
- :type="type"
- @click.stop="viewLicense(row)"
- v-if="row.type == '0'"
- >打印许可证
- </el-button>
- </template>
- <template class="tdtype" slot-scope="{ row }" slot="type">
- <el-tag class="dtype">
- {{
- row.type == "0" ? "通过" : row.type == "1" ? "不通过" : "待审核"
- }}
- <i class="gz" v-if="row.type == '2'"></i>
- <!-- 黄色 -->
- <i class="yj" v-if="row.type == '1'"></i>
- <!-- 红色 -->
- <i class="zc" v-if="row.type == '0'"></i>
- <!-- 绿色 -->
- </el-tag>
- </template>
- </avue-crud>
- </basic-container>
+ <template slot="menuLeft">
+ <el-button
+ type="danger"
+ size="small"
+ icon="el-icon-delete"
+ plain
+ v-if="permission.permit_delete"
+ @click="handleDelete"
+ >删 除
+ </el-button>
+ </template>
+ <template slot-scope="{ type, size, row }" slot="menu">
+ <el-button
+ icon="icon-zhengjian"
+ :size="size"
+ :type="type"
+ class="zhengJian-icon"
+ @click.stop="handleCredentials(row)"
+ >附件
+ </el-button>
+ <el-button
+ icon="el-icon-edit"
+ :size="size"
+ :type="type"
+ @click.stop="rowDel(row)"
+ v-if="row.type == '2' && userData == '0'"
+ >许可审批
+ </el-button>
+ <el-button
+ icon="el-icon-edit"
+ :size="size"
+ :type="type"
+ @click.stop="viewLicense(row)"
+ v-if="row.type == '0'"
+ >打印许可证
+ </el-button>
+ </template>
+ <template class="tdtype" slot-scope="{ row }" slot="type">
+ <el-tag class="dtype">
+ {{ row.type == "0" ? "通过" : row.type == "1" ? "不通过" : "待审核" }}
+ <i class="gz" v-if="row.type == '2'"></i>
+ <!-- 黄色 -->
+ <i class="yj" v-if="row.type == '1'"></i>
+ <!-- 红色 -->
+ <i class="zc" v-if="row.type == '0'"></i>
+ <!-- 绿色 -->
+ </el-tag>
+ </template>
+ </avue-crud>
<!-- <el-dialog
:visible.sync="dialogVisible"
@@ -214,7 +207,7 @@
</div>
</div>
</el-dialog>
- </div>
+ </basic-container>
</template>
<script>
@@ -223,7 +216,7 @@
getDetail,
add,
update,
- remove,
+ remove
} from "@/api/licenseApproval/permit";
import { mapGetters } from "vuex";
import { column } from "./column";
@@ -238,7 +231,7 @@
dialogVisible: false, //许可证抽屉
licenceData: {
row: {},
- chiden: {},
+ chiden: {}
},
textareaShenpi: "",
@@ -249,7 +242,7 @@
pageSize: 10,
currentPage: 1,
total: 0,
- ...this.$store.state.control.changePageSize,
+ ...this.$store.state.control.changePageSize
},
selectionList: [],
option: {
@@ -271,10 +264,10 @@
selection: true,
dialogClickModal: false,
column: column,
- ...this.$store.state.control.clearOtherBut,
+ ...this.$store.state.control.clearOtherBut
},
data: [],
- userData: "",
+ userData: ""
};
},
computed: {
@@ -284,20 +277,20 @@
addBtn: this.vaildData(this.permission.permit_add, false),
viewBtn: this.vaildData(this.permission.permit_view, true),
delBtn: this.vaildData(this.permission.permit_delete, false),
- editBtn: this.vaildData(this.permission.permit_edit, false),
+ editBtn: this.vaildData(this.permission.permit_edit, false)
};
},
ids() {
let ids = [];
- this.selectionList.forEach((ele) => {
+ this.selectionList.forEach(ele => {
ids.push(ele.id);
});
return ids.join(",");
- },
+ }
},
- // mounted() {
- // console.log(this.userInfo.dept_id);
- // },
+ mounted() {
+ this.$store.commit("setWindowSizeHeightAdd");
+ },
methods: {
changeuserData() {
// console.log(this.userInfo, "userDatauserDatauserData");
@@ -331,7 +324,7 @@
path: "/attachOnce/index",
// redirect: { name: "foo" },
// query: { row: row },
- query: { deptid: row.cardid, type: "1" },
+ query: { deptid: row.cardid, type: "1" }
// params: { row: row.identificationnumber },
});
},
@@ -342,11 +335,11 @@
this.onLoad(this.page);
this.$message({
type: "success",
- message: "操作成功!",
+ message: "操作成功!"
});
done();
},
- (error) => {
+ error => {
loading();
window.console.log(error);
}
@@ -358,11 +351,11 @@
this.onLoad(this.page);
this.$message({
type: "success",
- message: "操作成功!",
+ message: "操作成功!"
});
done();
},
- (error) => {
+ error => {
loading();
console.log(error);
}
@@ -413,7 +406,7 @@
this.$confirm("确定将选择数据删除?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
- type: "warning",
+ type: "warning"
})
.then(() => {
return remove(this.ids);
@@ -422,14 +415,14 @@
this.onLoad(this.page);
this.$message({
type: "success",
- message: "操作成功!",
+ message: "操作成功!"
});
this.$refs.crud.toggleSelection();
});
},
beforeOpen(done, type) {
if (["edit", "view"].includes(type)) {
- getDetail(this.form.id).then((res) => {
+ getDetail(this.form.id).then(res => {
this.form = res.data.data;
});
}
@@ -471,11 +464,12 @@
page.currentPage,
page.pageSize,
Object.assign(params, this.query)
- ).then((res) => {
+ ).then(res => {
const data = res.data.data;
this.page.total = data.total;
this.data = data.records;
this.loading = false;
+ this.$store.commit("setWindowSizeHeightAdd");
this.selectionClear();
});
},
@@ -483,17 +477,17 @@
if (row.dtype != null && row.dtype != "") {
if (row.dtype == "2") {
return {
- color: "#F34A4A",
+ color: "#F34A4A"
};
}
if (row.dtype == "1") {
return {
- color: "#F48F57",
+ color: "#F48F57"
};
}
}
- },
- },
+ }
+ }
};
</script>
--
Gitblit v1.9.3