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/securityAnalysis/child/socialSecurity.vue | 62 +++++++++++++++++--------------
1 files changed, 34 insertions(+), 28 deletions(-)
diff --git a/src/views/securityAnalysis/child/socialSecurity.vue b/src/views/securityAnalysis/child/socialSecurity.vue
index eccad1b..f263fa6 100644
--- a/src/views/securityAnalysis/child/socialSecurity.vue
+++ b/src/views/securityAnalysis/child/socialSecurity.vue
@@ -2,15 +2,17 @@
<div
:class="[
'certificateTJ',
- $store.state.control.windowWidth >= 1024 ? 'oneRowSearch' : '',
+ $store.state.control.screenSize == 1366 ? 'smallSize' : 'normalSize',
+ $store.state.control.windowWidth >= 1024 ? 'tooRowSearch1' : ''
]"
>
<avue-crud
+ class="tablesss"
:option="option1"
:data="data1"
:page.sync="page1"
:table-loading="loading1"
- @on-load="getPractitionersPageInfo(page1)"
+ @on-load="getPractitionersPageInfo"
@search-change="searchChange"
@search-reset="searchReset"
@refresh-change="refreshChange"
@@ -46,7 +48,7 @@
pageSize: 10,
currentPage: 1,
total: 0,
- ...this.$store.state.control.changePageSize,
+ ...this.$store.state.control.changePageSize
},
query1: {},
data1: [],
@@ -76,7 +78,7 @@
searchLabelWidth: "50",
overHidden: true,
searchSpan: 4,
- search: true,
+ search: true
},
{
label: "企业名称",
@@ -87,14 +89,14 @@
dicUrl: dicUrl,
props: {
label: "title",
- value: "id",
+ value: "id"
},
// hide: true,
// slot: true,
searchSpan: 4,
display: false,
search: search,
- minWidth: 220,
+ minWidth: 220
},
{
label: "性别",
@@ -103,25 +105,25 @@
dicData: [
{
label: "男",
- value: 1,
+ value: 1
},
{
label: "女",
- value: 2,
+ value: 2
},
{
label: "未知",
- value: 3,
- },
+ value: 3
+ }
],
- display: false,
+ display: false
},
{
label: "身份证号码",
prop: "cardid",
search: true,
searchLabelWidth: 90,
- searchSpan: 5,
+ searchSpan: 5
},
{
label: "学历",
@@ -129,30 +131,34 @@
dicUrl: "/api/blade-system/dict-biz/dictionary?code=educationType",
props: {
label: "dictValue",
- value: "dictKey",
+ value: "dictKey"
},
type: "select",
- search:true,
- searchSpan:4,
+ search: true,
+ searchSpan: 4,
rules: [
{
required: true,
message: "请选择学历",
- trigger: "blur",
- },
- ],
+ trigger: "blur"
+ }
+ ]
},
{
label: "联系电话",
prop: "phone",
- display: false,
- },
- ],
- },
+ display: false
+ }
+ ]
+ }
};
+ },
+ mounted() {
+ this.$store.commit("setWindowSizeHeightAdd");
},
methods: {
getPractitionersPageInfo(page, params = {}) {
+ this.loading1 = true;
if (this.card.jurisdiction == 1372091709474910209) {
this.card.jurisdiction = "";
}
@@ -161,13 +167,14 @@
...this.card,
...params,
status: 1,
- ...this.query1,
+ ...this.query1
};
- getList(page.currentPage, page.pageSize, params).then((res) => {
+ getList(page.currentPage, page.pageSize, params).then(res => {
// console.log(res.data.data.records);
const data = res.data.data;
this.data1 = data.records;
this.page1.total = data.total;
+ this.$store.commit("setWindowSizeHeightAdd");
this.loading1 = false;
});
},
@@ -184,10 +191,9 @@
this.query1 = {};
this.page1.currentPage = 1;
this.refreshChange();
- },
- },
+ }
+ }
};
</script>
-<style scoped>
-</style>
\ No newline at end of file
+<style scoped></style>
--
Gitblit v1.9.3