kd-aiot-frontend-eom/src/BIZComponents/inventoryTable.vue

<template>
  <el-form ref="form" :model="form" :rules="rules">
    <ele-pro-table
      ref="table"
      :needPage="false"
      :columns="columns"
      :datasource="form.datasource"
      class="time-form"
      height="300"
      full-height="calc(100vh - 76px)"
      @columns-change="handleColumnChange"
      :cache-key="cacheKeyUrl"
      :selection.sync="selection"
    >
      <!-- 表头工具栏 -->
      <template v-slot:toolbar>
        <div class="headbox">
          <div>
            <el-button
              size="small"
              type="primary"
              icon="el-icon-plus"
              class="ele-btn-icon"
              @click="handParent('', -1)"
            >
              新增
            </el-button>
            <el-button
              size="small"
              type="primary"
              icon="el-icon-plus"
              class="ele-btn-icon"
              v-if="isGoods"
              @click="handGoods(-1)"
            >
              选择商品
            </el-button>
            <el-button
              size="small"
              type="primary"
              icon="el-icon-plus"
              class="ele-btn-icon"
              v-if="isTemporary"
              @click="handlAdd"
            >
              新增临时产品
            </el-button>
            <el-button
              size="small"
              type="primary"
              class="ele-btn-icon"
              @click="save"
              v-if="isDrawer"
            >
              保存
            </el-button>
            <setAllValue
              :disabled="!selection.length"
              title="客户期望交期"
              @success="setAllValueChange"
              valueKey="customerExpectDeliveryDeadline"
            />
            <setAllValue
              :disabled="!selection.length"
              title="生产交付交期"
              valueKey="produceDeliveryDeadline"
              @success="setAllValueChange"
            />
          </div>
          <div class="pricebox">
            <span class="amount">总计：{{ allPrice }}元</span>

            <el-form-item
              style="width: 300px"
              v-if="isDiscountTotalPrice"
              label="优惠后总金额："
              prop="discountTotalPrice"
              :rules="{
                required: true,
                message: '请输入优惠后总金额',
                trigger: 'change'
              }"
            >
              <el-input
                type="number"
                :min="0"
                :max="allPrice"
                :disabled="!allPrice"
                v-model="form.discountTotalPrice"
                style="width: 180px"
                placeholder="请输入"
                @input="discountInputByOrder(form.discountTotalPrice)"
              >
                <template slot="append">元</template>
              </el-input>
            </el-form-item>
          </div>
        </div>
      </template>
      <template v-slot:productName="{ row, $index }">
        <el-form-item
          :prop="'datasource.' + $index + '.productName'"
          :rules="{
            required: true,
            message: '请输入',
            trigger: 'change'
          }"
        >
          <el-input
            :disabled="!!row.productCode"
            v-model="row.productName"
            placeholder="请输入"
            style="width: 60%; margin-right: 10px"
          ></el-input>
          <el-button
            size="small"
            type="primary"
            @click.native="handParent(row, $index)"
            >选择
          </el-button>
        </el-form-item>
      </template>
      <template v-slot:entrustedEnterpriseId="scope">
        <el-form-item prop="entrustedEnterpriseId">
          <el-select
            v-model="scope.row.entrustedEnterpriseId"
            clearable
            filterable
          >
            <el-option
              v-for="i in scope.row.entrustedEnterpriseIdList"
              :key="i.id"
              :value="i.id"
              :label="i.name"
            ></el-option>
          </el-select>
        </el-form-item>
      </template>
      <template v-slot:headerCustomerMark="{ column }">
        <span class="is-required">{{ column.label }}</span>
      </template>
      <template v-slot:customerMark="{ row, $index }">
        <el-form-item
          :prop="'datasource.' + $index + '.customerMark'"
          :rules="{
            required: isCustomerMark ? true : false,
            message: '请输入客户代号',
            trigger: 'change'
          }"
        >
          <el-input
            v-model="row.customerMark"
            :disabled="quoteType === 2"
            placeholder="请输入"
          ></el-input>
        </el-form-item>
      </template>

      <template v-slot:headerProductName="{ column }">
        <span class="is-required">{{ column.label }}</span>
      </template>

      <template v-slot:productCode="scope">
        <el-form-item :prop="'datasource.' + scope.$index + '.productCode'">
          <el-input v-model="scope.row.productCode" :disabled="true"></el-input>
        </el-form-item>
      </template>
      <template v-slot:productCategoryName="scope">
        <el-form-item
          :prop="'datasource.' + scope.$index + '.productCategoryName'"
        >
          <el-input v-model="scope.row.productCategoryName" disabled></el-input>
        </el-form-item>
      </template>

      <template v-slot:headerTotalCount="{ column }">
        <span :class="{ 'is-required': isTotalCount }">{{ column.label }}</span>
      </template>
      <template v-slot:headerTaxRate="{ column }">
        <span class="is-required">{{ column.label }}</span>
      </template>
      <template v-slot:totalPrice="scope">
        <el-form-item :prop="'datasource.' + scope.$index + '.totalPrice'">
          {{ (Number(scope.row.totalPrice) || 0).toFixed(2) }}元
        </el-form-item>
      </template>

      <template v-slot:productBrand="scope">
        <el-form-item :prop="'datasource.' + scope.$index + '.productBrand'">
          <el-input
            v-model="scope.row.productBrand"
            :disabled="!!scope.row.productCode"
          ></el-input>
        </el-form-item>
      </template>

      <template v-slot:modelType="scope">
        <el-form-item :prop="'datasource.' + scope.$index + '.modelType'">
          <el-input
            v-model="scope.row.modelType"
            :disabled="!!scope.row.productCode"
          ></el-input>
        </el-form-item>
      </template>
      <template v-slot:specification="scope">
        <el-form-item :prop="'datasource.' + scope.$index + '.specification'">
          <el-input
            v-model="scope.row.specification"
            :disabled="!!scope.row.productCode"
          ></el-input>
        </el-form-item>
      </template>

      <template v-slot:guaranteePeriod="scope">
        <div class="period">
          <div class="borderleftnone">
            <el-form-item
              :prop="'datasource.' + scope.$index + '.guaranteePeriod'"
              :rules="{
                pattern: numberReg,
                message: '请输入有效期',
                trigger: 'blur'
              }"
            >
              <el-input
                v-model="scope.row.guaranteePeriod"
                @change="
                  setDeliveryDays(scope.row, scope.$index, 'guaranteePeriod')
                "
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </div>
          <div class="borderrightnone">
            <DictSelection
              dictName="质保期单位"
              clearable
              v-model="scope.row.guaranteePeriodUnitCode"
              @change="
                setDeliveryDays(scope.row, scope.$index, 'guaranteePeriod')
              "
              :isOne="scope.$index === 0"
            >
            </DictSelection>
          </div>
        </div>
      </template>
      <template v-slot:measuringUnit="scope">
        <el-form-item :prop="'datasource.' + scope.$index + '.measuringUnit'">
          <el-input
            v-model="scope.row.measuringUnit"
            :disabled="!!scope.row.productCode"
            placeholder="请输入"
          ></el-input>
        </el-form-item>
      </template>
      <template v-slot:remark="scope">
        <el-form-item :prop="'datasource.' + scope.$index + '.remark'">
          <el-input
            v-model="scope.row.remark"
            type="textarea"
            placeholder="请输入"
          ></el-input>
        </el-form-item>
      </template>
      <template v-slot:singlePrice="scope">
        <el-form-item
          :prop="'datasource.' + scope.$index + '.singlePrice'"
          :rules="{
            required: quoteType !== 2 && isSinglePrice ? true : false,
            message: '请输入单价',
            trigger: 'change'
          }"
        >
          <el-input
            v-model="scope.row.singlePrice"
            placeholder="请输入"
            :disabled="quoteType === 2"
            @input="changeCount(scope.row, scope.$index)"
            type="number"
          >
            <template slot="append">元</template>
          </el-input>
        </el-form-item>
      </template>

      <template v-slot:taxRate="scope">
        <el-form-item
          :prop="'datasource.' + scope.$index + '.taxRate'"
          :rules="{
            required: isTaxRate == 1 ? true : false,
            message: '请输入税率',
            trigger: 'change'
          }"
        >
          <el-input
            v-model="scope.row.taxRate"
            placeholder="请输入"
            type="number"
            :disabled="quoteType === 2"
            @input="getNotaxSinglePrice"
          >
            <template slot="append">%</template>
          </el-input>
        </el-form-item>
      </template>

      <template v-slot:headerSinglePrice="{ column }">
        <span :class="isSinglePrice ? 'is-required' : ''">{{
          column.label
        }}</span>
      </template>
      <template v-slot:headerCustomerExpectDeliveryDeadline="{ column }">
        <span :class="isDate == 1 ? 'is-required' : ''">{{
          column.label
        }}</span>
      </template>

      <template v-slot:technicalAnswerName="{ row, $index }">
        <el-form-item :prop="'datasource.' + $index + '.technicalAnswerName'">
          <el-input
            v-model="row.technicalAnswerName"
            placeholder="请输入"
            @click.native="handHead(row, $index)"
          ></el-input>
        </el-form-item>
      </template>
      <template v-slot:technicalParams="scope">
        <el-form-item :prop="'datasource.' + scope.$index + '.technicalParams'">
          <el-input
            type="textarea"
            v-model="scope.row.technicalParams"
            placeholder="请输入"
          ></el-input>
        </el-form-item>
      </template>
      <template v-slot:technicalDrawings="scope">
        <el-form-item
          :prop="'datasource.' + scope.$index + '.technicalDrawings'"
        >
          <fileMain v-model="scope.row.technicalDrawings"></fileMain>
        </el-form-item>
      </template>
      <template v-slot:customerReqFiles="scope">
        <el-form-item
          :prop="'datasource.' + scope.$index + '.customerReqFiles'"
        >
          <fileMain v-model="scope.row.customerReqFiles"></fileMain>
        </el-form-item>
      </template>
      <template v-slot:industryArtFiles="scope">
        <el-form-item
          :prop="'datasource.' + scope.$index + '.industryArtFiles'"
          :rules="{
            required: false,
            message: '请输入',
            trigger: 'change'
          }"
        >
          <fileMain v-model="scope.row.industryArtFiles"></fileMain>
        </el-form-item>
      </template>
      <template v-slot:otherFiles="scope">
        <el-form-item :prop="'datasource.' + scope.$index + '. otherFiles'">
          <fileMain v-model="scope.row.otherFiles"></fileMain>
        </el-form-item>
      </template>
      <template v-slot:headerProduceDeliveryDeadline="{ column }">
        <span
          :class="isProduceDeliveryDeadline && isDate == 1 ? 'is-required' : ''"
          >{{ column.label }}</span
        >
      </template>
      <template v-slot:produceDeliveryDeadline="scope">
        <el-form-item
          :prop="'datasource.' + scope.$index + '.produceDeliveryDeadline'"
          :rules="{
            required: isProduceDeliveryDeadline && isDate == 1 ? true : false,
            message: '选择生产交付交期',
            trigger: 'change'
          }"
        >
          <el-date-picker
            style="width: 140px"
            value-format="yyyy-MM-dd"
            v-model="scope.row.produceDeliveryDeadline"
            @change="
              setDeliveryDays(scope.row, scope.$index, 'guaranteePeriod')
            "
            type="date"
            placeholder="选择日期"
          >
          </el-date-picker>
        </el-form-item>
      </template>
      <template v-slot:customerExpectDeliveryDeadline="scope">
        <el-form-item
          v-if="scope.row.arrivalWay == 1 || !scope.row.arrivalWay"
          :rules="{
            required: isDate == 1 ? true : false,
            message:
              contractBookType == 1 ? '请选择客户期望交期' : '请选择交付日期',
            trigger: 'change'
          }"
          :prop="
            'datasource.' + scope.$index + '.customerExpectDeliveryDeadline'
          "
        >
          <el-date-picker
            style="width: 140px"
            v-model="scope.row.customerExpectDeliveryDeadline"
            value-format="yyyy-MM-dd"
            @change="
              setDeliveryDays(scope.row, scope.$index, 'guaranteePeriod')
            "
            type="date"
            placeholder="选择日期"
          >
          </el-date-picker>
        </el-form-item>
        <el-form-item v-if="scope.row.arrivalWay == 2">
          <el-link
            type="primary"
            :underline="false"
            @click.native="handleMethod(scope.row, scope.$index)"
          >
            设置分批时间
          </el-link>
        </el-form-item>
      </template>
      <template v-slot:provenance="scope">
        <el-form-item :prop="'datasource.' + scope.$index + '.provenance'">
          <DictSelection
            dictName="产地"
            clearable
            v-model="scope.row.provenance"
            :disabled="quoteType === 2"
            collapse-tags
            multiple
            :isOne="scope.$index === 0"
          >
          </DictSelection>
        </el-form-item>
      </template>
      <template v-slot:guaranteePeriodDeadline="scope">
        <el-form-item
          :prop="'datasource.' + scope.$index + '.guaranteePeriodDeadline'"
        >
          <el-date-picker
            style="width: 140px"
            v-model="scope.row.guaranteePeriodDeadline"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择日期"
          >
          </el-date-picker>
        </el-form-item>
      </template>
      <template v-slot:singleWeight="scope">
        <el-form-item :prop="'datasource.' + scope.$index + '.singleWeight'">
          <el-input
            v-model="scope.row.singleWeight"
            @input="changeCount(scope.row, scope.$index)"
            placeholder="请输入"
          >
           <template slot="append">
            {{ scope.row.weightUnit }}
           </template>
        </el-input>
        </el-form-item>
      </template>
      <template v-slot:technologyRouteName="scope">
        <el-form-item
          :prop="'datasource.' + scope.$index + '.technologyRouteName'"
          :rules="{
            required: false,
            message: '请选择',
            trigger: 'change'
          }"
        >
          <el-input
            v-model="scope.row.technologyRouteName"
            placeholder="请选择"
            @click.native="openVersion(scope.$index)"
          ></el-input>
        </el-form-item>
      </template>
      <template v-slot:pricingWay="scope">
        <el-form-item :prop="'datasource.' + scope.$index + '.pricingWay'">
          <el-select
            v-model="scope.row.pricingWay"
            placeholder="请选择"
            :rules="{
              required: true,
              message: '请选择计价方式',
              trigger: 'change'
            }"
          >
            <el-option
              v-for="item in pricingWayList"
              :key="item.id"
              :label="item.name"
              :value="item.id"
              @click.native="changeCount(scope.row, scope.$index)"
            >
            </el-option>
          </el-select>
        </el-form-item>
      </template>
      <template v-slot:headerPricingWay="{ column }">
        <span class="is-required">{{ column.label }}</span>
      </template>

      <template v-slot:taskName="scope">
        <el-form-item :prop="'datasource.' + scope.$index + '.taskName'">
          <el-input
            v-model="scope.row.taskName"
            placeholder="请选择"
            style="width: 60%; margin-right: 10px"
            disabled
          ></el-input>
          <el-button
            v-if="scope.row.productCode"
            size="small"
            type="primary"
            @click.native="handleTaskinstance(scope.row, scope.$index)"
            >选择
          </el-button>
        </el-form-item>
      </template>

      <template v-slot:arrivalWay="scope">
        <el-form-item :prop="'datasource.' + scope.$index + '.arrivalWay'">
          <el-select
            v-model="scope.row.arrivalWay"
            clearable
            style="width: 100%"
          >
            <el-option
              v-for="item in arrivalWayList"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
      </template>
      <template v-slot:batchNo="scope">
        <el-form-item
          :prop="'datasource.' + scope.$index + '.batchNo'"
          :rules="[
            {
              required: isBatchNo == 1 ? true : false,
              message: '请输入批号',
              trigger: 'blur'
            }
          ]"
        >
          <el-input
            v-model="scope.row.batchNo"
            placeholder="请输入"
            :disabled="quoteType === 2"
            v-no-chinese
          >
          </el-input>
        </el-form-item>
      </template>
      <template v-slot:headerBatchNo="{ column }">
        <span class="is-required">{{ column.label }}</span>
      </template>

      <template v-slot:orderNo="{ row, $index }">
        <el-form-item :prop="'datasource.' + $index + '.orderNo'">
          <el-select v-model="row.orderNo" style="width: 100%">
            <el-option
              :label="item.orderNo"
              :value="item.orderNo"
              @click.native="orderNoChange(row, item)"
              v-for="(item, index) in orderOption"
              :key="index"
            ></el-option>
          </el-select>
        </el-form-item>
      </template>
      <template v-slot:goodsLevel="{ row, $index }">
        <el-form-item :prop="'datasource.' + $index + '.goodsLevel'">
          <el-select
            v-model="row.goodsLevel"
            style="width: 100%"
            :disabled="quoteType === 2"
          >
            <el-option
              :label="item.label"
              :value="item.value"
              v-for="(item, index) in levelList"
              :key="index"
            ></el-option>
          </el-select>
        </el-form-item>
      </template>
      <template v-slot:goodsPriceType="{ row, $index }">
        <el-form-item :prop="'datasource.' + $index + '.goodsPriceType'">
          <DictSelection
            dictName="商品价格类型"
            clearable
            :disabled="quoteType === 2"
            v-model="row.goodsPriceType"
            @change="goodsPriceTypeChange(row, $index)"
            :isOne="$index === 0"
          >
          </DictSelection>
        </el-form-item>
      </template>
      <template v-slot:saleCount="scope">
        <el-form-item
          :prop="'datasource.' + scope.$index + '.' + countObj.countKey"
          :rules="{
            required: quoteType !== 2 && isTotalCount ? true : false,
            message: '请输入数量',
            trigger: 'change'
          }"
        >
          <el-input
            v-model="scope.row[countObj.countKey]"
            placeholder="请输入"
            type="number"
            :min="0"
            :disabled="quoteType === 2"
            @input="handleCountChange(scope.row, scope.$index)"
          >
          <template slot="append">
        <el-select
            v-model="scope.row[countObj.unitIdKey]"
            style="width: 80px"
            @change="changeCount(scope.row, scope.$index)"
          >
            <el-option
              :label="item.conversionUnit"
              :value="item.id"
              @click.native="packingChange(item, scope.$index)"
              v-for="(item, index) in scope.row.packageDispositionList"
              :key="index"
            ></el-option>
          </el-select>
          </template>
          </el-input>
        </el-form-item>
      </template>
      <!-- <template v-slot:saleUnit="scope">
        <el-form-item
          :prop="'datasource.' + scope.$index + '.' + countObj.unitIdKey"
        >
          <el-select
            v-model="scope.row[countObj.unitIdKey]"
            style="width: 100%"
            @change="changeCount(scope.row, scope.$index)"
          >
            <el-option
              :label="item.conversionUnit"
              :value="item.id"
              @click.native="packingChange(item, scope.$index)"
              v-for="(item, index) in scope.row.packageDispositionList"
              :key="index"
            ></el-option>
          </el-select>
        </el-form-item>
      </template> -->
      <template v-slot:modelKey="scope">
        <el-form-item :prop="'datasource.' + scope.$index + '.' + 'modelKey'">
          <DictSelection
            dictName="物品机型"
            clearable
            :disabled="quoteType === 2"
            v-model="scope.row.modelKey"
            :isOne="scope.$index === 0"
            filterable
            allow-create
            default-first-option
            multiple
          >
          </DictSelection>
        </el-form-item>
      </template>
      <template v-slot:colorKey="scope">
        <el-form-item :prop="'datasource.' + scope.$index + '.' + 'colorKey'">
          <DictSelection
            dictName="物品颜色"
            clearable
            v-model="scope.row.colorKey"
            :isOne="scope.$index === 0"
            filterable
            allow-create
            default-first-option
            multiple
          >
          </DictSelection>
        </el-form-item>
      </template>

      <!-- 生产加工类型特有列的模板 -->
      <template v-slot:thickNess="{ row, $index }">
        <el-form-item :prop="'datasource.' + $index + '.thickNess'">
          <el-input v-model="row.thickNess" placeholder="请输入">
            <template slot="append">mm</template></el-input
          >
        </el-form-item>
      </template>

      <template v-slot:squareNumber="{ row, $index }">
        <el-form-item :prop="'datasource.' + $index + '.squareNumber'">
          <el-input v-model="row.squareNumber" placeholder="请输入">
            <template slot="append">m²</template></el-input
          >
        </el-form-item>
      </template>

      <template v-slot:processingFeeBeforeTax="{ row, $index }">
        <el-form-item
          :prop="'datasource.' + $index + '.processingFeeBeforeTax'"
        >
          <el-input
            v-model="row.processingFeeBeforeTax"
            type="number"
            placeholder="请输入"
            @input="calculateIncludingTaxPrice(row, $index)"
          >
            <template slot="append">元</template>
          </el-input>
        </el-form-item>
      </template>

      <template v-slot:packagingFeeNotTaxed="{ row, $index }">
        <el-form-item :prop="'datasource.' + $index + '.packagingFeeNotTaxed'">
          <el-input
            v-model="row.packagingFeeNotTaxed"
            type="number"
            placeholder="请输入"
            @input="calculateIncludingTaxPrice(row, $index)"
          >
            <template slot="append">元</template>
          </el-input>
        </el-form-item>
      </template>

      <template v-slot:transportationFeeWithoutTax="{ row, $index }">
        <el-form-item
          :prop="'datasource.' + $index + '.transportationFeeWithoutTax'"
        >
          <el-input
            v-model="row.transportationFeeWithoutTax"
            type="number"
            placeholder="请输入"
            @input="calculateIncludingTaxPrice(row, $index)"
          >
            <template slot="append">元</template>
          </el-input>
        </el-form-item>
      </template>

      <!-- 新增未税小记列模板 -->
      <template v-slot:untaxedSubtotal="{ row, $index }">
        <el-form-item :prop="'datasource.' + $index + '.untaxedSubtotal'">
          {{ (Number(row.untaxedSubtotal) || 0).toFixed(2) }}元
        </el-form-item>
      </template>

      <template v-slot:extraTax="{ row, $index }">
        <el-form-item :prop="'datasource.' + $index + '.extraTax'">
          <el-input
            v-model="row.extraTax"
            type="number"
            placeholder="请输入"
            @input="calculateIncludingTaxPrice(row, $index)"
          >
            <template slot="append">%</template>
          </el-input>
        </el-form-item>
      </template>

      <!-- 含税单价改为含税小计 -->
      <template v-slot:includingTaxPrice="{ row, $index }">
        <el-form-item :prop="'datasource.' + $index + '.includingTaxPrice'">
          <el-input
            v-model="row.includingTaxPrice"
            type="number"
            placeholder="请输入"
          >
            <template slot="append">元</template>
          </el-input>
        </el-form-item>
      </template>

      <!-- 操作列 -->
      <template v-slot:action="scope">
        <el-popconfirm
          class="ele-action"
          title="确定要删除吗？"
          @confirm="remove(scope.$index)"
        >
          <template v-slot:reference>
            <el-link type="danger" :underline="false" icon="el-icon-delete">
              删除
            </el-link>
          </template>
        </el-popconfirm>
      </template>
    </ele-pro-table>
    <product-list
      ref="productListRef"
      classType="1"
      :is-get-inventory-total="true"
      @changeParent="changeParent"
      :isSupplier="isSupplier"
      :isSalesRecord="isSalesRecord"
    ></product-list>
    <head-list ref="headRef" @changeParent="changeAnswer"></head-list>
    <ProductionVersion
      ref="versionRefs"
      @changeProduct="changeProduct"
    ></ProductionVersion>
    <taskinstance-dialog
      ref="taskinstanceDialogRef"
      v-if="taskinstanceDialogFlag"
      @saveTaskInstance="saveTaskInstance"
      :visible.sync="taskinstanceDialogFlag"
    ></taskinstance-dialog>
    <timeDialog
      @chooseTime="chooseTime"
      ref="timeDialogRef"
      :isBatch="true"
    ></timeDialog>
    <selectStockLedgerDialog
      ref="selectStockLedgerDialogRef"
      @changeParent="replaceTable"
      :isSupplier="isSupplier"
    ></selectStockLedgerDialog>
    <commodityPriceListDialog
      ref="commodityPriceListDialogRef"
      @changeParent="changeParent"
    ></commodityPriceListDialog>
  </el-form>
</template>
<script>
import { numberReg } from 'ele-admin';
import productList from '@/BIZComponents/product-list.vue';
import dictMixins from '@/mixins/dictMixins';
import fileUpload from '@/components/upload/fileUpload';
import headList from '@/BIZComponents/user-select/user-select.vue';
import ProductionVersion from '@/components/ProductionVersion2/index.vue';
import { getInventoryTotalAPI } from '@/api/wms';
import { pricingWayList, lbjtList } from '@/enum/dict.js';
import { changeCount, getAllPrice } from '@/BIZComponents/setProduct.js';
import { contactQueryByCategoryIdsAPI } from '@/api/saleManage/contact';
import taskinstanceDialog from '@/BIZComponents/procedure/taskinstanceDialog.vue';
import timeDialog from '@/components/timeDialog/index.vue';
import { copyObj } from '@/utils/util';
import selectStockLedgerDialog from '@/BIZComponents/selectStockLedger/selectStockLedgerDialog.vue'; //库存台账
import setAllValue from '@/BIZComponents/setAllValue.vue'; //批量修改

import tabMixins from '@/mixins/tableColumnsMixin';
import commodityPriceListDialog from '@/views/commodityManagement/commodityPriceList/components/commodityPriceListDialog.vue';
const dayjs = require('dayjs');
import { levelList } from '@/enum/dict.js';
import {
  getGoodsPriceByCondition,
  getGoodsByCategoryId
} from '@/api/goodsManage/index';
import { parameterGetByCode } from '@/api/main/index.js';

export default {
  mixins: [dictMixins, tabMixins],
  components: {
    fileUpload,
    productList,
    headList,
    ProductionVersion,
    taskinstanceDialog,
    timeDialog,
    selectStockLedgerDialog,
    commodityPriceListDialog,
    setAllValue
  },
  props: {
    pageName: {
      default: '',
      type: String
    },
    isDiscountTotalPrice: {
      default: false,
      type: Boolean
    },
    quoteType: {
      type: Number,
      default: 1
    },
    isGuaranteePeriod: {
      default: true,
      type: Boolean
    },

    customerMark: {
      default: '',
      type: String
    },

    isContractId: {
      type: Boolean,
      default: false
    },

    isSinglePrice: {
      //单价必填
      type: Boolean,
      default: true
    },
    isTotalCount: {
      //数量必填
      type: Boolean,
      default: true
    },
    isCustomerMark: {
      //客户代号必填
      type: Boolean,
      default: false
    },

    isDiscount: {
      //折让
      type: Boolean,
      default: true
    },

    isProduceDeliveryDeadline: {
      //生产交付交期必填
      type: Boolean,
      default: false
    },

    isDrawer: {
      type: Boolean,
      default: false
    },
    isChangeCount: {
      //默认计算
      type: Boolean,
      default: true
    },
    contractBookType: {
      //合同类型 1销售 2采购
      type: [String, Number],
      default: 1
    },
    isTemporary: {
      //临时
      type: Boolean,
      default: false
    },
    isSupplier: {
      //供应商
      type: Boolean,
      default: false
    },
    isSalesRecord: {
      default: ''
    },
    isArrivalWay: {
      //分批到货时间
      type: Boolean,
      default: false
    },
    //订单类型
    needProduce: {
      type: [String, Number],
      default: 1
    },
    cacheKeyUrl: '',
    //是否显示订单编码
    isOrderNo: {
      type: Boolean,
      default: false
    },
    isBatchNo: {
      type: Boolean, //批次号是否必填
      default: false
    },
    orderOption: {
      default: () => {
        return [];
      }
    },
    //是否商品
    isGoods: {
      type: Boolean,
      default: false
    },
    // 是否税率必填
    isTaxRate: {
      type: [Number, String],
      default: 0
    },
    defTaxRate: {
      type: Number,
      default: undefined
    },
    countObj: {
      type: Object,
      default: () => {
        return {
          countKey: 'saleCount',
          unitKey: 'saleUnit',
          unitIdKey: 'saleUnitId'
        };
      }
    }
  },
  data() {
    const defaultForm = {
      key: null,
      endTime: '',
      isFirst: 0,
      name: '',
      startTime: '',
      workHour: '',
      guaranteePeriodUnitCode: '',
      technicalDrawings: [],
      arrivalWay: 1,
      // 生产加工类型特有字段
      thickNess: '',
      squareNumber: '',
      processingFeeBeforeTax: '',
      packagingFeeNotTaxed: '',
      transportationFeeWithoutTax: '',
      extraTax: '',
      includingTaxPrice: '',
      // 新增未税小记字段
      untaxedSubtotal: ''
    };
    return {
      levelList,
      taskinstanceDialogFlag: false,
      allPrice: 0,
      numberReg,
      defaultForm,
      form: {
        datasource: [],
        discountTotalPrice: 0
      },
      isDate: 1,
      pricingWayList,
      curIndex: '',
      rules: {},
      dictList: {},
      arrivalWayList: [
        { label: '一次性到货', value: 1 },
        { label: '分批到货', value: 2 }
      ],
      columnsVersion: 1,
      selection: []
    };
  },
  computed: {
    canHandl() {
      return this.form.datasource.length;
    },
    columns() {
      let columnsVersion = this.columnsVersion;
      let orderColumn = {
        width: 1,
        show: false
      };
      if (this.isOrderNo) {
        orderColumn = {
          minWidth: 200,
          prop: 'orderNo',
          slot: 'orderNo',
          label: '订单编码',
          showOverflowTooltip: true,
          align: 'center'
        };
      }

      // 基础列定义
      let baseColumns = [
        {
          width: 45,
          type: 'index',
          columnKey: 'index',
          align: 'center',
          fixed: 'left'
        },
        {
          label: '选择',
          width: 45,
          type: 'selection',
          columnKey: 'selection',
          align: 'center',
          fixed: 'left'
        },
        orderColumn,
        {
          width: 280,
          prop: 'productName',
          label: '名称',
          slot: 'productName',
          headerSlot: 'headerProductName',
          align: 'center',
          fixed: 'left'
        },
        {
          width: 120,
          prop: 'productCode',
          label: '编码',
          slot: 'productCode',
          align: 'center'
        },
        {
          width: 120,
          prop: 'specification',
          label: '规格',
          slot: 'specification',
          align: 'center'
        },
        {
          minWidth: 240,
          prop: 'taskName',
          label: '工序',
          slot: 'taskName',
          align: 'center'
        },
        this.isCustomerMark
          ? {
              minWidth: 120,
              prop: 'entrustedEnterpriseId',
              label: '受托企业',
              slot: 'entrustedEnterpriseId',
              show: this.isCustomerMark,
              align: 'center'
            }
          : {
              width: 1
            },
        {
          width: 250,
          prop: 'saleCount',
          label: '数量',
          slot: 'saleCount',
          headerSlot: this.isTotalCount ? 'headerTotalCount' : '',
          align: 'center'
        },
        // {
        //   width: 150,
        //   prop: 'saleUnit',
        //   label: '单位',
        //   slot: 'saleUnit',
        //   align: 'center'
        // }
      ];

      // 当quoteType为2时添加生产加工相关列
      if (this.quoteType === 2) {
        baseColumns.push(
          {
            width: 150,
            prop: 'thickNess',
            label: '厚度',
            slot: 'thickNess',
            align: 'center'
          },
          {
            width: 150,
            prop: 'squareNumber',
            label: '平方数',
            slot: 'squareNumber',
            align: 'center'
          },
          {
            width: 150,
            prop: 'processingFeeBeforeTax',
            label: '加工费(未税)',
            slot: 'processingFeeBeforeTax',
            align: 'center'
          },
          {
            width: 150,
            prop: 'packagingFeeNotTaxed',
            label: '包装费(未税)',
            slot: 'packagingFeeNotTaxed',
            align: 'center'
          },
          {
            width: 150,
            prop: 'transportationFeeWithoutTax',
            label: '运输费(未税)',
            slot: 'transportationFeeWithoutTax',
            align: 'center'
          },
          {
            width: 150,
            prop: 'untaxedSubtotal',
            label: '未税小计',
            slot: 'additionalTaxRate_untaxed',
            align: 'center'
          },
          {
            width: 150,
            prop: 'extraTax',
            label: '税率(%)',
            slot: 'extraTax',
            align: 'center'
          },
          {
            width: 150,
            prop: 'includingTaxPrice',
            label: '含税小计',
            slot: 'includingTaxPrice',
            align: 'center'
          }
        );
      }

      // 价格相关列
      const priceColumns = [
        {
          width: 160,
          prop: 'customerExpectDeliveryDeadline',
          label: this.contractBookType == 1 ? '客户期望交期' : '交付日期',
          slot: 'customerExpectDeliveryDeadline',
          headerSlot:
            this.isDate == 1 ? 'headerCustomerExpectDeliveryDeadline' : '',
          align: 'center'
        },

        {
          width: 180,
          prop: 'singleWeight',
          label: '单重',
          slot: 'singleWeight',
          headerSlot: 'headerSingleWeight',
          align: 'center',

          show: this.quoteType !== 2
        },
        // {
        //   width: 120,
        //   prop: 'weightUnit',
        //   label: '重量单位',
        //   slot: 'weightUnit',
        //   align: 'center',

        //   show: this.quoteType !== 2
        // },
        {
          minWidth: 120,
          prop: 'goodsLevel',
          label: '物品级别',
          slot: 'goodsLevel',
          align: 'center',

          show: this.quoteType !== 2
        },
        {
          width: 200,
          prop: 'totalCount',
          label: '计量数量',
          headerSlot: 'headerTotalCount',
          align: 'center',
          formatter: (_row, _column, cellValue) => {
               if (_row.totalCount) {
                return _row.totalCount + ' ' + _row.measuringUnit;
              }
          },
          show: this.quoteType !== 2
        },
        {
          width: 200,
          prop: 'customerMark',
          label: this.contractBookType == 1 ? '客户代号' : '供应商代号',
          slot: 'customerMark',
          headerSlot: this.isCustomerMark ? 'headerCustomerMark' : '',
          align: 'center',

          show: this.quoteType !== 2
        },
        {
          minWidth: 160,
          prop: 'productionCodes',
          label: '生产编号',
          align: 'center',

          show: this.quoteType !== 2 // 仅当quoteType不是2时显示
        },
        {
          width: 200,
          prop: 'productCategoryName',
          label: '类型',
          slot: 'productCategoryName',
          align: 'center',

          show: this.quoteType !== 2
        },
        {
          width: 120,
          prop: 'packingSpecification',
          align: 'center',
          label: '包装规格',
          showOverflowTooltip: true,

          show: this.quoteType !== 2
        },
        {
          width: 160,
          prop: 'goodsPriceType',
          label: '价格类型',
          slot: 'goodsPriceType',
          align: 'center',

          show: this.quoteType !== 2
        },
        {
          width: 200,
          prop: 'singlePrice',
          label: '单价',
          slot: 'singlePrice',
          headerSlot: this.isSinglePrice ? 'headerSinglePrice' : '',
          align: 'center',

          show: this.quoteType !== 2
        },
        {
          width: 160,
          prop: 'taxRate',
          label: '税率',
          slot: 'taxRate',
          align: 'center',
          headerSlot: this.isTaxRate == 1 ? 'headerTaxRate' : '',

          show: this.quoteType !== 2
        },
        {
          width: 180,
          prop: 'notaxSinglePrice',
          label: '不含税单价',
          slot: 'notaxSinglePrice',
          align: 'center',

          show: this.quoteType !== 2
        },
        this.isDiscount
          ? {
              width: 160,
              prop: 'discountSinglePrice',
              label: '折让单价',
              align: 'center',
              show: this.isDiscount,
              formatter: (_row, _column, cellValue) => {
                return _row.discountSinglePrice
                  ? Number(_row.discountSinglePrice).toFixed(2)
                  : '';
              }
            }
          : {
              width: 1
            },
        {
          width: 120,
          prop: 'totalPrice',
          label: '合计',
          slot: 'totalPrice',
          align: 'center'
        },
        this.isDiscount
          ? {
              width: 160,
              prop: 'discountTotalPrice',
              label: '折让合计',
              align: 'center',
              show: this.isDiscount,
              formatter: (_row, _column, cellValue) => {
                return _row.discountTotalPrice
                  ? Number(_row.discountTotalPrice).toFixed(2)
                  : '';
              }
            }
          : {
              width: 1
            }
      ];

      // 其他列
      const otherColumns = [
        {
          width: 110,
          prop: 'batchNo',
          label: '批次号',
          slot: 'batchNo',
          headerSlot: this.isBatchNo ? 'headerBatchNo' : '',
          align: 'center',

          show: this.quoteType !== 2
        },
        {
          width: 120,
          prop: 'availableCountBase',
          label: '库存数量',
          slot: 'availableCountBase',
          align: 'center',

          show: this.quoteType !== 2
        },
        // {
        //   width: 120,
        //   prop: 'measuringUnit',
        //   label: '计量单位',
        //   slot: 'measuringUnit',
        //   align: 'center'
        // },
        {
          prop: 'provenance',
          label: '产地',
          slot: 'provenance',
          align: 'center',
          showOverflowTooltip: true,
          minWidth: 200,

          show: this.quoteType !== 2
        },

        {
          width: 180,
          prop: 'totalWeight',
          label: '总重',
          slot: 'totalWeight',
          formatter: (_row, _column, cellValue) => {
               if (_row.totalWeight) {
                return _row.totalWeight + ' ' + _row.weightUnit;
              }
          },
          align: 'center'
        },
        {
          width: 160,
          prop: 'productBrand',
          label: '牌号',
          slot: 'productBrand',
          align: 'center',

          show: this.quoteType !== 2
        },
        {
          width: 120,
          prop: 'modelType',
          label: '型号',
          slot: 'modelType',
          align: 'center',

          show: this.quoteType !== 2
        },
        {
          width: 160,
          prop: 'modelKey',
          label: '机型',
          slot: 'modelKey',
          align: 'center',

          show: this.quoteType !== 2
        },
        {
          width: 160,
          prop: 'colorKey',
          label: '颜色',
          slot: 'colorKey',
          align: 'center',

          show: this.quoteType !== 2
        },
        {
          width: 120,
          prop: 'produceType',
          align: 'center',
          label: '属性类型',

          show: this.quoteType !== 2,
          showOverflowTooltip: true,
          formatter: (row, column) => {
            if (row.produceType) {
              return row.produceType
                .map((item) => {
                  return lbjtList[item];
                })
                .toString();
            }
          }
        },
        this.isArrivalWay
          ? {
              width: 160,
              prop: 'arrivalWay',
              label: '到货方式',
              slot: 'arrivalWay',
              align: 'center',
              show: this.isArrivalWay,

              show: this.quoteType !== 2
            }
          : {
              width: 1
            },
        this.contractBookType == 1
          ? {
              width: 160,
              prop: 'produceDeliveryDeadline',
              label: '生产交付交期',
              slot: 'produceDeliveryDeadline',
              headerSlot:
                this.isDate == 1 && this.isProduceDeliveryDeadline
                  ? 'headerProduceDeliveryDeadline'
                  : '',
              show: this.contractBookType == 1,
              align: 'center'
            }
          : {
              width: 1
            },
        {
          width: 200,
          prop: 'guaranteePeriod',
          label: '有效期',
          slot: 'guaranteePeriod',
          align: 'center',

          show: this.quoteType !== 2
        },
        this.isGuaranteePeriod
          ? {
              width: 200,
              prop: 'guaranteePeriodDeadline',
              label: '有效期截止日期',
              slot: 'guaranteePeriodDeadline',
              show: this.isGuaranteePeriod,
              align: 'center'
            }
          : {
              width: 1
            },
        {
          width: 120,
          prop: 'imgCode',
          align: 'center',
          label: '图号/件号',
          showOverflowTooltip: true,

          show: this.quoteType !== 2
        },
        {
          width: 220,
          prop: 'customerReqFiles',
          label: '客户需求',
          slot: 'customerReqFiles',
          align: 'center',

          show: this.quoteType !== 2
        },
        {
          width: 130,
          prop: 'technicalAnswerName',
          label: '技术答疑人',
          slot: 'technicalAnswerName',
          align: 'center',

          show: this.quoteType !== 2
        },
        {
          width: 220,
          prop: 'technicalParams',
          label: '技术参数',
          slot: 'technicalParams',
          align: 'center',

          show: this.quoteType !== 2
        },
        {
          width: 240,
          prop: 'technicalDrawings',
          label: '技术图纸',
          slot: 'technicalDrawings',
          align: 'center'
        },
        {
          width: 120,
          prop: 'drawingVersion',
          label: '图纸版本',
          align: 'center',

          show: this.quoteType !== 2
        },
        {
          width: 240,
          prop: 'technologyRouteName',
          label: '工艺路线',
          slot: 'technologyRouteName',
          align: 'center',

          show: this.quoteType !== 2
        },
        {
          width: 240,
          prop: 'industryArtFiles',
          label: '工艺附件',
          slot: 'industryArtFiles',
          align: 'center',

          show: this.quoteType !== 2
        },
        {
          width: 240,
          prop: 'otherFiles',
          label: '其他附件',
          slot: 'otherFiles',
          align: 'center',

          show: this.quoteType !== 2
        },
        {
          width: 220,
          prop: 'remark',
          label: '备注',
          slot: 'remark',
          align: 'center'
        },
        {
          columnKey: 'action',
          label: '操作',
          width: 120,
          align: 'center',
          resizable: false,
          slot: 'action',
          fixed: 'right',
          showOverflowTooltip: true
        }
      ];

      // 合并所有列
      return [...baseColumns, ...priceColumns, ...otherColumns];
    }
  },
  created() {
    parameterGetByCode({
      code: 'eom_inventoryTable_customerExpectDeliveryDeadline'
    }).then((res) => {
      if (res.value) {
        this.isDate = res.value;
      }
    });

    // 监听数据变化以重新计算含税单价
    let calculating = false;
    this.$watch(
      'form.datasource',
      (newVal) => {
        newVal.forEach((row, index) => {
          // 为每个行项目添加监听器，但使用标志位避免循环
          this.$watch(
            () => [
              row.processingFeeBeforeTax,
              row.packagingFeeNotTaxed,
              row.transportationFeeWithoutTax,
              row.extraTax,
              row[this.countObj.countKey]
            ],
            () => {
              if (!calculating) {
                calculating = true;
                this.calculateIncludingTaxPrice(row, index);
                this.changeAll();
                calculating = false;
              }
            },
            { deep: true }
          );
        });
      },
      { immediate: true, deep: true }
    );
  },
  methods: {
    handleCountChange(row, index) {
      // 数量变化时，若为生产加工类型，触发含税小计计算
      if (this.quoteType === 2) {
        this.calculateIncludingTaxPrice(row, index);
      } else {
        this.changeCount(row, index);
      }
    },
    packingChange(item, index) {
      this.$set(
        this.form.datasource[index],
        this.countObj.unitKey,
        item.conversionUnit
      );
    },
    openVersion(index) {
      this.$refs.versionRefs.open(index);
    },
    //设置分批到货时间
    handleMethod(row, index) {
      this.$refs.timeDialogRef.open(row, index);
    },
    chooseTime({ arrivalBatch, index }) {
      this.$set(
        this.form.datasource[index],
        'arrivalBatch',
        copyObj(arrivalBatch)
      );
    },
    //工艺路线
    changeProduct(data, index) {
      this.$set(this.form.datasource[index], 'technologyRouteName', data.name);
      this.$set(this.form.datasource[index], 'technologyRouteId', data.id);
    },
    handleTaskinstance(row, index) {
      this.taskinstanceDialogFlag = true;
      this.$nextTick(() => {
        this.$refs.taskinstanceDialogRef.open(row, index);
      });
    },
    saveTaskInstance(row = {}) {
      this.$set(this.form.datasource[row.index], 'taskId', row.id);
      this.$set(this.form.datasource[row.index], 'taskName', row.name);
      this.$set(
        this.form.datasource[row.index],
        'routingId',
        row.produceRoutingId
      );
    },
    async getSupplierObj(productList, queryName) {
      try {
        let categoryIds = productList
          .filter((item) => item.productId)
          .map((item) => item.productId);
        if (categoryIds.length > 0) {
          return await contactQueryByCategoryIdsAPI({
            categoryIds
          });
        } else {
          return Promise.resolve({});
        }
      } catch (e) {
        return Promise.resolve({});
      }
    },
    setDeliveryDays(row, index, type, isAll) {
      if (isAll) {
        this.form.datasource.forEach((item, i) => {
          let guaranteePeriodUnitName = this.guaranteePeriodUnit(
            item.guaranteePeriodUnitCode
          );

          this.$set(
            this.form.datasource[i],
            'guaranteePeriodDeadline',
            guaranteePeriodUnitName != 'second'
              ? this.setDay(item.guaranteePeriod, guaranteePeriodUnitName, item)
              : ''
          );
        });
        return;
      }

      if (type == 'guaranteePeriod') {
        let guaranteePeriodUnitName = this.guaranteePeriodUnit(
          row.guaranteePeriodUnitCode
        );
        this.$set(
          this.form.datasource[index],
          'guaranteePeriodDeadline',
          guaranteePeriodUnitName != 'second'
            ? this.setDay(row.guaranteePeriod, guaranteePeriodUnitName, row)
            : ''
        );
      }
    },
    guaranteePeriodUnit(code) {
      return code == 3
        ? 'day'
        : code == 4
        ? 'month'
        : code == 5
        ? 'year'
        : 'second';
    },
    setDay(addDay, dateType = 'day', item) {
      let tiem =
        this.contractBookType == 1
          ? item.produceDeliveryDeadline
          : item.customerExpectDeliveryDeadline;
      return dayjs(tiem || new Date())
        .add(addDay, dateType)
        .format('YYYY-MM-DD');
    },
    // 返回列表数据
    getTableValue() {
      let comitDatasource = copyObj(this.form.datasource);
      if (comitDatasource.length === 0) return [];
      comitDatasource.forEach((v) => {
        if (v.guaranteePeriodUnitCode) {
          v.guaranteePeriodUnitName = this.getDictValue(
            '保质期单位',
            v.guaranteePeriodUnitCode
          );
        }
        if (v.modelKey) {
          v.modelKey = v.modelKey.toString();
        }
        if (v.colorKey) {
          v.colorKey = v.colorKey.toString();
        }
        v.technicalDrawings = v.technicalDrawings ? v.technicalDrawings : [];
        v.customerReqFiles = v.customerReqFiles || [];
        v.industryArtFiles = v.industryArtFiles || [];
        v.otherFiles = v.otherFiles || [];
      });
      return comitDatasource;
    },
    getPrice() {
      return [this.allPrice, this.form.discountTotalPrice];
    },
    //改变数量
    changeCount(row, index) {
      if (!row) {
        this.form.datasource = this.form.datasource.map((item, i) => {
          return changeCount(item, this.countObj, false, this.quoteType);
        });
      } else {
        const updatedRow = changeCount(
          row,
          this.countObj,
          false,
          this.quoteType
        );
        this.$set(this.form.datasource, index, updatedRow);
      }

      this.$nextTick(() => {
        // 生产加工类型不需要计算不含税单价，但需要计算含税小计
        if (this.quoteType === 2) {
          if (row) {
            this.calculateIncludingTaxPrice(row, index);
          } else {
            this.form.datasource.forEach((item, i) => {
              this.calculateIncludingTaxPrice(item, i);
            });
          }
        } else {
          this.getNotaxSinglePrice();
        }
        this.changeAll();
      });
    },

    // 计算含税小计（原含税单价逻辑）
    calculateIncludingTaxPrice(row, index) {
      if (!row) return;

      // 计算未税小记
      const untaxedSubtotal =
        (Number(row.processingFeeBeforeTax) || 0) +
        (Number(row.packagingFeeNotTaxed) || 0) +
        (Number(row.transportationFeeWithoutTax) || 0);

      // 使用 $nextTick 确保响应式更新完成
      this.$nextTick(() => {
        this.$set(row, 'untaxedSubtotal', untaxedSubtotal.toFixed(2));

        // 计算含税小计
        const taxRate = (Number(row.extraTax) || 0) / 100;
        const includingTaxPrice = untaxedSubtotal * (1 + taxRate);
        this.$set(row, 'includingTaxPrice', includingTaxPrice.toFixed(2));

        // 为生产加工类型计算totalPrice
        if (this.quoteType === 2) {
          const quantity = Number(row[this.countObj.countKey]) || 1;
          const totalPrice = includingTaxPrice * quantity;
          this.$set(row, 'totalPrice', totalPrice.toFixed(2));

          // 强制更新总计
          this.$nextTick(() => {
            this.changeAll();
          });
        }
      });
    },

    changeAll() {
      // 确保生产加工类型的行都有正确的totalPrice
      if (this.quoteType === 2) {
        this.form.datasource.forEach((row, index) => {
          if (!row.totalPrice || row.totalPrice === '0.00') {
            this.calculateIncludingTaxPrice(row, index);
          }
        });
      }

      this.allPrice = getAllPrice(this.form.datasource) || 0;
      if (this.isDiscountTotalPrice) {
        this.form.discountTotalPrice = this.allPrice;
        this.$emit('setDiscountTotalPrice', this.allPrice);
      }
      this.$emit('setCountAmount', this.allPrice);
    },

    setCustomerMark(customerMark) {
      this.form.datasource.forEach((item) => {
        item['customerMark'] = customerMark;
        this.$forceUpdate();
      });
    },

    //计算不含税单价
    getNotaxSinglePrice() {
      this.form.datasource.forEach((item, index) => {
        if (item.singlePrice && item.taxRate) {
          this.$set(
            this.form.datasource[index],
            'notaxSinglePrice',
            parseFloat((item.singlePrice / (1 + item.taxRate / 100)).toFixed(2))
          );
        } else {
          this.$set(this.form.datasource[index], 'notaxSinglePrice', '');
        }
      });
    },
    //设置优惠后总金额修改产品单价
    discountInputByOrder(val) {
      this.form.discountTotalPrice = val;

      this.form.datasource.forEach((item, index) => {
        this.$set(
          this.form.datasource[index],
          'discountSinglePrice',
          this.getDiscountSinglePrice(item)
        );
        this.$set(
          this.form.datasource[index],
          'discountTotalPrice',
          this.getDiscountTotalPrice(item)
        );
      });
      this.$emit('setDiscountTotalPrice', val);

      this.$forceUpdate();
      this.$refs.table.reRenderTable();
    },
    setAllValueChange({ key, value }) {
      let indexS = this.selection.map((item) => item.key - 1);
      indexS.forEach((i) => {
        this.$set(this.form.datasource[i], key, value);
        this.setDeliveryDays(this.form.datasource[i], i, 'guaranteePeriod');
      });
    },
    //获取折让单价
    getDiscountSinglePrice(row) {
      let num =
        (Number(this.form.discountTotalPrice) / Number(this.allPrice)) *
        Number(row.singlePrice);
      return isNaN(num) ? '' : num;
    },

    //获取折让合计
    getDiscountTotalPrice(row) {
      let num = 0;
      num = Number(row.discountSinglePrice) * Number(row.totalCount);
      return isNaN(num) ? '' : num.toFixed(2);
    },
    orderNoChange(row, item) {
      row['orderId'] = item.orderId;
    },
    //修改回显
    async putTableValue(data) {
      let productList =
        (data &&
          (data.quoteProductList || data.productList || data.detailList)) ||
        [];
      if (productList) {
        let supplierObj = await this.getSupplierObj(productList, 'productId');

        productList.forEach((item, index) => {
          item['key'] = index + 1;
          if (item.modelKey) {
            item.modelKey = item.modelKey.split(',');
          }
          if (item.colorKey) {
            item.colorKey = item.colorKey.split(',');
          }
          item.pricingWay =
            item.pricingWay || data.pricingWay || data?.contractVO?.pricingWay;

          item.guaranteePeriodUnitCode = item.guaranteePeriodUnitCode
            ? item.guaranteePeriodUnitCode + ''
            : '';

          let guaranteePeriodUnitName = this.guaranteePeriodUnit(
            item.guaranteePeriodUnitCode
          );
          if (item.guaranteePeriod && item.guaranteePeriodUnitCode) {
            item['guaranteePeriodDeadline'] =
              item['guaranteePeriodDeadline'] ||
              guaranteePeriodUnitName != 'second'
                ? this.setDay(
                    item.guaranteePeriod,
                    guaranteePeriodUnitName,
                    item
                  )
                : '';
          }
          item.entrustedEnterpriseIdList = supplierObj[item.productId];
          // if (supplierObj[item.productId]?.length === 1) {
          //   item.entrustedEnterpriseId = supplierObj[item.productId][0].id;
          // }
          item['customerMark'] = item.customerMark || this.customerMark;
          item['arrivalWay'] = item.arrivalWay || 1;

          // 当quoteType为2时，数量默认设置为1
          if (
            this.quoteType === 2 &&
            item[this.countObj.countKey] === undefined
          ) {
            item[this.countObj.countKey] = 1;
          }

          // 初始化生产加工特有字段及未税小记
          if (this.quoteType === 2) {
            item.thickNess = item.thickNess || '';
            item.squareNumber = item.squareNumber || '';
            item.processingFeeBeforeTax = item.processingFeeBeforeTax || '';
            item.packagingFeeNotTaxed = item.packagingFeeNotTaxed || '';
            item.transportationFeeWithoutTax =
              item.transportationFeeWithoutTax || '';
            item.extraTax = item.extraTax || '13'; // 设置默认税率
            // 强制计算一次
            const untaxedSubtotal =
              (Number(item.processingFeeBeforeTax) || 0) +
              (Number(item.packagingFeeNotTaxed) || 0) +
              (Number(item.transportationFeeWithoutTax) || 0);
            item.untaxedSubtotal = untaxedSubtotal.toFixed(2);

            const taxRate = (Number(item.extraTax) || 0) / 100;
            const includingTaxPrice = untaxedSubtotal * (1 + taxRate);
            item.includingTaxPrice = includingTaxPrice.toFixed(2);

            const quantity = Number(item[this.countObj.countKey]) || 1;
            item.totalPrice = (includingTaxPrice * quantity).toFixed(2);
          }
        });
        this.form.datasource = productList;

        let codeList = this.form.datasource
          .filter((item) => item.productCode)
          .map((item) => item.productCode);
        //获取仓库库存
        let inventoryTotalList = await getInventoryTotalAPI(codeList);
        this.form.datasource
          .filter((item) => item.productCode)
          .forEach((item, index) => {
            let find =
              inventoryTotalList.find((key) => key.code == item.productCode) ||
              {};
            this.form.datasource;
            this.$set(
              this.form.datasource[index],
              'availableCountBase',
              find.availableCountBase
            );
          });
        if (this.isChangeCount) {
          this.changeCount();
        } else {
          this.allPrice = data.totalAmount || data?.contractVO?.totalPrice;
        }

        if (this.isDiscountTotalPrice) {
          this.form.discountTotalPrice =
            data.payAmount || data?.contractVO?.discountTotalPrice;
        }
        this.$refs.table.reload();

        // 额外确保计算一次
        this.$nextTick(() => {
          this.changeAll();
        });
      }
    },

    //选择产品
    handParent(row, index) {
      let item = {
        id: row?.productCode
      };
      if (row?.goodsId) {
        this.handGoods(index);
        return;
      }
      if (this.needProduce == 1 || this.needProduce == 2) {
        this.$refs.productListRef.open(item, index);
      } else {
        this.$refs.selectStockLedgerDialogRef.open(item, index);
      }
    },
    handGoods(index) {
      this.$refs.commodityPriceListDialogRef.open(index);
    },
    //选择技术人回调
    changeAnswer(obj, idx) {
      this.$set(this.form.datasource[idx], 'technicalAnswerId', obj.id);
      this.$set(this.form.datasource[idx], 'technicalAnswerName', obj.name);
    },
    handHead(row, index) {
      let item = {
        id: row.technicalAnswerId
      };
      this.$refs.headRef.open(item, index);
    },
    //选择产品回调
    changeParent(obj, idx) {
      obj.forEach((item, index) => {
        let i = idx == -1 ? index : idx;
        let row = JSON.parse(JSON.stringify(this.defaultForm));
        row.key = this.form.datasource.length + 1;
        let parasm = idx == -1 ? row : this.form.datasource[i];

        this.$set(parasm, 'productId', item.id);
        this.$set(parasm, 'categoryName', item.name);
        this.$set(parasm, 'productCategoryId', item.categoryLevelId);
        this.$set(parasm, 'productBrand', item.brandNum);
        this.$set(parasm, 'productCategoryName', item.categoryLevelPath);
        this.$set(parasm, 'productCode', item.code);
        this.$set(parasm, 'productName', item.name);
        this.$set(parasm, 'modelType', item.modelType);
        this.$set(parasm, 'availableCountBase', item.availableCountBase);
        this.$set(parasm, 'measuringUnit', item.measuringUnit);
        this.$set(parasm, 'specification', item.specification);
        this.$set(parasm, 'weightUnit', item.weightUnit);
        this.$set(parasm, 'singleWeight', item.netWeight);
        this.$set(parasm, 'pricingWay', 1);
        this.$set(parasm, 'goodsLevel', item.goodsLevel);
        this.$set(parasm, 'guaranteePeriod', item.warrantyPeriod);
        if (item.modelKey) {
          this.$set(parasm, 'modelKey', item.modelKey.split(','));
        }
        if (item.colorKey) {
          this.$set(parasm, 'colorKey', item.colorKey.split(','));
        }
        if (this.defTaxRate) {
          this.$set(parasm, 'taxRate', parasm.taxRate || this.defTaxRate);
        }
        this.$set(
          parasm,
          'guaranteePeriodUnitCode',
          item.warrantyPeriodUnit ? item.warrantyPeriodUnit + '' : ''
        );
        if (item.warrantyPeriod && item.warrantyPeriodUnit) {
          this.$set(
            parasm,
            'guaranteePeriodDeadline',
            this.setDay(
              item.warrantyPeriod,
              this.guaranteePeriodUnit(item.warrantyPeriodUnit),
              {}
            )
          );
        }
        this.$set(
          parasm,
          'packageDispositionList',
          item.packageDispositionList
        );
        if (item.packageDispositionList?.length) {
          this.$set(
            parasm,
            this.countObj.unitIdKey,
            item.packageDispositionList[0].id
          );
          this.$set(
            parasm,
            this.countObj.unitKey,
            item.packageDispositionList[0].conversionUnit
          );
        }

        this.$set(parasm, 'arrivalWay', item.arrivalWay || 1);

        this.$set(parasm, 'imgCode', item.imgCode);
        this.$set(parasm, 'produceType', item.componentAttribute);
        if (this.isOrderNo) {
          this.$set(parasm, 'orderNo', this.orderOption[0]?.orderNo);
          this.$set(parasm, 'orderId', this.orderOption[0]?.orderId);
        }
        if (this.isGoods && item.goodsId) {
          this.$set(parasm, 'goodsId', item.goodsId);
          this.$set(parasm, 'goodsPriceId', item.goodsPriceId);
          this.$set(parasm, 'goodsPriceType', item.goodsPriceType);
          this.$set(parasm, 'singlePrice', item.singlePrice);
          this.$set(parasm, 'notaxSinglePrice', item.notaxSinglePrice);
          this.$set(parasm, 'taxRate', item.taxRate);
          this.$set(parasm, 'discountSinglePrice', item.singlePrice);
          this.$set(parasm, 'totalCount', '');
        } else {
          this.$set(parasm, 'singlePrice', parasm.singlePrice || 0);
        }

        // 当quoteType为2时，数量默认设置为1
        if (this.quoteType === 2) {
          this.$set(parasm, this.countObj.countKey, 1);
        }

        if (this.isSupplier) {
          this.$set(
            parasm,
            'entrustedEnterpriseIdList',
            item.entrustedEnterpriseIdList
          );
          this.$set(
            parasm,
            'entrustedEnterpriseId',
            item.entrustedEnterpriseId
          );
        }
        this.$set(parasm, 'approvalNumber', item.extField?.approvalNumber);
        this.$set(
          parasm,
          'packingSpecification',
          item.extField.packingSpecification
        );
        this.$set(parasm, 'customerMark', this.customerMark);
        if (item.purchaseOrigins?.length > 0) {
          item.purchaseOrigins = item.purchaseOrigins.map((val) => val + '');
        }
        this.$set(parasm, 'provenance', item.purchaseOrigins || []);

        // 初始化生产加工特有字段及未税小记
        if (this.quoteType === 2) {
          parasm.thickNess = '';
          parasm.squareNumber = '';
          parasm.processingFeeBeforeTax = '';
          parasm.packagingFeeNotTaxed = '';
          parasm.transportationFeeWithoutTax = '';
          parasm.extraTax = 13;
          parasm.untaxedSubtotal = '0.00';
          parasm.includingTaxPrice = '';
        }

        if (idx == -1) {
          this.form.datasource.push(row);
        }
      });
      this.changeCount();
    },
    replaceTable(obj, idx) {
      obj.forEach(async (item, index) => {
        let i = idx == -1 ? index : idx;
        let row = JSON.parse(JSON.stringify(this.defaultForm));
        row.key = this.form.datasource.length + 1;
        let parasm = idx == -1 ? row : this.form.datasource[i];
        this.$set(parasm, 'customerMark', this.customerMark);

        this.$set(parasm, 'productId', item.productId);
        this.$set(parasm, 'categoryName', item.productName);
        this.$set(parasm, 'productCategoryId', item.categoryLevelId);
        this.$set(parasm, 'productBrand', item.productBrand);
        this.$set(parasm, 'productCategoryName', item.categoryLevelPath);
        this.$set(parasm, 'productCode', item.productCode);
        this.$set(parasm, 'productName', item.productName);
        this.$set(parasm, 'modelType', item.categoryModel);
        this.$set(parasm, 'availableCountBase', item.measureQuantity);
        this.$set(parasm, 'measuringUnit', item.measuringUnit);
        this.$set(parasm, 'specification', item.specification);
        this.$set(parasm, 'weightUnit', item.weightUnit);
        this.$set(parasm, 'singleWeight', item.weight);
        this.$set(parasm, 'pricingWay', 1);
        this.$set(parasm, 'arrivalWay', item.arrivalWay || 1);
        this.$set(parasm, 'batchNo', item.batchNo);
        this.$set(parasm, 'imgCode', '');
        this.$set(parasm, 'produceType', item.componentAttribute);
        let goodsData = await getGoodsByCategoryId(item.productId);
        goodsData = goodsData.filter((item) => item.approvalStatus == 2);
        if (goodsData?.length) {
          let goodsPriceList = goodsData[0]?.goodsPriceList[0];
          this.$set(parasm, 'goodsId', goodsData[0].id);
          this.$set(parasm, 'goodsPriceId', goodsPriceList.id);
          this.$set(parasm, 'goodsPriceType', goodsPriceList.priceType);
          this.$set(parasm, 'singlePrice', goodsPriceList.unitPrice || 0);
          this.$set(parasm, 'notaxSinglePrice', goodsPriceList.excludeTaxPrice);
          this.$set(parasm, 'taxRate', goodsPriceList.taxRate);
          this.$set(parasm, 'discountSinglePrice', goodsPriceList.unitPrice);
          this.$set(parasm, 'totalCount', '');
        } else {
          this.$set(parasm, 'singlePrice', 0);
        }
        if (item.modelKey) {
          this.$set(parasm, 'modelKey', item.modelKey.split(','));
        }
        if (item.colorKey) {
          this.$set(parasm, 'colorKey', item.colorKey.split(','));
        }
        if (this.isSupplier) {
          this.$set(
            parasm,
            'entrustedEnterpriseIdList',
            item.entrustedEnterpriseIdList
          );
          this.$set(
            parasm,
            'entrustedEnterpriseId',
            item.entrustedEnterpriseId
          );
        }
        this.$set(parasm, 'approvalNumber', item.extField?.approvalNumber);
        this.$set(
          parasm,
          'packingSpecification',
          item.extField.packingSpecification
        );

        this.$set(
          parasm,
          'packageDispositionList',
          item.packageDispositionList
        );
        if (item.packageDispositionList?.length) {
          this.$set(
            parasm,
            this.countObj.unitIdKey,
            item.packageDispositionList[0].id
          );
          this.$set(
            parasm,
            this.countObj.unitKey,
            item.packageDispositionList[0].conversionUnit
          );
        }

        this.$set(parasm, 'customerMark', this.customerMark);
        if (item.purchaseOrigins?.length > 0) {
          item.purchaseOrigins = item.purchaseOrigins.map((val) => val + '');
        }
        this.$set(parasm, 'provenance', item.purchaseOrigins || []);

        // 当quoteType为2时，数量默认设置为1
        if (this.quoteType === 2) {
          this.$set(parasm, this.countObj.countKey, 1);
        }

        // 初始化生产加工特有字段及未税小记
        if (this.quoteType === 2) {
          parasm.thickNess = '';
          parasm.squareNumber = '';
          parasm.processingFeeBeforeTax = '';
          parasm.packagingFeeNotTaxed = '';
          parasm.transportationFeeWithoutTax = '';
          parasm.extraTax = '';
          parasm.untaxedSubtotal = '0.00';
          parasm.includingTaxPrice = '';
        }

        if (idx == -1) {
          this.form.datasource.push(row);
        }
      });
    },
    remove(index) {
      this.form.datasource.splice(index, 1);
      this.setSort();
      this.changeAll();
    },

    // 重新排序
    setSort() {
      this.form.datasource.forEach((n, index) => {
        n.key = index + 1;
      });
    },
    // 添加临时产品
    handlAdd() {
      let item = JSON.parse(JSON.stringify(this.defaultForm));
      item.key = this.form.datasource.length + 1;
      item.customerMark = this.customerMark;

      // 当quoteType为2时，数量默认设置为1
      if (this.quoteType === 2) {
        item[this.countObj.countKey] = 1;
      }

      // 初始化生产加工特有字段及未税小记
      if (this.quoteType === 2) {
        item.thickNess = '';
        item.squareNumber = '';
        item.processingFeeBeforeTax = '';
        item.packagingFeeNotTaxed = '';
        item.transportationFeeWithoutTax = '';
        item.extraTax = '';
        item.untaxedSubtotal = '0.00';
        item.includingTaxPrice = '';
      }

      this.form.datasource.push(item);
    },

    validateForm(callback) {
      this.$refs.form.validate((valid, obj) => {
        if (obj) {
          let messages = Object.keys(obj).map((key) => obj[key][0]);
          if (messages.length > 0) {
            this.$message.warning(messages[0].message);
          }
        }
        callback(valid);
      });
    },
    goodsPriceTypeChange(row, index) {
      if (row.goodsId) {
        getGoodsPriceByCondition({
          id: row.goodsId,
          priceType: row.goodsPriceType
        }).then((res) => {
          if (res.id) {
            this.$set(this.form.datasource[index], 'goodsPriceId', res.id);
            this.$set(
              this.form.datasource[index],
              'goodsPriceType',
              res.priceType
            );
            this.$set(
              this.form.datasource[index],
              'singlePrice',
              res.unitPrice
            );
            this.$set(
              this.form.datasource[index],
              'notaxSinglePrice',
              res.excludeTaxPrice
            );
            this.$set(this.form.datasource[index], 'taxRate', res.taxRate);
            this.$set(
              this.form.datasource[index],
              'discountSinglePrice',
              res.unitPrice
            );
          }
          this.changeCount(row, index);
        });
      }
    },
    save() {
      this.$emit('save');
    }
  }
};
</script>
<style lang="scss" scoped>
.headbox {
  display: flex;
  justify-content: space-between;
  align-items: center;

  .amount {
    font-size: 14px;
    font-weight: bold;
    padding-right: 30px;
  }
}

.time-form .el-form-item {
  margin-bottom: 0 !important;
}

::v-deep .period {
  display: flex;

  .borderleftnone {
    .el-input--medium .el-input__inner {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }

  .borderrightnone {
    .el-input--medium .el-input__inner {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
  }
}

::v-deep .time-form tbody > tr:hover > td {
  background-color: transparent !important;
}

::v-deep .time-form .el-table tr {
  background-color: #ffffff;
}

.pricebox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: bold;
}
</style>