From 3a1a63d17e21cb9c26e4515e49e9ff75f59f52a0 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期三, 06 九月 2023 17:51:57 +0800
Subject: [PATCH] 产品管理样式修改
---
src/views/productManage/product/index.vue | 17 ++++++++++++++---
1 files changed, 14 insertions(+), 3 deletions(-)
diff --git a/src/views/productManage/product/index.vue b/src/views/productManage/product/index.vue
index a904fb1..60844cb 100644
--- a/src/views/productManage/product/index.vue
+++ b/src/views/productManage/product/index.vue
@@ -13,8 +13,9 @@
</div>
</div>
<template>
- <TableCommonView ref="tableListRef" :table-list="tableList" @selCommonClick="selCommonClick">
- <!-- <template slot="tableButton">
+ <div class="list-view">
+ <TableCommonView ref="tableListRef" :table-list="tableList" @selCommonClick="selCommonClick">
+ <!-- <template slot="tableButton">
<el-table-column label="鎿嶄綔" width="120">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="text" size="small">缂栬緫</el-button>
@@ -22,7 +23,9 @@
</template>
</el-table-column>
</template> -->
- </TableCommonView>
+ </TableCommonView>
+ </div>
+
<div class="btn-pager">
<PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
</div>
@@ -163,8 +166,13 @@
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.rightContent {
+ height: 100%;
+ background: #f0f2f5;
+ padding: 10px;
.top {
margin-bottom: 20px;
+ height: calc(100% - 30px);
+ background: #fff;
.supplier-search {
display: flex;
align-items: center;
@@ -173,6 +181,9 @@
margin-right: 20px;
}
}
+ .list-view {
+ height: calc(100% - 120px);
+ }
.btn-pager {
display: flex;
.page {
--
Gitblit v1.8.0