From 991a63234bba49da5a22d0f64ae15837d3253829 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期一, 04 七月 2022 15:04:17 +0800
Subject: [PATCH] 除生产管理外 其它页面能适应小屏
---
src/views/jcsz/zzjg.vue | 43 +++++++++++++++++++++++++++++++++++--------
1 files changed, 35 insertions(+), 8 deletions(-)
diff --git a/src/views/jcsz/zzjg.vue b/src/views/jcsz/zzjg.vue
index 140fd2a..277b859 100644
--- a/src/views/jcsz/zzjg.vue
+++ b/src/views/jcsz/zzjg.vue
@@ -99,7 +99,6 @@
<el-table-column
prop="lm_date"
label="鍒涘缓鏃堕棿"
- show-overflow-tooltip
sortable="custom"
/>
<el-table-column
@@ -130,7 +129,7 @@
<el-dialog
:title="operation==='add'?'鏂板':'缂栬緫'"
:visible.sync="dialogVisible"
- width="50%"
+ width="60%"
top="15vh"
:close-on-click-modal="false"
@closed="handleClose"
@@ -151,15 +150,15 @@
</el-radio-group>
</el-form-item>
<el-form-item label="缁勭粐缂栫爜" prop="OrgCode">
- <el-input v-model="dialogForm.OrgCode" disabled style="width: 220px" />
+ <el-input v-model="dialogForm.OrgCode" disabled style="width: 200px" />
</el-form-item>
<el-form-item label="缁勭粐鍚嶇О" prop="OrgName">
- <el-input v-model="dialogForm.OrgName" style="width: 220px" />
+ <el-input v-model="dialogForm.OrgName" style="width: 200px" />
</el-form-item>
<el-form-item v-if="dialogFormOrgTypeSelected!=='F'" prop="SupUnit" label="涓婄骇鍗曚綅">
<el-select
v-model="dialogForm.SupUnit"
- style="width: 220px"
+ style="width: 200px"
filterable
:popper-append-to-body="false"
placeholder="璇烽�夋嫨"
@@ -215,6 +214,8 @@
}
}
return {
+ windowHeight: 0,
+ windowWidth: 0,
mainHeight: 0,
tableHeight: 0,
numvalue: 0,
@@ -265,12 +266,38 @@
}
},
+ // watch: {
+ // windowHeight(val) {
+ // console.log('瀹炴椂灞忓箷楂樺害锛�', val, this.windowHeight)
+ // },
+ // windowWidth(val) {
+ // if (val < 768) {
+ // this.dialogWidth = '100%'
+ // } else {
+ // this.dialogWidth = '75%'
+ // }
+ // console.log('瀹炴椂灞忓箷瀹藉害锛�', val, this.windowHeight)
+ // }
+ // },
created() {
this.getOrganizationSearch()
},
mounted() {
window.addEventListener('resize', this.getHeight)
this.getHeight()
+
+ // console.log('椤甸潰杩涘叆鏃剁殑瀹藉害锛�', document.body.clientWidth)
+ // if (document.body.clientWidth < 768) {
+ // this.dialogWidth = '100%'
+ // }
+ //
+ // // <!--鎶妛indow.onresize浜嬩欢鎸傚湪鍒癿ounted鍑芥暟涓�-->
+ // window.onresize = () => {
+ // return (() => {
+ // this.windowHeight = document.documentElement.clientHeight// 楂�
+ // this.windowWidth = document.documentElement.clientWidth // 瀹�
+ // })()
+ // }
},
methods: {
async getOrganizationSearch() {
@@ -466,9 +493,9 @@
color: #606266;
}
-::v-deep .el-dialog__body {
- padding: 20px 100px !important;
-}
+//::v-deep .el-dialog__body {
+// padding: 20px 100px !important;
+//}
::v-deep .el-radio__input.is-checked .el-radio__inner {
background-color: $main_color;
--
Gitblit v1.9.3