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/scgl/scdd.vue | 15 ++++++++-------
1 files changed, 8 insertions(+), 7 deletions(-)
diff --git a/src/views/scgl/scdd.vue b/src/views/scgl/scdd.vue
index f04d867..81ffb93 100644
--- a/src/views/scgl/scdd.vue
+++ b/src/views/scgl/scdd.vue
@@ -84,7 +84,7 @@
<el-button type="primary" icon="el-icon-search" @click="search">鏌ヨ</el-button>
<el-button type="info" icon="el-icon-refresh" @click="reset">閲嶇疆</el-button>
</div>
- <!-- <div v-if="!isFullscreen" style="display: flex;align-items: start; margin-top: 15px;z-index: 2">-->
+ <!-- <div v-if="!isIpad" style="display: flex;align-items: start; margin-top: 15px;z-index: 2">-->
<!-- <el-button-->
<!-- type="primary"-->
<!-- icon="el-icon-refresh-right"-->
@@ -98,7 +98,7 @@
<!-- >鍏抽棴璁㈠崟-->
<!-- </el-button>-->
<!-- </div>-->
- <!-- <div v-if="isFullscreen" style="display: flex;flex-direction: column;align-items: end">-->
+ <!-- <div v-if="isIpad" style="display: flex;flex-direction: column;align-items: end">-->
<!-- <el-button-->
<!-- type="primary"-->
<!-- icon="el-icon-refresh-right"-->
@@ -249,6 +249,7 @@
<el-table-column
label="鎿嶄綔"
fixed="right"
+ width="80"
>
<template slot-scope="{row}">
<div class="operationClass">
@@ -388,7 +389,7 @@
}
}
return {
- isFullscreen: false,
+ isIpad: false,
mainHeight: 0,
tableHeight: 0,
form: {
@@ -680,10 +681,10 @@
getHeight() {
this.$nextTick(() => {
this.mainHeight = window.innerHeight - 250
- this.tableHeight = this.mainHeight - 100
- // this.isFullscreen = window.innerHeight < 800
- if (this.isFullscreen) {
- this.tableHeight = this.tableHeight - 50
+ this.tableHeight = this.mainHeight - 110
+ this.isIpad = window.innerHeight < 769
+ if (this.isIpad) {
+ this.tableHeight = this.tableHeight - 30
}
})
}
--
Gitblit v1.9.3