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/yhqd.vue | 36 ++++++++++++++++++++++--------------
1 files changed, 22 insertions(+), 14 deletions(-)
diff --git a/src/views/jcsz/yhqd.vue b/src/views/jcsz/yhqd.vue
index cb6c016..3763d4f 100644
--- a/src/views/jcsz/yhqd.vue
+++ b/src/views/jcsz/yhqd.vue
@@ -140,7 +140,6 @@
prop="lm_date"
label="鍒涘缓鏃堕棿"
width="200"
- show-overflow-tooltip
sortable="custom"
/>
<el-table-column
@@ -180,7 +179,7 @@
<el-dialog
:title="operation==='add'?'鏂板':'缂栬緫'"
:visible.sync="dialogVisible"
- width="50%"
+ width="65%"
:close-on-click-modal="false"
top="15vh"
@closed="handleClose"
@@ -188,20 +187,20 @@
>
<el-form ref="dialogForm" :rules="dialogFormRules" inline :model="dialogForm" label-width="80px">
<el-form-item label="鐢ㄦ埛缂栫爜" prop="UserCode">
- <el-input v-model="dialogForm.UserCode" :disabled="operation!=='add'" style="width: 220px" />
+ <el-input v-model="dialogForm.UserCode" :disabled="operation!=='add'" style="width: 200px" />
</el-form-item>
<el-form-item label="鐢ㄦ埛鍚嶇О" prop="UserName">
- <el-input v-model="dialogForm.UserName" style="width: 220px" />
+ <el-input v-model="dialogForm.UserName" style="width: 200px" />
</el-form-item>
<el-form-item label="鐢ㄦ埛瀵嗙爜" prop="Password">
- <el-input v-model="dialogForm.Password" style="width: 220px" />
+ <el-input v-model="dialogForm.Password" style="width: 200px" />
</el-form-item>
<el-form-item label="鍦ㄨ亴鐘舵��" prop="Enable">
<el-select
v-model="dialogForm.Enable"
:popper-append-to-body="false"
filterable
- style="width: 220px"
+ style="width: 200px"
placeholder="璇烽�夋嫨"
>
<el-option
@@ -220,7 +219,7 @@
popper-class="elCascader"
:options="StuOrgArr"
:props="defaultProps"
- style="width: 220px;"
+ style="width: 200px;"
@change="dialogCascaderChange"
/>
</el-form-item>
@@ -229,7 +228,7 @@
v-model="dialogForm.wagetype"
:popper-append-to-body="false"
filterable
- style="width: 220px"
+ style="width: 200px"
placeholder="璇烽�夋嫨"
>
<el-option
@@ -242,10 +241,10 @@
</el-form-item>
<el-form-item label="鑱旂郴鏂瑰紡">
- <el-input v-model="dialogForm.Mobile" style="width: 220px" />
+ <el-input v-model="dialogForm.Mobile" style="width: 200px" />
</el-form-item>
<el-form-item label="鐢靛瓙閭">
- <el-input v-model="dialogForm.Email" style="width: 220px" />
+ <el-input v-model="dialogForm.Email" style="width: 200px" />
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
@@ -260,8 +259,9 @@
<el-dialog
title="鍏宠仈瑙掕壊"
:visible.sync="dialogVisibleRoles"
- width="50%"
+ width="65%"
top="15vh"
+ :fullscreen="isFullscreen"
:close-on-click-modal="false"
class="dialogVisibleRoles"
@closed="handleCloseRoles"
@@ -309,6 +309,7 @@
show-checkbox
node-key="code"
default-expand-all
+ style="height: 300px"
:props="defaultPropsOfRoleTree"
@check="checkBoxClick"
/>
@@ -355,6 +356,7 @@
}
}
return {
+ isFullscreen: false,
mainHeight: 0,
tableHeight: 0,
form: {
@@ -587,9 +589,15 @@
},
// 鑾峰彇椤甸潰楂樺害
getHeight() {
+ console.log(window.innerHeight)
+ console.log(window.innerWidth)
this.$nextTick(() => {
this.mainHeight = window.innerHeight - 250
this.tableHeight = this.mainHeight - 100
+ this.isFullscreen = window.innerHeight < 800
+ if (window.innerHeight < 800) {
+ this.tableHeight = this.tableHeight - 50
+ }
})
},
// 鍏宠仈瑙掕壊鐐瑰嚮浜嬩欢
@@ -926,9 +934,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