From 7e55bfe3cc5989e8b225e4701861106c912291b7 Mon Sep 17 00:00:00 2001 From: haoxuan <haoxuan> Date: 星期三, 20 十二月 2023 17:13:08 +0800 Subject: [PATCH] 销售明细单增加 采购信息模块 样式开发+报价单格式调整为上下结构前端样式开发+报价单列表客户名称和状态 --- src/views/sales/salesDetails/index.vue | 89 ++++++++++++++++++++++++++++++++++---------- 1 files changed, 69 insertions(+), 20 deletions(-) diff --git a/src/views/sales/salesDetails/index.vue b/src/views/sales/salesDetails/index.vue index 182a229..da26a37 100644 --- a/src/views/sales/salesDetails/index.vue +++ b/src/views/sales/salesDetails/index.vue @@ -62,8 +62,8 @@ class="tab-pane" @click="getTab(0)" :style="{ - background: isClickProduct ? '#2a78fb' : '#F1F3F8', - color: isClickProduct ? '#fff' : '#666' + background: TabsIndex==0 ? '#2a78fb' : '#F1F3F8', + color: TabsIndex==0 ? '#fff' : '#666' }" > 浜у搧淇℃伅 @@ -72,8 +72,8 @@ class="tab-pane" @click="getTab(1)" :style="{ - background: isClickInventory ? '#2a78fb' : '#F1F3F8', - color: isClickInventory ? '#fff' : '#666' + background: TabsIndex==1 ? '#2a78fb' : '#F1F3F8', + color: TabsIndex==1 ? '#fff' : '#666' }" > 搴撳瓨淇℃伅 @@ -82,11 +82,21 @@ class="tab-pane" @click="getTab(2)" :style="{ - background: isClickMake ? '#2a78fb' : '#F1F3F8', - color: isClickMake ? '#fff' : '#666' + background: TabsIndex==2 ? '#2a78fb' : '#F1F3F8', + color: TabsIndex==2 ? '#fff' : '#666' }" > 鍒堕�犱俊鎭� + </div> + <div + class="tab-pane" + @click="getTab(3)" + :style="{ + background: TabsIndex==3 ? '#2a78fb' : '#F1F3F8', + color: TabsIndex==3 ? '#fff' : '#666' + }" + > + 閲囪喘淇℃伅 </div> </div> <div class="list-view"> @@ -151,7 +161,7 @@ import pageMixin from "@/components/makepager/pager/mixin/pageMixin" import DetailSpecification from "@/views/sales/salesDetails/DetailSpecification" import AddCollectionPlan from "@/views/other/payment/collectionPlan/AddCollectionPlan" - +import { getDataByType } from "@/api/data" export default { name: "SalesDetails", props: { @@ -211,6 +221,32 @@ { label: "璁″垝寮�濮嬫椂闂�", prop: "startTime" }, { label: "璁″垝缁撴潫鏃堕棿", prop: "endTime" } ] + // 閲囪喘淇℃伅 + const purchaseColumn=[ + { + label: "閲囪喘鍗曞彿", + prop: "purchaseNumber", + default: true + }, + { + label: "閲囪喘鍗曞悕绉�", + prop: "purchaseName", + }, + { + label: "渚涘簲鍟嗗悕绉�", + prop: "supplierName", + }, + { + label: "閲囪喘鏁伴噺", + prop: "amount", + }, + { + label: "鐘舵��", + prop: "status", + isCallMethod: true, + getCallMethod: this.getpurchaseStatus, + }, + ]; return { tableList: {}, searchOptions: [], @@ -267,9 +303,6 @@ showCol: ["璁㈠崟缂栧彿", "閿�鍞礋璐d汉", "绛剧害鏃ユ湡", "浜や粯鏃ユ湡", "璁㈠崟鏉ユ簮", "鍚堣", "鐘舵��"], tableBottomColumn: [], showBottomCol: [], - isClickProduct: true, // 浜у搧淇℃伅 - isClickInventory: false, // 搴撳瓨淇℃伅 - isClickMake: false, // 鍒堕�犱俊鎭� TabsIndex: "0", productTableList: {}, productColumn: productColumn, @@ -278,6 +311,9 @@ showInventoryCol: ["浜у搧缂栧彿", "浜у搧鍚嶇О", "璁㈠崟鏁伴噺", "浠撳簱", "鍦ㄥ簱鏁伴噺", "鍙敤搴撳瓨", "鍗曚綅"], makeColumn: makeColumn, showMakeCol: ["鐢熶骇璁㈠崟", "浜у搧鍚嶇О", "璁㈠崟鐘舵��", "宸ュ崟缂栧彿", "宸ュ崟鐘舵��", "璁″垝寮�濮嬫椂闂�", "璁″垝缁撴潫鏃堕棿"], + // 閲囪喘 + purchaseColumn: purchaseColumn, + showPurchaseCol: ['閲囪喘鍗曞彿','閲囪喘鍗曞悕绉�',"渚涘簲鍟嗗悕绉�", "閲囪喘鏁伴噺", "鐘舵��"], selectRow: {}, projectList: [], projectListShow: false, @@ -287,7 +323,8 @@ thatRow: {}, rules: { projectId: [{ required: true, message: "璇烽�夋嫨椤圭洰", trigger: "change" }] - } + }, + purchaseStatusList: getDataByType("purchaseStatus"), } }, created() { @@ -303,6 +340,17 @@ this.getProjectList() }, methods: { + getpurchaseStatus(val) { + if (val) { + for (let i in this.purchaseStatusList) { + if (this.purchaseStatusList[i].id == val) { + return this.purchaseStatusList[i].name; + } + } + } else { + return "--"; + } + }, setTable() { // top 鏄庣粏鍗曞垪琛� this.tableList = { @@ -570,32 +618,29 @@ getTab(tab) { this.TabsIndex = tab if (this.TabsIndex == 0) { - this.isClickProduct = true - this.isClickInventory = false - this.isClickMake = false // 浜у搧淇℃伅鍒楄〃 this.tableBottomColumn = this.productColumn this.showBottomCol = this.showProductCol this.setBottomList() this.getProductInventoryInfo(this.selectRow) } else if (this.TabsIndex == 1) { - this.isClickProduct = false - this.isClickInventory = true - this.isClickMake = false // 搴撳瓨淇℃伅鍒楄〃 this.tableBottomColumn = this.inventoryColumn this.showBottomCol = this.showInventoryCol this.setBottomList() this.getProductInventoryInfo(this.selectRow) } else if (this.TabsIndex == 2) { - this.isClickProduct = false - this.isClickInventory = false - this.isClickMake = true // 鍒堕�犱俊鎭垪琛� this.tableBottomColumn = this.makeColumn this.showBottomCol = this.showMakeCol this.setBottomList() this.getProductOrderInfo(this.selectRow.number) + } else if (this.TabsIndex == 3) { + // 閲囪喘淇℃伅鍒楄〃 + this.tableBottomColumn = this.purchaseColumn + this.showBottomCol = this.showPurchaseCol + this.setBottomList() + // this.getProductOrderInfo(this.selectRow.number) } }, // 鐘舵�� @@ -611,6 +656,9 @@ } else if (this.TabsIndex == 1) { this.getProductInventoryInfo(this.selectRow) } else if (this.TabsIndex == 2) { + this.getProductOrderInfo(this.selectRow.number) + }else if(this.TabsIndex == 3) { + // 閲囪喘淇℃伅 this.getProductOrderInfo(this.selectRow.number) } }, @@ -733,6 +781,7 @@ margin-right: 20px; font-size: 14px !important; text-align: center; + cursor: pointer; background: #2a78fb; border-top-left-radius: 20px; border-top-right-radius: 20px; -- Gitblit v1.8.0