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/assignment.vue | 84 ++++++++++++++++++++++-------------------
1 files changed, 45 insertions(+), 39 deletions(-)
diff --git a/src/views/securityAnalysis/child/assignment.vue b/src/views/securityAnalysis/child/assignment.vue
index 4a2bfb7..b1a5207 100644
--- a/src/views/securityAnalysis/child/assignment.vue
+++ b/src/views/securityAnalysis/child/assignment.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,74 +105,78 @@
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: "年龄",
- prop: "age",
+ prop: "age"
},
{
label: "年龄",
prop: "ageType",
type: "select",
- hide:true,
- search:true,
- searchSpan:4,
- dicData:[
+ hide: true,
+ search: true,
+ searchSpan: 4,
+ dicData: [
{
- label:"全部",
- value:4
+ label: "全部",
+ value: 4
},
{
- label:"18-30周岁",
- value:1
+ label: "18-30周岁",
+ value: 1
},
{
- label:"30-45周岁",
- value:2
+ label: "30-45周岁",
+ value: 2
},
{
- label:"45-60周岁",
- value:3
- },
+ label: "45-60周岁",
+ value: 3
+ }
],
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 = "";
}
@@ -179,13 +185,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;
});
},
@@ -202,10 +209,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