From df744014031c57bf69fd1d94767a3c6e07f2ecb8 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期六, 31 十二月 2022 13:20:38 +0800
Subject: [PATCH] 1.横向竖向菜单模式切换功能
---
src/views/zzmx/wllx.vue | 24 +++++++++++++++++++-----
1 files changed, 19 insertions(+), 5 deletions(-)
diff --git a/src/views/zzmx/wllx.vue b/src/views/zzmx/wllx.vue
index 30a2b38..c8d4032 100644
--- a/src/views/zzmx/wllx.vue
+++ b/src/views/zzmx/wllx.vue
@@ -17,7 +17,7 @@
<el-input v-model="form.materialtypename" placeholder="璇疯緭鍏�" style="width: 200px" />
</el-form-item>
<el-form-item label="瀛樿揣绫诲瀷" style=" display: flex;">
- <el-select v-model="form.stocktypecode" :popper-append-to-body="false" style="width: 200px" placeholder="璇烽�夋嫨">
+ <el-select v-model="form.stocktypecode" filterable :popper-append-to-body="false" style="width: 200px" placeholder="璇烽�夋嫨">
<el-option
v-for="item in stocktypeArr"
:key="item.code"
@@ -36,11 +36,13 @@
<el-divider />
<div style="margin-left: 10px;display: flex">
<el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">鏂板</el-button>
- <el-button type="primary" icon="el-icon-upload2" @click="upload">瀵煎叆</el-button>
+ <!-- <el-button type="primary" icon="el-icon-upload2" @click="upload">瀵煎叆</el-button>-->
</div>
<el-divider />
<div class="elTableDiv">
<el-table
+ ref="tableDataRef"
+ class="tableFixed"
:data="tableData"
border
stripe
@@ -63,10 +65,12 @@
<el-table-column
prop="code"
label="鐗╂枡绫诲瀷缂栫爜"
+ show-tooltip-when-overflow
sortable="custom"
/>
<el-table-column
prop="name"
+ show-tooltip-when-overflow
label="鐗╂枡绫诲瀷鍚嶇О"
sortable="custom"
/>
@@ -74,9 +78,11 @@
prop="stockname"
label="瀛樿揣绫诲瀷"
sortable="custom"
+ show-tooltip-when-overflow
/>
<el-table-column
prop="lm_user"
+ show-tooltip-when-overflow
label="鍒涘缓浜哄憳"
sortable="custom"
/>
@@ -84,6 +90,7 @@
prop="lm_date"
label="鍒涘缓鏃堕棿"
sortable="custom"
+ show-tooltip-when-overflow
/>
<el-table-column
label="鎿嶄綔"
@@ -99,7 +106,6 @@
</div>
<!--鍒嗛〉-->
<pagination
- v-show="total>0"
:total="total"
:page.sync="form.page"
:limit.sync="form.rows"
@@ -127,7 +133,7 @@
<el-input v-model="dialogForm.materialtypename" style="width: 200px" />
</el-form-item>
<el-form-item label="瀛樿揣绫诲瀷" prop="stocktypecode">
- <el-select v-model="dialogForm.stocktypecode" :popper-append-to-body="false" style="width: 200px" placeholder="璇烽�夋嫨">
+ <el-select v-model="dialogForm.stocktypecode" filterable :popper-append-to-body="false" style="width: 200px" placeholder="璇烽�夋嫨">
<el-option
v-for="item in stocktypeArr"
:key="item.code"
@@ -326,6 +332,7 @@
this.$nextTick(() => {
this.mainHeight = window.innerHeight - 250
this.tableHeight = this.mainHeight - 100
+ this.$refs.tableDataRef.doLayout()
})
}
}
@@ -484,5 +491,12 @@
::v-deep .el-select-dropdown__item.selected{
color: $main_color;
}
-
+.tableFixed{
+ ::v-deep .el-table__fixed-right{
+ height: 100% !important;
+ }
+ ::v-deep .el-table__fixed{
+ height: 100% !important;
+ }
+}
</style>
--
Gitblit v1.9.3