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/register.vue | 166 ++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 115 insertions(+), 51 deletions(-)
diff --git a/src/views/securityGuardManagement/register.vue b/src/views/securityGuardManagement/register.vue
index ff7bd0b..042980a 100644
--- a/src/views/securityGuardManagement/register.vue
+++ b/src/views/securityGuardManagement/register.vue
@@ -1,15 +1,10 @@
-/*
- * @Author: Morpheus
- * @Date: 2021-07-05 16:31:54
- * @Last Modified by: liu
- * @Last Modified time: 2021-10-21 15:31:24
- * menu-name 保安员注册查询
- */
+/* * @Author: Morpheus * @Date: 2021-07-05 16:31:54 * @Last Modified by: liu *
+@Last Modified time: 2021-10-21 15:31:24 * menu-name 保安员注册查询 */
<template>
<div>
<el-row class="registersss">
<el-col :span="3">
- <div class="box">
+ <div class="box changeBoxs">
<el-scrollbar>
<basic-container>
<avue-tree
@@ -21,9 +16,17 @@
</el-scrollbar>
</div>
</el-col>
- <el-col :span="21">
- <basic-container>
+ <el-col :span="21" class="clearBottomMargin">
+ <basic-container
+ :class="[
+ $store.state.control.screenSize == 1366
+ ? 'smallSize'
+ : 'normalSize',
+ $store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : '',
+ ]"
+ >
<avue-crud
+ class="tablesss"
:option="option"
:search.sync="search"
:table-loading="loading"
@@ -78,40 +81,95 @@
>
</template>
<template slot-scope="{ type, size, row }" slot="menu">
- <el-button
- :size="size"
- :type="type"
- class="zhengJian-icon"
- @click.stop="handleRowClick(row)"
- >详情</el-button
+ <el-tooltip
+ placement="bottom"
+ effect="light"
+ transition="el-collapse-transition"
+ popper-class="caozuolanpopper"
+ v-if="$store.state.control.changeMenuSize"
>
- <el-button
- :size="size"
- :type="type"
- class="zhengJian-icon"
- @click.stop="honor(row)"
- >荣誉录入</el-button
- >
- <el-button
- :size="size"
- :type="type"
- class="zhengJian-icon"
- :disabled="row.hold != 1"
- :title="row.hold != 1 ? '暂无证件或已吊销' : ''"
- @click.stop="handleViewCredentials(row)"
- >打印证件</el-button
- >
+ <div slot="content">
+ <el-button
+ icon="el-icon-user"
+ :size="size"
+ :type="type"
+ class="zhengJian-icon"
+ @click.stop="handleRowClick(row)"
+ >查看详情</el-button
+ >
+ <br />
+ <el-button
+ icon="el-icon-mobile"
+ :size="size"
+ :type="type"
+ class="zhengJian-icon"
+ @click.stop="honor(row)"
+ >荣誉录入</el-button
+ >
+ <br />
+ <el-button
+ icon="el-icon-printer"
+ :size="size"
+ :type="type"
+ class="zhengJian-icon"
+ :disabled="row.hold != 1"
+ :title="row.hold != 1 ? '暂无证件或已吊销' : ''"
+ @click.stop="handleViewCredentials(row)"
+ >打印证件</el-button
+ >
- <el-button
- icon="icon-zhengjian"
- :size="size"
- :type="type"
- class="zhengJian-icon"
- :disabled="row.hold != 1"
- :title="row.hold != 1 ? '暂无证件或已吊销' : ''"
- @click.stop="handleCredentials(row)"
- >证件吊销</el-button
- >
+ <br />
+ <el-button
+ icon="el-icon-brush"
+ :size="size"
+ :type="type"
+ class="zhengJian-icon"
+ :disabled="row.hold != 1"
+ :title="row.hold != 1 ? '暂无证件或已吊销' : ''"
+ @click.stop="handleCredentials(row)"
+ >证件吊销</el-button
+ >
+ </div>
+ <el-button icon="el-icon-s-operation" :size="size" :type="type"
+ >操作
+ </el-button>
+ </el-tooltip>
+ <div v-if="!$store.state.control.changeMenuSize">
+ <el-button
+ :size="size"
+ :type="type"
+ class="zhengJian-icon"
+ @click.stop="handleRowClick(row)"
+ >详情</el-button
+ >
+ <el-button
+ :size="size"
+ :type="type"
+ class="zhengJian-icon"
+ @click.stop="honor(row)"
+ >荣誉录入</el-button
+ >
+ <el-button
+ :size="size"
+ :type="type"
+ class="zhengJian-icon"
+ :disabled="row.hold != 1"
+ :title="row.hold != 1 ? '暂无证件或已吊销' : ''"
+ @click.stop="handleViewCredentials(row)"
+ >打印证件</el-button
+ >
+
+ <el-button
+ icon="icon-zhengjian"
+ :size="size"
+ :type="type"
+ class="zhengJian-icon"
+ :disabled="row.hold != 1"
+ :title="row.hold != 1 ? '暂无证件或已吊销' : ''"
+ @click.stop="handleCredentials(row)"
+ >证件吊销</el-button
+ >
+ </div>
</template>
</avue-crud>
<el-dialog
@@ -251,6 +309,8 @@
callback();
}
};
+
+ let menuSize = this.$store.state.control.changeMenuSize ? 90 : 310;
return {
dialogVisiblecertificates: false,
objVisiblecertificates: {},
@@ -317,6 +377,7 @@
pageSize: 10,
currentPage: 1,
total: 0,
+ ...this.$store.state.control.changePageSize,
},
init: {
@@ -399,14 +460,15 @@
//dialogType: 'drawer',
dialogClickModal: false,
// 操作栏宽度
- menuWidth: 310,
+ menuWidth: menuSize,
+ ...this.$store.state.control.clearOtherBut,
column: [
{
label: "姓名",
prop: "realName",
search: true,
searchSpan: 3,
- width: 65,
+ width: 69,
searchLabelWidth: 50,
display: false,
},
@@ -456,8 +518,8 @@
prop: "cardid",
search: true,
searchLabelWidth: 90,
- searchSpan: 4,
- minWidth: 140,
+ searchSpan: 5,
+ minWidth: 165,
display: false,
},
@@ -516,7 +578,7 @@
{
label: "联系电话",
prop: "phone",
- minWidth: 95,
+ minWidth: 110,
display: false,
},
{
@@ -531,7 +593,7 @@
search: true,
searchLabelWidth: 90,
minWidth: 105,
- searchSpan: 4,
+ searchSpan: 5,
addDisplay: false,
editDisplay: false,
// hide: true,
@@ -578,7 +640,7 @@
prop: "hold",
slot: true,
search: true,
- searchSpan: 3,
+ searchSpan: 4,
width: 100,
display: false,
dicData: [
@@ -751,6 +813,7 @@
if (!website.tenantMode) {
this.initData(website.tenantId);
}
+ this.$store.commit("setWindowSizeHeightAdd");
},
methods: {
rowClickSelf(row) {
@@ -950,6 +1013,7 @@
this.data = data.records;
// console.log(this.data);
this.loading = false;
+ this.$store.commit("setWindowSizeHeightAdd");
this.selectionClear();
});
},
@@ -1047,9 +1111,9 @@
};
</script>
-<style lang='scss' scoped>
+<style lang="scss" scoped>
.box {
- height: 800px;
+ height: auto;
}
.el-scrollbar {
--
Gitblit v1.9.3