From a11d38dff8d7beca6d33251557b7e370c155faf1 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期三, 18 十月 2023 17:10:41 +0800
Subject: [PATCH] 新建调拨弹窗样式调整（5288）
---
src/views/productManage/product/index.vue | 147 +++++++++++++++++++++++++++++++------------------
1 files changed, 93 insertions(+), 54 deletions(-)
diff --git a/src/views/productManage/product/index.vue b/src/views/productManage/product/index.vue
index 85e9876..5a49b4d 100644
--- a/src/views/productManage/product/index.vue
+++ b/src/views/productManage/product/index.vue
@@ -14,16 +14,16 @@
<div class="icon-view">
<span
class="icon-label"
- @click="selIconSwitchClick('1')"
- :class="{ blueBackgroud: isIconIndex === '1', whiteBackgroud: isIconIndex === '2' }"
- ><i class="el-icon-menu"></i
- ></span>
- <span
- class="icon-label"
@click="selIconSwitchClick('2')"
:class="{ whiteBackgroud: isIconIndex === '1', blueBackgroud: isIconIndex === '2' }"
style="margin-left: 5px"
><i class="el-icon-s-unfold"></i
+ ></span>
+ <span
+ class="icon-label"
+ @click="selIconSwitchClick('1')"
+ :class="{ blueBackgroud: isIconIndex === '1', whiteBackgroud: isIconIndex === '2' }"
+ ><i class="el-icon-menu"></i
></span>
</div>
</div>
@@ -31,19 +31,23 @@
<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>鍗楁柟涓濆发SOUTHSILK 19濮嗙背鐪熶笣鐫¤。濂� 100%妗戣殨涓� 闀跨増濂楄瀹� </span>
+ {{ item.name }}
</div>
<div class="price">
<span>浠锋牸:锟�</span>
- <span>{{ item.name }}</span>
+ <span>{{ item.salePrice }}</span>
</div>
<div class="library">
<span>鍦ㄥ簱锛�</span>
- <span>{{ item.name }}</span>
+ <span>{{ item.amount }}</span>
+ <span style="margin-left: 5px">{{ item.unit }}</span>
</div>
</div>
</div>
@@ -62,7 +66,7 @@
</div> -->
</div>
<div class="btn-pager">
- <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
+ <PagerView class="page" :pager-options="pagerOptions" :page-size="pageSizes" v-on="pagerEvents" />
</div>
</div>
<!-- 鏂板缓/缂栬緫 -->
@@ -85,7 +89,7 @@
data() {
return {
tableList: {},
- showcol: ["鍐呴儴鍙傝��", "璐熻矗浜�", "浜у搧鏍囩", "閿�鍞环鏍�", "鎴愭湰", "鍦ㄥ簱鏁伴噺", "棰勬祴鏁伴噺", "璁￠噺鍗曚綅"],
+ showcol: ["鍐呴儴缂栫爜", "璐熻矗浜�", "浜у搧鏍囩", "閿�鍞环鏍�", "鎴愭湰", "鍦ㄥ簱鏁伴噺", "棰勬祴鏁伴噺", "璁￠噺鍗曚綅"],
searchOptions: [],
commonDetail: {
visible: false,
@@ -97,19 +101,32 @@
title: "鏂板缓",
infomation: {}
},
- isIconIndex: "1", // 1 鍥炬爣 2 鍒楄〃
- url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
+ isIconIndex: "2", // 1 鍥炬爣 2 鍒楄〃
+ url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+ 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: {
setTable() {
+ if (this.isIconIndex === "1") {
+ this.pageSizes = [30, 60]
+ this.pagerOptions.pageSize = 30
+ }
this.tableList = {
tableInfomation: [],
- selectBox: true,
+ selectBox: false,
+ selectIndex: true,
showcol: this.showcol,
allcol: [],
tableColumn: this.setTableColumn(this.showcol)
@@ -127,81 +144,74 @@
let tableColumn = [
{
label: "浜у搧鍚嶇О",
- prop: "id",
+ prop: "name",
isShowColumn: true,
default: true
},
{
- label: "鍐呴儴鍙傝��",
- prop: "deviceName",
- isShowColumn: showcol.includes("鍐呴儴鍙傝��"),
+ label: "鍐呴儴缂栫爜",
+ prop: "internalReference",
+ isShowColumn: showcol.includes("鍐呴儴缂栫爜"),
default: false
},
{
label: "璐熻矗浜�",
- prop: "id",
+ prop: "principal",
isShowColumn: true,
default: true
},
{
label: "浜у搧鏍囩",
- prop: "deviceId",
+ prop: "productTagName",
isShowColumn: showcol.includes("浜у搧鏍囩"),
default: false
},
{
label: "鏉＄爜",
- prop: "shopName",
+ prop: "barcode",
isShowColumn: showcol.includes("鏉＄爜"),
default: false
},
{
- label: "鍏徃",
- prop: "shopName",
- isShowColumn: showcol.includes("鍏徃"),
- default: false
- },
- {
label: "閿�鍞环鏍�",
- prop: "faultLevel",
+ prop: "salePrice",
isShowColumn: showcol.includes("閿�鍞环鏍�"),
default: false
},
{
label: "鎴愭湰",
- prop: "status",
+ prop: "cost",
isShowColumn: showcol.includes("鎴愭湰"),
- default: false,
- status: true
+ default: false
},
{
label: "浜у搧绫诲埆",
- prop: "faultTime",
+ prop: "categoryName",
isShowColumn: showcol.includes("浜у搧绫诲埆"),
default: false
},
{
label: "浜у搧绫诲瀷",
- prop: "shopName",
+ prop: "model",
isShowColumn: showcol.includes("浜у搧绫诲瀷"),
default: false
},
{
label: "鍦ㄥ簱鏁伴噺",
- prop: "faultLevel",
+ prop: "amount",
isShowColumn: showcol.includes("鍦ㄥ簱鏁伴噺"),
default: false
},
- {
- label: "棰勬祴鏁伴噺",
- prop: "status",
- isShowColumn: showcol.includes("棰勬祴鏁伴噺"),
- default: false,
- status: true
- },
+ // {
+ // label: "棰勬祴鏁伴噺",
+ // prop: "status",
+ // isShowColumn: showcol.includes("棰勬祴鏁伴噺"),
+ // default: false,
+ // status: true
+ // },
{
label: "璁￠噺鍗曚綅",
- prop: "faultTime",
+ prop: "unit",
isShowColumn: showcol.includes("璁￠噺鍗曚綅"),
default: false
}
@@ -213,33 +223,36 @@
this.tableList.tableColumn = this.setTableColumn(val)
},
// 璇锋眰鏁版嵁
- async getData(val, content) {
+ async getData() {
await getProductList({
- [val]: content,
+ keyWord: this.keyWord,
+ categoryId: this.categoryId ? this.categoryId : null,
page: this.pagerOptions.currPage,
pageSize: this.pagerOptions.pageSize
}).then((res) => {
- if (res.data.code === 200) {
- const list = res.data.data.list.map((item) => {
+ if (res.code === 200) {
+ const list = res.data.map((item) => {
return {
- ...item,
- supplierNumber: item.supplier.number
+ ...item
}
})
this.tableList.tableInfomation = list || []
- this.pagerOptions.totalCount = res.data.data.total
+ this.pagerOptions.totalCount = res.total
}
})
},
// 鎼滅储
searchClick(val) {
console.log(val)
+ this.keyWord = val
+ this.pagerOptions.currPage = 1
this.getData()
},
// 鏂板缓
addBtnClick() {
this.editConfig.visible = true
this.editConfig.title = "鏂板缓"
+ this.editConfig.infomation = {}
},
// 琛岀偣鍑�
tableRowClick(row) {
@@ -250,7 +263,16 @@
},
// 鍒囨崲鍒楄〃灞曠幇褰㈠紡
selIconSwitchClick(value) {
+ this.pagerOptions.currPage = 1
this.isIconIndex = value
+ if (value === "1") {
+ this.pageSizes = [30, 60]
+ this.pagerOptions.pageSize = 30
+ } else {
+ this.pageSizes = [15, 30]
+ this.pagerOptions.pageSize = 15
+ }
+ this.getData()
}
}
}
@@ -294,8 +316,8 @@
justify-content: flex-start;
align-content: flex-start;
.product-box {
- width: 295px;
- height: 84px;
+ width: 294px;
+ height: 94px;
margin-bottom: 10px;
margin-right: 20px;
border: 1px solid #dee2e6;
@@ -304,30 +326,47 @@
-webkit-box-shadow: inset 0 0 2px #dee2e6;
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: -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: 3px;
+ margin-top: 10px;
}
}
}
}
.product-list {
- height: calc(100% - 65px);
+ height: calc(100% - 70px);
}
::v-deep {
.el-table {
--
Gitblit v1.8.0