tire-platform-ui/src/views/exportTrade/customerInquiry/components/goodsInfo.vue

<template>
    <trade-card title="商品信息">
        <avue-crud ref="crud" :data="data" :option="tableOption" @row-del="rowDel" :summary-method="summaryMethod"
            @saveColumn="saveColumn" @resetColumn="resetColumn" :cell-style="cellStyle" v-model="goodsForm"
            :before-close="beforeClose" @row-save="handleRowSave" @row-update="handleRowUpdate">
            <template slot="menuLeft">
                <el-row>
                    <!-- <el-button type="primary" icon="el-icon-plus" size="small" @click.stop="addGoods"
                        :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="primary" icon="el-icon-printer" size="small" @click.stop="openReport()">报表打印
                    </el-button>
                    <el-button type="warning" size="small" @click.stop="savePurchase"
                        :disabled="detailData.status == 1">
                        采购询价
                    </el-button>
                    <el-button type="warning" size="small" @click.stop="saveShipping"
                        :disabled="detailData.status == 1">
                        船务询价
                    </el-button>
                    <el-button type="warning" size="small" @click="cnameData">刷新基础资料</el-button>
                    <el-button type="success" size="small" @click="calculate(1)" :disabled="detailData.status == 1"
                        :loading="calculateLoading">分摊国内费用
                    </el-button>
                    <el-button type="success" size="small" @click="calculate(2)" :disabled="detailData.status == 1"
                        :loading="calculateLoading">分摊海运费到单价
                    </el-button>
                    <el-button type="success" size="small" @click="oceanUSD" :disabled="detailData.status == 1">海运费单列
                    </el-button>
                    <!-- <el-popover placement="top" width="160" v-model="visible">
                        <div style="text-align: center;">
                            <el-input-number v-model="priceAD" size="small" :controls="false"></el-input-number> %
                        </div>
                        <div style="text-align: right; margin: 0">
                            <el-button size="mini" type="text" @click="visible = false">取消</el-button>
                            <el-button size="mini" type="text" @click="submitPriceAD">确定</el-button>
                        </div>
                        <el-button type="success" size="small" slot="reference"
                            :disabled="detailData.status == 1">调整出厂价</el-button>
                    </el-popover> -->
                    <el-button type="success" size="small" @click="inPriceAD"
                        :disabled="detailData.status == 1">调整出厂价</el-button>
                </el-row>
            </template>
            <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="codeHeader" slot-scope="{column}">
                <span style="color: #409EFF;cursor: pointer" @click.stop="khEdit('cname')">{{ column.label }}</span>
            </template>
            <template slot="orderQuantity" slot-scope="{row}">
                {{ row.orderQuantity | decimalFormat2 }}
            </template>
            <template slot="amount" slot-scope="{row}">
                {{ row.amount | decimalFormat2 }}
            </template>
            <template slot="partsCost" slot-scope="{row}">
                {{ row.partsCost | decimalFormat2 }}
            </template>
            <template slot="partsPrice" slot-scope="{row}">
                {{ row.partsPrice | decimalFormat2 }}
            </template>
            <template slot="productPrice" slot-scope="{row}">
                {{ row.productPrice | decimalFormat2 }}
            </template>
            <template slot="outFactoryPrice" slot-scope="{row}">
                {{ row.outFactoryPrice }}
            </template>
            <template slot="shareAmount" slot-scope="{row}">
                {{ row.shareAmount | decimalFormat2 }}
            </template>
            <template slot="internationalAmount" slot-scope="{row}">
                {{ row.internationalAmount | decimalFormat2 }}
            </template>
            <template slot="price" slot-scope="{row}">
                {{ row.price | decimalFormat2 }}
            </template>
            <template slot="purchaseCost" slot-scope="{row}">
                {{ row.purchaseCost | decimalFormat2 }}
            </template>
            <template slot="purchaseAmount" slot-scope="{row}">
                {{ row.purchaseAmount | decimalFormat2 }}
            </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="cnameForm" slot-scope="{type,disabled}">
                <span style="display:flex">
                    <!-- <el-select v-model="goodsForm.itemId" placeholder="请选择" size="small" filterable
                        @change="cnameChange(goodsForm)">
                        <el-option v-for="item in goodsoptions" :key="item.itemId" :label="item.cname"
                            :value="item.itemId">
                        </el-option>
                    </el-select> -->
                    <dic-select v-model="goodsForm.cname" placeholder="产品名称" key="id" label="cname" res="records"
                        :url="'/blade-mocha-item/pricebank/pageListAllV1?billType=CG&statusTime=' + statusTime"
                        :filterable="true" :remote="true" dataName="cname"
                        @selectChange="cnameChange('cname', $event)"></dic-select>
                    <el-button icon="el-icon-search" size="small" @click="pickGoods"></el-button>
                </span>
            </template>
            //螺纹
            <template slot="remarksOneForm" slot-scope="{type,disabled}">
                <el-select v-model="goodsForm.remarksOne" placeholder="请选择" size="small" :disabled="disabled"
                    @change="propsChange(goodsForm)">
                    <el-option v-for="item in ThreadList" :key="item.id" :label="item.dictValue"
                        :value="item.dictValue">
                    </el-option>
                </el-select>
            </template>
            //介质
            <template slot="customTwoForm" slot-scope="{type,disabled}">
                <el-select v-model="goodsForm.customTwo" placeholder="请选择" size="small" :disabled="disabled"
                    @change="propsChange(goodsForm)">
                    <el-option v-for="item in mediumList" :key="item.id" :label="item.dictValue"
                        :value="item.dictValue">
                    </el-option>
                </el-select>
            </template>
            //颜色
            <template slot="customThreeForm" slot-scope="{type,disabled}">
                <el-select v-model="goodsForm.customThree" placeholder="请选择" size="small" :disabled="disabled"
                    @change="propsChange(goodsForm)">
                    <el-option v-for="item in colorList" :key="item.id" :label="item.dictValue" :value="item.dictValue">
                    </el-option>
                </el-select>
            </template>
            //电压
            <template slot="customFourForm" slot-scope="{type,disabled}">
                <el-select v-model="goodsForm.customFour" placeholder="请选择" size="small" :disabled="disabled"
                    @change="propsChange(goodsForm)">
                    <el-option v-for="item in stencilList" :key="item.id" :label="item.dictValue"
                        :value="item.dictValue">
                    </el-option>
                </el-select>
            </template>
            //产品属性
            <template slot="itemPropForm" slot-scope="{type,disabled}">
                <el-input type="textarea" :rows="2" v-model="goodsForm.itemProp" size="small" placeholder=""
                    @change="editChange(goodsForm)">
                </el-input>
            </template>
            //阀门配件
            <template slot="partsValveNameForm" slot-scope="{type,disabled}">
                <div style="display:flex;">
                    <el-input v-model="goodsForm.partsValveName" size="small" placeholder="" :disabled="disabled">
                        <template slot="append">{{ goodsForm.partsValveSalePrice ? goodsForm.partsValveSalePrice : 0
                            }}</template>
                    </el-input>
                    <el-button icon="el-icon-edit" size="mini" @click="openpart(0, goodsForm.partsValveValue)"
                        :disabled="disabled"></el-button>
                </div>
            </template>
            //瓶帽配件
            <template slot="partsCapNameForm" slot-scope="{type,disabled}">
                <div style="display:flex;">
                    <el-input v-model="goodsForm.partsCapName" size="small" placeholder="" :disabled="disabled">
                        <template slot="append">{{ goodsForm.partsCapSalePrice ? goodsForm.partsCapSalePrice : 0
                            }}</template>
                    </el-input>
                    <el-button icon="el-icon-edit" size="mini" @click="openpart(1, goodsForm.partsCapValue)"
                        :disabled="disabled"></el-button>
                </div>
            </template>
            //特殊处理
            <template slot="partsHandleNameForm" slot-scope="{type,disabled}">
                <div style="display:flex;">
                    <el-input v-model="goodsForm.partsHandleName" size="small" placeholder="" :disabled="disabled">
                        <template slot="append">{{ goodsForm.partsHandleSalePrice ? goodsForm.partsHandleSalePrice : 0
                            }}</template>
                    </el-input>
                    <el-button icon="el-icon-edit" size="mini" @click="openpart(2, goodsForm.partsHandleValue)"
                        :disabled="disabled"></el-button>
                </div>
            </template>
            //包装方式
            <template slot="partsColourNameForm" slot-scope="{type,disabled}">
                <div style="display:flex;">
                    <el-input v-model="goodsForm.partsColourName" size="small" placeholder="" :disabled="disabled">
                        <template slot="append">{{ goodsForm.partsColourSalePrice ? goodsForm.partsColourSalePrice : 0
                            }}</template>
                    </el-input>
                    <el-button icon="el-icon-edit" size="mini" @click="openpart(3, goodsForm.partsColourValue)"
                        :disabled="disabled"></el-button>
                </div>
            </template>
            //特殊颜色
            <template slot="partsModeNameForm" slot-scope="{type,disabled}">
                <div style="display:flex;">
                    <el-input v-model="goodsForm.partsModeName" size="small" placeholder="" :disabled="disabled">
                        <template slot="append">{{ goodsForm.partsModeSalePrice ? goodsForm.partsModeSalePrice : 0
                            }}</template>
                    </el-input>
                    <el-button icon="el-icon-edit" size="mini" @click="openpart(4, goodsForm.partsModeValue)"
                        :disabled="disabled"></el-button>
                </div>
            </template>
            //认证
            <template slot="partsAuthenticationNameForm" slot-scope="{type,disabled}">
                <div style="display:flex;">
                    <el-input v-model="goodsForm.partsAuthenticationName" size="small" placeholder=""
                        :disabled="disabled">
                        <template slot="append">{{ goodsForm.partsAuthenticationSalePrice ?
                            goodsForm.partsAuthenticationSalePrice : 0
                            }}</template>
                    </el-input>
                    <el-button icon="el-icon-edit" size="mini" @click="openpart(5, goodsForm.partsAuthenticationValue)"
                        :disabled="disabled">
                    </el-button>
                </div>
            </template>
            //其他
            <template slot="partsOtherNameForm" slot-scope="{type,disabled}">
                <div style="display:flex;">
                    <el-input v-model="goodsForm.partsOtherName" size="small" placeholder="" :disabled="disabled">
                        <template slot="append">{{ goodsForm.partsOtherSalePrice ? goodsForm.partsOtherSalePrice : 0
                            }}</template>
                    </el-input>
                    <el-button icon="el-icon-edit" size="mini" @click="openpart(6, goodsForm.partsOtherValue)"
                        :disabled="disabled"></el-button>
                </div>
            </template>
            //配件信息
            <template slot="partsDescribeForm" slot-scope="{type,disabled}">
                <el-input type="textarea" :rows="2" v-model="goodsForm.partsDescribe" size="small" placeholder=""
                    @change="editChange(goodsForm)">
                </el-input>
            </template>
            //英文名称
            <template slot="enameForm" slot-scope="{type,disabled}">
                <el-input type="textarea" :rows="2" v-model="goodsForm.ename" size="small" placeholder="请点击右边按钮"
                    @change="editChange(goodsForm)"></el-input>
            </template>
            //产品描述
            <template slot="itemDescriptionForm" slot-scope="{type,disabled}">
                <el-input type="textarea" :rows="2" v-model="goodsForm.itemDescription" size="small" placeholder="请输入"
                    @change="editChange(goodsForm)">
                </el-input>
            </template>
            //采购单价
            <template slot="purchaseAmountForm" slot-scope="{type,disabled}">
                <el-input v-model="goodsForm.purchaseAmount" size="small" placeholder="请输入"
                    @change="purchaseAmountChange(goodsForm)" :disabled="disabled"></el-input>
            </template>
            //出厂费用
            <template slot="outFactoryPriceForm" slot-scope="{type,disabled}">
                <el-input v-model="goodsForm.outFactoryPrice" size="small"
                    oninput="value=value.replace(/[^0-9.]/g,'').replace(/^(\-)*(\d+)\.(\d\d\d).*$/,'$1$2.$3')"
                    @change="priceChange(goodsForm)"></el-input>
            </template>
            //分摊金额
            <template slot="shareAmountForm" slot-scope="{type,disabled}">
                <el-input-number v-model="goodsForm.shareAmount" size="small" style="width:100%"
                    @change="priceChange(goodsForm)" :controls="false" :precision="10"></el-input-number>
            </template>
            //分摊金额
            <template slot="internationalAmountForm" slot-scope="{type,disabled}">
                <el-input-number v-model="goodsForm.internationalAmount" size="small" style="width:100%"
                    @change="priceChange(goodsForm)" :controls="false" :precision="10"></el-input-number>
            </template>
            //单价
            <template slot="priceForm" slot-scope="{type,disabled}">
                <el-input v-model="goodsForm.price" size="small"
                    oninput="value=value.replace(/[^0-9.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
                    @change="priceChange(goodsForm)"></el-input>
            </template>
            //数量
            <template slot="orderQuantityForm" slot-scope="{type,disabled}">
                <el-input v-model="goodsForm.orderQuantity" size="small"
                    oninput='this.value=this.value.replace(/[^\d.]/g,"")' @change="priceChange(goodsForm)">
                </el-input>
            </template>
            //折扣
            <template slot="discountForm" slot-scope="{type,disabled}">
                <el-input v-model="goodsForm.discount" size="small"
                    oninput="value=value.replace(/[^0-9.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
                    @change="discountChange(goodsForm)"></el-input>
            </template>
            //税率
            <template slot="taxRateForm" slot-scope="{type,disabled}">
                <el-input v-model="goodsForm.taxRate" size="small"
                    oninput="value=value.replace(/[^0-9.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
                    @change="taxRateChange(goodsForm)"></el-input>
            </template>
            //产品型号
            <template slot="itemTypeForm" slot-scope="{type,disabled}">
                <el-input v-model="goodsForm.itemType" placeholder="请输入内容"></el-input>
                <!--                <el-select v-model="goodsForm.itemType" filterable allow-create default-first-option placeholder="请输入"-->
                <!--                    size="small" @focus="itemTypeFocus(goodsForm)">-->
                <!--                    <el-option v-for="(item, index) in itemtypeList" :key="index" :label="item.value"-->
                <!--                        :value="item.value">-->
                <!--                    </el-option>-->
                <!--                </el-select>-->
            </template>
        </avue-crud>
        <!-- <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 !=1">导入</el-button>
            </span>
        </el-dialog> -->
        <report-dialog :switchDialog="switchDialog" :reportId="form.id" reportName="报价单明细(E)" @onClose="onClose()">
        </report-dialog>
        <part-library ref="partLibrary" @importPart="importPart"></part-library>
        <price-library ref="library" @importLibray="importLibray" />
    </trade-card>
</template>

<script>
import goodsOption from "../config/commodity.json";
import tableOption from "../config/customerContact.json";
import reportDialog from "@/components/report-dialog/main";
import partLibrary from "@/components/part-library/main";
import priceLibrary from "@/components/price-Library/main";
import propertyDialog from "@/components/property-dialog/main";
import dicSelect from "@/components/dicSelect/main";
import { dateFormat } from "@/util/date";
import {
    delItem,
    getDeptLazyTree,
    getGoods,
    savePurchase,
    saveShipping,
    getSpecification,
    getPricebank,
    calculationDomesticFees, getPricebankAll
} from "@/api/basicData/customerInquiry";
import {
    sum,
    multiply,
    partSum,
    productCal,
    sellingCal,
    amountCal,
    grossProfitCal,
    goodsGrossProfitCal,
    costCal,
    addPrice,
    divide,
    priceaAjustment
} from "@/util/calculate";
import { micrometerFormat2, decimalFormat2 } from "@/util/validate";
import _ from "lodash";
export default {
    name: "customerInformation",
    data() {
        return {
            statusTime: dateFormat(new Date(), "yyyy-MM-dd"),
            priceAD: 0,
            visible: false,
            calculateLoading: false,
            switchDialog: false,
            loading: false,
            itemtypeList: [],
            goodsForm: {},
            tableOption: {},
            goodsoptions: [],
            partList: [],
            ThreadList: [],
            mediumList: [],
            colorList: [],
            stencilList: [],
            selectionList: [],
            dialogVisible: false,
            treeDeptId: null,
            treeStyle: "height:" + (window.innerHeight - 315) + "px",
            goodsOption: {},
            goodsList: [],
            page: {
                pageSize: 10,
                currentPage: 1,
                total: 0
            },
            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"
                }
            },
        };
    },
    props: {
        data: {
            type: Array
        },
        detailData: {
            type: Object
        },
        form: {
            type: Object
        },
        orderFeesList: {
            type: Array
        }
    },
    components: {
        partLibrary,
        propertyDialog,
        priceLibrary,
        reportDialog,
        dicSelect
    },
    filters: {
        decimalFormat2(num) {
            return decimalFormat2(num);
        }
    },
    async created() {
        this.tableOption = await this.getColumnData(
            this.getColumnName(1),
            tableOption
        );
        this.goodsOption = await this.getColumnData(
            this.getColumnName(26),
            goodsOption
        );
        if (localStorage.getItem("roleName").indexOf('贸易') == -1 && localStorage.getItem("roleName").indexOf('运营') == -1) {
            this.findObject(this.tableOption.column, "purchaseCost").hide = false;
            this.findObject(this.tableOption.column, "purchaseCost").showColumn = true;
            this.findObject(this.tableOption.column, "partsPrice").hide = false;
            this.findObject(this.tableOption.column, "partsPrice").showColumn = true;
            this.findObject(this.tableOption.column, "partsCost").hide = false;
            this.findObject(this.tableOption.column, "partsCost").showColumn = true;
            this.findObject(this.tableOption.column, "purchaseAmount").hide = false;
            this.findObject(this.tableOption.column, "purchaseAmount").showColumn = true;
            this.findObject(this.tableOption.column, "corpName").hide = false;
            this.findObject(this.tableOption.column, "corpName").showColumn = true;
            this.findObject(this.tableOption.column, "productPrice").hide = false;
            this.findObject(this.tableOption.column, "productPrice").showColumn = true;
            this.findObject(this.tableOption.column, "productPrice").display = true;
        }
        this.getWorkDicts("Thread").then(res => {
            this.ThreadList = res.data.data;
        });
        this.getWorkDicts("medium").then(res => {
            this.mediumList = res.data.data;
        });
        this.getWorkDicts("property_color").then(res => {
            this.colorList = res.data.data;
        });
        this.getWorkDicts("stencil").then(res => {
            this.stencilList = res.data.data;
        });
        this.getWorkDicts("unit").then(res => {
            this.findObject(this.tableOption.column, "unit").dicData = res.data.data;
        });
        getPricebankAll({ billType: "CG", statusTime: dateFormat(new Date(), "yyyy-MM-dd") }).then(res => {
            this.goodsoptions = res.data.data
        })
        // getPricebank(1, 10, { billType: "CG", statusTime: dateFormat(new Date(), "yyyy-MM-dd") }).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++) {
        //         getPricebank(i, 10, { billType: "CG", statusTime: dateFormat(new Date(), "yyyy-MM-dd") }).then(e => {
        //           this.goodsoptions = this.goodsoptions.concat(e.data.data.records);
        //         });
        //       }
        //     }
        //   }
        // });
    },
    methods: {
        cellStyle() {
            return "padding:0;height:40px;";
        },
        pickGoods() {
            // this.dialogVisible = !this.dialogVisible;
            this.$refs.library.search = {}
            this.$refs.library.init(false);
        },
        nodeClick(data) {
            this.treeDeptId = data.id;
            this.page.currentPage = 1;
            this.onLoad(this.page);
        },
        //费用查询
        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;
                });
        },
        rowClick(row) {
            this.$refs.goodsCrud.toggleSelection([this.goodsList[row.$index]]);
        },
        // importGoods() {
        //     this.upDataOption()
        //     this.selectionList.forEach(e => {
        //         this.goodsForm.itemId = e.id;
        //         this.goodsForm.ename = e.ename;
        //         this.goodsForm.code = e.code;
        //         this.goodsForm.cname = e.cname;
        //         this.goodsForm.corpId = e.corpId;
        //         this.goodsForm.corpName = e.corpCode;
        //         this.goodsForm.priceCategory = e.goodsTypeName;
        //         this.goodsForm.itemUrl = e.url;
        //         this.goodsForm.itemProp = null;
        //         this.goodsForm.remarksOne = null;
        //         this.goodsForm.customTwo = null;
        //         this.goodsForm.customThree = null;
        //         this.goodsForm.customFour = null;
        //         this.goodsForm.customFive = null;
        //         this.goodsForm.customSix = null;
        //         this.goodsForm.customSeven = null;
        //         this.goodsForm.customEight = null;
        //         this.goodsForm.customNine = null;
        //         this.goodsForm.customTen = null;
        //         this.goodsForm.itemDescription = e.cnameDescription;
        //         this.goodsForm.partsList = [];
        //         this.goodsForm.partsPrice = 0;
        //         this.goodsForm.itemType = null;
        //         this.goodsForm.tradeTerms = null;
        //         this.goodsForm.purchaseCost = 0;
        //         this.goodsForm.purchaseAmount = 0;
        //         this.goodsForm.price = 0;
        //         this.goodsForm.orderQuantity = 0;
        //         this.goodsForm.insurance = 0;
        //         this.goodsForm.freight = 0;
        //         this.goodsForm.discount = null;
        //         this.goodsForm.amount = 0;
        //         this.goodsForm.taxRate = 0;
        //         this.goodsForm.unit = e.unit;
        //         this.goodsForm.itemMargin = 0;
        //         this.goodsForm.remarks = null;
        //         this.goodsForm.exchangeRate = this.form.exchangeRate;
        //         this.goodsForm.partsDescribe = null;
        //         this.goodsForm.productRemark = e.ename;
        //         this.goodsForm.attributeList = this.getAttribute(e.goodsSpecificationList);
        //     })
        //     this.dialogVisible = false
        // },
        closeGoods() {
            this.selectionList = [];
            this.treeDeptId = "";
        },
        selectionChange(list) {
            this.selectionList = list;
        },
        refreshTable() {
            this.$refs.crud.refreshTable();
        },
        openpart(val, list) {
            this.$refs.partLibrary.init(val, list)
        },
        addRow() {
            if (!this.form.corpId) {
                return this.$message.error("请选择客户名称");
            }
            this.$refs.crud.rowAdd()
        },
        cnameChange(name,row) {
            this.upDataOption()
            this.goodsForm.itemId = row.itemId;
            this.goodsForm.code = row.code;
            this.goodsForm.cname = row.cname;
            this.goodsForm.ename = row.ename;
            this.goodsForm.priceCategory = row.goodsTypeName;
            this.goodsForm.purchaseCost = costCal(row.price, row.taxRate);
            this.goodsForm.purchaseAmount = row.purchaseAmount;
            this.goodsForm.itemProp = null;
            this.goodsForm.remarksOne = null;
            this.goodsForm.customTwo = null;
            this.goodsForm.customThree = null;
            this.goodsForm.customFour = null;
            this.goodsForm.customFive = null;
            this.goodsForm.customSix = null;
            this.goodsForm.customSeven = null;
            this.goodsForm.customEight = null;
            this.goodsForm.customNine = null;
            this.goodsForm.customTen = null;
            this.goodsForm.partsValveName = null;
            this.goodsForm.partsValveValue = null;
            this.goodsForm.partsValveCostPrice = 0;
            this.goodsForm.partsValveSalePrice = 0;
            this.goodsForm.partsCapName = null;
            this.goodsForm.partsCapValue = null;
            this.goodsForm.partsCapCostPrice = 0;
            this.goodsForm.partsCapSalePrice = 0;
            this.goodsForm.partsHandleName = null;
            this.goodsForm.partsHandleValue = null;
            this.goodsForm.partsHandleCostPrice = 0;
            this.goodsForm.partsHandleSalePrice = 0;
            this.goodsForm.partsColourName = null;
            this.goodsForm.partsColourValue = null;
            this.goodsForm.partsColourCostPrice = 0;
            this.goodsForm.partsColourSalePrice = 0;
            this.goodsForm.partsModeName = null;
            this.goodsForm.partsModeValue = null;
            this.goodsForm.partsModeCostPrice = 0;
            this.goodsForm.partsModeSalePrice = 0;
            this.goodsForm.partsAuthenticationName = null;
            this.goodsForm.partsAuthenticationValue = null;
            this.goodsForm.partsAuthenticationCostPrice = 0;
            this.goodsForm.partsAuthenticationSalePrice = 0;
            this.goodsForm.partsOtherName = null;
            this.goodsForm.partsOtherValue = null;
            this.goodsForm.partsOtherCostPrice = 0;
            this.goodsForm.partsOtherSalePrice = 0;
            this.goodsForm.partsCost = 0;
            this.goodsForm.corpId = row.corpId;
            this.goodsForm.corpName = row.corpCode;
            this.goodsForm.itemDescription = row.cnameDescription;
            this.goodsForm.partsPrice = 0;
            this.goodsForm.itemType = row.specs;
            this.goodsForm.tradeTerms = null;
            this.goodsForm.productPrice = productCal(row.purchaseAmount, 0, this.form.coefficient);
            this.goodsForm.outFactoryPrice = sellingCal(productCal(row.purchaseAmount, 0, this.form.coefficient), this.form.exchangeRate, 3);
            this.goodsForm.shareAmount = 0;
            this.goodsForm.internationalAmount = 0;
            this.goodsForm.orderQuantity = 1;
            this.goodsForm.insurance = 0;
            this.goodsForm.freight = 0;
            this.goodsForm.discount = null;
            this.goodsForm.price = sellingCal(productCal(row.purchaseAmount, 0, this.form.coefficient), this.form.exchangeRate);
            this.goodsForm.amount = sellingCal(productCal(row.purchaseAmount, 0, this.form.coefficient), this.form.exchangeRate);
            this.goodsForm.taxRate = 0;
            this.goodsForm.unit = row.unit;
            this.goodsForm.itemMargin = grossProfitCal(row.purchaseAmount, 0, sellingCal(productCal(row.purchaseAmount, 0, this.form.coefficient), this.form.exchangeRate), this.form.exchangeRate);
            this.goodsForm.goodsGrossProfit = goodsGrossProfitCal(row.purchaseAmount, 0, sellingCal(productCal(row.purchaseAmount, 0, this.form.coefficient), this.form.exchangeRate), this.form.exchangeRate);
            this.goodsForm.partsDescribe = null;
            this.goodsForm.remarks = null;
            this.goodsForm.exchangeRate = this.form.exchangeRate;
            this.goodsForm.productRemark = row.ename;
            this.goodsForm.attributeList = this.getAttribute(row.goodsSpecificationList);
            this.goodsForm.referrerReason = row.referrerReason
            // for (let e of this.goodsoptions) {
            //     if (e.itemId == row.itemId) {
            //         row.itemId = e.itemId;
            //         row.code = e.code;
            //         row.cname = e.cname;
            //         row.ename = e.ename;
            //         row.priceCategory = e.goodsTypeName;
            //         row.purchaseCost = costCal(e.price, e.taxRate);
            //         row.purchaseAmount = e.purchaseAmount;
            //         row.itemProp = null;
            //         row.remarksOne = null;
            //         row.customTwo = null;
            //         row.customThree = null;
            //         row.customFour = null;
            //         row.customFive = null;
            //         row.customSix = null;
            //         row.customSeven = null;
            //         row.customEight = null;
            //         row.customNine = null;
            //         row.customTen = null;
            //         row.partsValveName = null;
            //         row.partsValveValue = null;
            //         row.partsValveCostPrice = 0;
            //         row.partsValveSalePrice = 0;
            //         row.partsCapName = null;
            //         row.partsCapValue = null;
            //         row.partsCapCostPrice = 0;
            //         row.partsCapSalePrice = 0;
            //         row.partsHandleName = null;
            //         row.partsHandleValue = null;
            //         row.partsHandleCostPrice = 0;
            //         row.partsHandleSalePrice = 0;
            //         row.partsColourName = null;
            //         row.partsColourValue = null;
            //         row.partsColourCostPrice = 0;
            //         row.partsColourSalePrice = 0;
            //         row.partsModeName = null;
            //         row.partsModeValue = null;
            //         row.partsModeCostPrice = 0;
            //         row.partsModeSalePrice = 0;
            //         row.partsAuthenticationName = null;
            //         row.partsAuthenticationValue = null;
            //         row.partsAuthenticationCostPrice = 0;
            //         row.partsAuthenticationSalePrice = 0;
            //         row.partsOtherName = null;
            //         row.partsOtherValue = null;
            //         row.partsOtherCostPrice = 0;
            //         row.partsOtherSalePrice = 0;
            //         row.partsCost = 0;
            //         row.corpId = e.corpId;
            //         row.corpName = e.corpCode;
            //         row.itemDescription = e.cnameDescription;
            //         row.partsPrice = 0;
            //         row.itemType = e.specs;
            //         row.tradeTerms = null;
            //         row.productPrice = productCal(e.purchaseAmount, 0, this.form.coefficient);
            //         row.outFactoryPrice = sellingCal(productCal(e.purchaseAmount, 0, this.form.coefficient), this.form.exchangeRate, 3);
            //         row.shareAmount = 0;
            //         row.internationalAmount = 0;
            //         row.orderQuantity = 1;
            //         row.insurance = 0;
            //         row.freight = 0;
            //         row.discount = null;
            //         row.price = sellingCal(productCal(e.purchaseAmount, 0, this.form.coefficient), this.form.exchangeRate);
            //         row.amount = sellingCal(productCal(e.purchaseAmount, 0, this.form.coefficient), this.form.exchangeRate);
            //         row.taxRate = 0;
            //         row.unit = e.unit;
            //         row.itemMargin = grossProfitCal(e.purchaseAmount, 0, sellingCal(productCal(e.purchaseAmount, 0, this.form.coefficient), this.form.exchangeRate), this.form.exchangeRate);
            //         row.goodsGrossProfit = goodsGrossProfitCal(e.purchaseAmount, 0, sellingCal(productCal(e.purchaseAmount, 0, this.form.coefficient), this.form.exchangeRate), this.form.exchangeRate);
            //         row.partsDescribe = null;
            //         row.remarks = null;
            //         row.exchangeRate = this.form.exchangeRate;
            //         row.productRemark = e.ename;
            //         row.attributeList = this.getAttribute(e.goodsSpecificationList);
            //         row.referrerReason = e.referrerReason
            //     }
            // }
        },
        importLibray(rows) {
            this.upDataOption()
            rows.forEach(e => {
                this.goodsForm = {
                    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,
                    partsValveName: null,
                    partsValveValue: null,
                    partsValveCostPrice: 0,
                    partsValveSalePrice: 0,
                    partsCapName: null,
                    partsCapValue: null,
                    partsCapCostPrice: 0,
                    partsCapSalePrice: 0,
                    partsHandleName: null,
                    partsHandleValue: null,
                    partsHandleCostPrice: 0,
                    partsHandleSalePrice: 0,
                    partsColourName: null,
                    partsColourValue: null,
                    partsColourCostPrice: 0,
                    partsColourSalePrice: 0,
                    partsModeName: null,
                    partsModeValue: null,
                    partsModeCostPrice: 0,
                    partsModeSalePrice: 0,
                    partsAuthenticationName: null,
                    partsAuthenticationValue: null,
                    partsAuthenticationCostPrice: 0,
                    partsAuthenticationSalePrice: 0,
                    partsOtherName: null,
                    partsOtherValue: null,
                    partsOtherCostPrice: 0,
                    partsOtherSalePrice: 0,
                    corpId: e.corpId,
                    corpName: e.corpCode,
                    itemDescription: e.cnameDescription,
                    partsPrice: 0,
                    partsCost: 0,
                    itemType: e.specs,
                    tradeTerms: null,
                    productPrice: productCal(e.purchaseAmount, 0, this.form.coefficient),
                    outFactoryPrice: sellingCal(
                        productCal(e.purchaseAmount, 0, this.form.coefficient),
                        this.form.exchangeRate, 3
                    ),
                    shareAmount: 0,
                    internationalAmount: 0,
                    orderQuantity: 1,
                    insurance: 0,
                    freight: 0,
                    discount: null,
                    price: sellingCal(
                        productCal(e.purchaseAmount, 0, this.form.coefficient),
                        this.form.exchangeRate
                    ),
                    amount: sellingCal(
                        productCal(e.purchaseAmount, 0, this.form.coefficient),
                        this.form.exchangeRate
                    ),
                    taxRate: 0,
                    unit: 'PCS',
                    itemMargin: grossProfitCal(
                        e.purchaseAmount,
                        0,
                        sellingCal(
                            productCal(e.purchaseAmount, 0, this.form.coefficient),
                            this.form.exchangeRate
                        ),
                        this.form.exchangeRate
                    ),
                    goodsGrossProfit: goodsGrossProfitCal(
                        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,
                    attributeList: this.getAttribute(e.goodsSpecificationList),
                    referrerReason: e.referrerReason
                }
            });
            this.$refs.crud.rowAdd()
        },
        openProperty(row) {
            this.$refs.property.init(row);
        },
        addLibrary() {
            if (!this.form.corpId) {
                return this.$message.error("请选择客户名称");
            }
            if (!this.form.currency) {
                return this.$message.error("请选择币别");
            }
            this.$refs.library.init(false);
        },
        openReport() {
            this.switchDialog = !this.switchDialog;
        },
        onClose(val) {
            this.switchDialog = val;
        },
        savePurchase() {
            if (!this.form.id) {
                return this.$message.error("此单据没有提交记录，请先提交");
            }
            if (!this.form.buyerId) {
                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("生成成功");
                    }
                });
            });
        },
        saveShipping() {
            if (!this.form.id) {
                return this.$message.error("此单据没有提交记录，请先提交");
            }
            if (!this.form.documenterId) {
                return this.$message.error("船务员必填");
            }
            this.$confirm("是否生成船务询价单?", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            }).then(() => {
                let obj = {}
                obj = {
                    id: this.form.id,
                    srcBillType: 'BJ'
                }
                saveShipping(obj).then(res => {
                    if (res.data.code == 200) {
                        this.$message.success("生成成功");
                        this.$emit('retrieve')
                    }
                });
            });
        },
        cnameData() {
            this.goodsoptions = []
            getPricebankAll({ billType: "CG", statusTime: dateFormat(new Date(), "yyyy-MM-dd") }).then(res => {
                this.goodsoptions = 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);
            //                 });
            //             }
            //         }
            //     }
            // });
        },
        oceanUSD() {
            this.$confirm('是否将应付的海运费(USD)复制到应收?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                this.$emit('oceanUSD')
            })
        },
        calculate(val) {
            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)
            })
            if (val == 1) {
                let numSum = 0
                this.orderFeesList.forEach(e => {
                    if (e.feesType == 2 && e.currency == "CNY") {
                        numSum = sum(numSum, e.amount)
                    }
                })
                let num = 0;
                num = divide(divide(numSum, this.form.totalValue, 10), this.form.exchangeRate, 10)
                this.$confirm("总运费:" + divide(numSum, this.form.exchangeRate) + ",单价分摊运费:" + num + ",是否继续更新?", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                }).then(() => {
                    this.data.forEach(e => {
                        e.shareAmount = multiply(num, e.outFactoryPrice, 10)
                        e.price = addPrice(e.outFactoryPrice, multiply(num, e.outFactoryPrice, 10), e.internationalAmount)
                        e.amount = amountCal(
                            addPrice(e.outFactoryPrice, multiply(num, e.outFactoryPrice, 10), e.internationalAmount),
                            e.orderQuantity,
                            e.freight,
                            e.insurance,
                            e.discount
                        );
                        e.itemMargin = grossProfitCal(
                            e.purchaseAmount,
                            e.partsPrice,
                            e.outFactoryPrice,
                            this.form.exchangeRate
                        );
                        e.goodsGrossProfit = goodsGrossProfitCal(
                            e.purchaseAmount,
                            e.partsPrice,
                            e.outFactoryPrice,
                            this.form.exchangeRate
                        );
                        // 处理单品毛利率是 -00.00 的问题
                        if (Number(e.itemMargin) === 0) {
                            e.itemMargin = Number(e.itemMargin) + ''
                        }
                        if (Number(e.goodsGrossProfit) == 0) {
                            e.goodsGrossProfit = Number(e.goodsGrossProfit)
                        }
                    })
                })

            } else {
                let numSum = 0
                this.orderFeesList.forEach(e => {
                    if (e.feesType == 2 && e.currency == "USD") {
                        numSum = sum(numSum, e.amount)
                    }
                })
                let num = 0;
                num = divide(numSum, this.form.totalValue, 10)
                this.$confirm("总运费:" + numSum + ",单价分摊运费:" + num + ",是否继续更新?", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                }).then(() => {
                    this.data.forEach(e => {
                        e.internationalAmount = multiply(num, e.outFactoryPrice, 10)
                        e.price = addPrice(e.outFactoryPrice, multiply(num, e.outFactoryPrice, 10), e.shareAmount)
                        e.amount = amountCal(
                            addPrice(e.outFactoryPrice, multiply(num, e.outFactoryPrice, 10), e.shareAmount),
                            e.orderQuantity,
                            e.freight,
                            e.insurance,
                            e.discount
                        );
                        e.itemMargin = grossProfitCal(
                            e.purchaseAmount,
                            e.partsPrice,
                            e.outFactoryPrice,
                            this.form.exchangeRate
                        );
                        e.goodsGrossProfit = goodsGrossProfitCal(
                            e.purchaseAmount,
                            e.partsPrice,
                            e.outFactoryPrice,
                            this.form.exchangeRate
                        );
                        // 处理单品毛利率是 -00.00 的问题
                        if (Number(e.itemMargin) === 0) {
                            e.itemMargin = Number(e.itemMargin) + ''
                        }
                        if (Number(e.goodsGrossProfit) == 0) {
                            e.goodsGrossProfit = Number(e.goodsGrossProfit)
                        }
                    })
                })
            }
        },
        khEdit(status) {
            if (status == 'cname') {
                this.$router.push({
                    path: '/basicData/commodityType/index'
                })
            }
        },
        rowCell(row, index) {
            this.getAttribute(JSON.parse(row.attributeList))
            this.$refs.crud.rowEdit(row, index)
        },
        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);
                }
            });
        },
        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]
        },
        inPriceAD() {
            this.$DialogForm.show({
                title: '调整出厂价',
                width: '30%',
                menuPosition: 'right',
                option: {
                    submitText: '确定',
                    emptyText: '取消',
                    span: 24,
                    column: [{
                        label: "出厂价(%)",
                        prop: "value",
                        min: 0,
                        value: 0,
                        type: 'number',
                        controls: false,
                        rules: [{
                            required: true,
                            message: "请输入出厂价",
                            trigger: "blur",

                        }],
                    }]
                },
                beforeClose: (done) => {
                    done()
                },
                callback: (res) => {
                    res.done()
                    this.data.forEach(e => {
                        e.outFactoryPrice = priceaAjustment(e.outFactoryPrice, res.data.value, 3)
                        e.totalValue = multiply(e.outFactoryPrice, e.orderQuantity)
                        e.price = addPrice(e.outFactoryPrice, e.shareAmount, e.internationalAmount)
                        e.amount = amountCal(
                            addPrice(e.outFactoryPrice, e.shareAmount, e.internationalAmount),
                            e.orderQuantity,
                            e.freight,
                            e.insurance,
                            e.discount
                        );
                        e.itemMargin = grossProfitCal(
                            e.purchaseAmount,
                            e.partsPrice,
                            e.outFactoryPrice,
                            this.form.exchangeRate
                        );
                        e.goodsGrossProfit = goodsGrossProfitCal(
                            e.purchaseAmount,
                            e.partsPrice,
                            e.outFactoryPrice,
                            this.form.exchangeRate
                        );
                        // 处理单品毛利率是 -00.00 的问题
                        if (Number(e.itemMargin) === 0) {
                            e.itemMargin = Number(e.itemMargin) + ''
                        }
                        if (Number(e.goodsGrossProfit) == 0) {
                            e.goodsGrossProfit = Number(e.goodsGrossProfit)
                        }
                        // 出厂价格为零，单品毛利润为零
                        if (e.outFactoryPrice == 0) {
                            e.itemMargin = 0
                        }
                    })
                    res.close()
                }
            })
        },
        submitPriceAD() {
            this.visible = false;
            this.data.forEach(e => {
                e.outFactoryPrice = priceaAjustment(e.outFactoryPrice, this.priceAD, 3)
                e.totalValue = multiply(e.outFactoryPrice, e.orderQuantity)
                e.price = addPrice(e.outFactoryPrice, e.shareAmount, e.internationalAmount)
                e.amount = amountCal(
                    addPrice(e.outFactoryPrice, e.shareAmount, e.internationalAmount),
                    e.orderQuantity,
                    e.freight,
                    e.insurance,
                    e.discount
                );
                e.itemMargin = grossProfitCal(
                    e.purchaseAmount,
                    e.partsPrice,
                    e.outFactoryPrice,
                    this.form.exchangeRate
                );
                e.goodsGrossProfit = goodsGrossProfitCal(
                    e.purchaseAmount,
                    e.partsPrice,
                    e.outFactoryPrice,
                    this.form.exchangeRate
                );
                // 处理单品毛利率是 -00.00 的问题
                if (Number(e.itemMargin) === 0) {
                    e.itemMargin = Number(e.itemMargin) + ''
                }
                if (Number(e.goodsGrossProfit) == 0) {
                    e.goodsGrossProfit = Number(e.goodsGrossProfit)
                }
                // 出厂价格为零，单品毛利润为零
                if (e.outFactoryPrice == 0) {
                    e.itemMargin = 0
                }
            })
            this.priceAD = 0
        },
        purchaseAmountChange(row) {
            row.productPrice = productCal(
                row.purchaseAmount,
                row.partsPrice,
                this.form.coefficient
            );
            row.outFactoryPrice = sellingCal(row.productPrice, this.form.exchangeRate, 3);
            row.price = addPrice(
                row.outFactoryPrice,
                row.shareAmount,
                row.internationalAmount
            );
            row.amount = amountCal(
                row.price,
                row.orderQuantity,
                row.freight,
                row.insurance,
                row.discount
            );
            row.itemMargin = grossProfitCal(
                row.purchaseAmount,
                row.partsPrice,
                row.outFactoryPrice,
                this.form.exchangeRate
            );
            row.goodsGrossProfit = goodsGrossProfitCal(
                row.purchaseAmount,
                row.partsPrice,
                row.outFactoryPrice,
                this.form.exchangeRate
            );
            if (Number(row.goodsGrossProfit) == 0) {
                row.goodsGrossProfit = Number(row.goodsGrossProfit)
            }
        },
        priceChange(row) {
            row.price = addPrice(row.outFactoryPrice, row.shareAmount, row.internationalAmount)
            row.amount = amountCal(
                addPrice(row.outFactoryPrice, row.shareAmount, row.internationalAmount),
                row.orderQuantity,
                row.freight,
                row.insurance,
                row.discount
            );
            row.itemMargin = grossProfitCal(
                row.purchaseAmount,
                row.partsPrice,
                row.outFactoryPrice,
                this.form.exchangeRate
            );
            row.goodsGrossProfit = goodsGrossProfitCal(
                row.purchaseAmount,
                row.partsPrice,
                row.outFactoryPrice,
                this.form.exchangeRate
            );
            if (Number(row.goodsGrossProfit) == 0) {
                row.goodsGrossProfit = Number(row.goodsGrossProfit)
            }
        },
        itemTypeFocus(row) {
            this.itemtypeList = [];
            getSpecification({ goodId: row.itemId }).then(res => {
                const data = res.data.data;
                this.itemtypeList = data.map(item => ({ value: item }));
            });
        },
        getAttribute(rows) {
            let data = []
            rows.forEach(e => {
                if (e.attributeNo == 'Thread' && e.status == 0) {
                    this.findObject(this.tableOption.column, "remarksOne").disabled = false;
                }
                if (e.attributeNo == 'medium' && e.status == 0) {
                    this.findObject(this.tableOption.column, "customTwo").disabled = false;
                }
                if (e.attributeNo == 'property_color' && e.status == 0) {
                    this.findObject(this.tableOption.column, "customThree").disabled = false;
                }
                if (e.attributeNo == 'stencil' && e.status == 0) {
                    this.findObject(this.tableOption.column, "customFour").disabled = false;
                }
                if (e.attributeName == '阀门配件' && e.status == 0) {
                    this.findObject(this.tableOption.column, "partsValveName").disabled = false;
                }
                if (e.attributeName == '瓶帽配件' && e.status == 0) {
                    this.findObject(this.tableOption.column, "partsCapName").disabled = false;
                }
                if (e.attributeName == '特殊处理' && e.status == 0) {
                    this.findObject(this.tableOption.column, "partsHandleName").disabled = false;
                }
                if (e.attributeName == '包装方式' && e.status == 0) {
                    this.findObject(this.tableOption.column, "partsColourName").disabled = false;
                }
                if (e.attributeName == '特殊颜色' && e.status == 0) {
                    this.findObject(this.tableOption.column, "partsModeName").disabled = false;
                }
                if (e.attributeName == '认证' && e.status == 0) {
                    this.findObject(this.tableOption.column, "partsAuthenticationName").disabled = false;
                }
                if (e.attributeName == '其他' && e.status == 0) {
                    this.findObject(this.tableOption.column, "partsOtherName").disabled = false;
                }
                data.push({
                    type: e.type,
                    attributeName: e.attributeName,
                    attributeNo: e.attributeNo,
                    status: e.status,
                })
            })
            return JSON.stringify(data);
        },
        // importProperty(row) {
        //     const arr = [];
        //     for (let key in row) {
        //         if (row[key]) {
        //             arr.push(row[key]);
        //         }
        //     }
        //     this.goodsForm.itemProp = arr.join(" ");
        //     this.goodsForm.remarksOne = row.remarksOne;
        //     this.goodsForm.customTwo = row.customTwo;
        //     this.goodsForm.customThree = row.customThree;
        //     this.goodsForm.customFour = row.customFour;
        //     this.goodsForm.customFive = row.customFive;
        //     this.goodsForm.customSix = row.customSix;
        //     this.goodsForm.customSeven = row.customSeven;
        //     this.goodsForm.customEight = row.customEight;
        //     this.goodsForm.customNine = row.customNine;
        //     this.goodsForm.customTen = row.customTen;
        //     this.goodsForm.productRemark = this.getproductRemark(this.goodsForm)
        // },
        importPart(rows, type) {
            if (type == 0) {
                this.goodsForm.partsValveCostPrice = 0
                this.goodsForm.partsValveSalePrice = 0
                let names = []
                rows.forEach(e => {
                    names.push(e.goodName)
                    this.goodsForm.partsValveCostPrice = sum(this.goodsForm.partsValveCostPrice, multiply(e.partsCost, e.goodNumber));
                    this.goodsForm.partsValveSalePrice = sum(this.goodsForm.partsValveSalePrice, e.amout);
                })
                this.goodsForm.partsValveName = names.join(" ")
                this.goodsForm.partsValveValue = JSON.stringify(rows)
            }
            if (type == 1) {
                this.goodsForm.partsCapCostPrice = 0
                this.goodsForm.partsCapSalePrice = 0
                let names = []
                rows.forEach(e => {
                    names.push(e.goodName)
                    this.goodsForm.partsCapCostPrice = sum(this.goodsForm.partsCapCostPrice, multiply(e.partsCost, e.goodNumber));
                    this.goodsForm.partsCapSalePrice = sum(this.goodsForm.partsCapSalePrice, e.amout);
                })
                this.goodsForm.partsCapName = names.join(" ")
                this.goodsForm.partsCapValue = JSON.stringify(rows)
            }
            if (type == 2) {
                this.goodsForm.partsHandleCostPrice = 0
                this.goodsForm.partsHandleSalePrice = 0
                let names = []
                rows.forEach(e => {
                    names.push(e.goodName)
                    this.goodsForm.partsHandleCostPrice = sum(this.goodsForm.partsHandleCostPrice, multiply(e.partsCost, e.goodNumber));
                    this.goodsForm.partsHandleSalePrice = sum(this.goodsForm.partsHandleSalePrice, e.amout);
                })
                this.goodsForm.partsHandleName = names.join(" ")
                this.goodsForm.partsHandleValue = JSON.stringify(rows)
            }
            if (type == 3) {
                this.goodsForm.partsColourCostPrice = 0
                this.goodsForm.partsColourSalePrice = 0
                let names = []
                rows.forEach(e => {
                    names.push(e.goodName)
                    this.goodsForm.partsColourCostPrice = sum(this.goodsForm.partsColourCostPrice, multiply(e.partsCost, e.goodNumber));
                    this.goodsForm.partsColourSalePrice = sum(this.goodsForm.partsColourSalePrice, e.amout);
                })
                this.goodsForm.partsColourName = names.join(" ")
                this.goodsForm.partsColourValue = JSON.stringify(rows)
            }
            if (type == 4) {
                this.goodsForm.partsModeCostPrice = 0
                this.goodsForm.partsModeSalePrice = 0
                let names = []
                rows.forEach(e => {
                    names.push(e.goodName)
                    this.goodsForm.partsModeCostPrice = sum(this.goodsForm.partsModeCostPrice, multiply(e.partsCost, e.goodNumber));
                    this.goodsForm.partsModeSalePrice = sum(this.goodsForm.partsModeSalePrice, e.amout);
                })
                this.goodsForm.partsModeName = names.join(" ")
                this.goodsForm.partsModeValue = JSON.stringify(rows)
            }
            if (type == 5) {
                this.goodsForm.partsAuthenticationCostPrice = 0
                this.goodsForm.partsAuthenticationSalePrice = 0
                let names = []
                rows.forEach(e => {
                    names.push(e.goodName)
                    this.goodsForm.partsAuthenticationCostPrice = sum(this.goodsForm.partsAuthenticationCostPrice, multiply(e.partsCost, e.goodNumber));
                    this.goodsForm.partsAuthenticationSalePrice = sum(this.goodsForm.partsAuthenticationSalePrice, e.amout);
                })
                this.goodsForm.partsAuthenticationName = names.join(" ")
                this.goodsForm.partsAuthenticationValue = JSON.stringify(rows)
            }
            if (type == 6) {
                this.goodsForm.partsOtherCostPrice = 0
                this.goodsForm.partsOtherSalePrice = 0
                let names = []
                rows.forEach(e => {
                    names.push(e.goodName)
                    this.goodsForm.partsOtherCostPrice = sum(this.goodsForm.partsOtherCostPrice, multiply(e.partsCost, e.goodNumber));
                    this.goodsForm.partsOtherSalePrice = sum(this.goodsForm.partsOtherSalePrice, e.amout);
                })
                this.goodsForm.partsOtherName = names.join(" ")
                this.goodsForm.partsOtherValue = JSON.stringify(rows)
            }
            this.goodsForm.partsCost = partSum(this.goodsForm.partsValveCostPrice, this.goodsForm.partsCapCostPrice, this.goodsForm.partsHandleCostPrice, this.goodsForm.partsColourCostPrice, this.goodsForm.partsModeCostPrice, this.goodsForm.partsAuthenticationCostPrice, this.goodsForm.partsOtherCostPrice)
            this.goodsForm.partsPrice = partSum(this.goodsForm.partsValveSalePrice, this.goodsForm.partsCapSalePrice, this.goodsForm.partsHandleSalePrice, this.goodsForm.partsColourSalePrice, this.goodsForm.partsModeSalePrice, this.goodsForm.partsAuthenticationSalePrice, this.goodsForm.partsOtherSalePrice)
            // 销售价=（配件采购价格+产品价格）/汇率 *（1+客户FOB系数/100）
            this.goodsForm.productPrice = productCal(
                this.goodsForm.purchaseAmount,
                this.goodsForm.partsPrice,
                this.form.coefficient
            );
            this.goodsForm.outFactoryPrice = sellingCal(
                this.goodsForm.productPrice,
                this.form.exchangeRate,
                3
            );
            this.goodsForm.price = addPrice(
                this.goodsForm.outFactoryPrice,
                this.goodsForm.shareAmount,
                this.goodsForm.internationalAmount
            );
            this.goodsForm.amount = amountCal(
                this.goodsForm.price,
                this.goodsForm.orderQuantity,
                this.goodsForm.freight,
                this.goodsForm.insurance,
                this.goodsForm.discount
            );
            this.goodsForm.itemMargin = grossProfitCal(
                this.goodsForm.purchaseAmount,
                this.goodsForm.partsPrice,
                this.goodsForm.outFactoryPrice,
                this.form.exchangeRate
            );
            this.goodsForm.goodsGrossProfit = goodsGrossProfitCal(
                this.goodsForm.purchaseAmount,
                this.goodsForm.partsPrice,
                this.goodsForm.outFactoryPrice,
                this.form.exchangeRate
            );
            if (Number(this.goodsForm.goodsGrossProfit) == 0) {
                this.goodsForm.goodsGrossProfit = Number(this.goodsForm.goodsGrossProfit)
            }
            const names = [this.goodsForm.partsModeName, this.goodsForm.partsHandleName, this.goodsForm.partsCapName, this.goodsForm.partsValveName, this.goodsForm.partsColourName, this.goodsForm.partsAuthenticationName, this.goodsForm.partsOtherName];
            const name = []
            names.forEach(e => {
                if (e) {
                    name.push(e)
                }
            })
            this.goodsForm.partsDescribe = name.join("; ");
            this.goodsForm.productRemark = this.getproductRemark(this.goodsForm)
        },
        propsChange(row) {
            const data = {
                remarksOne: row.remarksOne,
                customTwo: row.customTwo,
                customThree: row.customThree,
                customFour: row.customFour,
                customFive: row.customFive,
                customSix: row.customSix,
                customSeven: row.customSeven,
                customEight: row.customEight,
                customNine: row.customNine,
                customTen: row.customTen,
            };
            const arr = []
            for (let key in data) {
                if (row[key]) {
                    arr.push(row[key]);
                }
            }
            this.goodsForm.itemProp = arr.join(', ')
            this.goodsForm.productRemark = this.getproductRemark(this.goodsForm)
        },
        editChange(row) {
            row.productRemark = this.getproductRemark(row)
        },
        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" +
                itemDescription + "\n" +
                itemProp + "\n" +
                partsDescribe
            return productRemark
        },
        beforeClose(done) {
            this.upDataOption()
            done();
        },
        upDataOption() {
            this.findObject(this.tableOption.column, "remarksOne").disabled = true;
            this.findObject(this.tableOption.column, "customTwo").disabled = true;
            this.findObject(this.tableOption.column, "customThree").disabled = true;
            this.findObject(this.tableOption.column, "customFour").disabled = true;
            this.findObject(this.tableOption.column, "partsValveName").disabled = true;
            this.findObject(this.tableOption.column, "partsCapName").disabled = true;
            this.findObject(this.tableOption.column, "partsHandleName").disabled = true;
            this.findObject(this.tableOption.column, "partsColourName").disabled = true;
            this.findObject(this.tableOption.column, "partsModeName").disabled = true;
            this.findObject(this.tableOption.column, "partsAuthenticationName").disabled = true;
            this.findObject(this.tableOption.column, "partsOtherName").disabled = true;

        },
        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("请正确输入税率");
            }
        },
        handleRowSave(row, done, loading) {
            this.data.push(row)
            loading()
            done()
        },
        handleRowUpdate(row, index, done, loading) {
            // this.data[index] = row
            this.$set(this.data, index, row)
            // this.$refs.crud.rowUpdate(row)
            loading()
            done()
        },
        summaryMethod({ columns, data }) {
            const sums = [];
            if (columns.length > 0) {
                columns.forEach((column, index) => {
                    let prop = column.property
                    if (['orderQuantity', 'amount', 'partsCost', 'partsPrice', 'productPrice'].includes(prop)) {
                        let values = this.data.map(item => Number(item[prop] || 0));
                        let all = values.length !== 0 ? sums[index] = values.reduce((a, b) => {
                            return a + b;
                        }) : 0
                        if (prop == 'orderQuantity') {
                            sums[index] = micrometerFormat2(all)
                        }
                        if (prop == 'amount') {
                            sums[index] = micrometerFormat2(all)
                        }
                        if (prop == 'partsCost') {
                            sums[index] = micrometerFormat2(all)
                        }
                        if (prop == 'partsPrice') {
                            sums[index] = micrometerFormat2(all)
                        }
                        if (prop == 'productPrice') {
                            sums[index] = micrometerFormat2(all)
                        }
                    }
                });
            }
            return sums;
        },
        async saveColumn() {
            const inSave = await this.saveColumnData(this.getColumnName(1), this.tableOption);
            if (localStorage.getItem("roleName").indexOf('贸易') == -1 && localStorage.getItem("roleName").indexOf('运营') == -1) {
                this.findObject(this.tableOption.column, "purchaseCost").hide = false;
                this.findObject(this.tableOption.column, "purchaseCost").showColumn = true;
                this.findObject(this.tableOption.column, "partsPrice").hide = false;
                this.findObject(this.tableOption.column, "partsPrice").showColumn = true;
                this.findObject(this.tableOption.column, "partsCost").hide = false;
                this.findObject(this.tableOption.column, "partsCost").showColumn = true;
                this.findObject(this.tableOption.column, "purchaseAmount").hide = false;
                this.findObject(this.tableOption.column, "purchaseAmount").showColumn = true;
                this.findObject(this.tableOption.column, "corpName").hide = false;
                this.findObject(this.tableOption.column, "corpName").showColumn = true;
                this.findObject(this.tableOption.column, "productPrice").hide = false;
                this.findObject(this.tableOption.column, "productPrice").showColumn = true;
                this.findObject(this.tableOption.column, "productPrice").display = true;
            }
            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("重置成功");
                if (localStorage.getItem("roleName").indexOf('贸易') == -1 && localStorage.getItem("roleName").indexOf('运营') == -1) {
                    this.findObject(this.tableOption.column, "purchaseCost").hide = false;
                    this.findObject(this.tableOption.column, "purchaseCost").showColumn = true;
                    this.findObject(this.tableOption.column, "partsPrice").hide = false;
                    this.findObject(this.tableOption.column, "partsPrice").showColumn = true;
                    this.findObject(this.tableOption.column, "partsCost").hide = false;
                    this.findObject(this.tableOption.column, "partsCost").showColumn = true;
                    this.findObject(this.tableOption.column, "purchaseAmount").hide = false;
                    this.findObject(this.tableOption.column, "purchaseAmount").showColumn = true;
                    this.findObject(this.tableOption.column, "corpName").hide = false;
                    this.findObject(this.tableOption.column, "corpName").showColumn = true;
                    this.findObject(this.tableOption.column, "productPrice").hide = false;
                    this.findObject(this.tableOption.column, "productPrice").showColumn = true;
                    this.findObject(this.tableOption.column, "productPrice").display = true;
                }
                //关闭窗口
                setTimeout(() => {
                    this.$refs.crud.$refs.dialogColumn.columnBox = false;
                }, 1000);
            }
        },
        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: {
    }
};
</script>

<style scoped>
::v-deep .select-component {
    display: flex;
}

.page-crad ::v-deep .basic-container__card {
    height: 94.2vh;
}

.itemTable ::v-deep .el-table {
    width: 738px;
}

::v-deep .el-input-group__append,
.el-input-group__prepend {
    padding: 0 5px;
}
</style>