From fbdb1d15b6cf692d27598806eee6be6f16e1f36d Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期五, 22 九月 2023 17:54:55 +0800 Subject: [PATCH] 产品出入库明细接口联调、调拨列表接口联调、出入库搜索功能增加 --- src/views/productManage/product/index.vue | 25 ++++++++++++++++++++----- 1 files changed, 20 insertions(+), 5 deletions(-) diff --git a/src/views/productManage/product/index.vue b/src/views/productManage/product/index.vue index 7120876..92938f3 100644 --- a/src/views/productManage/product/index.vue +++ b/src/views/productManage/product/index.vue @@ -31,7 +31,12 @@ <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> --> + <el-image class="img-view"> + <div slot="error" class="image-slot"> + <i class="el-icon-picture-outline"></i> + </div> + </el-image> </div> <div class="right"> <div class="label"> @@ -100,7 +105,8 @@ }, isIconIndex: "1", // 1 鍥炬爣 2 鍒楄〃 url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg", - pageSizes: [15, 30] + pageSizes: [15, 30], + keyWord: "" } }, created() { @@ -212,9 +218,9 @@ this.tableList.tableColumn = this.setTableColumn(val) }, // 璇锋眰鏁版嵁 - async getData(val) { + async getData() { await getProductList({ - keyWord: val, + keyWord: this.keyWord, page: this.pagerOptions.currPage, pageSize: this.pagerOptions.pageSize }).then((res) => { @@ -232,8 +238,9 @@ // 鎼滅储 searchClick(val) { console.log(val) + this.keyWord = val this.pagerOptions.currPage = 1 - this.getData(val) + this.getData() }, // 鏂板缓 addBtnClick() { @@ -318,6 +325,14 @@ .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; -- Gitblit v1.8.0