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/statisticalQueryManagement/securityGuardStatistics.vue | 123 +++++++++++++++++++++-------------------
1 files changed, 65 insertions(+), 58 deletions(-)
diff --git a/src/views/statisticalQueryManagement/securityGuardStatistics.vue b/src/views/statisticalQueryManagement/securityGuardStatistics.vue
index 25d3d94..f7f6760 100644
--- a/src/views/statisticalQueryManagement/securityGuardStatistics.vue
+++ b/src/views/statisticalQueryManagement/securityGuardStatistics.vue
@@ -1,36 +1,39 @@
<template>
- <div>
- <basic-container class="witerFontColorInput">
- <avue-crud
- :option="tableOption"
- :table-loading="loading"
- :data="tableData"
- :page.sync="page"
- :permission="permissionList"
- ref="crud"
- :search.sync="search"
- @search-change="searchChange"
- @search-reset="searchReset"
- @current-change="currentChange"
- @size-change="sizeChange"
- @refresh-change="refreshChange"
- @on-load="onLoad"
- @cell-click="handleRowClick"
- class="rowClick"
- >
+ <basic-container
+ :class="[
+ 'witerFontColorInput',
+ $store.state.control.screenSize == 1366 ? 'smallSize' : 'normalSize',
+ $store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : ''
+ ]"
+ >
+ <avue-crud
+ class="tablesss rowClick"
+ :option="tableOption"
+ :table-loading="loading"
+ :data="tableData"
+ :page.sync="page"
+ :permission="permissionList"
+ ref="crud"
+ :search.sync="search"
+ @search-change="searchChange"
+ @search-reset="searchReset"
+ @current-change="currentChange"
+ @size-change="sizeChange"
+ @refresh-change="refreshChange"
+ @on-load="onLoad"
+ @cell-click="handleRowClick"
+ >
<template slot="menuLeft">
- <el-button
- type="warning"
- size="small"
- plain
- icon="el-icon-download"
- @click="handleExportSecurityStatisInfo"
- >导出
- </el-button>
+ <el-button
+ type="warning"
+ size="small"
+ plain
+ icon="el-icon-download"
+ @click="handleExportSecurityStatisInfo"
+ >导出
+ </el-button>
</template>
- </avue-crud>
-
- </basic-container>
+ </avue-crud>
<el-dialog
class="tongji-class"
:title="dialogTitle"
@@ -41,11 +44,14 @@
>
<companyDetails :fwdeptId="fwdeptId"></companyDetails>
</el-dialog>
- </div>
+ </basic-container>
</template>
<script>
import { mapGetters } from "vuex";
-import { selectLi, dictionaryList } from "@/api/statisticalQueryManagement/statisticalQueryManagement";
+import {
+ selectLi,
+ dictionaryList
+} from "@/api/statisticalQueryManagement/statisticalQueryManagement";
import companyDetails from "./companyDetails";
import Qs from "qs";
import { getToken } from "@/util/auth";
@@ -60,14 +66,13 @@
pageSize: 10,
currentPage: 1,
total: 0,
- ...this.$store.state.control.changePageSize,
+ ...this.$store.state.control.changePageSize
},
- search:{},
+ search: {},
query: {},
value1: "",
value2: "",
- tableData: [
- ],
+ tableData: [],
tableOption: {
align: "center",
viewBtn: true,
@@ -84,8 +89,9 @@
searchShow: true,
searchMenuSpan: 6,
index: true,
- indexLabel:'序号',
+ indexLabel: "序号",
dialogClickModal: false,
+ ...this.$store.state.control.clearOtherBut,
column: [
{
label: "公司名称",
@@ -116,8 +122,7 @@
label: "title",
value: "value"
},
- dicData: [
- ],
+ dicData: [],
rules: [
{
required: true,
@@ -135,7 +140,7 @@
dicUrl: "/api/jurisdiction/lazy-tree",
props: {
label: "title",
- value: "id",
+ value: "id"
},
hide: true,
checkStrictly: true,
@@ -144,9 +149,9 @@
{
required: false,
message: "请选择所属辖区",
- trigger: "click",
- },
- ],
+ trigger: "click"
+ }
+ ]
},
{
label: "单位注册时间",
@@ -157,7 +162,7 @@
searchRange: true,
searchSpan: 6,
searchLabelWidth: 120,
- labelWidth:160,
+ labelWidth: 160,
hide: true,
addDisplay: false,
editDisplay: false,
@@ -167,9 +172,9 @@
{
required: true,
message: "请选择单位注册时间",
- trigger: "blur",
- },
- ],
+ trigger: "blur"
+ }
+ ]
},
{
label: "保安员总数",
@@ -242,7 +247,7 @@
this.$confirm("是否导出保安员统计信息数据?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
- type: "warning",
+ type: "warning"
}).then(() => {
//获取查询条件
const { releaseTimeRange } = this.search;
@@ -255,7 +260,7 @@
stats: this.search.stats,
deptid: this.search.deptname,
startTime: this.search.startTime,
- endTime: this.search.endTime,
+ endTime: this.search.endTime
};
// console.log(data,123);
//序列号url形式，用&拼接
@@ -311,21 +316,22 @@
param["size"] = page.pageSize;
const { releaseTimeRange } = this.query;
let values = {
+ ...param
+ };
+ if (releaseTimeRange) {
+ values = {
...param,
+ startTime: releaseTimeRange[0],
+ endTime: releaseTimeRange[1],
+ ...this.query
};
- if (releaseTimeRange) {
- values = {
- ...param,
- startTime: releaseTimeRange[0],
- endTime: releaseTimeRange[1],
- ...this.query,
- };
- values.releaseTimeRange = null;
- }
+ values.releaseTimeRange = null;
+ }
selectLi(values).then(res => {
const data = res.data.data;
this.page.total = data.total;
this.tableData = data.records;
+ this.$store.commit("setWindowSizeHeightAdd");
this.loading = false;
});
},
@@ -341,6 +347,7 @@
},
mounted() {
this.getDictionaryList();
+ this.$store.commit("setWindowSizeHeightAdd");
}
};
</script>
--
Gitblit v1.9.3