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/securityGuardManagement/dispatchChildoperable.vue | 66 ++++++++++++++++++++-------------
1 files changed, 40 insertions(+), 26 deletions(-)
diff --git a/src/views/securityGuardManagement/dispatchChildoperable.vue b/src/views/securityGuardManagement/dispatchChildoperable.vue
index 2075845..a707bda 100644
--- a/src/views/securityGuardManagement/dispatchChildoperable.vue
+++ b/src/views/securityGuardManagement/dispatchChildoperable.vue
@@ -1,26 +1,31 @@
<template>
- <basic-container>
- <div class="dispatchChildoperable">
- <avue-crud
- :option="option1"
- :data="data1"
- :page.sync="page1"
- ref="crudrec1"
- v-model="form"
- :table-loading="loading1"
- :before-open="beforeOpen"
- @row-save="rowSave1"
- @search-change="searchChange1"
- @search-reset="searchReset1"
- @row-update="rowUpdate1"
- @row-del="rowDel1"
- @selection-change="selectionChange1"
- @refresh-change="refreshChange1"
- >
- </avue-crud>
- </div>
+ <basic-container
+ :class="[
+ $store.state.control.screenSize == 1366 ? 'smallSize' : 'normalSize',
+ $store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : '',
+ ]"
+ >
+ <avue-crud
+ class="tablesss"
+ :option="option1"
+ :data="data1"
+ :page.sync="page1"
+ ref="crudrec1"
+ v-model="form"
+ :table-loading="loading1"
+ :before-open="beforeOpen"
+ @row-save="rowSave1"
+ @search-change="searchChange1"
+ @search-reset="searchReset1"
+ @row-update="rowUpdate1"
+ @row-del="rowDel1"
+ @selection-change="selectionChange1"
+ @refresh-change="refreshChange1"
+ @on-load="onLoad1"
+ >
+ </avue-crud>
</basic-container>
-</template>
+</template>
<script>
import {
@@ -46,6 +51,7 @@
pageSize: 10,
currentPage: 1,
total: 0,
+ ...this.$store.state.control.changePageSize,
},
form: {},
query1: {},
@@ -67,6 +73,7 @@
// menuWidth: 160,
align: "center",
selection: true,
+ ...this.$store.state.control.clearOtherBut,
column: [
// },
{
@@ -77,7 +84,7 @@
// search: true,
// labelWidth: 120,
// searchSpan: 4,
- minWidth: 210,
+ minWidth: 110,
addDisplay: false,
editDisplay: false,
},
@@ -85,9 +92,11 @@
label: "保安公司",
prop: "deptId",
search: true,
+ overHidden: true,
labelWidth: 120,
type: "tree",
searchSpan: 4,
+ searchLabelWidth: 75,
cascaderItem: ["userIds"],
props: {
label: "title",
@@ -130,9 +139,10 @@
label: "保安员",
prop: "userIds",
type: "tree",
- width: 70,
+ width: 65,
labelWidth: 120,
- searchSpan: 3,
+ searchLabelWidth: 62,
+ searchSpan: 4,
search: true,
hide: true,
props: {
@@ -246,6 +256,7 @@
valueFormat: "yyyy-MM-dd",
searchValue: [this.getStartTime(), this.getEndTime()],
searchRange: true,
+ searchLabelWidth: 75,
searchSpan: 5,
hide: true,
addDisplay: false,
@@ -263,6 +274,7 @@
{
label: "派遣地址",
prop: "dispatcheraddress",
+ overHidden: true,
labelWidth: 120,
rules: [
{
@@ -502,6 +514,7 @@
const data = res.data.data;
this.page1.total = data.total;
this.data1 = data.records;
+ this.$store.commit("setWindowSizeHeightAdd");
this.loading1 = false;
// this.$nextTick(() => this.$refs.crudrec1.dicInit("cascader"));
// console.log(this.form, 111111);
@@ -543,7 +556,8 @@
// }
// },
mounted() {
- this.onLoad1(this.page1, this.query1);
+ // this.onLoad1(this.page1, this.query1);
+ this.$store.commit("setWindowSizeHeightAdd");
},
};
</script>
@@ -558,4 +572,4 @@
.el-collapse-item {
padding-top: 15px !important;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3