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/securityGuard.vue | 262 +++++++++++++++++++++++++--------------------------
1 files changed, 129 insertions(+), 133 deletions(-)
diff --git a/src/views/licenseApproval/securityGuard.vue b/src/views/licenseApproval/securityGuard.vue
index 3a4baaa..7e9c6fe 100644
--- a/src/views/licenseApproval/securityGuard.vue
+++ b/src/views/licenseApproval/securityGuard.vue
@@ -1,69 +1,65 @@
-/*
- * @Author: liu
- * @Date: 2021-08-26 16:57:58
- * @Last Modified by: liu
- * @Last Modified time: 2021-11-09 11:16:14
- */
-
+/* * @Author: liu * @Date: 2021-08-26 16:57:58 * @Last Modified by: liu * @Last
+Modified time: 2021-11-09 11:16:14 */
<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"
- v-if="row.stateOur == '0'"
- @click.stop="rowDel(row)"
- >备案审批
- </el-button>
- <!-- <el-button
+ <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"
+ v-if="row.stateOur == '0'"
+ @click.stop="rowDel(row)"
+ >备案审批
+ </el-button>
+ <!-- <el-button
icon="el-icon-edit"
:size="size"
:type="type"
@@ -78,46 +74,45 @@
@click.stop="rowSee(row)"
>审批查询
</el-button> -->
- <el-button
- icon="el-icon-brush"
- :size="size"
- :type="type"
- @click.stop="viewLicense(row)"
- v-if="
- row.papprove == '1' && row.xapprove == '1' && row.sapprove == '1'
- "
- >打印备案证
- </el-button>
- <el-button
- icon="el-icon-brush"
- :size="size"
- :type="type"
- v-if="
- row.papprove == '1' && row.xapprove == '1' && row.sapprove == '1'
- "
- @click.stop="viewLicensehuizhi(row)"
- >回执打印
- </el-button>
- </template>
- <template class="tdtype" slot-scope="{ row }" slot="type">
- <el-tag class="dtype">
- {{
- row.stateOur == "1"
- ? "通过"
- : row.stateOur == "2"
- ? "不通过"
- : "待审核"
- }}
- <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>
+ <el-button
+ icon="el-icon-brush"
+ :size="size"
+ :type="type"
+ @click.stop="viewLicense(row)"
+ v-if="
+ row.papprove == '1' && row.xapprove == '1' && row.sapprove == '1'
+ "
+ >打印备案证
+ </el-button>
+ <el-button
+ icon="el-icon-brush"
+ :size="size"
+ :type="type"
+ v-if="
+ row.papprove == '1' && row.xapprove == '1' && row.sapprove == '1'
+ "
+ @click.stop="viewLicensehuizhi(row)"
+ >回执打印
+ </el-button>
+ </template>
+ <template class="tdtype" slot-scope="{ row }" slot="type">
+ <el-tag class="dtype">
+ {{
+ row.stateOur == "1"
+ ? "通过"
+ : row.stateOur == "2"
+ ? "不通过"
+ : "待审核"
+ }}
+ <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>
<div
v-if="dialogVisible"
class="dialogVisibles"
@@ -248,7 +243,7 @@
<div><span>审批意见：</span> {{ stateText }}</div>
</div>
</el-dialog>
- </div>
+ </basic-container>
</template>
<script>
@@ -257,7 +252,7 @@
getDetail,
add,
update,
- remove,
+ remove
} from "@/api/licenseApproval/record";
import { mapGetters } from "vuex";
import { column } from "./column";
@@ -274,7 +269,7 @@
dialogVisible: false, //许可证抽屉
licenceData: {
row: {},
- chiden: {},
+ chiden: {}
},
textareaShenpi: "",
@@ -285,7 +280,7 @@
pageSize: 10,
currentPage: 1,
total: 0,
- ...this.$store.state.control.changePageSize,
+ ...this.$store.state.control.changePageSize
},
selectionList: [],
option: {
@@ -307,7 +302,7 @@
selection: true,
dialogClickModal: false,
column: column,
- ...this.$store.state.control.clearOtherBut,
+ ...this.$store.state.control.clearOtherBut
},
data: [],
@@ -316,7 +311,7 @@
stateText: "",
dialogVisibleccsee: false,
- userData: "",
+ userData: ""
};
},
computed: {
@@ -326,20 +321,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: {
Printhuizhi() {
this.$Print(this.$refs.licencehuizhi);
@@ -353,7 +348,7 @@
path: "/attachOnce/index",
// redirect: { name: "foo" },
// query: { row: row },
- query: { deptid: row.cardid, type: "3" },
+ query: { deptid: row.cardid, type: "3" }
// params: { row: row.identificationnumber },
});
},
@@ -364,11 +359,11 @@
this.onLoad(this.page);
this.$message({
type: "success",
- message: "操作成功!",
+ message: "操作成功!"
});
done();
},
- (error) => {
+ error => {
loading();
window.console.log(error);
}
@@ -380,11 +375,11 @@
this.onLoad(this.page);
this.$message({
type: "success",
- message: "操作成功!",
+ message: "操作成功!"
});
done();
},
- (error) => {
+ error => {
loading();
console.log(error);
}
@@ -444,11 +439,11 @@
}
// console.log(this.xukezData);
// return;
- update(this.xukezData).then((res) => {
+ update(this.xukezData).then(res => {
console.log(res);
this.$message({
type: "success",
- message: "操作成功!",
+ message: "操作成功!"
});
this.refreshChange();
this.textareaShenpi = "";
@@ -488,7 +483,7 @@
this.$confirm("确定将选择数据删除?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
- type: "warning",
+ type: "warning"
})
.then(() => {
return remove(this.ids);
@@ -497,14 +492,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;
});
}
@@ -545,12 +540,12 @@
this.user_name = "派";
} else if (name == "县局管理员") {
d = {
- papprove: "1",
+ papprove: "1"
};
this.user_name = "县";
} else if (name == "市局管理员") {
d = {
- xapprove: "1",
+ xapprove: "1"
};
this.user_name = "市";
}
@@ -592,7 +587,7 @@
gonganj == "派出所管理员" ? "2" : gonganj == "县局管理员" ? "1" : "0";
params = {
...params,
- ...this.getFenji(gonganj),
+ ...this.getFenji(gonganj)
};
console.log(params, "params");
params["jurisdiction"] = this.userInfo.jurisdiction;
@@ -603,7 +598,7 @@
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;
@@ -624,6 +619,7 @@
}
console.log(this.data);
this.loading = false;
+ this.$store.commit("setWindowSizeHeightAdd");
this.selectionClear();
});
},
@@ -631,17 +627,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