From dc252ad2bd275f697c266e3c8b10cb7d540fdcaa Mon Sep 17 00:00:00 2001
From: liuyg <liuyg@qq.com>
Date: Wed, 16 Feb 2022 17:08:11 +0800
Subject: [PATCH] 44个表格在1366*768下的适配，保安员管理-》保安员查询中操作栏更改，在用户表左侧控制栏同步高
---
src/views/statisticalQueryManagement/securityGuardStatistics.vue | 104 +++++++++++++++++++++++++++++----------------------
1 files changed, 59 insertions(+), 45 deletions(-)
diff --git a/src/views/statisticalQueryManagement/securityGuardStatistics.vue b/src/views/statisticalQueryManagement/securityGuardStatistics.vue
index b6c3499..f73e8ea 100644
--- a/src/views/statisticalQueryManagement/securityGuardStatistics.vue
+++ b/src/views/statisticalQueryManagement/securityGuardStatistics.vue
@@ -1,6 +1,12 @@
<template>
<div>
- <basic-container class="witerFontColorInput">
+ <basic-container
+ :class="[
+ 'witerFontColorInput',
+ $store.state.control.screenSize == 1366 ? 'smallSize' : 'normalSize',
+ $store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : '',
+ ]"
+ >
<avue-crud
:option="tableOption"
:table-loading="loading"
@@ -15,7 +21,7 @@
@refresh-change="refreshChange"
@on-load="onLoad"
@cell-click="handleRowClick"
- class="rowClick"
+ class="rowClick tablesss"
>
</avue-crud>
</basic-container>
@@ -46,21 +52,22 @@
import { mapGetters } from "vuex";
import {
selectLi,
- dictionaryList
+ dictionaryList,
} from "../../api/statisticalQueryManagement/statisticalQueryManagement";
import { lazyTreeJu, lazyTrees } from "../../api/index/index";
import companyDetails from "./companyDetails";
export default {
name: "业务情况统计",
components: {
- companyDetails
+ companyDetails,
},
data() {
return {
page: {
pageSize: 10,
currentPage: 1,
- total: 0
+ total: 0,
+ ...this.$store.state.control.changePageSize,
},
query: {},
value1: "",
@@ -121,16 +128,18 @@
searchShow: true,
searchMenuSpan: 6,
index: true,
- indexLabel:'序号',
+ indexLabel: "序号",
dialogClickModal: false,
+ ...this.$store.state.control.clearOtherBut,
column: [
{
label: "公司名称",
prop: "deptname",
search: true,
searchSpan: 4,
- width: 280,
- display: false
+ minWidth: 210,
+ overHidden: true,
+ display: false,
},
{
label: "单位类型",
@@ -138,21 +147,24 @@
search: true,
searchSpan: 4,
display: false,
+ width: 110,
type: "select",
props: {
label: "dictValue",
- value: "dictKey"
+ value: "dictKey",
},
- dicData: []
+ dicData: [],
},
{
label: "所属辖区",
prop: "jurname",
+ width: 110,
searchSpan: 4,
+ overHidden: true,
type: "tree",
props: {
label: "title",
- value: "value"
+ value: "value",
},
// dicUrl: "/api/information/lazyTreeJu",
// dicMethod:'post',
@@ -183,9 +195,9 @@
{
required: true,
message: "请选择所属辖区",
- trigger: "blur"
- }
- ]
+ trigger: "blur",
+ },
+ ],
},
{
label: "单位注册时间",
@@ -196,7 +208,7 @@
searchRange: true,
searchSpan: 6,
searchLabelWidth: 120,
- labelWidth:160,
+ labelWidth: 160,
hide: true,
addDisplay: false,
editDisplay: false,
@@ -213,43 +225,43 @@
{
label: "保安员总数",
prop: "num",
- display: false
+ display: false,
},
{
label: "持证上岗人数",
prop: "cznum",
- display: false
+ display: false,
},
{
label: "未派遣人数",
prop: "wpaiqnum",
- display: false
+ display: false,
},
{
label: "派遣人数",
prop: "paiqnum",
- display: false
+ display: false,
},
{
label: "已采集照片人数",
prop: "ycaijzpnum",
- display: false
+ display: false,
},
{
label: "未采集照片人数",
prop: "wcaijnum",
- display: false
+ display: false,
},
{
label: "已采集指纹人数",
prop: "ycaijzwnum",
- display: false
+ display: false,
},
{
label: "资格审查异常人数",
width: 150,
prop: "yicnum",
- display: false
+ display: false,
},
// {
// label: "过考保安人数",
@@ -259,14 +271,14 @@
{
label: "缴纳社保人数",
prop: "sbnum",
- display: false
- }
- ]
+ display: false,
+ },
+ ],
},
companyName: "",
loading: true,
dialogShow: false,
- dialogTitle: ""
+ dialogTitle: "",
};
},
computed: {
@@ -276,15 +288,15 @@
addBtn: this.vaildData(this.permission.post_add, false),
viewBtn: this.vaildData(this.permission.post_view, false),
delBtn: this.vaildData(this.permission.post_delete, false),
- editBtn: this.vaildData(this.permission.post_edit, false)
+ editBtn: this.vaildData(this.permission.post_edit, false),
};
- }
+ },
},
methods: {
getSubOfficeData() {
- lazyTrees().then(res => {
+ lazyTrees().then((res) => {
if (res.data.code === 200) {
- this.tableOption.column.forEach(item => {
+ this.tableOption.column.forEach((item) => {
if (item.label == "所属辖区") {
// let data = res.data.data;
item.dicData = res.data.data;
@@ -306,9 +318,9 @@
// });
// },
getDictionaryList() {
- dictionaryList().then(res => {
+ dictionaryList().then((res) => {
if (res.data.code === 200) {
- this.tableOption.column.forEach(item => {
+ this.tableOption.column.forEach((item) => {
if (item.label == "单位类型") {
item.dicData = res.data.data;
}
@@ -348,21 +360,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;
- }
- selectLi(values).then(res => {
+ 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;
});
},
@@ -377,12 +390,13 @@
// this.$router.push({
// path: "/statisticalQueryManagement/companyDetails?deptid=" + row.dept_id
// });
- }
+ },
},
mounted() {
this.getSubOfficeData();
this.getDictionaryList();
- }
+ this.$store.commit("setWindowSizeHeightAdd");
+ },
};
</script>
<style lang="scss" scoped>
--
Gitblit v1.9.3