tire-platform-ui/src/views/exportTrade/customerInquiry/detailsPage.vue

<template>
  <div class="borderless" v-loading="pageLoading">
    <div class="customer-head">
      <div class="customer-back">
        <el-button type="danger" style="border: none;background: none;color: red" icon="el-icon-arrow-left"
          @click="backToList">返回列表
        </el-button>
      </div>
      <div class="add-customer-btn" v-if="showBut">
        <el-button type="primary" size="small" class="el-button--small-yh "
                   @click.stop="refresh">刷新数据
        </el-button>
        <el-button type="primary" size="small" v-if="detailData.status == 1" class="el-button--small-yh "
          @click.stop="openEdit">编辑
        </el-button>
        <el-button type="info" @click="saveSell" size="small">生成销售单</el-button>
        <el-button type="success" :disabled="!form.id" size="small" @click="copyDoc">
          复制单据
        </el-button>
        <el-button type="primary" :disabled="disabled" @click="editCustomer" :loading="subLoading"
          v-if="detailData.status != 1" size="small">保存数据
        </el-button>
      </div>
    </div>
    <div class="customer-main">
      <trade-card title="基础信息">
        <avue-form ref="form" class="trading-form" v-model="form" :option="option">
          <template slot="portOfLoad">
            <port-info v-model="form.portOfLoad" :disabled="detailData.status == 1" />
          </template>
          <template slot="portOfDestination">
            <port-info v-model="form.portOfDestination" :disabled="detailData.status == 1" />
          </template>
          <template slot-scope="{}" slot="corpIdLabel">
            <span style="color: #409EFF;cursor: pointer" @click.stop="khEdit('KH')">客户名称:</span>
          </template>
          <template slot-scope="{}" slot="portOfLoadLabel">
            <span style="color: #409EFF;cursor: pointer" @click.stop="khEdit('portOfLoad')">起运港:</span>
          </template>
          <template slot-scope="{}" slot="portOfDestinationLabel">
            <span style="color: #409EFF;cursor: pointer" @click.stop="khEdit('portOfLoad')">目的港:</span>
          </template>
          <template slot="corpId">
            <crop-select v-model="form.corpId" @getCorpData="getCorpData" corpType="KH"
              :disabled="detailData.status == 1"></crop-select>
          </template>
          <template slot="corpAttn">
            <el-select size="small" v-model="form.corpAttn" placeholder="请选择" @change="corpAttnChange" clearable
              :disabled="detailData.status == 1">
              <el-option v-for="item in corpsattns" :key="item.id" :label="item.cname" :value="item.cname">
              </el-option>
            </el-select>
          </template>
          <template slot-scope="{}" slot="belongToCorpIdLabel">
            <span style="color: #409EFF;cursor: pointer" @click.stop="khEdit('GS')">公司主体:</span>
          </template>
          <template slot="belongToCorpId">
            <crop-select v-model="form.belongToCorpId" corpType="GS" :disabled="detailData.status == 1"></crop-select>
          </template>
          <template slot="dateClause">
            <el-select size="small" v-model="form.dateClause" placeholder="请选择" @change="dateClauseChange"
              :disabled="detailData.status == 1" clearable>
              <el-option v-for="item in dateClauseList" :key="item.id" :label="item.dictValue" :value="item.dictValue">
              </el-option>
            </el-select>
          </template>
          <template slot="priceTerms">
            <el-select size="small" v-model="form.priceTerms" placeholder="请选择" @change="priceTermsChange" clearable
              :disabled="detailData.status == 1">
              <el-option v-for="item in priceTermsList" :key="item.id" :label="item.dictValue" :value="item.dictValue">
              </el-option>
            </el-select>
          </template>
          <template slot="paymentType">
            <el-select size="small" v-model="form.paymentType" placeholder="请选择" @change="paymentTypeChange" clearable
              :disabled="detailData.status == 1">
              <el-option v-for="item in paymentTermList" :key="item.id" :label="item.dictValue" :value="item.dictValue">
              </el-option>
            </el-select>
          </template>
          <template slot="businesDate">
            <el-date-picker v-model="form.businesDate" type="date" format="yyyy-MM-dd"
              value-format="yyyy-MM-dd 00:00:00" :disabled="detailData.status == 1" @change="businesDateChange">
            </el-date-picker>
          </template>
          <template slot="currency">
            <el-select size="small" v-model="form.currency" placeholder="请选择" @change="currencyChange"
              :disabled="detailData.status == 1" clearable>
              <el-option v-for="item in currencyList" :key="item.id" :label="item" :value="item">
              </el-option>
            </el-select>
          </template>
          <template slot="exchangeRate">
            <el-input size="small" v-model="form.exchangeRate"
              oninput="value=value.replace(/[^0-9.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
              placeholder="请输入 汇率" :disabled="detailData.status == 1" @change="exchangeRateChange" />
          </template>
          <template slot="boxPile">
            <el-select size="small" v-model="form.boxPile" placeholder="请选择" clearable filterable
              :disabled="detailData.status == 1">
              <el-option v-for="item in allBoxs" :key="item.id" :label="item.name" :value="item.name">
              </el-option>
            </el-select>
          </template>
          <template slot="boxNumber">
            <el-input size="small" v-model="form.boxNumber"
              oninput="value=value.replace(/[^0-9.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
              placeholder="请输入 箱量" :disabled="detailData.status == 1" />
          </template>
          <template slot="minOrder">
            <el-input size="small" v-model="form.minOrder"
              oninput="value=value.replace(/[^0-9.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
              placeholder="请输入 起订量" :disabled="detailData.status == 1" />
          </template>
          <template slot="predictOceanFreight">
            <el-input size="small" v-model="form.predictOceanFreight"
              oninput="value=value.replace(/[^0-9.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
              placeholder="请输入 预计海运费" :disabled="detailData.status == 1" />
          </template>
          <template slot="referenceOceanFreight">
            <el-input size="small" v-model="form.referenceOceanFreight"
              oninput="value=value.replace(/[^0-9.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
              placeholder="请输入 参考海运费" :disabled="detailData.status == 1" />
          </template>
          <template slot="oceanFreight">
            <el-input size="small" v-model="form.oceanFreight"
              oninput="value=value.replace(/[^0-9.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
              placeholder="请输入 实际海运费" :disabled="detailData.status == 1" />
          </template>
        </avue-form>
      </trade-card>
      <goods-info ref="goodsInfo" :form="form" :data="data" :orderFeesList.sync="orderFeesList" :detailData="detailData"
        @formGoodstoFees="formGoodstoFees"></goods-info>
      <!-- <trade-card title="商品信息">
        <avue-crud ref="crud" :data="data" :option="tableOption" @row-del="rowDel" :summary-method="summaryMethod"
          @saveColumn="saveColumn" @resetColumn="resetColumn" :cell-style="cellStyle" @row-dblclick="handleRowDBLClick">
          <template slot="headerSerial">
            <el-button type="primary" icon="el-icon-plus" size="mini" @click.stop="addRow"
              :disabled="detailData.status == 1" circle></el-button>
          </template>
          <template slot="menuLeft">
            <el-row>
              <el-button type="primary" icon="el-icon-plus" size="small" @click.stop="newDetails"
                :disabled="detailData.status == 1">批量录入</el-button>
              <el-button type="primary" icon="el-icon-plus" size="small" @click.stop="addLibrary"
                :disabled="detailData.status == 1">出口价格库</el-button>
              <el-button type="info" icon="el-icon-printer" size="small" @click.stop="openReport()">报表打印</el-button>
              <el-button type="info" size="small" @click.stop="savePurchase" :disabled="detailData.status == 1">采购询价
              </el-button>
              <el-button type="info" size="small" @click.stop="saveShipping" :disabled="detailData.status == 1">船务询价
              </el-button>
              <el-button v-if="goodsEditShow && detailData.status != 1" size="small" type="primary" @click="handleSave">
                保存明细</el-button>
              <el-button v-if="goodsEditShow" size="small" @click="handleClose">关闭明细</el-button>
              <el-button type="info" size="small" @click="cnameData">刷新基础资料</el-button>
            </el-row>
            <el-row>
              <avue-form v-if="goodsEditShow" class="trading-form" v-model="goodsEditForm" :option="goodsEditOption">
                <template slot="ename">
                  <el-input type="textarea" size="small" v-model="goodsEditForm.ename" placeholder="请输入"
                    :disabled="detailData.status == 1" @change="formEditChange(goodsEditForm)" />
                </template>
                <template slot="itemProp">
                  <el-input type="textarea" size="small" v-model="goodsEditForm.itemProp" placeholder="请输入"
                    :disabled="detailData.status == 1" @change="formEditChange(goodsEditForm)" />
                </template>
                <template slot="itemDescription">
                  <el-input type="textarea" size="small" v-model="goodsEditForm.itemDescription" placeholder="请输入"
                    :disabled="detailData.status == 1" @change="formEditChange(goodsEditForm)" />
                </template>
                <template slot="partsDescribe">
                  <el-input type="textarea" size="small" v-model="goodsEditForm.partsDescribe" placeholder="请输入"
                    :disabled="detailData.status == 1" @change="formEditChange(goodsEditForm)" />
                </template>
              </avue-form>
            </el-row>
          </template>
          <template slot="codeHeader" slot-scope="{column}">
            <span style="color: #409EFF;cursor: pointer" @click.stop="khEdit('cname')">{{column.label}}</span>
          </template>
          <template slot="menu" slot-scope="{ row, index }">
            <div style="display:flex;justify-content: center;">
              <el-button size="small" icon="el-icon-edit" type="text" @click="rowCell(row, index)"
                :disabled="disabled || detailData.status == 1">{{ row.$cellEdit ? "保存" : "修改" }}</el-button>
              <el-button size="small" icon="el-icon-delete" type="text" @click="rowDel(row, index)"
                :disabled="detailData.status == 1">删除</el-button>
              <div v-if="!goodsEditShow"
                style="display:flex;flex-direction: column;justify-content: center;margin-left: 10px;">
                <el-tooltip effect="dark" content="向上移动" placement="top">
                  <i v-if="index != 0" :disabled="detailData.status == 1" class="el-icon-arrow-up"
                    @click="moveUp(row, index)" style="color:#409EFF;"></i>
                </el-tooltip>
                <el-tooltip effect="dark" content="向下移动" placement="bottom"> <i v-if="index != (data.length - 1)"
                    :disabled="detailData.status == 1" class="el-icon-arrow-down" @click="moveDown(row, index)"
                    style="color:#409EFF;"></i></el-tooltip>
              </div>
            </div>
          </template>
          <template slot="itemType" slot-scope="{ row }">
            <el-select v-if="row.$cellEdit" v-model="row.itemType" filterable allow-create default-first-option
              placeholder="请输入" size="small" @focus="itemTypeFocus(row)">
              <el-option v-for="(item, index) in itemtypeList" :key="index" :label="item.value" :value="item.value">
              </el-option>
            </el-select>
            <span v-else>{{ row.itemType }}</span>
          </template>
          <template slot="ename" slot-scope="{ row, index }">
            <el-input v-if="row.$cellEdit" v-model="row.ename" size="small" placeholder="请点击右边按钮"
              @change="editChange(row)"></el-input>
            <span v-else>{{ row.ename }}</span>
          </template>
          <template slot="itemProp" slot-scope="{ row, index }">
            <span v-if="row.$cellEdit" style="display:flex">
              <el-input v-model="row.itemProp" size="small" placeholder="请点击右边按钮" @change="editChange(row)"></el-input>
              <el-button icon="el-icon-edit" size="mini" @click="openProperty(row, index)"></el-button>
            </span>
            <span v-else>{{ row.itemProp }}</span>
          </template>
          <template slot="itemDescription" slot-scope="{ row, index }">
            <span v-if="row.$cellEdit" style="display:flex">
              <el-input v-model="row.itemDescription" size="small" placeholder="请输入" @change="editChange(row)">
              </el-input>
            </span>
            <span v-else>{{ row.itemDescription }}</span>
          </template>
          <template slot="cname" slot-scope="{ row, index }">
            <span v-if="row.$cellEdit" style="display:flex">
              <el-select v-model="row.itemId" placeholder="请选择" size="small" style="width:60%"
                @change="cnameChange(row, index)">
                <el-option v-for="item in goodsoptions" :key="item.id" :label="item.cname" :value="item.id">
                </el-option>
              </el-select>
              <el-button icon="el-icon-search" size="small" @click="rePick(row, index)"></el-button>
            </span>
            <span v-else> {{ row.cname }}</span>
          </template>
          <template slot="partsDescribe" slot-scope="{ row, index }">
            <span v-if="row.$cellEdit" style="display:flex">
              <el-input v-model="row.partsDescribe" size="small" placeholder="请点击右边按钮" @change="editChange(row)">
              </el-input>
              <el-button icon="el-icon-edit" size="mini" @click="partrePick(row, index)"></el-button>
            </span>
            <span v-else>{{ row.partsDescribe }}</span>
          </template>
          <template slot="priorityReferrer" slot-scope="{ row }">
            <el-checkbox :disabled="!row.$cellEdit" v-model="row.priorityReferrer" :true-label="1" :false-label="0" />
          </template>
          <template slot="corpId" slot-scope="{ row }">
            <span>{{ row.corpName }}</span>
          </template>
          <template slot="purchaseCost" slot-scope="{ row }">
            <el-input v-if="row.$cellEdit" v-model="row.purchaseCost" size="small" placeholder="请输入"
              oninput="value=value.replace(/[^0-9.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"></el-input>
            <span v-else>{{ row.purchaseCost | micrometerFormat }}</span>
          </template>
          <template slot="purchaseAmount" slot-scope="{ row }">
            <el-input v-if="row.$cellEdit" v-model="row.purchaseAmount" size="small" placeholder="请输入"
              @change="purchaseAmountChange(row)"
              oninput="value=value.replace(/[^0-9.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"></el-input>
            <span v-else>{{ row.purchaseAmount | micrometerFormat }}</span>
          </template>
          <template slot="price" slot-scope="{ row }">
            <el-input v-if="row.$cellEdit" v-model="row.price" size="small"
              oninput="value=value.replace(/[^0-9.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
              @change="priceChange(row)"></el-input>
            <span v-else>{{ row.price | micrometerFormat }}</span>
          </template>
          <template slot="amount" slot-scope="{ row }">
            <span>{{ row.amount | micrometerFormat }}</span>
          </template>
          <template slot="orderQuantity" slot-scope="{ row }">
            <el-input v-if="row.$cellEdit" v-model="row.orderQuantity" size="small"
              oninput='this.value=this.value.replace(/[^(\d)]/g,"")' @change="priceChange(row)"></el-input>
            <span v-else>{{ row.orderQuantity | IntegerFormat }}</span>
          </template>
          <template slot="discount" slot-scope="{ row }">
            <el-input v-if="row.$cellEdit" v-model="row.discount" size="small"
              oninput="value=value.replace(/[^0-9.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
              @change="discountChange(row)"></el-input>
            <span v-else>{{ row.discount | isDiscount }}</span>
          </template>
          <template slot="insurance" slot-scope="{ row }">
            <el-input v-if="row.$cellEdit" v-model="row.insurance" size="small"
              oninput="value=value.replace(/[^0-9.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
              @change="priceChange(row)"></el-input>
            <span v-else>{{ row.insurance | micrometerFormat }}</span>
          </template>
          <template slot="freight" slot-scope="{ row }">
            <el-input v-if="row.$cellEdit" v-model="row.freight" size="small"
              oninput="value=value.replace(/[^0-9.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
              @change="priceChange(row)"></el-input>
            <span v-else>{{ row.freight | micrometerFormat }}</span>
          </template>
          <template slot="taxRate" slot-scope="{ row }">
            <el-input v-if="row.$cellEdit" v-model="row.taxRate" size="small"
              oninput="value=value.replace(/[^0-9.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
              @change="taxRateChange(row)"></el-input>
            <span v-else>{{ row.taxRate | isPercentage }}</span>
          </template>
          <template slot="itemMargin" slot-scope="{ row }">
            <span>{{ row.itemMargin | isPercentage }}</span>
          </template>
        </avue-crud>
      </trade-card> -->
      <fee-info ref="feeInfo" :tabShow="2"  :orderFeesList="orderFeesList" :disabled="detailData.status == 1"
        feeUrl="/blade-purchase-sales/orderfees/update" optionType="CK" itemType="报价" @beforeFinance="beforeFinance"
        :inCropId="true" />
      <containerTitle title="合同附件">

      </containerTitle>
      <c-upload typeUpload="CK" :data="orderFilesList" :disabled="detailData.status == 1" :enumerationValue="76"
        deleteUrl="/blade-purchase-sales/orderfiles/update" display/>
    </div>
    <el-dialog title="导入商品" append-to-body class="el-dialogDeep" :visible.sync="dialogVisible" width="80%"
      :close-on-click-modal="false" :destroy-on-close="true" :close-on-press-escape="false" @close="closeGoods"
      top="5vh" v-dialog-drag>
      <span>
        <el-row>
          <el-col :span="4">
            <div>
              <el-scrollbar>
                <basic-container>
                  <avue-tree :option="treeOption" @node-click="nodeClick" :style="treeStyle" />
                </basic-container>
              </el-scrollbar>
            </div>
          </el-col>
          <el-col :span="20">
            <avue-crud :option="goodsOption" :table-loading="loading" :data="goodsList" ref="goodsCrud"
              :search.sync="search" @search-change="searchChange" @refresh-change="refreshChange"
              @selection-change="selectionChange" @row-click="rowClick" :page.sync="page" @on-load="onLoad"
              @saveColumn="saveGoodsColumn" @resetColumn="resetGoodsColumn" :cell-style="cellStyle"></avue-crud>
          </el-col>
        </el-row>
      </span>

      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="importGoods" :disabled="selectionList.length == 0">导入</el-button>
      </span>
    </el-dialog>
    <report-dialog :switchDialog="switchDialog" :reportId="form.id" reportName="报价单明细(E)" @onClose="onClose()">
    </report-dialog>
    <part-dialog ref="part" :partList="partList" @importPart="importPart" @partClosed="partClosed" />
    <property-dialog ref="property" @importProperty="importProperty" />
    <price-library ref="library" @importLibray="importLibray" />
  </div>
</template>

<script>
import tableOption from "./config/customerContact.json";
import goodsOption from "./config/commodity.json";
import feeInfo from "@/components/fee-info/main";
import customerDialog from "@/components/customer-dialog/main";
import partDialog from "@/components/part-dialog/main";
import propertyDialog from "@/components/property-dialog/main";
import {
  detail,
  submit,
  delItem,
  getDeptLazyTree,
  getGoods,
  savePurchase,
  saveShipping,
  getPorts,
  getSpecification,
  saveSell,
  getPricedetail,
  getParities,
  getCode
} from "@/api/basicData/customerInquiry";
import { getAllBoxs } from "@/api/basicData/portinformation";
import { getCorpsattn } from "@/api/basicData/customerInformation";
import reportDialog from "@/components/report-dialog/main";
import priceLibrary from "@/components/price-Library/main";
import detailsSelect from "@/components/details-select/main";
import {
  isDiscount,
  isPercentage,
  micrometerFormat,
  IntegerFormat
} from "@/util/validate";
import { contrastObj, contrastList } from "@/util/contrastData";
import {dateFormat, NdayDate} from "@/util/date";
import {
  productCal,
  sellingCal,
  amountCal,
  transformCal,
  grossProfitCal,
  STGPCal,
  numCal,
  costsCal,
  costCal,
  sum,
  addPrice,
  multiply
} from "@/util/calculate";
import goodsInfo from "./components/goodsInfo.vue";
import _ from "lodash";
import { revokeWarehousing } from "../../../api/basicData/financing";
export default {
  name: "detailsPageEdit",
  data() {
    return {
      goodsEditForm: {},
      show: true,
      oldExchange: null,
      treeStyle: "height:" + (window.innerHeight - 315) + "px",
      itemtypeList: [],
      switchDialog: false,
      form: {
        orderStatus: "录入",
        ifShipping:"录入",
        cargoType: "普货",
        businesDate: dateFormat(new Date(), "yyyy-MM-dd") + " 00:00:00",
        currency: "USD",
          dateValidity:NdayDate(7), // 有效日期 当天+7天
          portOfLoad:'QINGDAO, CHINA', // 起运港
          dateClause:'30 DAYS', // 日期条款
          priceTerms:'FOB', // 价格条款
          paymentType:'预付50%，尾款发货前付清', // 收款方式
          boxPile: '20GP', // 箱型
          transport:'BY SEA', // 运输方式
          boxNumber:1, // 箱量
      },
      disabled: false,
      dialogVisible: false,
      tableOption: {},
      option: {
        menuBtn: false,
        labelWidth: 100,
        column: [
          {
            label: "客户名称",
            prop: "corpId",
            rules: [
              {
                required: true,
                message: "",
                trigger: "blur"
              }
            ],
            span: 10,
            slot: true,
          },
          {
            label: "公司主体",
            prop: "belongToCorpId",
            span: 6,
            offset: 2,
            rules: [
              {
                required: true,
                message: "",
                trigger: "blur"
              }
            ]
          },
          {
            label: "系统号",
            prop: "sysNo",
            span: 6,
            disabled: true
          },
          {
            label: "详情信息",
            prop: "clientMessage",
            type: "textarea",
            minRows: 2,
            span: 10
          },
          {
            label: "报价日期",
            prop: "businesDate",
            span: 6,
            offset: 2,
            rules: [
              {
                required: true,
                message: "",
                trigger: "blur"
              }
            ]
          },
          {
            label: "报价单号",
            prop: "orderNo",
            span: 6
          },
          {
            label: "联系人",
            prop: "corpAttn",
            span: 5
          },
          {
            label: "电话",
            prop: "corpTel",
            span: 5,
          },
          {
            label: "有效日期",
            prop: "dateValidity",
            span: 6,
            type: "date",
            format: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd 00:00:00",
            offset: 2,
            row: true,
            rules: [
              {
                required: true,
                message: "",
                trigger: "blur"
              }
            ]
          },
          {
            label: "起运港",
            prop: "portOfLoad",
            span: 6,
            type: "select",
            filterable: true,
            rules: [
              {
                required: true,
                message: "",
                trigger: "blur"
              }
            ],
            dicData: [],
            props: {
              label: "name",
              value: "name"
            }
          },
          {
            label: "目的港",
            prop: "portOfDestination",
            span: 6,
            type: "select",
            filterable: true,
            rules: [
              {
                required: true,
                message: "",
                trigger: "blur"
              }
            ],
            dicData: [],
            props: {
              label: "name",
              value: "name"
            }
          },
          {
            label: "运输方式",
            prop: "transport",
            span: 6,
            type: "select",
            dicUrl: "/api/blade-system/dict-biz/dictionary?code=mode_transport",
            props: {
              label: "dictValue",
              value: "dictValue"
            },
            rules: [
              {
                required: true,
                message: "",
                trigger: "blur"
              }
            ],
            row: true
          },
          {
            label: "日期条款",
            prop: "dateClause",
            span: 6,
            rules: [
              {
                required: true,
                message: "",
                trigger: "blur"
              }
            ]
          },
          {
            label: "日期说明",
            prop: "dateDesc",
            type: "textarea",
            minRows: 1,
            span: 12,
          },
          {
            label: "货物类型",
            prop: "cargoType",
            span: 6,
            type: "select",
            dicData: [],
            props: {
              label: "dictValue",
              value: "dictValue"
            },
            rules: [
              {
                required: true,
                message: "",
                trigger: "blur"
              }
            ]
          },
          {
            label: "价格条款",
            prop: "priceTerms",
            span: 6,
            rules: [
              {
                required: true,
                message: "",
                trigger: "blur"
              }
            ]
            // type: "select",
            // dicData:[],
            // props: {
            //   label: "dictValue",
            //   value: "dictValue"
            // }
          },
          {
            label: "条款说明",
            prop: "priceTermsDescription",
            type: "textarea",
            minRows: 1,
            span: 12,
          },
          {
            label: "订单状态",
            prop: "orderStatus",
            span: 6,
            type: "select",
            dicUrl: "/api/blade-system/dict-biz/dictionary?code=order_status",
            props: {
              label: "dictValue",
              value: "dictValue"
            }
          },

          {
            label: "收款方式",
            prop: "paymentType",
            span: 6,
            rules: [
              {
                required: true,
                message: "",
                trigger: "blur"
              }
            ]
            // type: "select",
            // dicUrl: "/api/blade-system/dict-biz/dictionary?code=payment_term",
            // props: {
            //   label: "dictValue",
            //   value: "dictValue"
            // }
          },
          {
            label: "收款说明",
            prop: "paymentTypeDescription",
            type: "textarea",
            minRows: 1,
            span: 12,
          },
          {
            label: "币别",
            prop: "currency",
            span: 6,
            rules: [
              {
                required: true,
                message: "",
                trigger: "blur"
              }
            ]
          },
          {
            label: "产品毛利",
            prop: "grossProfit",
            span: 8,
            disabled: true
          },
          {
            label: "产品利率",
            prop: "grossProfitRate",
            span: 8,
            append: "%",
            disabled: true
          },
          {
            label: "汇率",
            prop: "exchangeRate",
            span: 8,
            rules: [
              {
                required: true,
                message: "",
                trigger: "blur"
              }
            ]
          },
          {
            label: "箱型",
            prop: "boxPile",
            span: 6,
            rules: [
              {
                required: true,
                message: "",
                trigger: "blur"
              }
            ]
          },
          {
            label: "箱量",
            prop: "boxNumber",
            span: 6,
            rules: [
              {
                required: true,
                message: "",
                trigger: "blur"
              }
            ]
          },
          {
            label: "起订量",
            prop: "minOrder",
            span: 6
          },
          {
            label: "船务状态",
            prop: "ifShipping",
            disabled: true,
            span: 6
          },
          {
            label: "预计海运费",
            prop: "predictOceanFreight",
            span: 6
          },
          {
            label: "参考海运费",
            prop: "referenceOceanFreight",
            span: 6
          },
          {
            label: "实际海运费",
            prop: "oceanFreight",
            span: 6
          },
          {
            label: "单票毛利",
            prop: "singleTicketMargin",
            span: 6,
            disabled: true
          },
          {
            label: "备注",
            prop: "orderRemark",
            type: "textarea",
            minRows: 2,
            span: 8
          },
          {
            label: "采购备注",
            prop: "purchaseRemark",
            type: "textarea",
            minRows: 2,
            span: 8
          },
          {
            label: "船务备注",
            prop: "shippingRemark",
            type: "textarea",
            minRows: 2,
            span: 8
          }
        ]
      },
      goodsEditShow: false,
      goodsEditOption: {
        emptyBtn: false,
        submitBtn: false,
        labelWidth: 100,
        column: [
          {
            label: "英文名称",
            prop: "ename",
            type: "textarea",
            minRows: 2,
            span: 12,
          },
          {
            label: "产品属性",
            prop: "itemProp",
            type: "textarea",
            minRows: 2,
            span: 12,
          },
          {
            label: "产品描述",
            prop: "itemDescription",
            type: "textarea",
            minRows: 2,
            span: 12,
          },
          {
            label: "配件信息",
            prop: "partsDescribe",
            type: "textarea",
            minRows: 2,
            span: 12,
          },
          {
            label: "商品信息",
            prop: "productRemark",
            type: "textarea",
            minRows: 2,
            span: 24,
          }
        ]
      },
      treeOption: {
        nodeKey: "id",
        lazy: true,
        treeLoad: function (node, resolve) {
          const parentId = node.level === 0 ? 0 : node.data.id;
          getDeptLazyTree(parentId).then(res => {
            resolve(
              res.data.data.map(item => {
                return {
                  ...item,
                  leaf: !item.hasChildren
                };
              })
            );
          });
        },
        addBtn: false,
        menu: false,
        size: "small",
        props: {
          label: "title",
          value: "value",
          children: "children"
        }
      },
      page: {
        pageSize: 10,
        currentPage: 1,
        total: 0
      },
      goodsOption: {},
      data: [],
      goodsList: [],
      selectionList: [],
      treeDeptId: null,
      orderFeesList: [],
      orderFilesList: [],
      oldform: {
        orderStatus: "录入",
        ifShipping:"录入",
        cargoType: "普货",
        businesDate: dateFormat(new Date(), "yyyy-MM-dd") + " 00:00:00",
        currency: "USD"
      },
      olddata: [],
      oldorderFeesList: [],
      oldorderFilesList: [],
      reData: null,
      loading: false,
      subLoading: false,
      pageLoading: false,
      showBut: true,
      partList: [],
      goodsoptions: [],
      priceTermsList: [],
      paymentTermList: [],
      currencyList: [],
      corpsattns: [],
      allBoxs: [],
      search: {},
      dateClauseList: []
    };
  },
  props: {
    detailData: {
      type: Object
    }
  },
  components: {
    reportDialog,
    feeInfo,
    customerDialog,
    partDialog,
    priceLibrary,
    propertyDialog,
    detailsSelect,
    goodsInfo
  },
  async created() {
    if (this.detailData.id) {
      this.getDetail(this.detailData.id);
    }
    // form.portOfLoad
    this.tableOption = await this.getColumnData(
      this.getColumnName(1),
      tableOption
    );
    // console.log(JSON.stringify('(<el-button type="primary" icon="el-icon-circle-plus" circle size="small" onClick={() => this.$refs.crudBox.rowCellAdd()}></el-button>)'))
    this.goodsOption = await this.getColumnData(
      this.getColumnName(26),
      goodsOption
    );
    if (this.detailData.status == 1) {
      this.option.disabled = true;
      this.goodsEditOption.disabled = true;
    }
    if (localStorage.getItem("roleName") == "贸易") {
      this.findObject(this.option.column, "singleTicketMargin").display = false;
      this.findObject(this.tableOption.column, "purchaseCost").hide = true;
      this.findObject(this.tableOption.column, "purchaseCost").showColumn = false;
      this.findObject(this.tableOption.column, "partsCost").hide = true;
      this.findObject(this.tableOption.column, "partsCost").showColumn = false;
    }
    this.getWorkDicts("product_properties").then(res => {
      this.findObject(this.tableOption.column, "itemProp").dicData =
        res.data.data;
    });
    this.getWorkDicts("unit").then(res => {
      this.findObject(this.tableOption.column, "unit").dicData = res.data.data;
    });
    this.getWorkDicts("pricing_terms").then(res => {
      this.priceTermsList = res.data.data;
    });
    this.getWorkDicts("date_clause").then(res => {
      this.dateClauseList = res.data.data;
    });
    this.getWorkDicts("payment_term").then(res => {
      this.paymentTermList = res.data.data;
    });
    this.getWorkDicts("cargo_type").then(res => {
      this.findObject(this.option.column, "cargoType").dicData =
        res.data.data;
    });
    getCode().then(res => {
      this.currencyList = res.data.data;
    });
    if (!this.detailData.id) {
      this.getParities();
    }
    getPorts().then(res => {
      this.findObject(this.option.column, "portOfLoad").dicData = res.data;
      this.findObject(this.option.column, "portOfDestination").dicData =
        res.data;
    });
    getAllBoxs().then(res => {
      this.allBoxs = res.data.data;
    });
    // getGoods(1, 10).then(res => {
    //   if (res.data.data.total > 0) {
    //     this.goodsoptions = res.data.data.records;
    //     if (Math.ceil(res.data.data.total / 10) > 1) {
    //       for (let i = 2; i <= Math.ceil(res.data.data.total / 10); i++) {
    //         getGoods(i, 10).then(e => {
    //           this.goodsoptions = this.goodsoptions.concat(e.data.data.records);
    //         });
    //       }
    //     }
    //   }
    // });
  },
  filters: {
    isDiscount(val) {
      return isDiscount(val);
    },
    isPercentage(val) {
      return isPercentage(val);
    },
    micrometerFormat(val) {
      return micrometerFormat(val);
    },
    IntegerFormat(num) {
      return IntegerFormat(num);
    }
  },
  methods: {
    cellStyle() {
      return "padding:0;height:40px;";
    },
    formGoodstoFees(rows, type) {
      this.$refs.feeInfo.imporData(rows, type)
    },
    khEdit(staus) {
      if (staus == 'KH') {
        if (this.form.corpId) {
          this.$router.push({
            path: '/basicData/customerInformation/index', query: {
              corpId: this.form.corpId,
              corpName: this.form.corpName
            }
          })
        } else {
          this.$router.push({
            path: '/basicData/customerInformation/index',
          })
        }
      } else if (staus == 'GS') {
        if (this.form.corpId) {
          this.$router.push({
            path: '/basicData/customerManagement/companyMaterial/index', query: {
              corpId: this.form.corpId,
              corpName: this.form.corpName
            }
          })
        } else {
          this.$router.push({
            path: '/basicData/customerManagement/companyMaterial/index'
          })
        }
      } else if (staus == 'portOfLoad') {
        this.$router.push({
          path: '/basicData/portinformation/index'
        })
      } else if (staus == 'cname') {
        this.$router.push({
          path: '/basicData/commodityType/index'
        })
      }

    },
    copyDoc() {
      this.$emit("copyOrder", this.form.id);
    },
    getParities(status) {
      this.oldExchange = this.form.exchangeRate;
      getParities({
        currency: this.form.currency,
        businesDate: this.form.businesDate
      })
        .then(res => {
          const data = res.data.data;
          this.form.exchangeRate = data.receivableParities;
          this.oldform.exchangeRate = data.receivableParities;
        })
        .finally(() => {
          if (this.data.length > 0 && status == "currency") {
            this.data.forEach(e => {
              e.freight = transformCal(
                e.freight,
                this.oldExchange,
                this.form.exchangeRate
              );
              e.insurance = transformCal(
                e.insurance,
                this.oldExchange,
                this.form.exchangeRate
              );
              e.shareAmount = transformCal(e.shareAmount, this.oldExchange, this.form.exchangeRate);
              e.internationalAmount = transformCal(e.internationalAmount, this.oldExchange, this.form.exchangeRate);
              e.outFactoryPrice = sellingCal(e.productPrice, this.form.exchangeRate);
              e.price = addPrice(e.outFactoryPrice, e.shareAmount, e.internationalAmount);
              // e.price = sellingCal(e.productPrice, this.form.exchangeRate);
              e.amount = amountCal(
                e.price,
                e.orderQuantity,
                e.freight,
                e.insurance,
                e.discount
              );
              e.itemMargin = grossProfitCal(
                e.purchaseAmount,
                e.partsPrice,
                e.price,
                this.form.exchangeRate
              );
              e.exchangeRate = this.form.exchangeRate;
            });
          }
          // this.oldExchange = this.deepClone(this.form.businesDate);
        });
    },
    refreshChange() {
      this.onLoad(this.page);
    },
    businesDateChange() {
      if (this.form.currency && this.form.businesDate) {
        this.getParities();
      }
    },
    getCorpData(row) {
      console.log(row);
      this.form.corpAttn = null;
      this.form.corpTel = null;
      this.form.coefficient = row.coefficient;
      this.form.corpsName = row.cname;
      this.form.belongToCorpId = row.belongtocompany
      this.form.clientMessage = (row.cname ? row.cname : '') + '\r\n' + (row.addr ? row.addr : '')
      if (this.data.length > 0) {
        this.data.forEach(e => {
          e.productPrice = productCal(
            e.purchaseAmount,
            e.partsPrice,
            this.form.coefficient
          );
          e.price = sellingCal(e.productPrice, this.form.exchangeRate);
          e.amount = amountCal(
            e.price,
            e.orderQuantity,
            e.freight,
            e.insurance,
            e.discount
          );
          e.itemMargin = grossProfitCal(
            e.purchaseAmount,
            e.partsPrice,
            e.price,
            this.form.exchangeRate
          );
        });
      }
    },
    addRow() {
      this.data.push({ $cellEdit: true });
    },
    corpAttnChange() {
      this.corpsattns.forEach(e => {
        if (this.form.corpId == e.pid) {
          this.form.corpTel = e.tel;
        }
      });
    },
    dateClauseChange(row) {
      this.dateClauseList.forEach(e => {
        if (row == e.dictValue) {
          this.form.dateDesc = e.remark;
        }
      });
    },
    rowCorpData(row) {
      this.data[row.index].corpName = row.code;
    },
    priceTermsChange(row) {
      if (row == "FOB" || row == "EXW") {
        this.form.priceTermsDescription = this.form.portOfLoad;
      } else {
        this.form.priceTermsDescription = this.form.portOfDestination;
      }
    },
    paymentTypeChange(row) {
      this.paymentTermList.forEach(e => {
        if (row == e.dictValue) {
          this.form.paymentTypeDescription = e.remark;
        }
      });
    },
    addLibrary() {
      if (!this.form.corpId) {
        return this.$message.error("请选择客户名称");
      }
      if (!this.form.currency) {
        return this.$message.error("请选择币别");
      }
      this.$refs.library.init(false);
    },
    handleRowDBLClick(row) {
      if (row.$cellEdit) {
        return this.$message.error("请保存此行内容再操作");
      }
      this.goodsEditShow = true
      this.goodsEditForm = row
    },
    handleSave() {
      this.$set(this.data, this.goodsEditForm.$index, this.goodsEditForm)
      this.goodsEditShow = false
      this.goodsEditForm = this.$options.data().goodsEditForm
      this.editCustomer()
    },
    handleClose() {
      this.goodsEditShow = false
      this.goodsEditForm = this.$options.data().goodsEditForm
    },
    // cnameData() {
    //   this.goodsoptions = []
    //   getGoods(1, 10).then(res => {
    //     if (res.data.data.total > 0) {
    //       this.goodsoptions = res.data.data.records;
    //       if (Math.ceil(res.data.data.total / 10) > 1) {
    //         for (let i = 2; i <= Math.ceil(res.data.data.total / 10); i++) {
    //           getGoods(i, 10).then(e => {
    //             this.goodsoptions = this.goodsoptions.concat(e.data.data.records);
    //           });
    //         }
    //       }
    //     }
    //   });
    // },
    cnameChange(row) {
      this.goodsoptions.forEach(e => {
        if (e.id == row.itemId) {
          row.cname = e.cname;
          row.code = e.code;
          row.corpId = e.corpId;
          row.corpName = e.corpCode;
          row.priceCategory = e.goodsTypeName;
          row.itemUrl = e.url;
          row.itemDescription = e.cnameDescription;
          row.unit = e.unit;
          row.purchaseAmount = 0;
          row.productPrice = productCal(
            0,
            row.partsPrice,
            this.form.coefficient
          );
          row.price = sellingCal(
            productCal(0, row.partsPrice, this.form.coefficient),
            this.form.exchangeRate
          );
          row.amount = amountCal(
            sellingCal(
              productCal(0, row.partsPrice, this.form.coefficient),
              this.form.exchangeRate
            ),
            row.orderQuantity,
            row.freight,
            row.insurance,
            row.discount
          );
          row.itemMargin = grossProfitCal(
            0,
            row.partsPrice,
            sellingCal(
              productCal(0, row.partsPrice, this.form.coefficient),
              this.form.exchangeRate
            ),
            this.form.exchangeRate
          );
        }
      });
      getPricedetail({ itemId: row.itemId, corpId: row.corpId }).then(res => {
        if (res.data.data) {
          this.goodsoptions.forEach(e => {
            if (e.id == row.itemId) {
              row.purchaseAmount = res.data.data.purchaseAmount;
              row.productPrice = productCal(
                res.data.data.purchaseAmount,
                row.partsPrice,
                this.form.coefficient
              );
              row.price = sellingCal(
                productCal(
                  res.data.data.purchaseAmount,
                  row.partsPrice,
                  this.form.coefficient
                ),
                this.form.exchangeRate
              );
              row.amount = amountCal(
                sellingCal(
                  productCal(
                    res.data.data.purchaseAmount,
                    row.partsPrice,
                    this.form.coefficient
                  ),
                  this.form.exchangeRate
                ),
                row.orderQuantity,
                row.freight,
                row.insurance,
                row.discount
              );
              row.itemMargin = grossProfitCal(
                res.data.data.purchaseAmount,
                row.partsPrice,
                sellingCal(
                  productCal(
                    res.data.data.purchaseAmount,
                    row.partsPrice,
                    this.form.coefficient
                  ),
                  this.form.exchangeRate
                ),
                this.form.exchangeRate
              );
            }
          });
        }
      });
    },
    saveSell() {
      if (!this.form.id) {
        return this.$message.error("此单据没有提交记录，请先提交");
      }
      this.$confirm("是否生成销售单?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        saveSell(this.form.id).then(res => {
          if (res.data.code == 200) {
            this.$message.success("生成成功");
            this.getDetail(this.form.id);
          }
        });
      });
    },
    rePick(row, index) {
      this.reData = {
        ...row,
        index: index
      };
      this.newDetails();
    },
    partrePick(row, index) {
      this.partList = row.partsList;
      this.$refs.part.init(index);
    },
    importPart(rows, sum, index) {
      this.data[index].partsList = rows;
      this.data[index].partsPrice = sum;
      // 销售价=（配件采购价格+产品价格）/汇率 *（1+客户FOB系数/100）
      this.data[index].productPrice = productCal(
        this.data[index].purchaseAmount,
        this.data[index].partsPrice,
        this.form.coefficient
      );
      this.data[index].price = sellingCal(
        this.data[index].productPrice,
        this.form.exchangeRate
      );
      this.data[index].amount = amountCal(
        this.data[index].price,
        this.data[index].orderQuantity,
        this.data[index].freight,
        this.data[index].insurance,
        this.data[index].discount
      );
      this.data[index].itemMargin = grossProfitCal(
        this.data[index].purchaseAmount,
        this.data[index].partsPrice,
        this.data[index].price,
        this.form.exchangeRate
      );
      const names = [];
      const namePrices = [];
      let costsSum = 0;
      rows.map(e => {
        if (e.ename) {
          names.push(e.ename);
        }
        namePrices.push((e.goodName ? e.goodName : "") + ":" + e.amout);
        costsSum = costsCal(costsSum, e.partsCost, e.goodNumber);
      });
      this.data[index].partsDescribe = names.join(",");
      this.data[index].partsPriceDescribe = namePrices.join(";");
      this.data[index].partsCost = costsSum;
      this.data[index].productRemark = this.getproductRemark(this.data[index])
      this.priceChange(this.data[index]);
    },
    importProperty(row, index) {
      const arr = [];
      for (let key in row) {
        if (row[key]) {
          arr.push(row[key]);
        }
      }
      this.data[index].itemProp = arr.join(",");
      this.data[index].remarksOne = row.remarksOne;
      this.data[index].customTwo = row.customTwo;
      this.data[index].customThree = row.customThree;
      this.data[index].customFour = row.customFour;
      this.data[index].customFive = row.customFive;
      this.data[index].customSix = row.customSix;
      this.data[index].customSeven = row.customSeven;
      this.data[index].customEight = row.customEight;
      this.data[index].customNine = row.customNine;
      this.data[index].customTen = row.customTen;
      this.data[index].productRemark = this.getproductRemark(this.data[index])
    },
    partClosed() {
      this.partList = [];
    },
    rowCell(row, index) {
      if (this.goodsEditShow) {
        return this.$message.error('请关闭表格上面的编辑')
      }
      if (row.$cellEdit == true) {
        this.$set(row, "$cellEdit", false);
      } else {
        this.$set(row, "$cellEdit", true);
      }
    },
    itemTypeFocus(row) {
      this.itemtypeList = [];
      getSpecification({ goodId: row.itemId }).then(res => {
        const data = res.data.data;
        this.itemtypeList = data.map(item => ({ value: item }));
      });
    },
    purchaseAmountChange(row) {
      row.productPrice = productCal(
        row.purchaseAmount,
        row.partsPrice,
        this.form.coefficient
      );
      row.price = sellingCal(row.productPrice, this.form.exchangeRate);
      row.amount = amountCal(
        row.price,
        row.orderQuantity,
        row.freight,
        row.insurance,
        row.discount
      );
      row.itemMargin = grossProfitCal(
        row.purchaseAmount,
        row.partsPrice,
        row.price,
        this.form.exchangeRate
      );
    },
    priceChange(row) {
      row.amount = amountCal(
        row.price,
        row.orderQuantity,
        row.freight,
        row.insurance,
        row.discount
      );
      row.itemMargin = grossProfitCal(
        row.purchaseAmount,
        row.partsPrice,
        row.price,
        this.form.exchangeRate
      );
    },
    currencyChange() {
      if (this.form.currency && this.form.businesDate) {
        this.getParities("currency");
      }
    },
    exchangeRateChange(row) {
      if (this.data.length > 0) {
        this.data.forEach(e => {
          e.freight = transformCal(e.freight, this.oldExchange, row);
          e.insurance = transformCal(e.insurance, this.oldExchange, row);
          e.shareAmount = transformCal(e.shareAmount, this.oldExchange, row);
          e.outFactoryPrice = sellingCal(e.productPrice, row);
          e.internationalAmount = transformCal(e.internationalAmount, this.oldExchange, row);
          e.price = addPrice(e.outFactoryPrice, e.shareAmount, e.internationalAmount);
          e.amount = amountCal(
            e.price,
            e.orderQuantity,
            e.freight,
            e.insurance,
            e.discount
          );
          e.itemMargin = grossProfitCal(
            e.purchaseAmount,
            e.partsPrice,
            e.price,
            this.form.exchangeRate
          );
          e.exchangeRate = this.form.exchangeRate;
        });
      }

      this.oldExchange = this.deepClone(row);
    },
    discountChange(row) {
      if (row.discount >= 10) {
        row.discount = null;
        this.$message.error("请正确输入折扣");
      }
      this.priceChange(row);
    },
    taxRateChange(row) {
      if (row.taxRate > 100) {
        row.taxRate = 0;
        this.$message.error("请正确输入税率");
      }
    },
    saveShipping() {
      if (!this.form.id) {
        return this.$message.error("此单据没有提交记录，请先提交");
      }
      this.$confirm("是否生成船务询价单?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        saveShipping(this.form.id).then(res => {
          if (res.data.code == 200) {
            this.$message.success("生成成功");
          }
        });
      });
    },
    savePurchase() {
      if (!this.form.id) {
        return this.$message.error("此单据没有提交记录，请先提交");
      }
      this.$confirm("是否生成采购询价单?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        savePurchase(this.form.id).then(res => {
          if (res.data.code == 200) {
            this.$message.success("生成成功");
          }
        });
      });
    },
    rowSave(row) {
      this.$set(row, "$cellEdit", false);
    },
    rowDel(row) {
      this.$confirm("确定删除数据?", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        if (row.id) {
          delItem(row.id).then(res => {
            this.$message({
              type: "success",
              message: "删除成功!"
            });
            this.data.splice(row.$index, 1);
          });
        } else {
          this.$message({
            type: "success",
            message: "删除成功!"
          });
          this.data.splice(row.$index, 1);
        }
      });
    },
    importGoods() {
      if (this.reData) {
        if (this.selectionList.length != 1) {
          return this.$message.error("重新选择的时候只能选择一条数据");
        } else {
          this.selectionList.forEach(e => {
            this.data.forEach((item, index) => {
              if (index == this.reData.index) {
                item.itemId = e.id;
                item.code = e.code;
                item.cname = e.cname;
                item.ename = e.ename;
                item.corpId = e.corpId;
                item.corpName = e.corpCode;
                item.priceCategory = e.goodsTypeName;
                item.itemUrl = e.url;
                item.itemProp = this.reData.itemProp;
                item.remarksOne = this.reData.remarksOne;
                item.customTwo = this.reData.customTwo;
                item.customThree = this.reData.customThree;
                item.customFour = this.reData.customFour;
                item.customFive = this.reData.customFive;
                item.customSix = this.reData.customSix;
                item.customSeven = this.reData.customSeven;
                item.customEight = this.reData.customEight;
                item.customNine = this.reData.customNine;
                item.customTen = this.reData.customTen;
                item.item.partsList = this.reData.partsList;
                item.partsPrice = this.reData.partsPrice;
                item.itemDescription = e.cnameDescription;
                item.itemType = this.reData.itemType;
                item.tradeTerms = this.reData.tradeTerms;
                item.partsDescribe = this.reData.partsDescribe;
                item.attributeList = this.reData.attributeList;
                item.purchaseCost = 0;
                item.purchaseAmount = 0;
                item.productPrice = productCal(
                  0,
                  this.reData.partsPrice,
                  this.form.coefficient
                );
                item.price = sellingCal(
                  productCal(0, this.reData.partsPrice, this.form.coefficient),
                  this.form.exchangeRate
                );
                item.orderQuantity = this.reData.orderQuantity;
                item.insurance = this.reData.insurance;
                item.freight = this.reData.freight;
                item.discount = this.reData.discount;
                item.amount = amountCal(
                  sellingCal(
                    productCal(
                      0,
                      this.reData.partsPrice,
                      this.form.coefficient
                    ),
                    this.form.exchangeRate
                  ),
                  this.reData.orderQuantity,
                  this.reData.freight,
                  this.reData.insurance,
                  this.reData.discount
                );
                item.taxRate = this.reData.taxRate;
                item.itemMargin = grossProfitCal(
                  0,
                  this.reData.partsPrice,
                  sellingCal(
                    productCal(
                      0,
                      this.reData.partsPrice,
                      this.form.coefficient
                    ),
                    this.form.exchangeRate
                  ),
                  this.form.exchangeRate
                );
                item.unit = e.unit;
                item.remarks = this.reData.remarks;
                item.exchangeRate = this.reData.exchangeRate;
                item.productRemark = e.ename + "\n" + (this.reData.itemProp ? this.reData.itemProp : '') + " " + (this.reData.itemDescription ? this.reData.itemDescription : '') + " " + (this.reData.partsDescribe ? (", " + this.reData.partsDescribe) : ''),
                  item.$cellEdit = true;
              }
            });
          });
        }
      } else {
        this.selectionList.forEach(e => {
          this.data.push({
            itemId: e.id,
            code: e.code,
            cname: e.cname,
            ename: e.ename,
            corpId: e.corpId,
            corpName: e.corpCode,
            priceCategory: e.goodsTypeName,
            itemUrl: e.url,
            itemProp: null,
            remarksOne: null,
            customTwo: null,
            customThree: null,
            customFour: null,
            customFive: null,
            customSix: null,
            customSeven: null,
            customEight: null,
            customNine: null,
            customTen: null,
            itemDescription: e.cnameDescription,
            partsList: [],
            partsPrice: 0,
            itemType: null,
            tradeTerms: null,
            purchaseCost: 0,
            purchaseAmount: 0,
            price: 0,
            orderQuantity: 0,
            insurance: 0,
            freight: 0,
            discount: null,
            amount: 0,
            taxRate: 0,
            unit: e.unit,
            itemMargin: 0,
            remarks: null,
            exchangeRate: this.form.exchangeRate,
            partsDescribe: null,
            productRemark: e.ename,
            attributeList: this.getAttribute(e.goodsSpecificationList),
            $cellEdit: true
          });
          this.importPart(this.transition(e.priceBankList), this.partsSum(this.transition(e.priceBankList)), Number(this.data.length - 1))
        });
      }
      this.dialogVisible = false;
    },
    transition(rows) {
      let data = []
      rows.forEach(e => {
        data.push({
          goodId: e.itemId,
          goodTypeId: e.goodTypeId,
          goodTypeName: e.goodsTypeName,
          ename: e.ename,
          corpId: e.corpId,
          corpName: e.corpName,
          goodName: e.cname,
          price: e.purchaseAmount,
          goodNumber: 1,
          amout: e.purchaseAmount,
          partsCost: costCal(e.price, e.taxRate),
          $cellEdit: true
        })
      })
      return data
    },
    partsSum(rows) {
      let qtySum = 0;
      let amountSum = 0;
      let amoutSum = 0;
      rows.forEach(e => {
        qtySum = _.add(qtySum, Number(e.goodNumber));
        amountSum = _.add(amountSum, Number(e.amout));
        amoutSum = Number(amountSum).toFixed(2);
      });
      return amoutSum
    },
    getAttribute(rows) {
      let data = []
      rows.forEach(e => {
        data.push({
          attributeData: JSON.parse(e.attributeData),
          attributeName: e.attributeName,
          attributeNo: e.attributeNo,
        })
      })
      return JSON.stringify(data);
    },
    closeGoods() {
      this.selectionList = [];
      this.treeDeptId = "";
      this.reData = null;
    },
    selectionChange(list) {
      this.selectionList = list;
    },
    rowClick(row) {
      this.$refs.goodsCrud.toggleSelection([this.goodsList[row.$index]]);
    },
    nodeClick(data) {
      this.treeDeptId = data.id;
      this.page.currentPage = 1;
      this.onLoad(this.page);
    },
    searchChange(params, done) {
      this.search = this.deepClone(params);
      this.onLoad(this.page, params);
      done();
    },
    //费用查询
    onLoad(page, params = {}) {
      let obj = this.deepClone(Object.assign(params, this.search));
      this.loading = true;
      getGoods(page.currentPage, page.pageSize, this.treeDeptId, obj)
        .then(res => {
          const data = res.data.data;
          this.page.total = data.total;
          this.goodsList = data.records;
          if (this.page.total) {
            this.goodsOption.height = window.innerHeight - 350;
          }
        })
        .finally(() => {
          this.loading = false;
        });
    },
    importLibray(rows) {
      rows.forEach(e => {
        this.data.push({
          itemId: e.itemId,
          code: e.code,
          cname: e.cname,
          ename: e.ename,
          priceCategory: e.goodsTypeName,
          purchaseCost: costCal(e.price, e.taxRate),
          purchaseAmount: e.purchaseAmount,
          itemProp: null,
          remarksOne: null,
          customTwo: null,
          customThree: null,
          customFour: null,
          customFive: null,
          customSix: null,
          customSeven: null,
          customEight: null,
          customNine: null,
          customTen: null,
          corpId: e.corpId,
          corpName: e.corpCode,
          itemDescription: e.cnameDescription,
          partsList: [],
          partsPrice: 0,
          itemType: e.specs,
          tradeTerms: null,
          productPrice: productCal(e.purchaseAmount, 0, this.form.coefficient),
          price: sellingCal(
            productCal(e.purchaseAmount, 0, this.form.coefficient),
            this.form.exchangeRate
          ),
          orderQuantity: 1,
          insurance: 0,
          freight: 0,
          discount: null,
          amount: sellingCal(
            productCal(e.purchaseAmount, 0, this.form.coefficient),
            this.form.exchangeRate
          ),
          taxRate: 0,
          unit: e.unit,
          itemMargin: grossProfitCal(
            e.purchaseAmount,
            0,
            sellingCal(
              productCal(e.purchaseAmount, 0, this.form.coefficient),
              this.form.exchangeRate
            ),
            this.form.exchangeRate
          ),
          partsDescribe: null,
          remarks: null,
          exchangeRate: this.form.exchangeRate,
          productRemark: e.ename,
          $cellEdit: true
        });
      });
    },
    //商品明细导入
    newDetails() {
      if (!this.form.corpId) {
        return this.$message.error("请选择客户名称");
      }
      this.dialogVisible = !this.dialogVisible;
    },
    rowAdd() {
      if (!this.form.corpId) {
        return this.$message.error("请选择客户名称");
      }
      this.data.push({ $cellEdit: true });
    },
    getDetail(id) {
      this.loading = true;
      this.showBut = false;
      this.pageLoading = true;
      detail(id)
        .then(res => {
          if (this.detailData.status == "copy") {
            delete res.data.data.id;
            delete res.data.data.sysNo;
            delete res.data.data.orderNo;
            delete res.data.data.orgOrderNo;
            delete res.data.data.createTime;
            delete res.data.data.createUser;
            delete res.data.data.createUserName;
            delete res.data.data.updateTime;
            delete res.data.data.updateUser;
            delete res.data.data.updateUserName;
            delete res.data.data.morderNo;
            delete res.data.data.status;
            delete res.data.data.ifEnquiry;
            delete res.data.data.ifShipping;
            res.data.data.orderStatus = "录入";
            res.data.data.ifShipping = "录入";
            res.data.data.cargoType = "普货",
              res.data.data.orderItemsList.forEach(e => {
                delete e.id;
                delete e.pid;
                delete e.createTime;
                delete e.createUser;
                delete e.updateTime;
                delete e.updateUser;
                delete e.orgOrderNo;
                delete e.srcId;
                delete e.status;
                delete e.isDeleted;
              });
            res.data.data.orderFeesList.forEach(e => {
              delete e.id;
              delete e.pid;
              delete e.createTime;
              delete e.createUser;
              delete e.updateTime;
              delete e.updateUser;
              delete e.status;
              delete e.isDeleted;
            });
            res.data.data.orderFilesList.forEach(e => {
              delete e.id;
              delete e.pid;
              delete e.createTime;
              delete e.createUser;
              delete e.updateTime;
              delete e.updateUser;
              delete e.status;
              delete e.isDeleted;
            });
          }
          this.form = res.data.data;
          this.data = res.data.data.orderItemsList;
          this.orderFeesList = res.data.data.orderFeesList;
          this.orderFilesList = res.data.data.orderFilesList;
          this.oldform = res.data.data;
          this.olddata = this.deepClone(res.data.data.orderItemsList);
          this.oldorderFeesList = this.deepClone(res.data.data.orderFeesList);
          this.oldorderFilesList = this.deepClone(res.data.data.orderFilesList);
          this.oldExchange = this.deepClone(this.form.exchangeRate);
        })
        .finally(() => {
          this.loading = false;
          this.showBut = true;
          this.pageLoading = false;
        });
    },
    getproductRemark(row) {
      const ename = row.ename ? row.ename : "";
      const itemDescription = row.itemDescription
        ? row.itemDescription
        : "";
      const itemProp = row.itemProp ? row.itemProp : "";
      const partsDescribe = row.partsDescribe ? (', ' + row.partsDescribe) : "";
      const productRemark =
        ename +
        "\n" +
        itemProp +
        " " +
        itemDescription +
        " " +
        partsDescribe;
      return productRemark
    },
    formEditChange(row) {
      row.productRemark = this.getproductRemark(row)
    },
    editChange(row) {
      row.productRemark = this.getproductRemark(row)
    },
    //修改提交触发
    editCustomer(status) {
      this.$refs["form"].validate((valid, done) => {
        done();
        if (valid) {
          let orderFeesList = this.$refs.feeInfo.submitData();
          let amountSum = 0;
          let reSum = 0;
          let costSum = 0;
          let paySum = 0;
          if (this.data.length > 0) {
            for (let i = 0; i < this.data.length; i++) {
              if (this.data[i].corpId == null) {
                return this.$message.error(`请输入第${i + 1}行的供应商`);
              }
              amountSum = _.add(
                amountSum,
                _.multiply(
                  numCal(this.data[i].amount),
                  numCal(this.data[i].exchangeRate)
                )
              );
              costSum = _.add(
                costSum,
                _.multiply(
                  _.add(
                    numCal(this.data[i].purchaseAmount),
                    numCal(this.data[i].partsPrice)
                  ),
                  numCal(this.data[i].orderQuantity)
                )
              );
            }
          }
          for (let i = 0; i < orderFeesList.length; i++) {
            // if (orderFeesList[i].corpId == null) {
            //   return this.$message.error(`请输入第${i + 1}行的结算中心`);
            // }
            if (orderFeesList[i].price == 0) {
              return this.$message.error(`请正确输入第${i + 1}行的销售价`);
            }
            if (orderFeesList[i].orderQuantity == 0) {
              return this.$message.error(`请正确输入第${i + 1}行的数量`);
            }
            if (!orderFeesList[i].currency) {
              return this.$message.error(`请正确选择第${i + 1}行的币别`);
            }
            if (!orderFeesList[i].exchangeRate) {
              return this.$message.error(`请正确输入第${i + 1}行的汇率`);
            }
            if (orderFeesList[i].feesType == 1) {
              reSum = _.add(
                reSum,
                _.multiply(
                  numCal(orderFeesList[i].amount),
                  numCal(orderFeesList[i].exchangeRate)
                )
              );
            }
            if (orderFeesList[i].feesType == 2) {
              paySum = _.add(
                paySum,
                _.multiply(
                  numCal(orderFeesList[i].amount),
                  numCal(orderFeesList[i].exchangeRate)
                )
              );
            }
          }
          this.form.singleTicketMargin = STGPCal(
            amountSum,
            reSum,
            costSum,
            paySum
          );
          this.form.totalValue = 0
          this.data.forEach((e, index) => {
            e.sort = Number(index) + 1
            this.form.totalValue = sum(multiply(e.outFactoryPrice, e.orderQuantity), this.form.totalValue)
          })
          this.subLoading = true;

          submit({
            ...this.form,
            orderItemsList: this.data,
            orderFeesList: orderFeesList,
            orderFilesList: this.orderFilesList
          })
            .then(res => {
              if (res.data.code == 200) {
                this.$message.success("保存成功");
                this.form = res.data.data;
                this.data = res.data.data.orderItemsList;
                this.orderFeesList = res.data.data.orderFeesList;
                this.orderFilesList = res.data.data.orderFilesList;
                this.oldform = res.data.data;
                this.olddata = this.deepClone(res.data.data.orderItemsList);
                this.oldorderFeesList = this.deepClone(
                  res.data.data.orderFeesList
                );
                this.oldorderFilesList = this.deepClone(
                  res.data.data.orderFilesList
                );
                this.oldExchange = this.deepClone(this.form.exchangeRate);
                if (status == "goBack") {
                  if (this.form.id) {
                    this.unLock({
                      moduleName: "bj",
                      tableName: "business_order",
                      billId: this.form.id,
                      billNo: this.form.orgOrderNo
                    });
                  }
                  this.$emit("goBack");
                  this.leaveDetailsKey(this.$route.name);
                }
              }
            })
            .finally(() => {
              this.subLoading = false;
            });
        } else {
          return false;
        }
      });
    },
    detailsDate(obj) {
      this.form = obj;
      this.form.clientMessage =
        (this.form.client ? this.form.client + ";" : "") +
        (this.form.clientAttn ? this.form.clientAttn + ";" : "") +
        (this.form.clientAddress ? this.form.clientAddress + ";" : "");
    },
    refresh(){
      let orderFeesList = this.$refs.feeInfo.submitData();
      if (
          contrastObj(this.form, this.oldform) ||
          contrastList(this.data, this.olddata) ||
          contrastList(orderFeesList, this.oldorderFeesList) ||
          contrastList(this.orderFilesList, this.oldorderFilesList)
      ) {
        this.$confirm("数据发生变化未有保存记录, 是否保存?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(() => {
          this.editCustomer("submit");
        }).catch(() => {
          this.getDetail(this.form.id)
        });
      } else {
        if (!this.form.id){
          this.$message.error('请保存再刷新')
        }else {
          this.getDetail(this.form.id)
        }
      }
    },
    //返回列表
    backToList() {
      let orderFeesList = this.$refs.feeInfo.submitData();
      if (
        contrastObj(this.form, this.oldform) ||
        contrastList(this.data, this.olddata) ||
        contrastList(orderFeesList, this.oldorderFeesList) ||
        contrastList(this.orderFilesList, this.oldorderFilesList)
      ) {
        this.$confirm("数据发生变化未有提交记录, 是否提交?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => {
            this.editCustomer("goBack");
          })
          .catch(() => {
            if (this.form.id) {
              this.unLock({
                moduleName: "bj",
                tableName: "business_order",
                billId: this.form.id,
                billNo: this.form.orgOrderNo
              });
            }
            this.$emit("goBack");
            this.leaveDetailsKey(this.$route.name);
          });
      } else {
        if (this.form.id) {
          this.unLock({
            moduleName: "bj",
            tableName: "business_order",
            billId: this.form.id,
            billNo: this.form.orgOrderNo
          });
        }
        this.$emit("goBack");
        this.leaveDetailsKey(this.$route.name);
      }
    },
    openReport() {
      this.switchDialog = !this.switchDialog;
    },
    openProperty(row, index) {
      this.$refs.property.init(row, index);
    },
    onClose(val) {
      this.switchDialog = val;
    },
    summaryMethod({ columns, data }) {
      const sums = [];
      if (columns.length > 0) {
        columns.forEach((item, index) => {
          sums[0] = "合计";
          if (
            item.property == "orderQuantity" ||
            item.property == "amount" ||
            item.property == "insurance" ||
            item.property == "freight"
          ) {
            let qtySum = 0;
            let amountSum = 0;
            let insuranceSum = 0;
            let freightSum = 0;
            data.forEach(e => {
              qtySum = _.add(qtySum, Number(e.orderQuantity));
              amountSum = _.add(amountSum, Number(e.amount));
              insuranceSum = _.add(insuranceSum, Number(e.insurance));
              freightSum = _.add(freightSum, Number(e.freight));
            });
            //数量总计
            if (item.property == "orderQuantity") {
              sums[index] = qtySum ? qtySum.toFixed(2) : "0.00";
            }
            //金额总计
            if (item.property == "amount") {
              sums[index] = micrometerFormat(amountSum);
            }
            //保险总计
            if (item.property == "insurance") {
              sums[index] = micrometerFormat(insuranceSum);
            }
            //运费总计
            if (item.property == "freight") {
              sums[index] = micrometerFormat(freightSum);
            }
          }
        });
      }
      return sums;
    },
    //费用明细回调
    beforeFinance(feesData, callback) {
      this.advantageProjectData = feesData;
      let params = {};
      //暂时默认通过  之后优化
      params.valid = true;
      params.parentId = this.form.id;
      params.srcOrderno = this.form.orderNo;
      callback(params);
    },
    openEdit() {
      const data = {
        moduleName: "bj",
        tableName: "business_order",
        billId: this.form.id,
        no: localStorage.getItem("browserID"),
        billNo: this.form.orgOrderNo
      };
      this.inDetailsKey(this.$route.name, {
        moduleName: "bj",
        tableName: "business_order",
        billId: this.form.id,
        billNo: this.form.orgOrderNo
      });
      this.checkLock(data).then(res => {
        if (res.data.code == 200) {
          this.onLock(data).then(res => {
            if (res.data.code == 200) {
              this.detailData.status = 2;
              this.option = this.$options.data().option;
              this.goodsEditOption = this.$options.data().goodsEditOption;
              // this.$refs.crud.refreshTable();
              this.$refs.goodsInfo.refreshTable();
              this.getWorkDicts("cargo_type").then(res => {
                this.findObject(this.option.column, "cargoType").dicData =
                  res.data.data;
              });
            }
          });
        }
      });
    },
    async saveColumn() {
      const inSave = await this.saveColumnData(
        this.getColumnName(1),
        this.tableOption
      );
      if (inSave) {
        this.$nextTick(() => {
          this.$refs.crud.doLayout();
        });
        this.getWorkDicts("cargo_type").then(res => {
          this.findObject(this.tableOption.column, "cargoType").dicData =
            res.data.data;
        });
        this.$message.success("保存成功");
        //关闭窗口
        this.$refs.crud.$refs.dialogColumn.columnBox = false;
      }
    },
    async resetColumn() {
      this.tableOption = tableOption;
      const inSave = await this.delColumnData(
        this.getColumnName(1),
        tableOption
      );
      if (inSave) {
        this.$nextTick(() => {
          this.$refs.crud.doLayout();
        });
        this.$message.success("重置成功");
        //关闭窗口
        setTimeout(() => {
          this.$refs.crud.$refs.dialogColumn.columnBox = false;
        }, 1000);
      }
    },
    moveUp(row, index) {
      this.data[index] = this.data.splice(index - 1, 1, row)[0]
    },
    moveDown(row, index) {
      this.data[index] = this.data.splice(index + 1, 1, row)[0]
    },
    async saveGoodsColumn() {
      const inSave = await this.saveColumnData(
        this.getColumnName(26),
        this.goodsOption
      );
      if (inSave) {
        this.$nextTick(() => {
          this.$refs.goodsCrud.doLayout();
        });
        this.$message.success("保存成功");
        //关闭窗口
        this.$refs.goodsCrud.$refs.dialogColumn.columnBox = false;
      }
    },
    async resetGoodsColumn() {
      this.goodsOption = goodsOption;
      const inSave = await this.delColumnData(
        this.getColumnName(26),
        goodsOption
      );
      if (inSave) {
        this.$nextTick(() => {
          this.$refs.goodsCrud.doLayout();
        });
        this.$message.success("重置成功");
        //关闭窗口
        setTimeout(() => {
          this.$refs.goodsCrud.$refs.dialogColumn.columnBox = false;
        }, 1000);
      }
    }
  },
  watch: {
    "form.corpId": function (id) {
      if (id) {
        this.corpsattns = [];
        getCorpsattn({ pid: id }).then(res => {
          this.corpsattns = res.data.data.records;
        });
      }
    }
  }
};
</script>

<style lang="scss" scoped>
.trading-form ::v-deep .el-form-item {
  margin-bottom: 8px !important;
}

::v-deep .el-form-item__error {
  display: none !important;
}

::v-deep .select-component {
  display: flex !important;
}
</style>