From 5ecb7958c96d3f0b6d47b79aff7eb306c2cf690f Mon Sep 17 00:00:00 2001 From: charles <981744753@qq.com> Date: 星期二, 06 八月 2024 11:16:58 +0800 Subject: [PATCH] gitlab上面的wms转移到公司git --- src/views/warehouseManage/warehouse/index.vue | 275 +++++++++++++++++++++++++++++++----------------------- 1 files changed, 156 insertions(+), 119 deletions(-) diff --git a/src/views/warehouseManage/warehouse/index.vue b/src/views/warehouseManage/warehouse/index.vue index 53637d9..1aee9f8 100644 --- a/src/views/warehouseManage/warehouse/index.vue +++ b/src/views/warehouseManage/warehouse/index.vue @@ -1,144 +1,181 @@ <template> <div class="rightContent"> <div class="top"> - <SearchCommonView - :add-title="'鏂板缓'" - :placeholder="'璇疯緭鍏ュ崟鍙�'" - :amount-view="false" - @addCommonClick="addBtnClick" - @searchClick="getList" - /> + <SearchCommonView :add-title="'鏂板缓'" :placeholder="'璇疯緭鍏ヤ粨搴�'" :amount-view="false" @addCommonClick="addBtnClick" @searchClick="getList" /> </div> <div class="list-view"> <div class="table"> - <TableCommonView - ref="tableListRef" - :table-list="tableList" - :show-checkcol="false" - @tableRowClick="tableRowClick" - ></TableCommonView> + <TableCommonView ref="tableListRef" :table-list="tableList" :show-checkcol="false"> + <template slot="tableButton"> + <el-table-column label="鎿嶄綔" width="120" > + <template slot-scope="scope"> + <el-button @click="tableRowClick(scope.row, 'edit')" type="text" size="small">缂栬緫</el-button> + <el-button type="text" size="small" @click="tableRowClick(scope.row, 'look')">鏌ョ湅</el-button> + <el-button type="text" size="small" @click.stop="deleteRow(scope.row)">鍒犻櫎</el-button> + </template> + </el-table-column> + </template> + </TableCommonView> </div> <div class="btn-pager"> <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" /> </div> </div> <!-- 鏂板缓/缂栬緫 --> - <AddScrapDialog v-if="editConfig.visible" :edit-common-config="editConfig" /> + <AddDialog v-if="editConfig.visible" @refresh="refresh" :edit-common-config="editConfig" /> </div> </template> <script> -import pageMixin from "@/components/makepager/pager/mixin/pageMixin" -import { getProductList } from "@/api/product/product" -// import DetailProduct from "@/views/productManage/product/DetailProduct" -import AddScrapDialog from "@/views/operate/scrap/AddScrapDialog" + import pageMixin from '@/components/makepager/pager/mixin/pageMixin' + import { getWarehouseList, deleteWarehouse } from '@/api/warehouseManage/warehouse' + import AddDialog from '@/views/warehouseManage/warehouse/AddDialog' -export default { - name: "WarehouseView", - props: {}, - components: { AddScrapDialog }, - mixins: [pageMixin], - computed: {}, - data() { - return { - tableList: {}, - searchOptions: [], - editConfig: { - visible: false, - title: "鏂板缓", - infomation: {} - } - } - }, - created() { - this.setTable() - this.getData() - }, - methods: { - setTable() { - this.tableList = { - tableInfomation: [], - selectBox: true, - showcol: this.showcol, - allcol: [], - tableColumn: this.setTableColumn(this.showcol) - } - let allcol = [] - for (let i = 0; i < this.tableList.tableColumn.length; i++) { - if (!this.tableList.tableColumn[i].default) { - const label = this.tableList.tableColumn[i].label - allcol.push(label) - } - } - this.tableList.allcol = allcol - }, - setTableColumn(showcol) { - console.log(showcol) - let tableColumn = [ - { - label: "浠撳簱", - prop: "id", - isShowColumn: true, - default: true + export default { + name: 'WarehouseView', + props: {}, + components: { AddDialog }, + mixins: [pageMixin], + computed: {}, + data() { + return { + tableList: {}, + keyword: '', + editConfig: { + visible: false, + title: '鏂板缓', + infomation: {}, }, - { - label: "搴撳瓨浣嶇疆", - prop: "deviceName", - isShowColumn: true, - default: true - }, - { - label: "鍦板潃", - prop: "id", - isShowColumn: true, - default: true + } + }, + created() { + this.setTable() + this.getData() + }, + methods: { + setTable() { + this.tableList = { + tableInfomation: [], + selectBox: false, + selectIndex: true, + showcol: this.showcol, + allcol: [], + tableColumn: this.setTableColumn(this.showcol), } - ] - return tableColumn - }, - selTableCol(val) { - this.showcol = val - this.tableList.tableColumn = this.setTableColumn(val) - }, - // 璇锋眰鏁版嵁 - async getData(val, content) { - await getProductList({ - [val]: content, - page: this.pagerOptions.currPage, - pageSize: this.pagerOptions.pageSize - }).then((res) => { - if (res.data.code === 200) { - const list = res.data.data.list.map((item) => { - return { - ...item, - supplierNumber: item.supplier.number, - status: "鑽夌", - preTime: "2023-09-04 11:20:00" - } + let allcol = [] + for (let i = 0; i < this.tableList.tableColumn.length; i++) { + if (!this.tableList.tableColumn[i].default) { + const label = this.tableList.tableColumn[i].label + allcol.push(label) + } + } + this.tableList.allcol = allcol + }, + setTableColumn(showcol) { + console.log(showcol) + let tableColumn = [ + { + label: '浠撳簱', + prop: 'name', + isShowColumn: true, + default: true, + }, + { + label: '搴撳瓨浣嶇疆', + prop: 'warehouseLocation', + isShowColumn: true, + default: true, + }, + { + label: '鍦板潃', + prop: 'address', + isShowColumn: true, + default: true, + }, + ] + return tableColumn + }, + selTableCol(val) { + this.showcol = val + this.tableList.tableColumn = this.setTableColumn(val) + }, + // 璇锋眰鏁版嵁 + async getData() { + await getWarehouseList({ + keyword: this.keyword, + page: this.pagerOptions.currPage, + pageSize: this.pagerOptions.pageSize, + }).then((res) => { + if (res.code == 200) { + const list = res.data ? res.data : [] + this.tableList.tableInfomation = list + this.pagerOptions.totalCount = res.total + } + }) + }, + refresh() { + this.pagerOptions.currPage = 1 + this.getData() + }, + // 鎼滅储 + getList(val) { + this.keyword = val + this.pagerOptions.currPage = 1 + this.getData() + }, + // 琛岀偣鍑� + tableRowClick(row, val) { + this.editConfig.title = val == 'look' ? '鏌ョ湅' : '缂栬緫' + this.editConfig.infomation = { ...row } + this.editConfig.visible = true + }, + // 鏂板缓 + addBtnClick() { + this.editConfig.infomation = { + address: '', + buyToResupply: null, + code: '', + name: '', + inboundTransportation: 1, + outboundTransportation: 1, + }; + this.editConfig.visible = true + this.editConfig.title = '鏂板缓' + }, + + //鍒犻櫎 + deleteRow(row) { + this.$confirm('姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ヤ粨搴�, 鏄惁缁х画?', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning', + }) + .then(() => { + deleteWarehouse({ + id: row.id, + }).then((res) => { + if (res.code == 200) { + this.$message({ + type: 'success', + message: '鍒犻櫎鎴愬姛!', + }) + this.getData() + }else{ + this.$message.error('鍒犻櫎鏃跺嚭閿欙紝璇风◢鍚庨噸璇曟垨鑱旂郴绠$悊鍛�...'); + + } + }) }) - this.tableList.tableInfomation = list || [] - this.pagerOptions.totalCount = res.data.data.total - } - }) + .catch(() => { + // this.$message({ + // type: 'info', + // message: '宸插彇娑堝垹闄�', + // }) + }) + }, + }, - // 鎼滅储 - getList(val) { - console.log(val) - }, - // 琛岀偣鍑� - tableRowClick(row) { - console.log(row) - this.editConfig.visible = true - this.editConfig.title = "缂栬緫" - this.editConfig.infomation = { ...row } - }, - // 鏂板缓 - addBtnClick() { - this.editConfig.visible = true - this.editConfig.title = "鏂板缓" - } } -} </script> <!-- Add "scoped" attribute to limit CSS to this component only --> -- Gitblit v1.8.0