kd-aiot-frontend-eom/src/views/saleManage/saleOrder/accountstatement/components/inventoryTable.vue

<template>
  <div>
    <!-- <div v-for="(item) in datasource" style="margin-bottom: 10px">
      <div>
        <div style="margin-bottom: 10px;font-weight: bold;">
          <div>
            <el-divider direction="vertical"></el-divider>
            <span><span>{{ index + 1 }}</span> 销售订单：</span>
            <span>{{ item.orderNo }}</span>
            <el-divider direction="vertical"></el-divider> -->
            <!-- <span>计价方式：</span>
            <span> {{ item.pricingWay == 1 ? '按数量计费' : '按重量计费' }}</span> -->
            <!-- <el-divider direction="vertical"></el-divider> -->
            <!-- <span>总金额：</span>
            <span>{{item.amountTotalPrice}}</span>
            <el-divider direction="vertical"></el-divider>
            <span>应收金额：</span>
            <span>{{item.amountReceivablePrice}}</span>
            <el-divider direction="vertical"></el-divider>
            <span>应付金额：</span>
            <span>{{item.amountPayablePrice}}</span>
          

          </div>
        </div>
        <template v-if="item.orderType!=6">
          <div  v-for="(j,i) in item.subList" :key="i">
            <ele-pro-table :show-summary="true" :summary-method="getSummaries" ref="table" row-key="id" :needPage="false"
                           :columns="getColumns(j)" max-height="500px" style="margin-bottom: 10px"
                           :sub-title="getTitle(j)" :toolkit="[]" :datasource="j.detailList"
                           cache-key="systemRoleTable17-11121" class="time-form">
              <template v-slot:action="{ row,$index }">
                <el-popconfirm class="ele-action" title="确定要删除吗？" @confirm="remove(index,$index,'line')">
                  <template v-slot:reference>
                    <el-link type="danger" v-if="dialogType!=='view'" :underline="false" icon="el-icon-delete">
                      删除
                    </el-link>
                  </template>
                </el-popconfirm>
              </template>
            </ele-pro-table>
          </div>
        </template>
        <div v-else>
          <ele-pro-table :show-summary="true" :summary-method="getSummaries" ref="table" row-key="id" :needPage="false"
                         :columns="getColumns({subType:10})" sub-title="赔付订单" max-height="500px" style="margin-bottom: 10px"
                         :toolkit="[]" :datasource="item.detailList"
                         cache-key="systemRoleTable17-11121" class="time-form">
            <template v-slot:action="{ row,$index }">
              <el-popconfirm class="ele-action" title="确定要删除吗？" @confirm="remove(index,$index,'line')">
                <template v-slot:reference>
                  <el-link type="danger" v-if="dialogType!=='view'" :underline="false" icon="el-icon-delete">
                    删除
                  </el-link>
                </template>
              </el-popconfirm>
            </template> -->
            <!--            <template v-slot:productName="{ row,$index }">-->
            <!--              <el-popover-->
            <!--                placement="right"-->
            <!--                width="60%"-->
            <!--                trigger="hover">-->
            <!--                <ele-pro-table ref="childrenTable"-->
            <!--                               row-key="id"-->
            <!--                               max-height="300px"-->
            <!--                               :needPage="false" :columns="childrenColumns" :toolkit="[]"-->
            <!--                               :datasource="row.productList"-->
            <!--                               cache-key="systemRoleTable17-222" class="time-form">-->
            <!--                </ele-pro-table>-->
            <!--                <el-button type="text" slot="reference">{{ row.productName }}</el-button>-->
            <!--              </el-popover>-->
            <!--            </template>-->
          <!-- </ele-pro-table>
        </div>
      </div>
    </div> -->

    <el-collapse  v-model="activeNames">
      <el-collapse-item v-for="(item, index) in datasource" :key="index" :name="index">
        <template slot="title">
          <div class="collapse-title">
            <div class="collapse-title-left"><span class="collapse-title-index">{{ index + 1 }}</span> {{ type === 'purchase' ? '采购订单' : '销售订单' }}：{{ item.orderNo }}</div>
            <div class="collapse-title-right">
              <span>订单金额：{{ item.orderAmount || 0 }}元</span>
              <span>已对账金额：{{ item.statementAmount || 0 }}元</span>
              <span>未对账金额：{{ item.unStatementAmount || 0 }}元</span>
              <span>本次对账金额：{{ item.amountTotalPrice || 0 }}元</span>
            </div>
          </div>
        </template>
        <div>
          <el-tabs type="border-card">
            <el-tab-pane :label="type === 'purchase' ? '收货单' : '发货单'">
              <el-form :ref="'form' + index" :model="item">
                <ele-pro-table :show-summary="false" :summary-method="getSummaries" ref="table" row-key="id" :needPage="false"
                            :columns="getColumns(item, 'deliveryProducts')" max-height="500px" style="margin-bottom: 10px" :datasource="item.deliveryProducts || []"
                            cache-key="systemRoleTable17-11121" class="time-form">
                  <template v-slot:toolbar>
                    <div class="headbox">
                      <div>
                        <span class="amount">对账金额合计：{{ getSummariesA(item.deliveryProducts || []) }}元</span>
                      </div>
                    </div>
                  </template>

                  <template v-slot:singlePrice="scope">
                    <el-form-item
                      style="margin-bottom: 20px"
                      :prop="'deliveryProducts.' + scope.$index + '.singlePrice'"
                      :rules="{
                        required: true,
                        message: '请输入正确的单价',
                        trigger: 'change'
                      }"
                    >
                      <el-input
                        v-model="scope.row.singlePrice"
                        placeholder="请输入"
                        @input="changeCount(scope.row, scope.$index, item, index)"
                        :disabled="item.orderCategory != 4 || dialogType === 'view'"
                        type="number"
                      >
                        <template slot="append">元</template>
                      </el-input>
                    </el-form-item>
                  </template>

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

                  <template v-slot:discountRatio="scope">
                    <el-form-item
                      :prop="'deliveryProducts.' + scope.$index + '.discountRatio'"
                      :rules="{
                        required: true,
                        message: '请输入折让比例',
                        trigger: 'change'
                      }"
                    >
                      <el-input
                        v-model="scope.row.discountRatio"
                        placeholder="请输入"
                        type="number"
                        :min="0"
                        :max="100"
                        :disabled="item.orderCategory != 4 || dialogType === 'view'"
                        @input="getDiscountRatioPrice(scope.row, scope.$index)"
                      >
                        <template slot="append">%</template>
                      </el-input>
                    </el-form-item>
                  </template>

                  <template v-slot:action="{ row,$index }">
                    <el-popconfirm class="ele-action" title="确定要删除吗？" @confirm="remove(index,$index,'line')">
                      <template v-slot:reference>
                        <el-link type="danger" v-if="dialogType!=='view'" :underline="false" icon="el-icon-delete">
                          删除
                        </el-link>
                      </template>
                    </el-popconfirm>
                  </template>
                </ele-pro-table>
              </el-form>
            </el-tab-pane>
            <el-tab-pane label="退货单">
              <ele-pro-table :show-summary="false" :summary-method="getSummaries" ref="table" row-key="id" :needPage="false"
                          :columns="getColumns(item, 'returnProducts')" max-height="500px" style="margin-bottom: 10px" :datasource="item.returnProducts || []"
                          cache-key="systemRoleTable17-11122" class="time-form">
                <template v-slot:toolbar>
                  <div class="headbox">
                    <div>
                      <span class="amount">对账金额合计：{{ getSummariesA(item.returnProducts || []) }}元</span>
                    </div>
                  </div>
                </template>
                <template v-slot:action="{ row,$index }">
                  <el-popconfirm class="ele-action" title="确定要删除吗？" @confirm="remove(index,$index,'line')">
                    <template v-slot:reference>
                      <el-link type="danger" v-if="dialogType!=='view'" :underline="false" icon="el-icon-delete">
                        删除
                      </el-link>
                    </template>
                  </el-popconfirm>
                </template>
              </ele-pro-table>
            </el-tab-pane>
          </el-tabs>
          
        </div>
      </el-collapse-item>
    </el-collapse>

<!--    <el-row v-if="dialogType=='view'" style="margin-top: 10px">-->
<!--      <el-col :span="6" style="float: right;">-->
<!--        <el-descriptions class="margin-top" direction="vertical" :column="3" size="small" border>-->
<!--          <el-descriptions-item label="本期应收款总额">{{ dataForm.amountReceivablePrice }}</el-descriptions-item>-->
<!--          <el-descriptions-item label="截止上期欠款">-->
<!--            <template>{{ dataForm.previousPeriodEndDebt }}</template>-->
<!--          </el-descriptions-item>-->
<!--        </el-descriptions>-->
<!--      </el-col>-->
<!--    </el-row>-->
  </div>

</template>
<script>
import dictMixins from '@/mixins/dictMixins';
import { pricingWayList } from '@/enum/dict';
import { parameterGetByCode } from '@/api/main/index.js';
import { changeCount } from '@/BIZComponents/setProduct.js';

export default {
  mixins: [dictMixins],
  components: {},
  props: ['datasource', 'dialogType', 'dataForm', 'type'],
  computed: {
    getColumns() {
      return (item, type)=>{
        let basicFields = [
          {
            width: 60,
            label: '序号',
            type: 'index',
            columnKey: 'index',
            align: 'center',
            fixed: 'left'
          },
          {
            minWidth: 130,
            prop: 'statementSubOrderNo',
            label: type == 'deliveryProducts'? this.type === 'purchase'?'收货单编码':'发货单编码':'退货单编码',
            align: 'center',
            slot: 'statementSubOrderNo',
            showOverflowTooltip: true
          },
          {
            minWidth: 130,
            prop: 'productOperateTime',
            label: type == 'deliveryProducts'? this.type === 'purchase'?'收货日期':'发货日期':'退货日期',
            align: 'center',
            slot: 'productOperateTime',
            showOverflowTooltip: true
          },
          {
            minWidth: 120,
            prop: 'productCode',
            label: '产品编码',
            slot: 'productCode',
            align: 'center',
            showOverflowTooltip: true
          },
          {
            minWidth: 140,
            prop: 'productName',
            label: '产品名称',
            slot: 'productName',
            align: 'center',
            showOverflowTooltip: true
          },
          // {
          //   minWidth: 140,
          //   prop: 'subType',
          //   label: '退货产品类型',
          //   slot: 'subType',
          //   align: 'center',
          //   show:j.subType==11,
          //   showOverflowTooltip: true,formatter(_row, _column, cellValue){
          //     return cellValue==12?'实物赔偿':'原货'
          //   }
          // },
          
          {
            minWidth: 100,
            prop: 'specification',
            label: '规格',
            align: 'center',
            slot: 'specification',
            showOverflowTooltip: true
          },
          {
            minWidth: 100,
            prop: 'modelType',
            label: '型号',
            align: 'center',
            slot: 'modelType',
            showOverflowTooltip: true
          },
          // {
          //   prop: 'provenance',
          //   label: '产地',
          //   slot: 'provenance',
          //   align: 'center',
          //   // show:this.contractBookType==2,
          //   minWidth: 200,
          //   showOverflowTooltip: true,
          //   formatter: (row, column) => {
       
          //     return row.provenance && row.provenance.length
          //       ? row.provenance
          //           .map((item) => this.getDictValue('产地', item ))
          //           .join(',')
          //       : '';
          //   }
          // },
          {
            minWidth: 100,
            prop: 'pricingWay',
            label: '计价方式',
            align: 'center',
            slot: 'pricingWay',
            showOverflowTooltip: true,
            formatter: (_row, _column, cellValue) => {
              let pricingWay = pricingWayList.find(item => item.id == cellValue)
              return pricingWay ? pricingWay.name : ''
            }
          },
          {
            minWidth: 100,
            prop: 'totalCount',
            label: '数量',
            align: 'center',
            slot: 'totalCount'
          },
          {
            minWidth: 120,
            prop: 'measuringUnit',
            label: '计量单位',
            align: 'center',
            slot: 'measuringUnit'
          },
          {
            width: 100,
            prop: 'receiveTotalWeight',
            label: '收货总重',
            slot: 'receiveTotalWeight',
            align: "center"
          },
          {
            width: 100,
            prop: 'sendTotalWeight',
            label: '发货总重',
            slot: 'sendTotalWeight',
            align: "center",
            headerSlot: 'headerTotalCount'
          },

          {
            width: 100,
            prop: 'increaseTotalWeight',
            label: '增重重量',
            slot: 'increaseTotalWeight',
            align: "center"
          },
          {
            width: 100,
            prop: 'weightUnit',
            label: '重量单位',
            slot: 'weightUnit',
            align: "center"
          },
          {
            minWidth: 160,
            prop: 'singlePrice',
            label: '单价',
            align: 'center',
            slot: 'singlePrice',
          },
          {
            minWidth: 160,
            prop: 'taxRate',
            label: '税率',
            align: 'center',
            slot: 'taxRate',
          },
          {
            width: 140,
            prop: 'noTaxSinglePrice',
            label: '不含税单价',
            align: 'center'
          },
          {
            minWidth: 120,
            prop: 'totalPrice',
            label: '合计',
            slot: 'totalPrice',
            align: 'center',
          },
          {
            minWidth: 160,
            prop: 'discountRatio',
            label: '折让比例',
            align: 'center',
            slot: 'discountRatio',
          },
          {
            minWidth: 100,
            prop: 'discountSinglePrice',
            label: '折让单价',
            align: 'center',
          },
          {
            minWidth: 120,
            prop: 'discountTotalPrice',
            label: '折让合计',
            slot: 'discountTotalPrice',
            align: 'center',
          },
    

        ]
        let permissionType = {
          // 'financeLeader': [
          //   {
          //     minWidth: 130,
          //     prop: 'receivedPrice',
          //     label: '已收款金额',
          //     align: 'center',
          //     slot: 'receivedPrice',
          //     headerSlot: 'headerReceivedPrice'
          //   },
          //   {
          //     minWidth: 130,
          //     prop: 'receivablePrice',
          //     label: '应收款金额',
          //     align: 'center',
          //     slot: 'receivablePrice',
          //   },
          //   {
          //     minWidth: 140,
          //     prop: 'receivableDate',
          //     label: '应收款日期',
          //     align: 'center',
          //     slot: 'receivableDate',
          //     headerSlot: 'headerReceivableDate'
          //   },
          //   {
          //     minWidth: 130,
          //     prop: 'invoicedPrice',
          //     label: '已开票金额',
          //     align: 'center',
          //     slot: 'invoicedPrice',
          //     headerSlot: 'headerInvoicedPrice'
          //   },
          //   {
          //     minWidth: 130,
          //     prop: 'notInvoicedPrice',
          //     label: '未开票金额',
          //     align: 'center',
          //     slot: 'notInvoicedPrice'
          //   },
          // ],
          // 'leader': [
          //   {
          //     minWidth: 130,
          //     prop: 'receivedPrice',
          //     label: '已收款金额',
          //     align: 'center',
          //     slot: 'receivedPrice'
          //   },
          //   {
          //     minWidth: 130,
          //     prop: 'receivablePrice',
          //     label: '应收款金额',
          //     align: 'center',
          //     slot: 'receivablePrice'
          //   },
          //   {
          //     minWidth: 140,
          //     prop: 'receivableDate',
          //     label: '应收款日期',
          //     align: 'center',
          //     slot: 'receivableDate'
          //   },
          //   {
          //     minWidth: 130,
          //     prop: 'invoicedPrice',
          //     label: '已开票金额',
          //     align: 'center',
          //     slot: 'invoicedPrice'
          //   },
          //   {
          //     minWidth: 130,
          //     prop: 'notInvoicedPrice',
          //     label: '未开票金额',
          //     align: 'center',
          //     slot: 'notInvoicedPrice'
          //   },
          // ],
          // 'uploadReceipt': [
          //   {
          //     minWidth: 130,
          //     prop: 'receivedPrice',
          //     label: '已收款金额',
          //     align: 'center',
          //     slot: 'receivedPrice'
          //   },
          //   {
          //     minWidth: 130,
          //     prop: 'receivablePrice',
          //     label: '应收款金额',
          //     align: 'center',
          //     slot: 'receivablePrice'
          //   },
          //   {
          //     minWidth: 140,
          //     prop: 'receivableDate',
          //     label: '应收款日期',
          //     align: 'center',
          //     slot: 'receivableDate'
          //   },
          //   {
          //     minWidth: 130,
          //     prop: 'invoicedPrice',
          //     label: '已开票金额',
          //     align: 'center',
          //     slot: 'invoicedPrice'
          //   },
          //   {
          //     minWidth: 130,
          //     prop: 'notInvoicedPrice',
          //     label: '未开票金额',
          //     align: 'center',
          //     slot: 'notInvoicedPrice'
          //   },
          // ],
        }
        permissionType[this.taskDefinitionKey] && basicFields.push(...permissionType[this.taskDefinitionKey])
        return basicFields
      }
    },
    getTitle(){
        return (item, type)=>{
        //   let title=this.subTypeList[j.subType]+(j.statementSubOrderCode||'')+' '
        //   if(j.subType==11&&j.subExecType){
        //          if(j.subExecType=='10'){
        //           title=title+' 退货方式：全部原货 '
        //          }
        //          if(j.subExecType=='20'){
        //           title=title+' 退货方式：部分原货+实物赔偿'
        //          }
        //          if(j.subExecType=='30'){
        //           title=title+' 退货方式：部分原货+现金赔偿 '+' 赔偿金额：'+j.amountPayablePrice
        //          }
        //          if(j.subExecType=='40'){
        //           title=title+' 退货方式：全部实物赔偿'
        //          }
        //          if(j.subExecType=='50'){
        //           title=title+' 退货方式：全部现金赔偿  '+' 赔偿金额：'+j.amountPayablePrice
        //          }
        //   }
        console.log(item[type])
          const total = item[type]?.reduce((prev, curr) => {
            console.log(curr.discountTotalPrice)
            return prev + Number(curr.discountTotalPrice || 0) + '元';
          }, 0);
          return `对账金额合计：${total}`
        }
      },
      getFHDatasource() {
        return (item)=>{
          return item.subList?.detailList
        }
      },
      clientEnvironmentId() {
        return this.$store.state.user.info.clientEnvironmentId;
      },
  },
  data() {
    return {
      isTaxRate: 0,
      activeNames: [],
      rules: {},
      form: {},
      subTypeList:{
        10:'发货单：',
        11:'退货单：',
        12:'实物赔偿清单：',
        30:'调拨单：',
      },
      subColumnsTypeList:{
        10: '发货',
        11: '退货',
        30: '调拨'
      },
    };
  },
  watch: {
    datasource: {
      handler(newVal, oldVal) {
        if (newVal.length > 0) {
          this.activeNames = newVal.map((item, index) => index);
          console.log('this.activeNames~~~', this.activeNames)
        }
      },
      deep: true
    }
  },
  created(){
    this.requestDict('产地');
    // 税率是否必填//0否 1是
      parameterGetByCode({
        code: 'eom_saleOrder_order-taxRate'
      }).then((res) => {
        this.isTaxRate = res.value;
      });
  },
  mounted() {
    // this.activeNames = this.datasource.map((item, index) => index.toString());
    // console.log('activeNames~~~', this.activeNames)
  },
  methods: {
    //改变数量
      changeCount(item, index, row, tableIndex) {
        console.log('changeCount~~~', item)
        console.log('this.datasource[index]~~~', this.datasource[index])
        // row.totalPrice = parseFloat((item.totalCount * item.singlePrice).toFixed(2))
        if (item.singlePrice && item.totalCount) {
          // this.$set(
          //   this.datasource[index],
          //   'totalPrice',
          //   parseFloat((item.totalCount * item.singlePrice).toFixed(2))
          // );
          item.totalPrice = parseFloat((item.totalCount * item.singlePrice).toFixed(2))
        } else {
          // this.$set(this.form.datasource[index], 'totalPrice', '');
          item.totalPrice = ''
        }
        this.getNotaxSinglePrice(item, index);
        this.getDiscountRatioPrice(item, index, row, tableIndex);
        this.$forceUpdate();
        // if (this.clientEnvironmentId == 4 && !isBlockCount) {
        //   this.tableHandleKeyUp(row, index, 'sum');
        // }
      },
      //计算不含税单价
      getNotaxSinglePrice(item, index) {
        if (item.singlePrice && item.taxRate) {
          // this.$set(
          //   this.datasource[index],
          //   'noTaxSinglePrice',
          //   parseFloat(
          //     (item.singlePrice / (1 + item.taxRate / 100)).toFixed(2)
          //   )
          // );
          item.noTaxSinglePrice = parseFloat(
            (item.singlePrice / (1 + item.taxRate / 100)).toFixed(2)
          )
          item.noTaxTotalPrice = parseFloat(
            (item.totalCount * item.noTaxSinglePrice).toFixed(2)
          )
        } else {
          // this.$set(this.form.datasource[index], 'noTaxSinglePrice', '');
          item.noTaxSinglePrice = ''
          item.noTaxTotalPrice = ''
        }
      },

      // 计算折让单价，折让总价
      getDiscountRatioPrice(item, index, row, tableIndex) {

          if (item.singlePrice && item.discountRatio) {
            // this.$set(
            //   this.datasource[index],
            //   'discountSinglePrice',
            //   parseFloat(
            //     (item.singlePrice * (item.discountRatio / 100)).toFixed(2)
            //   )
            // );
            item.discountSinglePrice = parseFloat(
              (item.singlePrice * (item.discountRatio / 100)).toFixed(2)
            )

            // this.$set(
            //   this.datasource[index],
            //   'discountTotalPrice',
            //   parseFloat(
            //     (item.totalPrice * (item.discountRatio / 100)).toFixed(2)
            //   )
            // );
            item.discountTotalPrice = parseFloat(
              (item.totalPrice * (item.discountRatio / 100)).toFixed(2)
            )
            
          } else {
            // this.$set(this.datasource[index], 'discountSinglePrice', 0);
            // this.$set(this.datasource[index], 'discountTotalPrice', 0);
            item.discountSinglePrice = ''
            item.discountTotalPrice = ''
          }
          console.log('row~~~', row, tableIndex)
          row.unStatementAmount = this.datasource[tableIndex].deliveryProducts.reduce((prev, curr) => {
            return prev + Number(curr.discountTotalPrice || 0)
          }, 0)
          row.amountTotalPrice = this.datasource[tableIndex].deliveryProducts.reduce((prev, curr) => {
            return prev + Number(curr.discountTotalPrice || 0)
          }, 0)
          this.$emit('changeDiscountPrice', row.amountTotalPrice, tableIndex)
      },
    remove(tableIndex, lineIndex, delType) {
      let params = {
        tableIndex,
        lineIndex,
        delType
      }
      this.$emit('handleRemove', params)
    },
    getSummaries(param) {
      const {columns, data} = param;
      const sums = [];
      let fields = ['totalPrice', 'notInvoicedPrice', 'invoicedPrice', 'receivablePrice', 'receivedPrice', 'discountTotalPrice']
      columns.forEach((column, index) => {
        if (index === 0) {
          sums[index] = '合计';
          return;
        }
        const values = fields.includes(column.property) ? data.map(item => Number(item[column.property])) : []
        if (!values.every(value => isNaN(value))) {
          sums[index] = values.reduce((prev, curr) => {
            const value = Number(curr);
            if (!isNaN(value)) {
              return prev + curr;
            } else {
              return prev;
            }
          }, 0);
          sums[index] = (sums[index]).toFixed(2)
        } else {
          sums[index] = '';
        }
      });

      return sums;
    },
    getSummariesA(table) {
      return table.reduce((prev, curr) => {
        return prev + Number(curr.discountTotalPrice || 0)
      }, 0)
    },
    getValidForm() {
      return new Promise((resolve, reject) => {
        const validationPromises = [];
        
        this.datasource.forEach((item, index) => {
          validationPromises.push(
            new Promise((formResolve, formReject) => {
              const formRef = this.$refs['form' + index];
              console.log(formRef, 'formRef');
              
              // 处理表单引用可能是数组的情况
              const actualFormRef = Array.isArray(formRef) ? formRef[0] : formRef;
              
              if (actualFormRef && typeof actualFormRef.validate === 'function') {
                actualFormRef.validate((valid, errors) => {
                  if (!valid) {
                    formReject({ index, errors });
                  } else {
                    formResolve(true);
                  }
                });
              } else {
                // 如果表单引用不存在或没有validate方法，检查数据直接验证
                if (!item.singlePrice || !item.taxRate || !item.discountRatio) {
                  formReject({ index, message: `缺少必填字段` });
                } else {
                  formResolve(true);
                }
              }
            })
          );
        });
        
        Promise.all(validationPromises)
          .then(() => {
            resolve(true);
          })
          .catch(error => {
            console.error('表单验证失败:', error);
            if (error.message) {
              this.$message.error(error.message);
            } else {
              this.$message.error(`表单未填写完整`);
            }
            reject(false);
          });
      });
    }
  }
};
</script>
<style lang="scss" scoped>
.collapse-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 96%;
}
.collapse-title-left {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    font-size: 16px;
}
.collapse-title-index {
    width: 24px;
    height: 24px;
    background: #63a103;
    display: inline-block;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    color: #fff;
    margin-right: 10px;
    font-size: 14px;
}
.collapse-title-right {
  display:grid;
  grid-auto-flow: column;
  gap: 18px;
}
.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;
}

::v-deep.el-divider {
  margin: 10px;
  font-weight: bold;
}

</style>