From 20c1e8ec91bc6fcf7cb478c208c4cf9202eba4eb Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期五, 29 三月 2024 15:55:24 +0800
Subject: [PATCH] crm销售明细单产品信息发货信息制造信采购信息委外信息5个模块请求接口的问题优化和产品信息逻辑修改

---
 src/views/sales/salesDetails/index.vue |  680 ++++++++++++++++++++++++++++++++++++++++++++++++--------
 1 files changed, 578 insertions(+), 102 deletions(-)

diff --git a/src/views/sales/salesDetails/index.vue b/src/views/sales/salesDetails/index.vue
index 28931bd..56c7778 100644
--- a/src/views/sales/salesDetails/index.vue
+++ b/src/views/sales/salesDetails/index.vue
@@ -47,6 +47,12 @@
                     <!-- <el-button @click="delClick(scope.row.id)" type="text" size="small">鍒犻櫎</el-button> -->
                     <el-button @click.stop="closeClick(scope.row)" type="text" size="small">鍏抽棴</el-button>
                   </template>
+                  <template v-if="scope.row.status === 3||scope.row.status === 4">
+                    <el-button @click.stop="shipmentsClick(scope.row)" type="text" size="small">鍙戣揣</el-button>
+                  </template>
+                  <template v-if="scope.row.status === 3||scope.row.status === 4">
+                    <el-button @click.stop="confirmClick(scope.row)" type="text" size="small">纭瀹屾垚</el-button>
+                  </template>
                 </template>
               </el-table-column>
             </template>
@@ -62,8 +68,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,21 +78,41 @@
             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'
             }"
           >
-            搴撳瓨淇℃伅
+            鍙戣揣淇℃伅
           </div>
           <div
             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
+            class="tab-pane"
+            @click="getTab(4)"
+            :style="{
+              background: TabsIndex == 4 ? '#2a78fb' : '#F1F3F8',
+              color: TabsIndex == 4 ? '#fff' : '#666'
+            }"
+          >
+            濮斿淇℃伅
           </div>
         </div>
         <div class="list-view">
@@ -102,10 +128,36 @@
         </div>
       </div>
     </div>
+    <!-- 纭鎻愪氦-閫夋嫨椤圭洰 -->
+    <el-dialog title="璇烽�夋嫨椤圭洰" :visible.sync="projectListShow" width="400px" :before-close="handleClose">
+      <el-form label-width="100px" class="demo-ruleForm" ref="form" :rules="rules" :model="projects">
+        <el-form-item label="閫夋嫨椤圭洰" prop="projectId">
+          <el-select v-model="projects.projectId" placeholder="璇烽�夋嫨" size="mini" style="width: 100%">
+            <el-option
+              v-for="item in projectList"
+              :key="item.projectId"
+              :label="item.projectName"
+              :value="item.projectId"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer dialog_btn">
+        <el-button @click="projectListShow = false">鍙� 娑�</el-button>
+        <el-button type="primary" @click="affirmCommitBtn">纭� 瀹�</el-button>
+      </span>
+    </el-dialog>
     <!-- 鏂板缓/缂栬緫 -->
     <AddSalesDetailsDialog
       v-if="editConfig.visible"
       :edit-common-config="editConfig"
+      @addCollectionPlanClick="addCollectionPlanClick"
+    />
+    <!-- 鍙戣揣 -->
+    <ShipmentsDialog
+      v-if="editShipmentsConfig.visible"
+      :edit-common-config="editShipmentsConfig"
       @addCollectionPlanClick="addCollectionPlanClick"
     />
     <!-- 閿�鍞槑缁嗚鎯� -->
@@ -119,17 +171,21 @@
 
 <script>
 import AddSalesDetailsDialog from "@/views/sales/salesDetails/AddSalesDetailsDialog"
+import ShipmentsDialog from "@/views/sales/salesDetails/shipmentsDialog"
 import {
   getSalesDetailsList,
   getDelSalesDetails,
   getProductInventoryInfo,
   getProductOrderInfo,
-  updateStatus
+  updateStatus,
+  getProjectList,
+  sendSalesDetailsToOtherSystem,
+  confirmOutputOver
 } from "@/api/sales/salesDetails"
 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: {
@@ -147,6 +203,7 @@
   mixins: [pageMixin],
   components: {
     AddSalesDetailsDialog,
+    ShipmentsDialog,
     DetailSpecification,
     DetailClientManage: () => import("@/views/client/client/DetailClientManage"),
     AddCollectionPlan
@@ -159,35 +216,169 @@
   data() {
     // 浜у搧淇℃伅
     const productColumn = [
-      { label: "浜у搧缂栧彿", prop: "Id", default: true },
-      { label: "浜у搧鍚嶇О", prop: "Name" },
-      { label: "鏁伴噺", prop: "Amount" },
-      { label: "鍗曚綅", prop: "Unit" },
-      { label: "鍙戣揣鍗�", prop: "shipOrder" },
-      { label: "鎵胯繍鍟�", prop: "carrier" },
-      { label: "杩愬崟鍙�", prop: "waybillNumber" },
-      { label: "閿�鍞崟浠�", prop: "SalePrice", price: true },
-      { label: "浠风◣鍚堣", prop: "Valorem", price: true }
+      { label: "浜у搧缂栧彿", prop: "productId", default: true },
+      { label: "浜у搧鍚嶇О", prop: "productName" },
+      { label: "浜у搧瑙勬牸", prop: "specs" },
+      { label: "鍗曚綅", prop: "unit" },
+      { label: "璁㈠崟鏁伴噺", prop: "amount" },
+      { 
+        label: "宸插畬鎴愭暟閲�", 
+        prop: "finishAmount",
+        isClass: true,
+        getClassName: this.getAmountClassName, 
+      },
+      { label: "宸插彂璐ф暟閲�", prop: "deliveryAmount", 
+        isClass: true,
+        getClassName: this.getAmountClassName,  },
+      { label: "閲囪喘鏁伴噺", 
+        isClass: true,
+        getClassName: this.getFinishAmountClassName, 
+        prop: "purchaseAmount",
+      },
+      { label: "鐢熶骇鏁伴噺", prop: "makeAmount" ,
+        isClass: true,
+        getClassName: this.getFinishAmountClassName, },
+      { label: "濮斿鏁伴噺", prop: "outsourcingAmount",
+        isClass: true,
+        getClassName: this.getFinishAmountClassName,  },
+      { label: "閿�鍞崟浠�", prop: "price", price: true },
+      { label: "鎴愭湰鍗曚环", prop: "cost" },
+      { label: "姣涘埄", prop: "profit" },
+      { label: "姣涘埄鐜�(%)", prop: "margin" },
+      { label: "浠风◣鍚堣", prop: "total", price: true }
     ]
-    // 搴撳瓨淇℃伅
+    // 鍙戣揣淇℃伅
     const inventoryColumn = [
-      { label: "浜у搧缂栧彿", prop: "Id", default: true },
-      { label: "浜у搧鍚嶇О", prop: "Name" },
-      { label: "璁㈠崟鏁伴噺", prop: "OrderAmount" },
-      { label: "浠撳簱", prop: "Warehouse" },
-      { label: "鍦ㄥ簱鏁伴噺", prop: "Amount" },
-      { label: "鍙敤搴撳瓨", prop: "AvailableNumber" },
-      { label: "鍗曚綅", prop: "Unit" }
+      { label: "鍑哄簱鍗�", prop: "invoice" },
+      { label: "浠撳簱", prop: "warehouse" },
+      { label: "浜у搧缂栧彿", prop: "number", default: true },
+      { label: "浜у搧鍚嶇О", prop: "name" },
+      { label: "浜у搧瑙勬牸", prop: "specs" },
+      { label: "浜у搧鍗曚綅", prop: "unit" },
+      { label: "鍙戣揣鏁伴噺", prop: "amount" },
+      { label: "璁㈠崟鏁伴噺", prop: "orderAmount" },
+      { label: "鎵胯繍鍟�", prop: "carrier" },
+      { label: "杩愬崟鍙�", prop: "waybill" },
+      { label: "鍒涘缓鏃堕棿", prop: "warehouse" },
+      { label: "鐘舵��", prop: "status",isCallMethod: true,getCallMethod: this.getStatusFive },
     ]
     // 鍒堕�犱俊鎭�
     const makeColumn = [
-      { label: "鐢熶骇璁㈠崟", prop: "OrderId", default: true },
-      { label: "浜у搧鍚嶇О", prop: "ProductName" },
-      { label: "璁㈠崟鐘舵��", prop: "OrderStatus" },
-      { label: "宸ュ崟缂栧彿", prop: "WorkOrderId" },
-      { label: "宸ュ崟鐘舵��", prop: "WorkOrderStatus" },
-      { label: "璁″垝寮�濮嬫椂闂�", prop: "StartTime" },
-      { label: "璁″垝缁撴潫鏃堕棿", prop: "EndTime" }
+      { label: "鐢熶骇璁㈠崟", prop: "orderId", default: true },
+      { label: "浜у搧缂栧彿", prop: "productId" },
+      { label: "浜у搧鍚嶇О", prop: "productName" },
+      { label: "浜у搧瑙勬牸", prop: "specs" },
+      { label: "浜у搧鍗曚綅", prop: "unit" },
+      { label: "璁㈠崟鏁伴噺", prop: "amount" },
+      { label: "瀹屾垚鏁伴噺", prop: "finishAmount" },
+      { label: "宸ュ崟缂栧彿", prop: "workOrderId" },
+      { label: "宸ュ崟鐘舵��", prop: "workOrderStatus" },
+      { label: "璁″垝寮�濮嬫椂闂�", prop: "startTime" },
+      { label: "璁″垝缁撴潫鏃堕棿", prop: "endTime" }
+    ]
+    // 閲囪喘淇℃伅
+    const purchaseColumn = [
+      {
+        label: "閲囪喘鍗曞彿",
+        prop: "purchaseNumber",
+        default: true
+      },
+      {
+        label: "浜у搧缂栧彿",
+        prop: "productId",
+        default: true
+      },
+      {
+        label: "浜у搧鍚嶇О",
+        prop: "productName",
+        default: true
+      },
+      {
+        label: "浜у搧瑙勬牸",
+        prop: "specs",
+        default: true
+      },
+      {
+        label: "浜у搧鍗曚綅",
+        prop: "unit",
+        default: true
+      },
+      {
+        label: "璁″垝閲囪喘閲�",
+        prop: "amount",
+        default: true
+      },
+      {
+        label: "瀹屾垚閲囪喘閲�",
+        prop: "finishAmount",
+        default: true
+      },
+      {
+        label: "閲囪喘鍗曞悕绉�",
+        prop: "purchaseName"
+      },
+      {
+        label: "渚涘簲鍟嗗悕绉�",
+        prop: "supplierName"
+      },
+      // {
+      //   label: "閲囪喘鏁伴噺",
+      //   prop: "amount"
+      // },
+      {
+        label: "鐘舵��",
+        prop: "status",
+        isCallMethod: true,
+        getCallMethod: this.getpurchaseStatus
+      }
+    ]
+    // 濮斿
+    const outsourceColumn = [
+      {
+        label: "濮斿璁㈠崟",
+        prop: "outsourcingId",
+      },
+      {
+        label: "浜у搧缂栧彿",
+        prop: "productId",
+      },
+      {
+        label: "浜у搧鍚嶇О",
+        prop: "productName",
+      },
+      {
+        label: "浜у搧瑙勬牸",
+        prop: "specs",
+      },
+      {
+        label: "浜у搧鍗曚綅",
+        prop: "unit",
+      },
+      {
+        label: "濮斿鏁伴噺",
+        prop: "amount",
+      },
+      {
+        label: "瀹屾垚鏁伴噺",
+        prop: "finishAmount",
+      },
+      {
+        label: "璁㈠崟鐘舵��",
+        prop: "status",
+        default: true, isCallMethod: true, getCallMethod: this.getStatus
+      },
+      {
+        label: "濮斿渚涘簲鍟�",
+        prop: "supplierName",
+      },
+      {
+        label: "绛剧害鏃ユ湡",
+        prop: "startTime",
+      },
+      {
+        label: "浜や粯鏃ユ湡",
+        prop: "endTime",
+      },
     ]
     return {
       tableList: {},
@@ -197,11 +388,20 @@
         title: "鏂板缓",
         infomation: {}
       },
+      editShipmentsConfig:{
+        visible: false,
+        title: "鏂板缓",
+        infomation: {
+          saleDetailID:null,
+          saleDetailNumber:null,
+
+        }
+      },
       showSummary: {
         show: false,
         sumProp: [
           "receiveTotalAmount",
-          "total",
+          "amountTotal",
           "amountReceivable",
           "invoicedAmount",
           "uninvoicedAmount",
@@ -238,25 +438,53 @@
         { label: "閿�鍞礋璐d汉", prop: "member_name" },
         { label: "绛剧害鏃ユ湡", prop: "signTime" },
         { label: "浜や粯鏃ユ湡", prop: "deliveryDate" },
-        { label: "璁㈠崟鏉ユ簮", prop: "source" },
-        { label: "鍚堣", prop: "total", price: true },
+        // { label: "璁㈠崟鏉ユ簮", prop: "source" },
+        { label: "鍚堣", prop: "amountTotal", price: true },
         { label: "鐘舵��", prop: "status", isCallMethod: true, getCallMethod: this.getStatus }
       ],
       showCol: ["璁㈠崟缂栧彿", "閿�鍞礋璐d汉", "绛剧害鏃ユ湡", "浜や粯鏃ユ湡", "璁㈠崟鏉ユ簮", "鍚堣", "鐘舵��"],
       tableBottomColumn: [],
       showBottomCol: [],
-      isClickProduct: true, // 浜у搧淇℃伅
-      isClickInventory: false, // 搴撳瓨淇℃伅
-      isClickMake: false, // 鍒堕�犱俊鎭�
       TabsIndex: "0",
       productTableList: {},
       productColumn: productColumn,
-      showProductCol: ["浜у搧缂栧彿", "浜у搧鍚嶇О", "鏁伴噺", "鍗曚綅", "鍙戣揣鍗�", "鎵胯繍鍟�", "杩愬崟鍙�", "閿�鍞崟浠�", "浠风◣鍚堣"],
+      showProductCol: ["浜у搧缂栧彿", "浜у搧鍚嶇О","浜у搧瑙勬牸", "鍗曚綅", "璁㈠崟鏁伴噺", "宸插畬鎴愭暟閲�", "宸插彂璐ф暟閲�", "閲囪喘鏁伴噺", "鐢熶骇鏁伴噺", "濮斿鏁伴噺","閿�鍞崟浠�","鎴愭湰鍗曚环","姣涘埄","姣涘埄鐜�(%)","浠风◣鍚堣"],
       inventoryColumn: inventoryColumn,
-      showInventoryCol: ["浜у搧缂栧彿", "浜у搧鍚嶇О", "璁㈠崟鏁伴噺", "浠撳簱", "鍦ㄥ簱鏁伴噺", "鍙敤搴撳瓨", "鍗曚綅"],
+      showInventoryCol: [
+        "鍑哄簱鍗�",
+        "浠撳簱",
+        "浜у搧缂栧彿",
+        "浜у搧鍚嶇О",
+        "浜у搧瑙勬牸",
+        "浜у搧鍗曚綅",
+        "鍙戣揣鏁伴噺",
+        "璁㈠崟鏁伴噺",
+        "鎵胯繍鍟�",
+        "杩愬崟鍙�",
+        "鍒涘缓鏃堕棿",
+        "鐘舵��"
+      ],
       makeColumn: makeColumn,
-      showMakeCol: ["鐢熶骇璁㈠崟", "浜у搧鍚嶇О", "璁㈠崟鐘舵��", "宸ュ崟缂栧彿", "宸ュ崟鐘舵��", "璁″垝寮�濮嬫椂闂�", "璁″垝缁撴潫鏃堕棿"],
-      selectRow: {}
+      showMakeCol: ["鐢熶骇璁㈠崟", "浜у搧缂栧彿", "浜у搧鍚嶇О", "浜у搧瑙勬牸", "浜у搧鍗曚綅", "璁㈠崟鏁伴噺", "瀹屾垚鏁伴噺","宸ュ崟缂栧彿","宸ュ崟鐘舵��","璁″垝寮�濮嬫椂闂�","璁″垝缁撴潫鏃堕棿"],
+      // 閲囪喘
+      purchaseColumn: purchaseColumn,
+      outsourceColumn:outsourceColumn,
+      showPurchaseCol: ["閲囪喘鍗曞彿", "浜у搧缂栧彿", "浜у搧鍚嶇О", "浜у搧瑙勬牸", "浜у搧鍗曚綅","璁″垝閲囪喘閲�","瀹屾垚閲囪喘閲�","閲囪喘鍗曞悕绉�","渚涘簲鍟嗗悕绉�","鐘舵��"],
+      showOutsourceCol:["濮斿璁㈠崟", "浜у搧缂栧彿", "浜у搧鍚嶇О", "浜у搧瑙勬牸", "浜у搧鍗曚綅","濮斿鏁伴噺","瀹屾垚鏁伴噺","璁㈠崟鐘舵��","濮斿渚涘簲鍟�","绛剧害鏃ユ湡","浜や粯鏃ユ湡"],
+      selectRow: {},
+      projectList: [],
+      projectListShow: false,
+      projects: {
+        projectId: ""
+      },
+      thatRow: {},
+      rules: {
+        projectId: [{ required: true, message: "璇烽�夋嫨椤圭洰", trigger: "change" }]
+      },
+      purchaseStatusList: getDataByType("purchaseStatus"),
+      loading: false,
+      isRequest: true, //璇锋眰
+      productDataBottom:{},
     }
   },
   created() {
@@ -269,8 +497,43 @@
       this.keywordType = this.addConfig.keywordType
     }
     this.getData()
+    this.getProjectList()
   },
   methods: {
+    getFinishAmountClassName(val, row) {
+      let parts = val.split("/"); 
+      let numerator = parseInt(parts[0], 10); // 鍒嗗瓙  
+      let denominator = parseInt(parts[1], 10); // 鍒嗘瘝 
+      let classname = "";
+      if (numerator / denominator === 0||numerator===0) {
+        classname = "error";
+      }else if(numerator / denominator === 1){
+        classname = "success";
+      }else if((numerator / denominator) > 0&&(numerator / denominator) <1){
+        classname = "warning-radio";
+      }
+      console.log(classname, numerator,denominator,"鐪嬩笅")
+      return classname;
+    },
+    getAmountClassName(val){
+      console.log(val,"val11")
+      let classname = "";
+      if(val===0){
+        classname = "error";
+      }
+      return classname;
+    },
+    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 = {
@@ -327,7 +590,6 @@
     },
     // 璇锋眰鏁版嵁
     async getData() {
-      this.loading = true
       let params = {}
       console.log(this.addConfig)
       if (this.addConfig.keywordType === "瀹㈡埛鍚嶇О") {
@@ -356,9 +618,9 @@
           pageSize: this.pagerOptions.pageSize
         }
       }
+      this.loading = true
       await getSalesDetailsList(params)
         .then((res) => {
-          console.log(res)
           if (res.code === 200) {
             if (res.data.list && res.data.list.length > 0) {
               const list = res.data.list.map((item) => {
@@ -366,15 +628,14 @@
                   ...item,
                   client_name: item.client.name,
                   member_name: item.Member.username,
-                  source: "CRM鍚屾"
+                  source: ""
                 }
               })
               this.tableList.tableInfomation = list || []
               this.pagerOptions.totalCount = res.data.count
               if (res.data.count > 0) {
                 this.selectRow = this.tableList.tableInfomation.length > 0 ? this.tableList.tableInfomation[0] : {}
-                let row = this.tableList.tableInfomation[0]
-                this.getProductInventoryInfo(row.number)
+                this.tableRowClick(this.selectRow)
               }
             } else {
               this.tableList.tableInfomation = []
@@ -392,17 +653,93 @@
     },
     // 鑾峰彇浜у搧/搴撳瓨淇℃伅
     async getProductInventoryInfo(number) {
-      await getProductInventoryInfo(number).then((res) => {
-        console.log(res)
-        this.productTableList.tableInfomation = res.data
-      })
+        if (number) {
+          this.loading = true
+          await getProductInventoryInfo(number)
+            .then((res) => {
+              console.log(res,"resss")
+              this.productTableList.tableInfomation = res.data?.length > 0 ? res.data : []
+              this.loading = false
+            })
+            .catch(() => {
+              this.productTableList.tableInfomation = []
+              this.loading = false
+            })
+        }
     },
     // 鑾峰彇鍒堕�犱俊鎭�
     async getProductOrderInfo(number) {
-      await getProductOrderInfo(number).then((res) => {
-        console.log(res)
-        this.productTableList.tableInfomation = res.data
-      })
+      if (number) {
+        if (this.TabsIndex == 0) {
+          // 浜у搧淇℃伅鍒楄〃
+          this.tableBottomColumn = this.productColumn // 琛ㄥご
+          this.showBottomCol = this.showProductCol  // 鍔ㄦ�佽〃澶�
+          this.setBottomList()
+        }else if(this.TabsIndex == 1){
+          // 鍙戣揣淇℃伅鍒楄〃
+          this.tableBottomColumn = this.inventoryColumn
+          this.showBottomCol = this.showInventoryCol
+          this.setBottomList()
+        }else if (this.TabsIndex == 2) {
+          // 鍒堕�犱俊鎭垪琛�
+          this.tableBottomColumn = this.makeColumn
+          this.showBottomCol = this.showMakeCol
+          this.setBottomList()
+        
+        } else if (this.TabsIndex == 3) {
+          // 閲囪喘淇℃伅鍒楄〃
+          this.tableBottomColumn = this.purchaseColumn
+          this.showBottomCol = this.showPurchaseCol
+          this.setBottomList()
+        }else if (this.TabsIndex == 4) {
+          // 濮斿淇℃伅鍒楄〃
+          this.tableBottomColumn = this.outsourceColumn
+          this.showBottomCol = this.showOutsourceCol
+          this.setBottomList()
+        }
+        console.log(this.isRequest,'===isRequest')
+        if (this.TabsIndex != 1&&this.isRequest == false) {
+          this.isRequest = true;
+          this.getListValue(this.productDataBottom)
+          return true;
+        }
+        
+          if (this.TabsIndex == 1&&this.selectRow.status == 1) {
+            this.productTableList.tableInfomation = []
+          } 
+          console.log(this.selectRow,"鐪嬬湅")
+          this.getProductInventoryInfo(number)
+          
+          this.loading = true
+          await getProductOrderInfo(number)
+            .then((res) => {
+              this.productDataBottom=res;
+              this.getListValue(this.productDataBottom)
+              this.loading = false
+            })
+            .catch(() => {
+              this.productTableList.tableInfomation = []
+              this.loading = false
+            })
+      }
+    },
+    getListValue(res){
+      if (this.TabsIndex == 0) {
+              if(res&&res.data){
+                res.data.productInfo.map((item=>{
+                  item.purchaseAmount=item.purchaseFinishAmount+"/"+item.purchaseAmount
+                  item.makeAmount=item.makeFinishAmount+"/"+item.makeAmount
+                  item.outsourcingAmount=item.outsourcingFinishAmount+"/"+item.outsourcingAmount
+                }))
+              }
+              this.productTableList.tableInfomation = res.data && res.data.productInfo ? res.data.productInfo : []
+            }  else if (this.TabsIndex == 2) {
+              this.productTableList.tableInfomation = res.data && res.data.makeInfo ? res.data.makeInfo : []
+            } else if (this.TabsIndex == 3) {
+              this.productTableList.tableInfomation = res.data && res.data.purchaseInfo ? res.data.purchaseInfo : []
+            } else if(this.TabsIndex == 4) {
+              this.productTableList.tableInfomation = res.data && res.data.outsourcingInfo ? res.data.outsourcingInfo : []
+            }
     },
     // 鎼滅储
     onFilterSearch(searchText) {
@@ -418,6 +755,7 @@
       console.log(this.addConfig)
       this.editConfig.infomation = {
         ...this.addConfig,
+        signTime: new Date().toLocaleDateString(),
         currency: "浜烘皯甯�",
         sale_chance_name: "",
         subbill_name: "",
@@ -427,21 +765,112 @@
     },
     // 鏌ョ湅 缂栬緫
     handleClick(row, title) {
-      console.log(row, title)
-      this.editConfig.visible = true
+      let params = JSON.parse(JSON.stringify(row))
       this.editConfig.title = title
       this.editConfig.infomation = {
-        ...row,
+        ...params,
         currency: "浜烘皯甯�",
-        sale_chance_name: row.saleChance.name,
-        deliverType: row.deliverType === 0 ? "" : row.deliverType,
-        quotation_number: row.quotation.number
+        sale_chance_name: params.saleChance.name,
+        deliverType: params.deliverType === 0 ? "" : params.deliverType,
+        quotation_number: params.quotation.number
       }
+      this.editConfig.visible = true
     },
     // 纭鎻愪氦
     async submitClick(row) {
-      console.log(row, "纭鎻愪氦")
-      this.updateStatus(row.id, 2)
+      this.thatRow = row
+      if (row.projectId == "") {
+        this.projectListShow = true
+      } else {
+        let params = {
+          ...row,
+          status: 2
+        }
+        await sendSalesDetailsToOtherSystem(params).then((res) => {
+          if (res.code == 200) {
+            this.$message.success("鎴愬姛鎺ㄩ�佽嚦aps绯荤粺")
+            this.getData()
+            this.thatRow.status = 2
+          }
+        })
+      }
+    },
+    // 鍙戣揣
+    shipmentsClick(row){
+      this.editShipmentsConfig.visible=true
+      this.editShipmentsConfig.infomation.saleDetailID=row.id
+      this.editShipmentsConfig.infomation.deliverType=row.deliverType?row.deliverType:1
+      this.editShipmentsConfig.infomation.saleDetailNumber=row.number
+      this.editShipmentsConfig.infomation.projectId=row.projectId
+    },
+    // 纭鍙戣揣瀹屾垚
+    async confirmClick(row){
+      this.selectRow = row
+      await getProductInventoryInfo(this.selectRow.number)
+        .then((res) => {
+          console.log(res,"resss")
+          if(res.data){
+          this.productTableList.tableInfomation = res.data?.length > 0 ? res.data : []
+            // let accumulator=res.data
+            // const reducedArray = array.reduce((accumulator, currentItem) => {  
+            //   // 鏌ユ壘褰撳墠number鏄惁宸插瓨鍦ㄤ簬accumulator涓�  
+            //   const existingItem = accumulator.find(item => item.number === currentItem.number);  
+            //   if (existingItem) {  
+            //     // 濡傛灉瀛樺湪锛岀疮鍔爊um  
+            //     existingItem.amount += currentItem.amount;  
+            //   } else {  
+            //     // 濡傛灉涓嶅瓨鍦紝灏嗗綋鍓嶉」娣诲姞鍒癮ccumulator涓�  
+            //     accumulator.push(currentItem);  
+            //   }  
+            //   return accumulator;  
+            // }, []); // 鍒濆鍖朼ccumulator涓轰竴涓┖鏁扮粍  
+              
+            // console.log(reducedArray,"鏂版暟缁�");
+          }
+          this.loading = false
+        })
+        // let obj=[
+        //   {
+        //     name:"灏忔槑",
+        //     id:1,
+        //     num:10
+        //   },
+        //   {
+        //     name:"灏忔槑",
+        //     id:1,
+        //     num:20
+        //   },
+        //   {
+        //     name:"灏忔槑",
+        //     id:1,
+        //     num:5
+        //   },
+        //   {
+        //     name:"灏忕孩",
+        //     id:1,
+        //     num:5
+        //   },
+        //   {
+        //     name:"灏忕孩",
+        //     id:1,
+        //     num:10
+        //   },
+        //   {
+        //     name:"灏忔埧",
+        //     id:5,
+        //     num:3
+        //   },
+        // ]
+        .catch(() => {
+          this.productTableList.tableInfomation = []
+          this.loading = false
+        })
+      // await confirmOutputOver({saleDetailNumber:row.number}).then((res)=>{
+      //   if(res&&res.code===200){
+      //     this.$message.success("纭鍙戣揣瀹屾垚")
+      //     this.getData()
+      //   }
+      // })
     },
     // 鍏抽棴
     closeClick(row) {
@@ -456,7 +885,7 @@
       }).then((res) => {
         console.log(res)
         if (res.code == 200) {
-          this.$message.success("淇敼鎴愬姛")
+          this.$message.success("鍏抽棴鎴愬姛")
           this.getData()
         }
       })
@@ -519,51 +948,87 @@
     //鑾峰彇褰撳墠閫変腑璧勬簮鐨刬d
     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.number)
-      } 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.number)
-      } 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)
+      if (this.TabsIndex == 1) {
+        this.isRequest =true;
+      } else{
+        this.isRequest = false;
       }
+      this.getProductOrderInfo(this.selectRow.number)
     },
     // 鐘舵��
     getStatus(val) {
-      return val === 1 ? "寰呯‘璁�" : val === 2 ? "寰呭嚭搴�" : val === 3 ? "鍑哄簱瀹屾垚" : val === 4 ? "宸插叧闂�" : "--"
+      return val === 1 ? "寰呯‘璁�" : val === 2 ? "寰呭垎瑙�" : val === 3 ? "澶囪揣涓�" : val === 4 ? "寰呭嚭搴�" : val === 5 ? "鍑哄簱瀹屾垚" : val=== 6 ? "宸插叧闂�": "--"
     },
     // top 琛岀偣鍑�
-    tableRowClick(row, column, event) {
-      console.log(row, column, event)
+    tableRowClick(row) {
       this.selectRow = row
-      if (this.TabsIndex == 0) {
-        this.getProductInventoryInfo(this.selectRow.number)
-      } else if (this.TabsIndex == 1) {
-        this.getProductInventoryInfo(this.selectRow.number)
-      } else if (this.TabsIndex == 2) {
-        this.getProductOrderInfo(this.selectRow.number)
+      this.getProductOrderInfo(this.selectRow.number)
+    },
+    // 鑾峰彇椤圭洰鍒楄〃
+    async getProjectList() {
+      await getProjectList({
+        page: 1,
+        pageSize: 100
+      }).then((res) => {
+        this.projectList = res.data ? res.data : []
+      })
+    },
+    handleClose(done) {
+      done()
+    },
+
+    saveParams() {
+      let params = {
+        address: this.thatRow.address || "",
+        addressee: this.thatRow.addressee || "",
+        clientId: this.thatRow.clientId || 0,
+        conditions: this.thatRow.conditions || "",
+        deliveryDate: this.thatRow.deliveryDate || "",
+        memberId: this.thatRow.memberId || 0,
+        number: this.thatRow.number || "",
+        phone: this.thatRow.phone || "",
+        products: this.thatRow.products,
+        remark: this.thatRow.remark || "",
+        saleChanceId: this.thatRow.saleChanceId || 0,
+        saleType: this.thatRow.saleType || 0,
+        signTime: this.thatRow.signTime || "",
+        wechatOrderStatus: this.thatRow.wechatOrderStatus || 0,
+        logisticCompany: this.thatRow.logisticCompany || "",
+        logisticCost: this.thatRow.logisticCost || 0,
+        logisticNumber: this.thatRow.logisticNumber || "",
+        quotationId: this.thatRow.quotationId,
+        deliverType: this.thatRow.deliverType || 0,
+        status: this.thatRow.deliverType,
+        projectId: this.projects.projectId || 0
       }
-    }
+      return params
+    },
+    // 纭鎻愪氦
+    affirmCommitBtn() {
+      let params = this.saveParams()
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          console.log()
+          this.projectListShow = false
+          console.log(params, "閫夋嫨椤圭洰鍚庣殑params")
+          params.status = 2
+          sendSalesDetailsToOtherSystem(params).then((res) => {
+            if (res.code == 200) {
+              this.$message.success("鎴愬姛鎺ㄩ�佽嚦aps绯荤粺")
+              this.getData()
+              this.thatRow.status = 2
+            }
+          })
+        }
+      })
+    },
+    getStatusFive(val) {
+      if (val) {
+        return val==0?'灏辩华':'瀹屾垚'
+      } else {
+        return "--";
+      }
+    },
   }
 }
 </script>
@@ -624,6 +1089,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;
@@ -664,4 +1130,14 @@
 .bgcWhite {
   background: #fff !important;
 }
+.el-form-item {
+  width: 80%;
+  margin: 20px auto;
+}
+::v-deep .el-dialog__footer {
+  text-align: right !important;
+  .el-button {
+    margin-right: 10px;
+  }
+}
 </style>

--
Gitblit v1.8.0