From d33eacc1f85ac3a736b33ba4713a19aae466d711 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期五, 05 八月 2022 16:42:53 +0800
Subject: [PATCH] 1.做适应平板显示的内容大小
---
src/views/zzmx/jpgj.vue | 24 +++++++++++++++---------
1 files changed, 15 insertions(+), 9 deletions(-)
diff --git a/src/views/zzmx/jpgj.vue b/src/views/zzmx/jpgj.vue
index e971ff8..ae07edf 100644
--- a/src/views/zzmx/jpgj.vue
+++ b/src/views/zzmx/jpgj.vue
@@ -144,7 +144,7 @@
prop="route_name"
label="宸ヨ壓璺嚎"
sortable="custom"
- min-width="110"
+ min-width="120"
/>
<el-table-column
prop="stepname"
@@ -186,6 +186,7 @@
<el-table-column
label="鎿嶄綔"
fixed="right"
+ width="120"
>
<template slot-scope="{row}">
<div class="operationClass">
@@ -212,9 +213,8 @@
<el-dialog
:title="operation==='add'?'鏂板':'缂栬緫'"
:visible.sync="dialogVisible"
- width="1200px"
- top="15vh"
- :fullscreen="isFullscreen"
+ width="1000px"
+ :top="isIpad?'5vh':'15vh'"
:close-on-click-modal="false"
@closed="handleClose"
@close="handleClose"
@@ -299,7 +299,8 @@
<el-table
:data="eqpDialogArr"
- height="400"
+ :height="tableHeight"
+ :style="{width: 100+'%',height:tableHeight-50+'px',}"
border
stripe
highlight-current-row
@@ -414,12 +415,13 @@
:page.sync="eqpTable.page"
:limit.sync="eqpTable.rows"
align="right"
- style="padding-top: 20px"
+ style="padding-top: 20px;"
layout="prev, pager, next,sizes"
popper-class="select_bottom"
@pagination="getEqpTable"
/>
</div>
+ <div v-if="eqpTableLength===0" style="width: 100px;height: 84px;" />
<span slot="footer" class="dialog-footer">
<div class="footerButton">
@@ -469,7 +471,7 @@
}
}
return {
- isFullscreen: false,
+ isIpad: false,
mainHeight: 0,
tableHeight: 0,
form: {
@@ -800,6 +802,7 @@
this.dialogForm.stand_value = ''
this.dialogForm.cavity_qty = ''
this.dialogForm.unprice = ''
+ this.eqpTableLength = 0
this.routeDialogArr = []
this.stepDialogArr = []
this.eqpDialogArr = []
@@ -836,8 +839,11 @@
getHeight() {
this.$nextTick(() => {
this.mainHeight = window.innerHeight - 250
- this.tableHeight = this.mainHeight - 100
- // this.isFullscreen = window.innerHeight < 800
+ this.tableHeight = this.mainHeight - 50
+ if (window.innerHeight < 769) {
+ this.tableHeight = this.tableHeight - 50
+ }
+ this.isIpad = window.innerHeight < 769 && window.innerWidth < 1367
})
}
}
--
Gitblit v1.9.3