From 36f65570d93cced7996e337e0b8d289db61662bc Mon Sep 17 00:00:00 2001
From: zzq <a13193816592@163.com>
Date: 星期六, 07 十月 2023 19:15:54 +0800
Subject: [PATCH] fix:表格合计动态添加单位
---
src/views/productManage/product/index.vue | 45 ++++++++++++++++++++++++++++++++++++---------
1 files changed, 36 insertions(+), 9 deletions(-)
diff --git a/src/views/productManage/product/index.vue b/src/views/productManage/product/index.vue
index 6eb0622..b66f494 100644
--- a/src/views/productManage/product/index.vue
+++ b/src/views/productManage/product/index.vue
@@ -31,11 +31,14 @@
<div v-if="isIconIndex === '1'" class="product-view">
<div class="product-box" v-for="item in tableList.tableInfomation" :key="item.id" @click="tableRowClick(item)">
<div class="left">
- <el-image style="width: 60px; height: 80px" :src="url"></el-image>
+ <!-- <el-image style="width: 60px; height: 80px" :src="url"></el-image> -->
+ <div class="img-view">
+ <i class="el-icon-picture-outline"></i>
+ </div>
</div>
<div class="right">
<div class="label">
- <span>{{ item.name }}</span>
+ {{ item.name }}
</div>
<div class="price">
<span>浠锋牸:锟�</span>
@@ -100,11 +103,18 @@
},
isIconIndex: "1", // 1 鍥炬爣 2 鍒楄〃
url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
- pageSizes: [15, 30]
+ pageSizes: [15, 30],
+ keyWord: "",
+ categoryId: null
}
},
created() {
this.setTable()
+ let query = this.$route.query
+ if (query) {
+ this.categoryId = query.id ? Number(query.id) : null
+ this.pagerOptions.currPage = 1
+ }
this.getData()
},
methods: {
@@ -181,7 +191,7 @@
},
{
label: "浜у搧绫诲瀷",
- prop: "productType",
+ prop: "model",
isShowColumn: showcol.includes("浜у搧绫诲瀷"),
default: false
},
@@ -212,9 +222,10 @@
this.tableList.tableColumn = this.setTableColumn(val)
},
// 璇锋眰鏁版嵁
- async getData(val) {
+ async getData() {
await getProductList({
- keyWord: val,
+ keyWord: this.keyWord,
+ categoryId: this.categoryId ? this.categoryId : null,
page: this.pagerOptions.currPage,
pageSize: this.pagerOptions.pageSize
}).then((res) => {
@@ -232,8 +243,9 @@
// 鎼滅储
searchClick(val) {
console.log(val)
+ this.keyWord = val
this.pagerOptions.currPage = 1
- this.getData(val)
+ this.getData()
},
// 鏂板缓
addBtnClick() {
@@ -314,25 +326,40 @@
padding: 8px;
display: flex;
align-items: center;
+ cursor: pointer;
.left {
width: 60px;
text-align: center;
+ .img-view {
+ width: 60px;
+ height: 80px;
+ line-height: 80px;
+ border: 1px solid #dee2e6;
+ font-size: 22px;
+ color: #b8babb;
+ }
}
.right {
flex: 1;
font-size: 13px;
margin-left: 10px;
.label {
+ // max-height: 30px;
color: #212529;
- margin-top: -10px;
+ // margin-top: -5px;
margin-right: 15px;
word-break: break-all;
word-wrap: break-word;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
.price,
.library {
color: #495057;
- margin-top: 15px;
+ margin-top: 10px;
}
}
}
--
Gitblit v1.8.0