liujt 8 месяцев назад
Родитель
Сommit
db22813f2d

+ 1057 - 5
src/views/saleManage/saleOrder/invoice/components/addInvoiceDialog copy.vue

@@ -12,11 +12,300 @@
     :resizable="true"
     @close="cancel"
   >
+    <el-form
+      ref="form"
+      :model="form"
+      :rules="rules"
+      class="el-form-box"
+      label-width="120px"
+    >
+      <headerTitle title="发货信息"></headerTitle>
+      <el-row :gutter="12">
+        <el-col :span="12">
+          <el-form-item label="销售订单" prop="orderNo">
+            <el-input
+              clearable
+              v-model="form.orderNo"
+              @click.native="handleOrderBtn"
+              placeholder="请输入"
+              :disabled="!!saleOrderData.id"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="受托收货单">
+            <el-input
+              clearable
+              :disabled="!!saleOrderData.id"
+              v-model="form.entrustedCode"
+              @click.native="handleEntrustedReceive"
+              placeholder="请输入"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="12">
+        <el-col :span="12">
+          <el-form-item label="退货单">
+            <el-input
+              clearable
+              :disabled="!!saleOrderData.id"
+              v-model="form.sourceNo"
+              @click.native="handleReturnGoodsBtn"
+              placeholder="请输入"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="客户名称" prop="contactName">
+            <el-input v-model="form.contactName" disabled></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="12">
+        <el-col :span="12">
+          <el-form-item label="客户联系人" prop="linkName">
+            <el-input clearable v-model="form.linkName" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="客户电话" prop="linkPhone">
+            <el-input clearable v-model="form.linkPhone" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="收货地址" prop="receiveAddress">
+            <el-input
+              clearable
+              v-model="form.receiveAddress"
+              placeholder="请输入"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="项目名称" prop="projectName">
+            <el-input clearable v-model="form.projectName" :disabled="true" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="车牌号" prop="carNo">
+            <el-select
+              v-model="form.carNo"
+              style="width: 100%"
+              clearable
+              multiple
+              filterable
+              allow-create
+              default-first-option
+            >
+              <el-option
+                :label="item.trakNumber"
+                :value="item.trakNumber"
+                v-for="(item, index) in carList"
+                :key="index"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="托盘数" prop="trayNum">
+            <el-input clearable v-model="form.trayNum" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="打印编码" prop="printNo">
+            <el-input clearable v-model="form.printNo" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12" style="height: 40px;">
+          <el-form-item label="送货方式" prop="deliveryTypeId">
+            <DictSelection
+              dictName="送货方式"
+              clearable
+              v-model="form.deliveryTypeId"
+              filterable
+              allow-create
+              default-first-option
+              style="width: 100%"
+            >
+            </DictSelection>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12">
+          <el-form-item label="回执要求" prop="receiptRequirementTypeId">
+            <el-radio-group v-model="form.receiptRequirementTypeId">
+              <el-radio v-for="item in receiptRequirementTypeOption" :key="item.value" :label="item.value">{{item.label}}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item prop="sendFiles" label="发货附件">
+            <fileMain v-model="form.sendFiles"></fileMain>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12">
+          <el-form-item prop="repliedFiles" label="回执附件">
+            <fileMain v-model="form.repliedFiles"></fileMain>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12">
+          <el-form-item prop="makerName" label="制单人" v-if="form.makerName">
+            <el-input disabled v-model="form.makerName" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <!-- <el-form-item prop="productionRequirements" label="生产要求">
+            <el-input
+              clearable
+              v-model="form.productionRequirements"
+              placeholder=""
+              type="textarea"
+              disabled
+            />
+          </el-form-item> -->
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-tabs v-model="activeName" style="margin-top: 15px" type="border-card">
+      <el-tab-pane label="物品清单" name="first">
+        <inventoryTable
+          :pricingWay="form.pricingWay"
+          :entrustedCode="form.entrustedCode"
+          ref="inventoryTableref"
+          :orderId="form.orderId"
+          :orderIds="form.orderIds"
+          @replaceTableChange="replaceTableChange"
+          :needProduce="saleOrderValue.needProduce"
+          :typeIds="saleOrderValue.typedetailIds"
+          :isTotalCount="isTotalCount"
+          :oldProductList="oldProductList"
+          :sourceType="form.sourceType"
+        ></inventoryTable>
+      </el-tab-pane>
+      <el-tab-pane label="托盘清单" name="second">
+        <palletTable
+          ref="palletTableRef"
+          @totalCountChange="totalCountChange"
+        ></palletTable>
+      </el-tab-pane>
+      <el-tab-pane label="装载车叉车信息" name="third">
+        <stowageTable ref="stowageTableRef"></stowageTable>
+      </el-tab-pane>
+      <el-tab-pane label="运输清单" name="fourth">
+        <taskInfoTable
+          ref="taskInfoTableRef"
+          @setAddress="setAddress"
+        ></taskInfoTable>
+      </el-tab-pane>
+      <el-tab-pane label="替代料" name="5">
+        <replaceTable
+          :pricingWay="form.pricingWay"
+          ref="replaceRef"
+        ></replaceTable>
+      </el-tab-pane>
+    </el-tabs>
+
+    <div slot="footer" class="footer">
+      <el-button type="primary" @click="save" v-click-once>保存</el-button>
+      <el-button
+        type="primary"
+        v-if="isNeed_process_is_close"
+        @click="save('sub')"
+        v-click-once
+        >提交</el-button
+      >
+
+      <el-button @click="cancel">返回</el-button>
+    </div>
+    <orderListDialog
+      ref="orderListDialogRef"
+      @changeParent="changeOrder"
+      :contactData="contactData"
+      :isAll="true"
+      :isTotalCount="isTotalCount"
+    ></orderListDialog>
+    <!--  受托发货单  -->
+    <entrusted-receive-dialog
+      :entrusted-receive-dialog-flag.sync="entrustedReceiveDialogFlag"
+      v-if="entrustedReceiveDialogFlag"
+      @changeParent="getInfo"
+      ref="entrustedReceiveDialogRef"
+    ></entrusted-receive-dialog>
+    <process-submit-dialog
+      :isNotNeedProcess="false"
+      :processSubmitDialogFlag.sync="processSubmitDialogFlag"
+      v-if="processSubmitDialogFlag"
+      ref="processSubmitDialogRef"
+      @reload="reload"
+    ></process-submit-dialog>
+    <!-- 退货单 -->
+    <return-order-dialog
+      :returnOrderDialogFlag.sync="returnOrderDialogFlag"
+      v-if="returnOrderDialogFlag"
+      returnSourceType=""
+      hasHandleReceipt=""
+      types=""
+      @changeParent="getSReturnOrderInfo"
+      ref="returnOrderDialogRef"
+    >
+    </return-order-dialog>
   </ele-modal>
 </template>
 
 <script>
+  import fileUpload from '@/components/upload/fileUpload';
+  import dictMixins from '@/mixins/dictMixins';
+  import parentList from '@/views/saleManage/contact/components/parentList.vue';
+  import { getSaleOrderDetails } from '@/api/saleManage/saleorder';
+  import taskInfoTable from './taskInfoTable.vue';
+  import {
+    addSendInformation,
+    UpdateSendInformation,
+    getSendSaleOrderrecordDetailSplit
+  } from '@/api/saleManage/saleordersendrecord';
+  import { getPSaleEntrustedReceiveDetailAPI } from '@/api/saleManage/entrustedReceive';
+  import inventoryTable from './inventoryTable.vue';
+  import replaceTable from './replaceTable.vue';
+  import stowageTable from './stowageTable.vue';
+
+  import orderListDialog from './orderListDialog.vue';
+  import { copyObj } from '@/utils/util';
+  import entrustedReceiveDialog from './entrustedReceiveDialog.vue';
+  import outSourceSendDialog from '@/views/purchasingManage/purchaseOrder/invoice/components/outSourceSendDialog.vue';
+  import PalletTable from '@/views/saleManage/saleOrder/invoice/components/palletTable.vue';
+  // import fileMain from '@/components/addDoc/index.vue';
+  import processSubmitDialog from '@/BIZComponents/processSubmitDialog/processSubmitDialog.vue';
+  import { carBookPageListAPI } from '@/api/transportManager/carBook';
+  import { projectsGetByIdAPI } from '@/api/pro';
+  import { parameterGetByCode } from '@/api/main/index.js';
+  import { getWarehouseListByIds } from '@/api/purchasingManage/returnGoods';
+  import returnOrderDialog from '@/views/saleManage/saleOrder/customerReturnOrder/returnOrderDialog.vue';
+import {
+    getReturnSaleOrderrecordDetail,
+  } from '@/api/saleManage/returnGoods';
+
   export default {
+    mixins: [dictMixins],
+    components: {
+      processSubmitDialog,
+      // fileMain,
+      PalletTable,
+      outSourceSendDialog,
+      taskInfoTable,
+      fileUpload,
+      inventoryTable,
+      orderListDialog,
+      parentList,
+      entrustedReceiveDialog,
+      stowageTable,
+      replaceTable,
+      returnOrderDialog
+    },
+
     //客户管理数据
     props: {
       contactData: {
@@ -35,29 +324,792 @@
       isReturnGoodsCreate: {
         type: Boolean,
         default: false
-      }
+      },
     },
     data() {
+      let formDef = {
+        id: '',
+        contactId: '',
+        contactName: '',
+        entrustedCode: '',
+        entrustedId: '',
+        pricingWay: 1,
+        sendFiles: [],
+        repliedFiles: [],
+        projectName: '',
+        projectId: '',
+        receiveAddress: '',
+        deviceName: '',
+        deviceId: '',
+        carNo: [],
+        linkName: '',
+        linkPhone: '',
+        orderNo: '',
+        orderId: '',
+        replied: 0,
+        trayNum: '',
+        replaceList: [],
+        deliveryTypeId: '',
+        receiptRequirementTypeId: 2,
+        sourceType: '',  // 1 销售订单 2 受托收货单 3 退货单
+        sourceId: '',
+        sourceNo: ''
+      };
+
       return {
+        fullscreen: false,
+        saleOrderValue: {},
+        detailData: {},
+        payWayOptions: [],
+        delDetailIds: [],
+        carList: [],
+        oldProductList: [],
         visible: false,
-        title:''
+        entrustedReceiveDialogFlag: false,
+        processSubmitDialogFlag: false,
+        title: '',
+        activeName: 'first',
+        formDef,
+        form: copyObj(formDef),
+        returnOrderDialogFlag: false,
+
+        // 提交状态
+        loading: false,
+        // 是否是修改
+        isUpdate: false,
+        businessId: '',
+        isTotalCount: 0,
+        receiptRequirementTypeOption: [{
+          label: '签回单',
+          value: 1
+        }, {
+          label: '不签回单',
+          value: 2
+        }, {
+          label: '带签收单',
+          value: 3
+        }],
       };
     },
-    computed: {},
+    computed: {
+      allcountAmount() {
+        return this.$store.state.order.allcountAmount;
+      },
+      rules() {
+          return {
+            partaName: [
+              { required: true, message: '请选择客户名称', trigger: 'change' }
+            ],
+            linkName: [
+              { required: this.form.needProduce != 2  ? true : false, message: '请输入', trigger: ['blur', 'change'] }
+            ],
+            linkPhone: [ 
+              { required: this.form.needProduce != 2 ? true : false, message: '请输入', trigger: 'change' }
+            ],
+            orderNo: [{ required: true, message: '请选择', trigger: 'change' }],
+            receiveAddress: [
+              { required: this.form.needProduce != 2 ? true : false, message: '请输入', trigger: 'change' }
+            ],
+            deviceName: [
+              { required: true, message: '前选择车辆', trigger: 'change' }
+            ]
+          }
+        }
+    },
 
     methods: {
+      //销售发货数量是否限制不能大于采购总数//0否 1是
+      parameterGetByCode() {
+        parameterGetByCode({
+          code: 'saleOrder_invoice_productList_totalCount'
+        }).then((res) => {
+          this.isTotalCount = res.value;
+        });
+      },
+
+      //选择订单回调
+      changeOrder(obj) {
+        this.form = Object.assign({}, this.form, {
+          productionRequirements: obj.map((item) => item.productionRequirements).toString(),
+          orderIds: obj.map((item) => item.id).toString(),
+          orderNo: obj.map((item) => item.orderNo).toString(),
+          // needProduce: obj.map((item) => item.needProduce),
+          sourceType: 1,
+        });
+        this.getSaleOrderDetails(obj.map((item) => item.id));
+      },
+
+      async setData(res, type) {
+        let eom_saleOrder_addInvoice = await parameterGetByCode({
+          code: 'eom_saleOrder_addInvoice'
+        });
+
+        console.log('eom_saleOrder_addInvoice', res)
+
+        let data = {
+          ...res[0],
+          orderIds: res.map((item) => item.id).toString(),
+          orderNo: res.map((item) => item.orderNo).toString(),
+          productList: res.map((item) => item.productList).flat(),
+          typedetailIds: res.map((item) => item.typedetailIds).flat(),
+          // needProduce: res.map((item) => item.needProduce),
+          totalAmount: res.reduce(
+            (sum, obj) =>
+              sum + ((obj.totalAmount && Number(obj.totalAmount)) || 0),
+            0
+          ),
+          payAmount: res.reduce(
+            (sum, obj) => sum + ((obj.payAmount && Number(obj.payAmount)) || 0),
+            0
+          ),
+          projectName: res
+            .filter((item) => item.projectName)
+            .map((item) => item.projectName)
+            .toString(),
+          projectId: res
+            .filter((item) => item.projectId)
+            .map((item) => item.projectId)
+            .toString(),
+          projectCode: res
+            .filter((item) => item.projectCode)
+            .map((item) => item.projectCode)
+            .toString()
+        };
+
+        this.loading = false;
+        this.saleOrderValue = JSON.parse(JSON.stringify(data));
+        this.oldProductList = JSON.parse(JSON.stringify(data.productList));
+        this.partbAddress = data.partbAddress;
+        if (type == 'sendInit') {
+          return;
+        }
+        this.$nextTick(() => {
+          let {
+            partaId,
+            partaName,
+            partaTel,
+            orderIds,
+            orderNo,
+            partaLinkName,
+            partaAddress,
+            productList,
+            trayList,
+            trakNoteList,
+            totalAmount,
+            payAmount,
+            projectName,
+            projectId,
+            projectCode,
+            totalPrice,
+            receiveAddress,
+            productionRequirements,
+            needProduce
+          } = data;
+          if (productList && productList.length > 0) {
+            productList.forEach((v) => {
+              v.orderTotalCount = v.totalCount;
+              v.extField = {};
+            });
+          }
+          this.form = Object.assign({}, this.form, {
+            contactId: partaId,
+            contactName: partaName,
+            linkName: partaLinkName,
+            linkPhone: partaTel,
+            orderNo,
+            orderIds,
+            receiveAddress: receiveAddress || partaAddress,
+            productList,
+            trakNoteList,
+            trayList,
+            totalAmount,
+            totalPrice,
+            payAmount,
+            projectName,
+            projectId,
+            projectSn: projectCode,
+            productionRequirements,
+            needProduce
+          });
+          console.log('form~~~~~~~~~~', this.form)
+          productList.forEach((item, index) => {
+            item['tempId'] = index;
+            item.id = '';
+          });
+          // this.$refs.inventoryTableref &&
+          //   this.$refs.inventoryTableref.putTableValue(productList);
+          this.oldProductList = JSON.parse(JSON.stringify(productList));
+          if (eom_saleOrder_addInvoice?.value == 1) {
+            this.$refs.inventoryTableref &&
+              this.$refs.inventoryTableref.putTableValue(productList, true);
+          } else {
+            this.$refs.inventoryTableref &&
+              this.$refs.inventoryTableref.$refs.productListRef.open(
+                productList
+              );
+          }
+
+          this.$refs.taskInfoTableRef &&
+            this.$refs.taskInfoTableRef.putTableValue(trakNoteList);
+          this.setAddress();
+          if (projectId) {
+            this.getProjectData(projectId);
+          }
+        });
+      },
+      // //获取订单详情
+      // async getSaleOrderDetail(id) {
+      //   this.loading = true;
+      //   this.form = Object.assign({}, this.form, {
+      //     orderIds: id,
+      //   });
+      //   // const data = await getSaleOrderDetail(id);
+      //   this.setData(data);
+      // },
+
+      //获取订单详情 多id
+      async getSaleOrderDetails(ids) {
+        this.loading = true;
+        let res = await getSaleOrderDetails(ids);
+        console.log('res~~~~', res)
+        if (res?.length) {
+          this.setData(res);
+        }
+      },
+      setAddress() {
+        this.$refs.taskInfoTableRef.setAddress(
+          this.partbAddress,
+          this.form.receiveAddress
+        );
+      },
+      async getProjectData(id) {
+        const data = await projectsGetByIdAPI(id);
+        if (data.contactAddressId) {
+          this.form.receiveAddress =
+            data.contactAddressName + data.contactAddress;
+          this.setAddress();
+        }
+
+        if (data.contactRelationPhone) {
+          this.form.linkPhone = data.contactRelationPhone;
+        }
+        if (data.contactRelationUserName) {
+          this.form.linkName = data.contactRelationUserName;
+        }
+      },
+      //发货单详情
+      async getSendSaleOrderDetail(id) {
+        this.businessId = id;
+
+        this.loading = true;
+        const data = await getSendSaleOrderrecordDetailSplit(id);
+        // this.partbAddress = data.saleOrder[0].partbAddress;
+        // this.saleOrderValue = data.saleOrder;
+        if (data.saleOrderList) {
+          this.setData(data.saleOrderList, 'sendInit');
+        } else if (data.saleOrder) {
+          this.setData([data.saleOrder], 'sendInit');
+        }
+        console.log('data~~~~', data)
+        this.loading = false;
+        if (data) {
+          this.$nextTick(() => {
+            data.productList?.forEach((item) => {
+              item['tempId'] = item.id;
+            });
+            data.carNo = data.carNo ? data.carNo.split(',') : [];
+            this.form = data;
+            this.form.needProduce = data?.saleOrderList[0]?.needProduce;
+            this.form.deliveryTypeId = data.deliveryTypeId+'';
+            this.$refs.inventoryTableref &&
+              this.$refs.inventoryTableref.putTableValue(
+                data.productList,
+                true
+              );
+            this.$refs.stowageTableRef &&
+              this.$refs.stowageTableRef.putTableValue(data.carList);
+            this.$refs.taskInfoTableRef &&
+              this.$refs.taskInfoTableRef.putTableValue(
+                data.logisticTrakListNoteVOList
+              );
+            this.$refs.palletTableRef &&
+              this.$refs.palletTableRef.putTableValue(data.trayList);
+            this.$refs.replaceRef &&
+              this.$refs.replaceRef.putTableValue(data.replaceList);
+          });
+        }
+      },
+      // 选择退货单
+      handleReturnGoodsBtn(e) {
+        if (e.target.nodeName == 'I') {
+          this.form = Object.assign({}, this.form, {
+            carNo: [],
+            deviceName: '',
+            deviceId: '',
+            linkName: '',
+            linkPhone: '',
+            orderNo: '',
+            productList: [],
+            orderId: '',
+            contactId: '',
+            contactName: '',
+            entrustedCode: '',
+            entrustedId: '',
+            sendNoteNo: '',
+            pricingWay: '',
+            sourceNo: '',
+            sourceId: '',
+            sourceType: '',
+          });
+          this.$refs.inventoryTableref &&
+            this.$refs.inventoryTableref.putTableValue([], true);
+          return;
+        }
+        this.returnOrderDialogFlag = true;
+        // this.$nextTick(() => {
+        //   this.$refs.returnOrderDialogRef.init();
+        // });
+      },
+      // 获取退货单数据
+      async getSReturnOrderInfo(row) {
+        console.log('row~~~~', row)
+        // this.form = Object.assign({}, this.form, {
+        //   sourceId: row.id,
+        //   sourceNo: row.returnNo,
+        // });
+        const data = await getReturnSaleOrderrecordDetail(row.id);
+        if (data) {
+          this.$nextTick(() => {
+            let {
+              carNo,
+              returnNo,
+              id,
+              linkName,
+              linkPhone,
+              orderIds,
+              orderNo,
+              contactId,
+              contactName,
+              pricingWay = data?.saleOrder?.pricingWay,
+              partaId,
+              partaName,
+              partaTel,
+              partaLinkName,
+              partaAddress,
+              productList,
+              trayList,
+              trakNoteList,
+              totalAmount,
+              payAmount,
+              projectName,
+              projectId,
+              projectCode,
+              totalPrice,
+              redressProductList,
+              receiveAddress
+            } = data;
+
+            if (redressProductList && redressProductList.length > 0) {
+              productList.push(...redressProductList);
+            }
+
+            if (productList && productList.length > 0) {
+              productList.forEach((v) => {
+                v.orderTotalCount = v.totalCount;
+                v.extField = {};
+              });
+            }
+
+            this.form = Object.assign({}, this.form, {
+              // contactId,
+              // contactName,
+              // linkName,
+              // linkPhone,
+              // orderNo,
+              // orderIds: orderIds,
+              carNo: carNo ? carNo.split(',') : [],
+              pricingWay,
+              sourceType: 3,
+              sourceNo: returnNo,
+              sourceId: id,
+              contactId,
+              contactName,
+              // linkName: partaLinkName,
+              // linkPhone: partaTel,
+              orderNo,
+              orderIds,
+              // receiveAddress: receiveAddress || partaAddress,
+              productList,
+              trakNoteList,
+              trayList,
+              totalAmount,
+              totalPrice,
+              payAmount,
+              projectName,
+              projectId,
+              projectSn: projectCode
+            });
+            
+
+            productList.forEach((item, index) => {
+              item['tempId'] = index;
+              item.id = '';
+            });
+
+
+
+            this.oldProductList = JSON.parse(JSON.stringify(productList));
+
+            this.$refs.inventoryTableref &&
+              this.$refs.inventoryTableref.putTableValue(productList, true);
+          })
+        }
+      },
+      //选择受托收货单弹框
+      handleEntrustedReceive(e) {
+        if (e.target.nodeName == 'I') {
+          this.form = Object.assign({}, this.form, {
+            carNo: [],
+            deviceName: '',
+            deviceId: '',
+            linkName: '',
+            linkPhone: '',
+            orderNo: '',
+            productList: [],
+            orderId: '',
+            contactId: '',
+            contactName: '',
+            entrustedCode: '',
+            entrustedId: '',
+            sendNoteNo: '',
+            pricingWay: '',
+            sourceNo: '',
+            sourceId: '',
+            sourceType: '',
+          });
+          this.$refs.inventoryTableref &&
+            this.$refs.inventoryTableref.putTableValue([], true);
+          return;
+        }
+        this.searchParams = {
+          orderId: this.form.orderId
+        };
+        this.entrustedReceiveDialogFlag = true;
+        this.$nextTick(() => {
+          this.$refs.entrustedReceiveDialogRef.init();
+        });
+      },
+      //获取受托收货单数据回调
+      async getInfo(row) {
+        const data = await getPSaleEntrustedReceiveDetailAPI(row.id);
+        this.$nextTick(() => {
+          let {
+            carNo,
+            code,
+            id,
+            linkName,
+            linkPhone,
+            orderId,
+            orderNo,
+            // productList,
+            contactId,
+            contactName,
+            pricingWay = data?.saleOrder?.pricingWay
+          } = data;
+          // if (productList && productList.length > 0) {
+          //   productList.forEach((v) => {
+          //     v.orderTotalCount = v.orderTotalCount || v.totalCount;
+          //     v.extField = {};
+          //   });
+          // }
+          this.form = Object.assign({}, this.form, {
+            contactId,
+            contactName,
+            linkName,
+            linkPhone,
+            orderNo,
+            orderIds: orderId,
+            // productList,
+            carNo: carNo ? carNo.split(',') : [],
+            pricingWay,
+            entrustedCode: code,
+            entrustedId: id,
+            sourceType: 2,
+          });
+          this.getSaleOrderDetails([orderId]);
+          // productList.forEach((item, index) => {
+          //   item.id = '';
+          //   item['tempId'] = index;
+          // });
+          // this.$refs.inventoryTableref &&
+          //   this.$refs.inventoryTableref.putTableValue(productList, code);
+        });
+      },
+      //替代料
+      replaceTableChange(list) {
+        this.$refs.replaceRef.putTableValue(list, 'add');
+      },
+
+      //选择订单弹框
+      handleOrderBtn(e) {
+        if (e.target.nodeName == 'I') {
+          this.form = Object.assign({}, this.form, {
+            contactId: '',
+            contactName: '',
+            carNo: [],
+            deviceName: '',
+            deviceId: '',
+            linkName: '',
+            linkPhone: '',
+            orderNo: '',
+            orderId: '',
+            pricingWay: '',
+            entrustedCode: '',
+            entrustedId: '',
+            productionRequirements: '',
+            sourceType: '',
+            sourceNo: '',
+            sourceId: '',
+          });
+          this.$refs.inventoryTableref &&
+            this.$refs.inventoryTableref.putTableValue([]);
+          return;
+        }
+        let item = {
+          id: this.form.orderId
+        };
+        this.$refs.orderListDialogRef.open(item);
+      },
+
       //打开新增编辑弹框
       async open(type, row, orderId) {
         this.title = type === 'add' ? '新增发货单' : '修改';
+        this.parameterGetByCode();
+        this.visible = true;
+        this.carList = await carBookPageListAPI({ pageNum: 1, size: 100 });
+
+        if (orderId) {
+          await this.getSaleOrderDetails(orderId);
+        }
+        if (this.saleOrderData.id) {
+          await this.getSaleOrderDetails([this.saleOrderData.id]);
+        }
+        if (row && row?.id && !this.isReturnGoodsCreate) {
+          await this.getSendSaleOrderDetail(row?.id);
+        }
+
+        if(this.isReturnGoodsCreate && type == 'add') {
+          this.getSReturnOrderInfo(row)
+        }
+
+        if (type == 'add') {
+          this.isUpdate = false;
+        } else {
+          this.isUpdate = true;
+        }
+      },
+      entrustedReceiveInit(row) {
+        this.title = '新增发货单';
         this.visible = true;
+        this.isUpdate = false;
+        this.getInfo(row);
+      },
+      totalCountChange(num) {
+        this.form.trayNum = num;
+      },
+
+      getValidate() {
+        return Promise.all([
+          new Promise((resolve, reject) => {
+            this.$refs.form.validate((valid) => {
+              if (!valid) {
+                reject(false);
+              } else {
+                resolve(true);
+              }
+            });
+          }),
+          new Promise((resolve, reject) => {
+            this.$refs.inventoryTableref.validateFormOptimized((valid) => {
+              if (!valid) {
+                reject(false);
+              } else {
+                resolve(true);
+              }
+            });
+          }),
+          new Promise((resolve, reject) => {
+            this.$refs.taskInfoTableRef.getTableValidate((valid) => {
+              if (!valid) {
+                reject(false);
+              } else {
+                resolve(true);
+              }
+            });
+          }),
+          new Promise((resolve, reject) => {
+            this.$refs.palletTableRef.validateForm((valid) => {
+              if (!valid) {
+                reject(false);
+              } else {
+                resolve(true);
+              }
+            });
+          })
+        ]).catch((e) => {
+          return Promise.reject(e);
+        });
+      },
+      async save(type) {
+        try {
+          await this.getValidate();
+          // 表单验证通过,执行保存操作
+          this.loading = true;
+
+          if (!this.isUpdate) {
+            delete this.form.id;
+          }
+          this.form.repliedFiles = this.form.repliedFiles || [];
+
+          this.form.replied = this.form.repliedFiles.length > 0 ? 1 : 0;
+          const replaceList =
+            (this.$refs.replaceRef && this.$refs.replaceRef.getTableValue()) ||
+            [];
+          const productList = this.$refs.inventoryTableref.getTableValue();
+          productList.forEach((item) => {
+            if (
+              replaceList.map((_item) => _item.relationId).includes(item.tempId)
+            ) {
+              item['isReplace'] = 1;
+            }
+
+            if(item.isSuspend == 1) {
+              item.offsetDetail[0]['reverseQuantity'] = item.saleCount;
+              item['reverseQuantity'] = item.saleCount;
+            } else {
+              item['reverseQuantity'] = 0;
+            }
+          });
+
+          let commitData = Object.assign({}, this.form, {
+            productList,
+            replaceList,
+            trayList: this.$refs.palletTableRef.getTableValue(),
+            carList: this.$refs.stowageTableRef.getTableValue(),
+            trakNoteList: this.$refs.taskInfoTableRef.getTableValue()
+          });
+          commitData.carNo = commitData.carNo.toString();
+          if (this.isUpdate) {
+            UpdateSendInformation(commitData)
+              .then((res) => {
+                this.loading = false;
+                this.$message.success('修改成功');
+                if (type === 'sub') {
+                  this.sendSubmit(res);
+                  return;
+                }
+                this.cancel();
+                this.$emit('done');
+              })
+              .catch((e) => {
+                //this.loading = false;
+              });
+          } else {
+            addSendInformation(commitData)
+              .then((res) => {
+                this.loading = false;
+                this.$message.success('新增成功');
+                if (type === 'sub') {
+                  this.sendSubmit(res);
+                  return;
+                }
+                this.cancel();
+                this.$emit('done');
+              })
+              .catch((e) => {
+                //this.loading = false;
+              });
+          }
+        } catch (error) {
+          console.log(error);
+          // 表单验证未通过,不执行保存操作
+        }
       },
+      async sendSubmit(res) {
+        console.log('res~~~~~~', res, this.businessId);
+        let paramsId = this.isReturnGoodsCreate ? res : this.businessId || res;
+        console.log('paramsId~~~', paramsId)
+        const data = await getSendSaleOrderrecordDetailSplit(
+          paramsId
+        );
+        let storemanIds = '';
+        console.log('data~~~~~~', data);
+        let ids = data.productList.map((item) => item.warehouseId);
+        if (ids?.length) {
+          let warehouseList = await getWarehouseListByIds(ids || []);
+          storemanIds = warehouseList.map((item) => item.ownerId);
+        }
+
+        this.processSubmitDialogFlag = true;
+
+        this.$nextTick(() => {
+          let params = {
+            businessId: paramsId,
+            businessKey:
+              data.saleTypeName.indexOf('技改') != '-1'
+                ? 'sele_order_send_correction'
+                : data.saleTypeName.indexOf('三包') != '-1'
+                ? 'eom_sh'
+                : data.saleTypeName.indexOf('补发') != '-1'
+                ? 'eom_sh'
+                : data.saleTypeName.indexOf('赠品') != '-1'
+                ? 'sale_order_send_giftAndOther'
+                : 'sales_send_approve',
+            formCreateUserId: data.createUserId,
+            variables: {
+              businessCode: data.docNo,
+              businessName: data.contactName,
+              storemanIds: storemanIds.toString(),
+              businessType: data.sourceType == 3 ? '退货发货单' : '销售发货单'
+            }
+          };
 
+          this.$refs.processSubmitDialogRef.init(params);
+        });
+      },
+      reload() {
+        this.cancel();
+        this.$emit('done');
+      },
       cancel() {
-        this.visible = false;
+        this.$nextTick(() => {
+          this.activeName = 'first';
+          // 关闭后,销毁所有的表单数据
+          this.$refs['otherForm'] && this.$refs['otherForm'].resetFields();
+          this.$refs['formRef'] && this.$refs['formRef'].resetFields();
+          this.$store.commit('order/clearUserData');
+          this.form = copyObj(this.formDef);
+          this.visible = false;
+        });
       }
     }
   };
 </script>
 <style scoped lang="scss">
-  
+  .TotalAmount {
+    font-size: 16px;
+    padding-right: 30px;
+  }
+
+  .headbox {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+
+    .amount {
+      font-size: 14px;
+      font-weight: bold;
+      margin-right: 20px;
+    }
+  }
 </style>

+ 1057 - 5
src/views/saleManage/saleOrder/invoice/components/addInvoiceDialog.vue

@@ -12,11 +12,300 @@
     :resizable="true"
     @close="cancel"
   >
+    <el-form
+      ref="form"
+      :model="form"
+      :rules="rules"
+      class="el-form-box"
+      label-width="120px"
+    >
+      <headerTitle title="发货信息"></headerTitle>
+      <el-row :gutter="12">
+        <el-col :span="12">
+          <el-form-item label="销售订单" prop="orderNo">
+            <el-input
+              clearable
+              v-model="form.orderNo"
+              @click.native="handleOrderBtn"
+              placeholder="请输入"
+              :disabled="!!saleOrderData.id"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="受托收货单">
+            <el-input
+              clearable
+              :disabled="!!saleOrderData.id"
+              v-model="form.entrustedCode"
+              @click.native="handleEntrustedReceive"
+              placeholder="请输入"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="12">
+        <el-col :span="12">
+          <el-form-item label="退货单">
+            <el-input
+              clearable
+              :disabled="!!saleOrderData.id"
+              v-model="form.sourceNo"
+              @click.native="handleReturnGoodsBtn"
+              placeholder="请输入"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="客户名称" prop="contactName">
+            <el-input v-model="form.contactName" disabled></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="12">
+        <el-col :span="12">
+          <el-form-item label="客户联系人" prop="linkName">
+            <el-input clearable v-model="form.linkName" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="客户电话" prop="linkPhone">
+            <el-input clearable v-model="form.linkPhone" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="收货地址" prop="receiveAddress">
+            <el-input
+              clearable
+              v-model="form.receiveAddress"
+              placeholder="请输入"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="项目名称" prop="projectName">
+            <el-input clearable v-model="form.projectName" :disabled="true" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="车牌号" prop="carNo">
+            <el-select
+              v-model="form.carNo"
+              style="width: 100%"
+              clearable
+              multiple
+              filterable
+              allow-create
+              default-first-option
+            >
+              <el-option
+                :label="item.trakNumber"
+                :value="item.trakNumber"
+                v-for="(item, index) in carList"
+                :key="index"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="托盘数" prop="trayNum">
+            <el-input clearable v-model="form.trayNum" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="打印编码" prop="printNo">
+            <el-input clearable v-model="form.printNo" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12" style="height: 40px;">
+          <el-form-item label="送货方式" prop="deliveryTypeId">
+            <DictSelection
+              dictName="送货方式"
+              clearable
+              v-model="form.deliveryTypeId"
+              filterable
+              allow-create
+              default-first-option
+              style="width: 100%"
+            >
+            </DictSelection>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12">
+          <el-form-item label="回执要求" prop="receiptRequirementTypeId">
+            <el-radio-group v-model="form.receiptRequirementTypeId">
+              <el-radio v-for="item in receiptRequirementTypeOption" :key="item.value" :label="item.value">{{item.label}}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item prop="sendFiles" label="发货附件">
+            <fileMain v-model="form.sendFiles"></fileMain>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12">
+          <el-form-item prop="repliedFiles" label="回执附件">
+            <fileMain v-model="form.repliedFiles"></fileMain>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12">
+          <el-form-item prop="makerName" label="制单人" v-if="form.makerName">
+            <el-input disabled v-model="form.makerName" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <!-- <el-form-item prop="productionRequirements" label="生产要求">
+            <el-input
+              clearable
+              v-model="form.productionRequirements"
+              placeholder=""
+              type="textarea"
+              disabled
+            />
+          </el-form-item> -->
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-tabs v-model="activeName" style="margin-top: 15px" type="border-card">
+      <el-tab-pane label="物品清单" name="first">
+        <inventoryTable
+          :pricingWay="form.pricingWay"
+          :entrustedCode="form.entrustedCode"
+          ref="inventoryTableref"
+          :orderId="form.orderId"
+          :orderIds="form.orderIds"
+          @replaceTableChange="replaceTableChange"
+          :needProduce="saleOrderValue.needProduce"
+          :typeIds="saleOrderValue.typedetailIds"
+          :isTotalCount="isTotalCount"
+          :oldProductList="oldProductList"
+          :sourceType="form.sourceType"
+        ></inventoryTable>
+      </el-tab-pane>
+      <el-tab-pane label="托盘清单" name="second">
+        <palletTable
+          ref="palletTableRef"
+          @totalCountChange="totalCountChange"
+        ></palletTable>
+      </el-tab-pane>
+      <el-tab-pane label="装载车叉车信息" name="third">
+        <stowageTable ref="stowageTableRef"></stowageTable>
+      </el-tab-pane>
+      <el-tab-pane label="运输清单" name="fourth">
+        <taskInfoTable
+          ref="taskInfoTableRef"
+          @setAddress="setAddress"
+        ></taskInfoTable>
+      </el-tab-pane>
+      <el-tab-pane label="替代料" name="5">
+        <replaceTable
+          :pricingWay="form.pricingWay"
+          ref="replaceRef"
+        ></replaceTable>
+      </el-tab-pane>
+    </el-tabs>
+
+    <div slot="footer" class="footer">
+      <el-button type="primary" @click="save" v-click-once>保存</el-button>
+      <el-button
+        type="primary"
+        v-if="isNeed_process_is_close"
+        @click="save('sub')"
+        v-click-once
+        >提交</el-button
+      >
+
+      <el-button @click="cancel">返回</el-button>
+    </div>
+    <orderListDialog
+      ref="orderListDialogRef"
+      @changeParent="changeOrder"
+      :contactData="contactData"
+      :isAll="true"
+      :isTotalCount="isTotalCount"
+    ></orderListDialog>
+    <!--  受托发货单  -->
+    <entrusted-receive-dialog
+      :entrusted-receive-dialog-flag.sync="entrustedReceiveDialogFlag"
+      v-if="entrustedReceiveDialogFlag"
+      @changeParent="getInfo"
+      ref="entrustedReceiveDialogRef"
+    ></entrusted-receive-dialog>
+    <process-submit-dialog
+      :isNotNeedProcess="false"
+      :processSubmitDialogFlag.sync="processSubmitDialogFlag"
+      v-if="processSubmitDialogFlag"
+      ref="processSubmitDialogRef"
+      @reload="reload"
+    ></process-submit-dialog>
+    <!-- 退货单 -->
+    <return-order-dialog
+      :returnOrderDialogFlag.sync="returnOrderDialogFlag"
+      v-if="returnOrderDialogFlag"
+      returnSourceType=""
+      hasHandleReceipt=""
+      types=""
+      @changeParent="getSReturnOrderInfo"
+      ref="returnOrderDialogRef"
+    >
+    </return-order-dialog>
   </ele-modal>
 </template>
 
 <script>
+  import fileUpload from '@/components/upload/fileUpload';
+  import dictMixins from '@/mixins/dictMixins';
+  import parentList from '@/views/saleManage/contact/components/parentList.vue';
+  import { getSaleOrderDetails } from '@/api/saleManage/saleorder';
+  import taskInfoTable from './taskInfoTable.vue';
+  import {
+    addSendInformation,
+    UpdateSendInformation,
+    getSendSaleOrderrecordDetailSplit
+  } from '@/api/saleManage/saleordersendrecord';
+  import { getPSaleEntrustedReceiveDetailAPI } from '@/api/saleManage/entrustedReceive';
+  import inventoryTable from './inventoryTable.vue';
+  import replaceTable from './replaceTable.vue';
+  import stowageTable from './stowageTable.vue';
+
+  import orderListDialog from './orderListDialog.vue';
+  import { copyObj } from '@/utils/util';
+  import entrustedReceiveDialog from './entrustedReceiveDialog.vue';
+  import outSourceSendDialog from '@/views/purchasingManage/purchaseOrder/invoice/components/outSourceSendDialog.vue';
+  import PalletTable from '@/views/saleManage/saleOrder/invoice/components/palletTable.vue';
+  // import fileMain from '@/components/addDoc/index.vue';
+  import processSubmitDialog from '@/BIZComponents/processSubmitDialog/processSubmitDialog.vue';
+  import { carBookPageListAPI } from '@/api/transportManager/carBook';
+  import { projectsGetByIdAPI } from '@/api/pro';
+  import { parameterGetByCode } from '@/api/main/index.js';
+  import { getWarehouseListByIds } from '@/api/purchasingManage/returnGoods';
+  import returnOrderDialog from '@/views/saleManage/saleOrder/customerReturnOrder/returnOrderDialog.vue';
+import {
+    getReturnSaleOrderrecordDetail,
+  } from '@/api/saleManage/returnGoods';
+
   export default {
+    mixins: [dictMixins],
+    components: {
+      processSubmitDialog,
+      // fileMain,
+      PalletTable,
+      outSourceSendDialog,
+      taskInfoTable,
+      fileUpload,
+      inventoryTable,
+      orderListDialog,
+      parentList,
+      entrustedReceiveDialog,
+      stowageTable,
+      replaceTable,
+      returnOrderDialog
+    },
+
     //客户管理数据
     props: {
       contactData: {
@@ -35,29 +324,792 @@
       isReturnGoodsCreate: {
         type: Boolean,
         default: false
-      }
+      },
     },
     data() {
+      let formDef = {
+        id: '',
+        contactId: '',
+        contactName: '',
+        entrustedCode: '',
+        entrustedId: '',
+        pricingWay: 1,
+        sendFiles: [],
+        repliedFiles: [],
+        projectName: '',
+        projectId: '',
+        receiveAddress: '',
+        deviceName: '',
+        deviceId: '',
+        carNo: [],
+        linkName: '',
+        linkPhone: '',
+        orderNo: '',
+        orderId: '',
+        replied: 0,
+        trayNum: '',
+        replaceList: [],
+        deliveryTypeId: '',
+        receiptRequirementTypeId: 2,
+        sourceType: '',  // 1 销售订单 2 受托收货单 3 退货单
+        sourceId: '',
+        sourceNo: ''
+      };
+
       return {
+        fullscreen: false,
+        saleOrderValue: {},
+        detailData: {},
+        payWayOptions: [],
+        delDetailIds: [],
+        carList: [],
+        oldProductList: [],
         visible: false,
-        title:''
+        entrustedReceiveDialogFlag: false,
+        processSubmitDialogFlag: false,
+        title: '',
+        activeName: 'first',
+        formDef,
+        form: copyObj(formDef),
+        returnOrderDialogFlag: false,
+
+        // 提交状态
+        loading: false,
+        // 是否是修改
+        isUpdate: false,
+        businessId: '',
+        isTotalCount: 0,
+        receiptRequirementTypeOption: [{
+          label: '签回单',
+          value: 1
+        }, {
+          label: '不签回单',
+          value: 2
+        }, {
+          label: '带签收单',
+          value: 3
+        }],
       };
     },
-    computed: {},
+    computed: {
+      allcountAmount() {
+        return this.$store.state.order.allcountAmount;
+      },
+      rules() {
+          return {
+            partaName: [
+              { required: true, message: '请选择客户名称', trigger: 'change' }
+            ],
+            linkName: [
+              { required: this.form.needProduce != 2  ? true : false, message: '请输入', trigger: ['blur', 'change'] }
+            ],
+            linkPhone: [ 
+              { required: this.form.needProduce != 2 ? true : false, message: '请输入', trigger: 'change' }
+            ],
+            orderNo: [{ required: true, message: '请选择', trigger: 'change' }],
+            receiveAddress: [
+              { required: this.form.needProduce != 2 ? true : false, message: '请输入', trigger: 'change' }
+            ],
+            deviceName: [
+              { required: true, message: '前选择车辆', trigger: 'change' }
+            ]
+          }
+        }
+    },
 
     methods: {
+      //销售发货数量是否限制不能大于采购总数//0否 1是
+      parameterGetByCode() {
+        parameterGetByCode({
+          code: 'saleOrder_invoice_productList_totalCount'
+        }).then((res) => {
+          this.isTotalCount = res.value;
+        });
+      },
+
+      //选择订单回调
+      changeOrder(obj) {
+        this.form = Object.assign({}, this.form, {
+          productionRequirements: obj.map((item) => item.productionRequirements).toString(),
+          orderIds: obj.map((item) => item.id).toString(),
+          orderNo: obj.map((item) => item.orderNo).toString(),
+          // needProduce: obj.map((item) => item.needProduce),
+          sourceType: 1,
+        });
+        this.getSaleOrderDetails(obj.map((item) => item.id));
+      },
+
+      async setData(res, type) {
+        let eom_saleOrder_addInvoice = await parameterGetByCode({
+          code: 'eom_saleOrder_addInvoice'
+        });
+
+        console.log('eom_saleOrder_addInvoice', res)
+
+        let data = {
+          ...res[0],
+          orderIds: res.map((item) => item.id).toString(),
+          orderNo: res.map((item) => item.orderNo).toString(),
+          productList: res.map((item) => item.productList).flat(),
+          typedetailIds: res.map((item) => item.typedetailIds).flat(),
+          // needProduce: res.map((item) => item.needProduce),
+          totalAmount: res.reduce(
+            (sum, obj) =>
+              sum + ((obj.totalAmount && Number(obj.totalAmount)) || 0),
+            0
+          ),
+          payAmount: res.reduce(
+            (sum, obj) => sum + ((obj.payAmount && Number(obj.payAmount)) || 0),
+            0
+          ),
+          projectName: res
+            .filter((item) => item.projectName)
+            .map((item) => item.projectName)
+            .toString(),
+          projectId: res
+            .filter((item) => item.projectId)
+            .map((item) => item.projectId)
+            .toString(),
+          projectCode: res
+            .filter((item) => item.projectCode)
+            .map((item) => item.projectCode)
+            .toString()
+        };
+
+        this.loading = false;
+        this.saleOrderValue = JSON.parse(JSON.stringify(data));
+        this.oldProductList = JSON.parse(JSON.stringify(data.productList));
+        this.partbAddress = data.partbAddress;
+        if (type == 'sendInit') {
+          return;
+        }
+        this.$nextTick(() => {
+          let {
+            partaId,
+            partaName,
+            partaTel,
+            orderIds,
+            orderNo,
+            partaLinkName,
+            partaAddress,
+            productList,
+            trayList,
+            trakNoteList,
+            totalAmount,
+            payAmount,
+            projectName,
+            projectId,
+            projectCode,
+            totalPrice,
+            receiveAddress,
+            productionRequirements,
+            needProduce
+          } = data;
+          if (productList && productList.length > 0) {
+            productList.forEach((v) => {
+              v.orderTotalCount = v.totalCount;
+              v.extField = {};
+            });
+          }
+          this.form = Object.assign({}, this.form, {
+            contactId: partaId,
+            contactName: partaName,
+            linkName: partaLinkName,
+            linkPhone: partaTel,
+            orderNo,
+            orderIds,
+            receiveAddress: receiveAddress || partaAddress,
+            productList,
+            trakNoteList,
+            trayList,
+            totalAmount,
+            totalPrice,
+            payAmount,
+            projectName,
+            projectId,
+            projectSn: projectCode,
+            productionRequirements,
+            needProduce
+          });
+          console.log('form~~~~~~~~~~', this.form)
+          productList.forEach((item, index) => {
+            item['tempId'] = index;
+            item.id = '';
+          });
+          // this.$refs.inventoryTableref &&
+          //   this.$refs.inventoryTableref.putTableValue(productList);
+          this.oldProductList = JSON.parse(JSON.stringify(productList));
+          if (eom_saleOrder_addInvoice?.value == 1) {
+            this.$refs.inventoryTableref &&
+              this.$refs.inventoryTableref.putTableValue(productList, true);
+          } else {
+            this.$refs.inventoryTableref &&
+              this.$refs.inventoryTableref.$refs.productListRef.open(
+                productList
+              );
+          }
+
+          this.$refs.taskInfoTableRef &&
+            this.$refs.taskInfoTableRef.putTableValue(trakNoteList);
+          this.setAddress();
+          if (projectId) {
+            this.getProjectData(projectId);
+          }
+        });
+      },
+      // //获取订单详情
+      // async getSaleOrderDetail(id) {
+      //   this.loading = true;
+      //   this.form = Object.assign({}, this.form, {
+      //     orderIds: id,
+      //   });
+      //   // const data = await getSaleOrderDetail(id);
+      //   this.setData(data);
+      // },
+
+      //获取订单详情 多id
+      async getSaleOrderDetails(ids) {
+        this.loading = true;
+        let res = await getSaleOrderDetails(ids);
+        console.log('res~~~~', res)
+        if (res?.length) {
+          this.setData(res);
+        }
+      },
+      setAddress() {
+        this.$refs.taskInfoTableRef.setAddress(
+          this.partbAddress,
+          this.form.receiveAddress
+        );
+      },
+      async getProjectData(id) {
+        const data = await projectsGetByIdAPI(id);
+        if (data.contactAddressId) {
+          this.form.receiveAddress =
+            data.contactAddressName + data.contactAddress;
+          this.setAddress();
+        }
+
+        if (data.contactRelationPhone) {
+          this.form.linkPhone = data.contactRelationPhone;
+        }
+        if (data.contactRelationUserName) {
+          this.form.linkName = data.contactRelationUserName;
+        }
+      },
+      //发货单详情
+      async getSendSaleOrderDetail(id) {
+        this.businessId = id;
+
+        this.loading = true;
+        const data = await getSendSaleOrderrecordDetailSplit(id);
+        // this.partbAddress = data.saleOrder[0].partbAddress;
+        // this.saleOrderValue = data.saleOrder;
+        if (data.saleOrderList) {
+          this.setData(data.saleOrderList, 'sendInit');
+        } else if (data.saleOrder) {
+          this.setData([data.saleOrder], 'sendInit');
+        }
+        console.log('data~~~~', data)
+        this.loading = false;
+        if (data) {
+          this.$nextTick(() => {
+            data.productList?.forEach((item) => {
+              item['tempId'] = item.id;
+            });
+            data.carNo = data.carNo ? data.carNo.split(',') : [];
+            this.form = data;
+            this.form.needProduce = data?.saleOrderList[0]?.needProduce;
+            this.form.deliveryTypeId = data.deliveryTypeId+'';
+            this.$refs.inventoryTableref &&
+              this.$refs.inventoryTableref.putTableValue(
+                data.productList,
+                true
+              );
+            this.$refs.stowageTableRef &&
+              this.$refs.stowageTableRef.putTableValue(data.carList);
+            this.$refs.taskInfoTableRef &&
+              this.$refs.taskInfoTableRef.putTableValue(
+                data.logisticTrakListNoteVOList
+              );
+            this.$refs.palletTableRef &&
+              this.$refs.palletTableRef.putTableValue(data.trayList);
+            this.$refs.replaceRef &&
+              this.$refs.replaceRef.putTableValue(data.replaceList);
+          });
+        }
+      },
+      // 选择退货单
+      handleReturnGoodsBtn(e) {
+        if (e.target.nodeName == 'I') {
+          this.form = Object.assign({}, this.form, {
+            carNo: [],
+            deviceName: '',
+            deviceId: '',
+            linkName: '',
+            linkPhone: '',
+            orderNo: '',
+            productList: [],
+            orderId: '',
+            contactId: '',
+            contactName: '',
+            entrustedCode: '',
+            entrustedId: '',
+            sendNoteNo: '',
+            pricingWay: '',
+            sourceNo: '',
+            sourceId: '',
+            sourceType: '',
+          });
+          this.$refs.inventoryTableref &&
+            this.$refs.inventoryTableref.putTableValue([], true);
+          return;
+        }
+        this.returnOrderDialogFlag = true;
+        // this.$nextTick(() => {
+        //   this.$refs.returnOrderDialogRef.init();
+        // });
+      },
+      // 获取退货单数据
+      async getSReturnOrderInfo(row) {
+        console.log('row~~~~', row)
+        // this.form = Object.assign({}, this.form, {
+        //   sourceId: row.id,
+        //   sourceNo: row.returnNo,
+        // });
+        const data = await getReturnSaleOrderrecordDetail(row.id);
+        if (data) {
+          this.$nextTick(() => {
+            let {
+              carNo,
+              returnNo,
+              id,
+              linkName,
+              linkPhone,
+              orderIds,
+              orderNo,
+              contactId,
+              contactName,
+              pricingWay = data?.saleOrder?.pricingWay,
+              partaId,
+              partaName,
+              partaTel,
+              partaLinkName,
+              partaAddress,
+              productList,
+              trayList,
+              trakNoteList,
+              totalAmount,
+              payAmount,
+              projectName,
+              projectId,
+              projectCode,
+              totalPrice,
+              redressProductList,
+              receiveAddress
+            } = data;
+
+            if (redressProductList && redressProductList.length > 0) {
+              productList.push(...redressProductList);
+            }
+
+            if (productList && productList.length > 0) {
+              productList.forEach((v) => {
+                v.orderTotalCount = v.totalCount;
+                v.extField = {};
+              });
+            }
+
+            this.form = Object.assign({}, this.form, {
+              // contactId,
+              // contactName,
+              // linkName,
+              // linkPhone,
+              // orderNo,
+              // orderIds: orderIds,
+              carNo: carNo ? carNo.split(',') : [],
+              pricingWay,
+              sourceType: 3,
+              sourceNo: returnNo,
+              sourceId: id,
+              contactId,
+              contactName,
+              // linkName: partaLinkName,
+              // linkPhone: partaTel,
+              orderNo,
+              orderIds,
+              // receiveAddress: receiveAddress || partaAddress,
+              productList,
+              trakNoteList,
+              trayList,
+              totalAmount,
+              totalPrice,
+              payAmount,
+              projectName,
+              projectId,
+              projectSn: projectCode
+            });
+            
+
+            productList.forEach((item, index) => {
+              item['tempId'] = index;
+              item.id = '';
+            });
+
+
+
+            this.oldProductList = JSON.parse(JSON.stringify(productList));
+
+            this.$refs.inventoryTableref &&
+              this.$refs.inventoryTableref.putTableValue(productList, true);
+          })
+        }
+      },
+      //选择受托收货单弹框
+      handleEntrustedReceive(e) {
+        if (e.target.nodeName == 'I') {
+          this.form = Object.assign({}, this.form, {
+            carNo: [],
+            deviceName: '',
+            deviceId: '',
+            linkName: '',
+            linkPhone: '',
+            orderNo: '',
+            productList: [],
+            orderId: '',
+            contactId: '',
+            contactName: '',
+            entrustedCode: '',
+            entrustedId: '',
+            sendNoteNo: '',
+            pricingWay: '',
+            sourceNo: '',
+            sourceId: '',
+            sourceType: '',
+          });
+          this.$refs.inventoryTableref &&
+            this.$refs.inventoryTableref.putTableValue([], true);
+          return;
+        }
+        this.searchParams = {
+          orderId: this.form.orderId
+        };
+        this.entrustedReceiveDialogFlag = true;
+        this.$nextTick(() => {
+          this.$refs.entrustedReceiveDialogRef.init();
+        });
+      },
+      //获取受托收货单数据回调
+      async getInfo(row) {
+        const data = await getPSaleEntrustedReceiveDetailAPI(row.id);
+        this.$nextTick(() => {
+          let {
+            carNo,
+            code,
+            id,
+            linkName,
+            linkPhone,
+            orderId,
+            orderNo,
+            // productList,
+            contactId,
+            contactName,
+            pricingWay = data?.saleOrder?.pricingWay
+          } = data;
+          // if (productList && productList.length > 0) {
+          //   productList.forEach((v) => {
+          //     v.orderTotalCount = v.orderTotalCount || v.totalCount;
+          //     v.extField = {};
+          //   });
+          // }
+          this.form = Object.assign({}, this.form, {
+            contactId,
+            contactName,
+            linkName,
+            linkPhone,
+            orderNo,
+            orderIds: orderId,
+            // productList,
+            carNo: carNo ? carNo.split(',') : [],
+            pricingWay,
+            entrustedCode: code,
+            entrustedId: id,
+            sourceType: 2,
+          });
+          this.getSaleOrderDetails([orderId]);
+          // productList.forEach((item, index) => {
+          //   item.id = '';
+          //   item['tempId'] = index;
+          // });
+          // this.$refs.inventoryTableref &&
+          //   this.$refs.inventoryTableref.putTableValue(productList, code);
+        });
+      },
+      //替代料
+      replaceTableChange(list) {
+        this.$refs.replaceRef.putTableValue(list, 'add');
+      },
+
+      //选择订单弹框
+      handleOrderBtn(e) {
+        if (e.target.nodeName == 'I') {
+          this.form = Object.assign({}, this.form, {
+            contactId: '',
+            contactName: '',
+            carNo: [],
+            deviceName: '',
+            deviceId: '',
+            linkName: '',
+            linkPhone: '',
+            orderNo: '',
+            orderId: '',
+            pricingWay: '',
+            entrustedCode: '',
+            entrustedId: '',
+            productionRequirements: '',
+            sourceType: '',
+            sourceNo: '',
+            sourceId: '',
+          });
+          this.$refs.inventoryTableref &&
+            this.$refs.inventoryTableref.putTableValue([]);
+          return;
+        }
+        let item = {
+          id: this.form.orderId
+        };
+        this.$refs.orderListDialogRef.open(item);
+      },
+
       //打开新增编辑弹框
       async open(type, row, orderId) {
         this.title = type === 'add' ? '新增发货单' : '修改';
+        this.parameterGetByCode();
+        this.visible = true;
+        this.carList = await carBookPageListAPI({ pageNum: 1, size: 100 });
+
+        if (orderId) {
+          await this.getSaleOrderDetails(orderId);
+        }
+        if (this.saleOrderData.id) {
+          await this.getSaleOrderDetails([this.saleOrderData.id]);
+        }
+        if (row && row?.id && !this.isReturnGoodsCreate) {
+          await this.getSendSaleOrderDetail(row?.id);
+        }
+
+        if(this.isReturnGoodsCreate && type == 'add') {
+          this.getSReturnOrderInfo(row)
+        }
+
+        if (type == 'add') {
+          this.isUpdate = false;
+        } else {
+          this.isUpdate = true;
+        }
+      },
+      entrustedReceiveInit(row) {
+        this.title = '新增发货单';
         this.visible = true;
+        this.isUpdate = false;
+        this.getInfo(row);
+      },
+      totalCountChange(num) {
+        this.form.trayNum = num;
+      },
+
+      getValidate() {
+        return Promise.all([
+          new Promise((resolve, reject) => {
+            this.$refs.form.validate((valid) => {
+              if (!valid) {
+                reject(false);
+              } else {
+                resolve(true);
+              }
+            });
+          }),
+          new Promise((resolve, reject) => {
+            this.$refs.inventoryTableref.validateFormOptimized((valid) => {
+              if (!valid) {
+                reject(false);
+              } else {
+                resolve(true);
+              }
+            });
+          }),
+          new Promise((resolve, reject) => {
+            this.$refs.taskInfoTableRef.getTableValidate((valid) => {
+              if (!valid) {
+                reject(false);
+              } else {
+                resolve(true);
+              }
+            });
+          }),
+          new Promise((resolve, reject) => {
+            this.$refs.palletTableRef.validateForm((valid) => {
+              if (!valid) {
+                reject(false);
+              } else {
+                resolve(true);
+              }
+            });
+          })
+        ]).catch((e) => {
+          return Promise.reject(e);
+        });
+      },
+      async save(type) {
+        try {
+          await this.getValidate();
+          // 表单验证通过,执行保存操作
+          this.loading = true;
+
+          if (!this.isUpdate) {
+            delete this.form.id;
+          }
+          this.form.repliedFiles = this.form.repliedFiles || [];
+
+          this.form.replied = this.form.repliedFiles.length > 0 ? 1 : 0;
+          const replaceList =
+            (this.$refs.replaceRef && this.$refs.replaceRef.getTableValue()) ||
+            [];
+          const productList = this.$refs.inventoryTableref.getTableValue();
+          productList.forEach((item) => {
+            if (
+              replaceList.map((_item) => _item.relationId).includes(item.tempId)
+            ) {
+              item['isReplace'] = 1;
+            }
+
+            if(item.isSuspend == 1) {
+              item.offsetDetail[0]['reverseQuantity'] = item.saleCount;
+              item['reverseQuantity'] = item.saleCount;
+            } else {
+              item['reverseQuantity'] = 0;
+            }
+          });
+
+          let commitData = Object.assign({}, this.form, {
+            productList,
+            replaceList,
+            trayList: this.$refs.palletTableRef.getTableValue(),
+            carList: this.$refs.stowageTableRef.getTableValue(),
+            trakNoteList: this.$refs.taskInfoTableRef.getTableValue()
+          });
+          commitData.carNo = commitData.carNo.toString();
+          if (this.isUpdate) {
+            UpdateSendInformation(commitData)
+              .then((res) => {
+                this.loading = false;
+                this.$message.success('修改成功');
+                if (type === 'sub') {
+                  this.sendSubmit(res);
+                  return;
+                }
+                this.cancel();
+                this.$emit('done');
+              })
+              .catch((e) => {
+                //this.loading = false;
+              });
+          } else {
+            addSendInformation(commitData)
+              .then((res) => {
+                this.loading = false;
+                this.$message.success('新增成功');
+                if (type === 'sub') {
+                  this.sendSubmit(res);
+                  return;
+                }
+                this.cancel();
+                this.$emit('done');
+              })
+              .catch((e) => {
+                //this.loading = false;
+              });
+          }
+        } catch (error) {
+          console.log(error);
+          // 表单验证未通过,不执行保存操作
+        }
       },
+      async sendSubmit(res) {
+        console.log('res~~~~~~', res, this.businessId);
+        let paramsId = this.isReturnGoodsCreate ? res : this.businessId || res;
+        console.log('paramsId~~~', paramsId)
+        const data = await getSendSaleOrderrecordDetailSplit(
+          paramsId
+        );
+        let storemanIds = '';
+        console.log('data~~~~~~', data);
+        let ids = data.productList.map((item) => item.warehouseId);
+        if (ids?.length) {
+          let warehouseList = await getWarehouseListByIds(ids || []);
+          storemanIds = warehouseList.map((item) => item.ownerId);
+        }
+
+        this.processSubmitDialogFlag = true;
+
+        this.$nextTick(() => {
+          let params = {
+            businessId: paramsId,
+            businessKey:
+              data.saleTypeName.indexOf('技改') != '-1'
+                ? 'sele_order_send_correction'
+                : data.saleTypeName.indexOf('三包') != '-1'
+                ? 'eom_sh'
+                : data.saleTypeName.indexOf('补发') != '-1'
+                ? 'eom_sh'
+                : data.saleTypeName.indexOf('赠品') != '-1'
+                ? 'sale_order_send_giftAndOther'
+                : 'sales_send_approve',
+            formCreateUserId: data.createUserId,
+            variables: {
+              businessCode: data.docNo,
+              businessName: data.contactName,
+              storemanIds: storemanIds.toString(),
+              businessType: data.sourceType == 3 ? '退货发货单' : '销售发货单'
+            }
+          };
 
+          this.$refs.processSubmitDialogRef.init(params);
+        });
+      },
+      reload() {
+        this.cancel();
+        this.$emit('done');
+      },
       cancel() {
-        this.visible = false;
+        this.$nextTick(() => {
+          this.activeName = 'first';
+          // 关闭后,销毁所有的表单数据
+          this.$refs['otherForm'] && this.$refs['otherForm'].resetFields();
+          this.$refs['formRef'] && this.$refs['formRef'].resetFields();
+          this.$store.commit('order/clearUserData');
+          this.form = copyObj(this.formDef);
+          this.visible = false;
+        });
       }
     }
   };
 </script>
 <style scoped lang="scss">
-  
+  .TotalAmount {
+    font-size: 16px;
+    padding-right: 30px;
+  }
+
+  .headbox {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+
+    .amount {
+      font-size: 14px;
+      font-weight: bold;
+      margin-right: 20px;
+    }
+  }
 </style>