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