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 | 57 +++++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 39 insertions(+), 18 deletions(-) diff --git a/src/views/productManage/product/index.vue b/src/views/productManage/product/index.vue index 7120876..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,7 +31,10 @@ <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"> @@ -86,7 +89,7 @@ data() { return { tableList: {}, - showcol: ["鍐呴儴鍙傝��", "璐熻矗浜�", "浜у搧鏍囩", "閿�鍞环鏍�", "鎴愭湰", "鍦ㄥ簱鏁伴噺", "棰勬祴鏁伴噺", "璁¢噺鍗曚綅"], + showcol: ["鍐呴儴缂栫爜", "璐熻矗浜�", "浜у搧鏍囩", "閿�鍞环鏍�", "鎴愭湰", "鍦ㄥ簱鏁伴噺", "棰勬祴鏁伴噺", "璁¢噺鍗曚綅"], searchOptions: [], commonDetail: { visible: false, @@ -98,13 +101,20 @@ title: "鏂板缓", infomation: {} }, - isIconIndex: "1", // 1 鍥炬爣 2 鍒楄〃 + isIconIndex: "2", // 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: { @@ -115,7 +125,8 @@ } this.tableList = { tableInfomation: [], - selectBox: true, + selectBox: false, + selectIndex: true, showcol: this.showcol, allcol: [], tableColumn: this.setTableColumn(this.showcol) @@ -138,9 +149,9 @@ default: true }, { - label: "鍐呴儴鍙傝��", + label: "鍐呴儴缂栫爜", prop: "internalReference", - isShowColumn: showcol.includes("鍐呴儴鍙傝��"), + isShowColumn: showcol.includes("鍐呴儴缂栫爜"), default: false }, { @@ -181,7 +192,7 @@ }, { label: "浜у搧绫诲瀷", - prop: "productType", + prop: "model", isShowColumn: showcol.includes("浜у搧绫诲瀷"), default: false }, @@ -212,9 +223,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 +244,9 @@ // 鎼滅储 searchClick(val) { console.log(val) + this.keyWord = val this.pagerOptions.currPage = 1 - this.getData(val) + this.getData() }, // 鏂板缓 addBtnClick() { @@ -318,6 +331,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; @@ -345,7 +366,7 @@ } } .product-list { - height: calc(100% - 65px); + height: calc(100% - 70px); } ::v-deep { .el-table { -- Gitblit v1.8.0