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/situation.vue | 65 +++++++++++++++++---------------
1 files changed, 34 insertions(+), 31 deletions(-)
diff --git a/src/views/securityAnalysis/child/situation.vue b/src/views/securityAnalysis/child/situation.vue
index 365666c..c6e1d86 100644
--- a/src/views/securityAnalysis/child/situation.vue
+++ b/src/views/securityAnalysis/child/situation.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: [],
@@ -77,7 +79,7 @@
width: 80,
overHidden: true,
searchSpan: 3,
- search: true,
+ search: true
},
{
label: "企业名称",
@@ -87,14 +89,14 @@
dicUrl: dicUrl,
props: {
label: "title",
- value: "id",
+ value: "id"
},
// hide: true,
// slot: true,
searchSpan: 5,
display: false,
search: search,
- minWidth: 220,
+ minWidth: 220
},
{
label: "性别",
@@ -104,18 +106,18 @@
dicData: [
{
label: "男",
- value: 1,
+ value: 1
},
{
label: "女",
- value: 2,
+ value: 2
},
{
label: "未知",
- value: 3,
- },
+ value: 3
+ }
],
- display: false,
+ display: false
},
{
label: "身份证号码",
@@ -124,7 +126,7 @@
searchLabelWidth: 90,
searchSpan: 5,
minWidth: 140,
- display: false,
+ display: false
},
{
label: "学历",
@@ -134,7 +136,7 @@
dicUrl: "/api/blade-system/dict-biz/dictionary?code=educationType",
props: {
label: "dictValue",
- value: "dictKey",
+ value: "dictKey"
},
type: "select",
// hide: true,
@@ -142,15 +144,15 @@
{
required: true,
message: "请选择学历",
- trigger: "blur",
- },
- ],
+ trigger: "blur"
+ }
+ ]
},
{
label: "联系电话",
prop: "phone",
minWidth: 100,
- display: false,
+ display: false
},
{
label: "审查状态",
@@ -163,25 +165,26 @@
dicData: [
{
label: "正常",
- value: "0",
+ value: "0"
},
{
label: "异常",
- value: "1",
- },
- ],
+ value: "1"
+ }
+ ]
},
{
label: "审查明细",
prop: "examinationMx",
- disabled: true,
- },
- ],
- },
+ disabled: true
+ }
+ ]
+ }
};
},
methods: {
getPractitionersPageInfo(page, params = {}) {
+ this.loading1 = true;
if (this.card.jurisdiction == 1372091709474910209) {
this.card.jurisdiction = "";
}
@@ -190,13 +193,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;
});
},
@@ -214,10 +218,9 @@
this.page1.currentPage = 1;
this.refreshChange();
// console.log(212);
- },
- },
+ }
+ }
};
</script>
-<style scoped>
-</style>
\ No newline at end of file
+<style scoped></style>
--
Gitblit v1.9.3