@brms/ai-skills 0.1.0

package/skills/brms-vxe-plus-developer/references/vxe-plus-knowledge/sources/project/base/src/views/AB/BP/ABBP0201.vue

@@ -0,0 +1,1648 @@
+<template>
+  <bx-container id="INQU" ref="detailContainer" title="询报价详情" style="background: #F2F3F5;" auto show-collapse @btn-click="btnClick">
+    <div class="bx-container-ABBP">
+      <div class="formBox">
+        <bx-container title="基础信息">
+          <div class="bx-container-ABBP">
+            <VxePlusForm id="inqu_status" ref="base" :form-options="formConfigSet">
+              <template #fileCount_default="{ data }">
+                <el-button type="primary" @click="handleUpload(data)">
+                  附件管理
+                </el-button>
+                <!-- <span class="ml10 red font12 bold">附件个数：{{ data.fileCount }}</span> -->
+              </template>
+              <template #proposalInfo_default>
+                <vxe-textarea v-if="proposalInfoFlag" v-model="formDataSet.proposalInfo" :disabled="!editable" placeholder="请输入主要内容" :rows="3" :autosize="{ minRows: 3, maxRows: 10 }" />
+              </template>
+            </VxePlusForm>
+            <el-divider v-if="buyFlag" />
+            <div v-if="buyFlag" class="dashed-box">
+              <p>采购</p>
+              <div class="form-container">
+                <VxePlusForm ref="buyParty" :key="`buyParty${key}`" :form-options="formPartyBuy" />
+              </div>
+            </div>
+            <el-divider />
+            <div v-if="saleFlag" class="dashed-box">
+              <p>销售</p>
+              <div class="form-container">
+                <VxePlusForm ref="saleParty" :key="`saleParty${key}`" :form-options="formPartySale" />
+              </div>
+            </div>
+            <el-divider v-if="saleFlag" />
+          </div>
+        </bx-container>
+      </div>
+      <div v-if="buyFlag || saleFlag" class="formBox flex-row">
+        <bx-container v-if="buyFlag" class="flex-1" title="采购信息">
+          <VxePlusForm id="inqu3_status" ref="buy" :form-options="formConfigBuy">
+            <template #buyer_settleInfo_default>
+              <vxe-textarea v-if="buySettleInfoFlag" v-model="formDataBuy.settleInfo" :disabled="!editable" placeholder="请输入结算付款说明" :rows="3" :autosize="{ minRows: 3, maxRows: 10 }" />
+            </template>
+          </VxePlusForm>
+        </bx-container>
+        <bx-container v-if="saleFlag" class="flex-1" title="销售信息">
+          <VxePlusForm id="inqu4_status" ref="sale" :form-options="formConfigSale">
+            <template #seller_settleInfo_default>
+              <vxe-textarea v-if="saleSettleInfoFlag" v-model="formDataSale.settleInfo" :disabled="!editable" placeholder="请输入结算收款说明" :rows="3" :autosize="{ minRows: 3, maxRows: 10 }" />
+            </template>
+          </VxePlusForm>
+        </bx-container>
+      </div>
+      <div v-if="buyFlag || saleFlag" class="formBox">
+        <bx-container v-if="buyFlag || saleFlag" id="INQU_GOODS" ref="goodsContainer" auto title="商品信息" @btn-click="goodsClick">
+          <div class="bx-container-ABBP">
+            <div v-for="(item, idx) in goodsList" :key="idx" class="goods-box">
+              <div class="goods-index-wrapper">
+                <span class="goods-box-index" :data-index="idx + 1">&nbsp;</span>
+              </div>
+              <VxePlusForm :ref="(el) => setGoodsFormRef(el, idx)" :key="idx" :form-options="item">
+                <template #priceIndexId_title="{ data }">
+                  <span
+                    v-if="data.categorySegment1 === 'A01' && (formDataBuy.hedgingFlag === 'Y' || formDataSale.hedgingFlag === 'Y')"
+                    class="x-is-required"
+                  >*</span>
+                  计价指数
+                </template>
+                <template #discountRatioPurchase_title="{ data }">
+                  <span
+                    v-if="data.categorySegment1 === 'A01' && formDataBuy.hedgingFlag === 'Y'"
+                    class="x-is-required"
+                  >*</span>
+                  采购套保折扣比例(%)
+                </template>
+                <template #discountRatioSale_title="{ data }">
+                  <span
+                    v-if="data.categorySegment1 === 'A01' && formDataSale.hedgingFlag === 'Y'"
+                    class="x-is-required"
+                  >*</span>
+                  销售套保折扣比例(%)
+                </template>
+                <template #goodsContent_title="{ data }">
+                  <span
+                    v-if="data.categorySegment1 === 'A01' && (formDataBuy.hedgingFlag === 'Y' || formDataSale.hedgingFlag === 'Y')"
+                    class="x-is-required"
+                  >*</span>
+                  含量(%)
+                </template>
+                <template #h2oValueBase_title="{ data }">
+                  <span
+                    v-if="data.categorySegment1 === 'A01' && (formDataBuy.hedgingFlag === 'Y' || formDataSale.hedgingFlag === 'Y')"
+                    class="x-is-required"
+                  >*</span>
+                  水分值(%)
+                </template>
+                <template #titleSlot>
+                  <el-divider content-position="left">
+                    <span style="font-weight: 600;">库存价值</span>
+                  </el-divider>
+                </template>
+                <template #pricePurchaseList="{ data }">
+                  <div class="flex-1 flex items-center whitespace-nowrap">
+                    <vxe-number-input v-model="data.priceSale" :controls="false" digits="6" type="float" class="flex mx-1" disabled />
+                    <span>= (货款单价</span>
+                    <vxe-number-input v-model="data.goodsPrice" :controls="false" digits="6" type="float" class="flex mx-1" :disabled="approveFlag" @input="calculatePriceSale(data)" />
+                    <span>+ 运费单价</span>
+                    <vxe-number-input v-model="data.freightPrice" :controls="false" digits="6" type="float" class="flex mx-1" :disabled="approveFlag" @input="calculatePriceSale(data)" />
+                    <span>)</span>
+                    <vxe-select v-model="data.priceTaxRateSale" class="flex mx-1" :options="taxRateList" :disabled="approveFlag" />
+                    <vxe-select v-model="data.priceStyleSale" class="flex mx-1" :options="priceStyleList" :disabled="approveFlag" />
+                    <vxe-select v-model="data.priceTaxFlagSale" class="flex mx-1" :options="priceTaxFlagList" :disabled="approveFlag" />
+                  </div>
+                </template>
+                <template #lessMoreList="{ data }">
+                  <div class="flex flex-1 items-center whitespace-nowrap">
+                    <span>+</span>
+                    <BxInputPercentage v-model="data.moreRatio" class="flex mx-1" :disabled="approveFlag" />
+                    <span>-</span>
+                    <BxInputPercentage v-model="data.lessRatio" class="flex mx-1" :disabled="approveFlag" />
+                  </div>
+                </template>
+                <template #saleLessMoreList="{ data }">
+                  <div class="flex flex-1 items-center whitespace-nowrap">
+                    <span>+</span>
+                    <BxInputPercentage v-model="data.saleMoreRatio" class="flex mx-1" :disabled="approveFlag" />
+                    <span>-</span>
+                    <BxInputPercentage v-model="data.saleLessRatio" class="flex mx-1" :disabled="approveFlag" />
+                  </div>
+                </template>
+              </VxePlusForm>
+
+              <!-- 销售模式下的表格 -->
+              <VxePlusTable
+                v-if="onlySale"
+                id="ABBP0201_result"
+                :ref="(el) => setSaleGridRef(el, idx)"
+                :columns="columnsBuy"
+                :form-config="goodsBuy(item)"
+                :service-config="serviceGoodsBuy"
+                :show-checkbox="false"
+                :is-edit="true"
+                :toolbar-buttons="!isDetail ? toolbarButtons : []"
+                :edit-rules="editRules"
+                :transform-response="transformResponse"
+                v-on="gridEvents(item, idx)"
+              >
+                <template #operation="{ row }">
+                  <el-link v-if="!isDetail && formConfigSet.data.businessType !== '30' && !approveFlag" type="danger" :underline="false" @click="deleteSaleRow(row, idx)">
+                    删除
+                  </el-link>
+                </template>
+              </VxePlusTable>
+
+              <el-button v-if="!isDetail && !approveFlag" class="delBtn" type="danger" @click="delGoods(idx)">
+                删除
+              </el-button>
+            </div>
+          </div>
+        </bx-container>
+      </div>
+      <div v-if="saleFlag" class="formBox">
+        <bx-container v-if="saleFlag" auto title="利润预估">
+          <div class="bx-container-ABBP">
+            <div>
+              <VxePlusForm ref="estimate" :form-options="formConfigEstimate">
+                <template #titleSuffix="{ data }">
+                  预估毛利
+                  <span title="更新预估毛利">
+                    <vxe-icon name="refresh" status="primary" @click="updateProposalProfit(data)" />
+                  </span>
+                </template>
+                <template #proposalProfitDesc_default>
+                  <vxe-textarea v-if="proposalProfitDescFlag" v-model="formDataEstimate.proposalProfitDesc" :disabled="!editable" placeholder="请输入说明" :rows="3" :autosize="{ minRows: 3, maxRows: 10 }" />
+                </template>
+              </VxePlusForm>
+            </div>
+            <div>
+              <vxe-checkbox-group v-model="valGroup1" :disabled="approveFlag" @change="groupChange">
+                <vxe-checkbox
+                  v-for="option in checkboxOptions" :key="option.value" :label="option.value"
+                  :content="option.label"
+                />
+              </vxe-checkbox-group>
+            </div>
+            <div class="flex flex-1 flex-col">
+              <VxePlusTable
+                id="ABBP0201_result" ref="xGrid" :columns="columns" :form-config="formConfig"
+                :service-config="serviceConfig" :show-checkbox="false" :is-edit="true"
+              />
+            </div>
+          </div>
+        </bx-container>
+      </div>
+    </div>
+  </bx-container>
+</template>
+
+<script setup lang="ts">
+import { EiBlock, EiCommunicator, EiInfo } from '@eplat/ei'
+import type { Ref } from 'vue'
+import { computed, inject, nextTick, onMounted, reactive, ref, toValue, watch } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useRoute, useRouter } from 'vue-router'
+import type { VxeGridProps } from 'vxe-table'
+import { getCodeSetByService, useDialog } from '@vxe-plus/components'
+import { to } from 'await-to-js'
+import { clone } from 'xe-utils'
+import dayjs from 'dayjs'
+import { useTable } from '@/hooks/useTable'
+import { useFormConfigByABBP0201 } from '@/views/AB/BP/component/ABBP02/formConfig'
+import { useRefreshPage } from '@/hooks/useRefreshPage'
+import { useLoading } from '@/hooks/useLoading'
+import { judgeIsDirectPass, useApprove } from '@/hooks/useApprove'
+import { useFileUpload } from '@/hooks/useFileUpload'
+import ABBP02_dialog from '@/views/AB/BP/component/ABBP02/ABBP02_dialog.vue'
+import { useCodeSetStore } from '@/stores/modules/codeSet'
+import order_dialog_new from '@/views/AB/BP/component/dialog/order_dialog_new/index.vue'
+import purchase_resources from '@/views/AB/BP/component/dialog/purchase_resources.vue'
+import sourceSupplier from '@/views/AB/BP/component/dialog/sourceSupplier.vue'
+// 刷新当前页面
+const { refreshPage } = useRefreshPage()
+const { openDialog } = useDialog()
+const { openFileABBP } = useFileUpload()
+// const loading = ref(false)
+const router = useRouter()
+const route = useRoute()
+const xGrid = ref<any>(null)
+const goodsList: Ref<any[]> = ref([])
+const buyFlag = ref(false)
+const saleFlag = ref(false)
+const onlySale = ref(false)
+const initLoadEiInfo = toValue(inject<Ref<EiInfo> | undefined>('__eiInfo__', undefined))
+const base = ref<any>(null)
+const buyParty = ref<any>(null)
+const saleParty = ref<any>(null)
+const buy = ref<any>(null)
+const sale = ref<any>(null)
+const estimate = ref<any>(null)
+const detailContainer = ref<any>(null)
+const goodsContainer = ref<any>(null)
+const isDetail = ref()
+const { startApproveProcess } = useApprove()
+const approveFlag = computed(() => route.query.status === 'true')
+
+const proposalInfoFlag = ref(true)
+const buySettleInfoFlag = ref(true)
+const saleSettleInfoFlag = ref(true)
+const proposalProfitDescFlag = ref(true)
+
+const isProposalInfoInit = ref(false)
+const isBuyerInit = ref(false)
+const isSaleInit = ref(false)
+const isProposalProfitDescInit = ref(false)
+
+// 销售表格引用数组
+const saleGrids = ref<any[]>([])
+// 获取详情跳转过来的主键ID及缓存参数
+const { bpProposalMainId, cacheKey: queryCacheKey } = route.query
+provide('__approveFlag__', route.query.status === 'true' ? true : undefined)
+const { formDataEstimate, formDataSet, formConfigSet, formConfigBuy, formDataBuy, formConfigSale, formDataSale, formConfigGoods, formPartyBuy, formPartySale, formConfigEstimate, key, fieldVisibility } = useFormConfigByABBP0201(bpProposalMainId)
+const serviceConfig = reactive({
+  serviceName: 'ABBP02',
+  queryMethod: 'queryFee',
+  insertMethod: 'addUnit',
+  updateMethod: 'save',
+  deleteMethod: 'deleteUnit',
+})
+const serviceGoodsBuy = reactive({
+  serviceName: 'ABBP02',
+  queryMethod: 'queryGoodsRel',
+})
+// 若 URL 带有 cacheKey，则采购资源表格改用 ABBP05.listPagePcGoods
+if (queryCacheKey) {
+  serviceGoodsBuy.serviceName = 'ABBP05'
+  serviceGoodsBuy.queryMethod = 'listPagePcGoods'
+}
+const toolbarButtons = ref<NonNullable<VxeGridProps['toolbarConfig']>['buttons']>([
+  { name: '新增采购资源', code: 'addSaleGoods', status: 'primary' },
+])
+const { getCodeSetList } = useCodeSetStore()
+
+const priceStyleList = ref<any[]>([])
+getCodeSetList('brmerp.abbp.priceStyle').then((res) => {
+  priceStyleList.value = res
+})
+const taxRateList = ref<any[]>([])
+getCodeSetList('brmerp.bm.taxRate').then((res) => {
+  taxRateList.value = res
+})
+const priceTaxFlagList = ref<any[]>([])
+getCodeSetList('brmerp.pm.priceTaxFlag').then((res) => {
+  priceTaxFlagList.value = res
+})
+// 设置销售表格引用（按商品索引）
+function setSaleGridRef(el: any, idx: number) {
+  if (el) {
+    saleGrids.value[idx] = el
+  }
+}
+const formData = reactive({
+  bpProposalMainId,
+})
+const formConfig = reactive({
+  data: formData,
+})
+const columns = useTable().createColumns([
+  {
+    type: 'seq',
+    title: '序号',
+    width: 60,
+    fixed: 'left',
+  },
+  {
+    field: 'feeName',
+    title: '名称',
+  },
+  {
+    field: 'priceFee',
+    title: '不含税单价',
+    editRender: {
+      name: 'VxeInput',
+      immediate: true,
+    },
+  },
+  {
+    field: 'measureUnitName',
+    title: '计价单位',
+  },
+  {
+    field: 'currencyCode',
+    title: '测算币种',
+    cellRender: {
+      name: 'tableSelect',
+      props: {
+        codeSet: 'DMDC01.queryByCode',
+        promiseFn: params => getCodeSetByService({
+          serviceName: 'DMDC01',
+          methodName: 'queryByCode',
+          blockName: 'currencyBlock',
+          params,
+          value: 'valueField',
+          label: 'textField',
+        }),
+        backfillFields: 'currencyName',
+      },
+    },
+  },
+  {
+    field: 'exchangeRate',
+    title: '测算汇率',
+  },
+], {
+  width: undefined,
+})
+const columnsBuy = useTable().createColumns([
+  {
+    field: 'quantity',
+    title: '采购数量',
+    editRender: {
+      name: 'VxeInput',
+      immediate: true,
+
+    },
+  },
+  {
+    field: 'relBillType',
+    title: '类型',
+    cellRender: {
+      name: 'tableSelect',
+      props: {
+        codeSet: 'BRMERP.acbp.relBillType',
+      },
+    },
+  },
+  {
+    field: 'relBillCode',
+    title: '单号',
+  },
+  {
+    field: 'partyName',
+    title: '供应商',
+  },
+  {
+    field: 'sourceSupplierName',
+    title: '源供应商',
+    editRender: {
+      name: 'tableSelectDialog',
+      props: {
+        component: sourceSupplier,
+        title: `源供应商查询`,
+        height: '600',
+        fields: 'sourceSupplierGroupCode,sourceSupplierName',
+        dialogFields: 'corpGroupCode,corpName',
+      },
+    },
+  },
+  {
+    field: 'pricePurchase',
+    title: '采购单价',
+  },
+  {
+    field: 'goodsLeftQty',
+    title: '未匹配数量',
+  },
+  {
+    field: 'proposalTitle',
+    title: '主题',
+  },
+  {
+    field: 'caozuo',
+    title: '操作',
+    slots: {
+      default: 'operation',
+    },
+    width: 100,
+  },
+], {
+  width: undefined,
+})
+const editRules = reactive({
+  quantity: [
+    {
+      validator(data) {
+        return new Promise((resolve, reject) => {
+          const quantity = Number(data.cellValue)
+          const goodsLeftQty = Number(data.row?.goodsLeftQty ?? 0)
+          if (!Number.isFinite(quantity) || quantity <= 0) {
+            reject(new Error('请输入大于0的采购数量'))
+            return
+          }
+          if (quantity > goodsLeftQty) {
+            reject(new Error('采购数量不能大于未匹配数量'))
+            return
+          }
+          resolve('')
+        })
+      },
+    },
+  ],
+})
+function goodsBuy(item) {
+  return {
+    data: {
+      bpProposalMainId: item.data.bpProposalGoodsId ? bpProposalMainId : '',
+      bpProposalGoodsId: item.data.bpProposalGoodsId,
+    },
+  }
+}
+// 添加商品表单的ref数组
+const goodsForms = ref<any[]>([])
+/**
+ * 参考 queryGoodsRel 的入参方式：按「每个商品」用该商品的 item.data 拼入参，请求 JMJP06/queryPriceGoodsHisMaxMin，回填最低/最高指导价。
+ * 每次只查一个商品，入参来自该商品的 data（如 cgGoodsId），与 goodsBuy(item).data 用法一致。
+ */
+async function fetchPriceGoodsHisMaxMinForGoods(goodsItems: { data: any }[]) {
+  const base = formConfigSet.data
+  const sale = formDataSale
+  const isStatus40 = base.proposalStatus === '40'
+  const isFutureSp = base.saleType === 'FUTURE_SP'
+  for (let i = 0; i < goodsItems.length; i++) {
+    const item = goodsItems[i]
+    const data = item.data
+    const cgGoodsId = data?.cgGoodsId
+    if (!cgGoodsId)
+      continue
+    const ei = new EiInfo()
+    if (isStatus40)
+      ei.set('inqu_status-0-queryTimestampStr', dayjs().format('YYYY-MM-DD HH:mm:ss'))
+    ei.set('inqu_status-0-cgGoodsId', cgGoodsId)
+    ei.set('inqu_status-0-priceType', base.saleType ?? '')
+    ei.set('inqu_status-0-paymentType', sale.paymentType ?? '')
+    ei.set('inqu_status-0-currencyCode', sale.currencyCode ?? '')
+    if (!isFutureSp) {
+      ei.set('inqu_status-0-portCode', sale.portCode ?? '')
+      if (data.deliveryType === '10')
+        ei.set('inqu_status-0-deliveryType', 'FOB')
+      else if (data.deliveryType === '20')
+        ei.set('inqu_status-0-deliveryType', 'FOT')
+      else
+        ei.set('inqu_status-0-deliveryType', data.deliveryType ?? '')
+      ei.set('inqu_status-0-priceAdjustType', 'FIXED')
+    }
+    else {
+      ei.set('inqu_status-0-priceTerms', sale.tradeTermsCode ?? '')
+      ei.set('inqu_status-0-priceAdjustType', data.priceAdjustType ?? '')
+    }
+    ei.set('inqu_status-0-pricingUnit', data.priceStyleSale === '20' ? 'WET' : 'DRY')
+    try {
+      const res = await EiCommunicator.send('JMJP06', 'queryPriceGoodsHisMaxMin', ei)
+      const rows = res.getBlock('result')?.getMappedRows()
+      const row = rows?.[0]
+      if (row) {
+        data.minGuidePrice = row.minPrice
+        data.maxGuidePrice = row.maxPrice
+      }
+    }
+    catch (_e) {
+      console.error('请求 JMJP06/queryPriceGoodsHisMaxMin 失败:', _e)
+    }
+  }
+}
+
+// 更新工具栏按钮
+function updateToolbarButtons() {
+  const { proposalType, businessType } = formConfigSet.data
+  // 当businessType为'30'时，隐藏所有工具栏按钮
+  if (businessType === '30') {
+    toolbarButtons.value = []
+    return
+  }
+
+  const internalSale = proposalType === 'SC' && businessType === '20'
+  const processSale = proposalType === 'SC' && businessType === '40'
+  if (internalSale) {
+    toolbarButtons.value = [
+      { name: '新增采购资源', code: 'addSaleGoods', status: 'primary' },
+      { name: '新增采购合同', code: 'addConcat', status: 'primary' },
+    ]
+  }
+  else if (processSale) {
+    toolbarButtons.value = [
+      { name: '新增加工订单', code: 'addSaleGoods', status: 'primary' },
+      { name: '新增采购资源', code: 'addBuyGoods', status: 'primary' },
+    ]
+  }
+  else {
+    toolbarButtons.value = [
+      { name: '新增采购资源', code: 'addSaleGoods', status: 'primary' },
+    ]
+  }
+  // 刷新表格 重新渲染工具栏按钮
+  if (proposalType === 'SC') {
+    onlySale.value = false
+    nextTick(() => {
+      onlySale.value = true
+    })
+  }
+}
+
+const editable = computed(() => {
+  if (bpProposalMainId) {
+    return ['10', '15'].includes(formConfigSet.data.proposalStatus)
+  }
+  return true
+})
+
+// 采购资源表格加载后的数据加工
+function transformResponse(data: any[]) {
+  // 仅当 URL 带有 cacheKey，且当前使用 ABBP05.listPagePcGoods 时才处理
+  if (!queryCacheKey || serviceGoodsBuy.serviceName !== 'ABBP05') {
+    return data
+  }
+
+  // 从 initLoad 返回的 result 块中，根据 bpProposalGoodsId 匹配数量
+  const cacheRows = initLoadEiInfo?.getBlock('result')?.getMappedRows?.() || []
+  const quantityMap = new Map<string, any>()
+  cacheRows.forEach((r: any) => {
+    if (r.bpProposalGoodsId) {
+      quantityMap.set(r.bpProposalGoodsId, r)
+    }
+  })
+
+  return data.map((row: any) => {
+    // 参照 toolbar 中 from ABBP02_dialog 回填的处理逻辑
+    const cacheRow = quantityMap.get(row.bpProposalGoodsId)
+    row.quantity = cacheRow && cacheRow.quantity != null ? cacheRow.quantity : ''
+    row.relProposalMainId = row.bpProposalMainId
+    row.relProposalGoodsId = row.bpProposalGoodsId
+    row.bpProposalMainId = bpProposalMainId || ''
+    // bpProposalGoodsId 在列表里通常就是当前商品关联的 goodsId，这里保留原值
+    row.relBillCode = row.bpProposalMainCode
+    row.relBillType = 'proposal'
+    row.sourceSupplierGroupCode = row.partyGroupCode
+    row.sourceSupplierName = row.partyName
+    return row
+  })
+}
+
+watch(() => formDataSet.proposalInfo, () => {
+  if (bpProposalMainId && !isProposalInfoInit.value) {
+    isProposalInfoInit.value = true
+    if (formDataSet.proposalInfo) {
+      proposalInfoFlag.value = false
+      setTimeout(() => {
+        proposalInfoFlag.value = true
+      }, 100)
+    }
+  }
+})
+
+watch(() => formDataBuy.settleInfo, () => {
+  if (bpProposalMainId && !isBuyerInit.value) {
+    isBuyerInit.value = true
+    if (formDataBuy.settleInfo) {
+      buySettleInfoFlag.value = false
+      setTimeout(() => {
+        buySettleInfoFlag.value = true
+      }, 100)
+    }
+  }
+})
+
+watch(() => formDataSale.settleInfo, () => {
+  if (bpProposalMainId && !isSaleInit.value) {
+    isSaleInit.value = true
+    if (formDataSale.settleInfo) {
+      saleSettleInfoFlag.value = false
+      setTimeout(() => {
+        saleSettleInfoFlag.value = true
+      }, 100)
+    }
+  }
+})
+
+watch(() => formDataEstimate.proposalProfitDesc, () => {
+  if (bpProposalMainId && !isProposalProfitDescInit.value) {
+    isProposalProfitDescInit.value = true
+    if (formDataEstimate.proposalProfitDesc) {
+      proposalProfitDescFlag.value = false
+      setTimeout(() => {
+        proposalProfitDescFlag.value = true
+      }, 100)
+    }
+  }
+})
+
+watch([
+  () => formConfigSet.data.proposalType,
+  () => goodsList.value.length,
+], ([newVal]) => {
+  buyFlag.value = newVal === 'PC' || newVal === 'PS'
+  saleFlag.value = newVal === 'SC' || newVal === 'PS'
+  onlySale.value = newVal === 'SC'
+  updateToolbarButtons()
+  if (newVal) {
+    setTimeout(() => {
+      const businessType = formConfigSet.data.businessType
+
+      // 定义列配置
+      const columnsToToggle = {
+        processingMine: ['partyName', 'pricePurchase', 'proposalTitle'],
+        sourceSupplier: ['sourceSupplierName'],
+      }
+
+      // 批量处理网格列显示/隐藏
+      saleGrids.value.forEach((item) => {
+        const gridInstance = item.getGridInstance()
+
+        // 加工矿业务类型处理
+        if (businessType === '40') {
+          gridInstance?.hideColumn(columnsToToggle.processingMine)
+        }
+        else {
+          gridInstance?.showColumn(columnsToToggle.processingMine)
+        }
+
+        // 供应商业务类型处理
+        if (businessType === '10') {
+          gridInstance?.showColumn(columnsToToggle.sourceSupplier)
+        }
+        else {
+          gridInstance?.hideColumn(columnsToToggle.sourceSupplier)
+        }
+      })
+    }, 1800)
+  }
+})
+
+watch(() => formConfigSet.data.businessType, () => {
+  updateToolbarButtons()
+  nextTick(() => {
+    if (formConfigSet.data.businessType === '30') {
+      goodsContainer.value.btnSetVisible(['ADD'], false)
+    }
+  })
+})
+
+/** 条件1：与 formConfig 最低/最高指导价展示条件一致（仅销售 + 期现/港口） */
+function isGuidePriceCondition1() {
+  const { proposalType, businessType, saleType } = formConfigSet.data
+  return proposalType === 'SC' && businessType === '30' && (saleType === 'FUTURE_SP' || saleType === 'PORT_SP')
+}
+
+/** 条件2-销售维度：收款方式、币种、贸易术语(FUTURE_SP)、港口代码(PORT_SP) 均有值 */
+function isGuidePriceCondition2Sale() {
+  const { saleType } = formConfigSet.data
+  const sale = formDataSale
+  if (!sale?.paymentType || !sale?.currencyCode)
+    return false
+  if (saleType === 'FUTURE_SP' && !sale?.tradeTermsCode)
+    return false
+  if (saleType === 'PORT_SP' && !sale?.portCode)
+    return false
+  return true
+}
+
+/** 条件2-单商品维度：商品ID(cgGoodsId)、priceStyleSale、交货方式、调价方式(FUTURE_SP) 均有值 */
+function isGuidePriceCondition2Good(data: any) {
+  const { saleType } = formConfigSet.data
+  if (!data?.cgGoodsId || !data?.priceStyleSale)
+    return false
+  if (saleType === 'FUTURE_SP')
+    return !!data?.priceAdjustType
+  // PORT_SP 等需交货方式
+  return !!data?.deliveryType
+}
+
+/** 商品外部条件变化：对所有满足条件2的商品各请求一次 */
+async function tryFetchGuidePriceAll() {
+  if (!isGuidePriceCondition1() || !isGuidePriceCondition2Sale())
+    return
+  const filtered = goodsList.value.filter(item => isGuidePriceCondition2Good(item.data))
+  if (filtered.length === 0)
+    return
+  await fetchPriceGoodsHisMaxMinForGoods(filtered)
+}
+
+/** 记录每个商品内部条件的签名，用于判断「哪个商品」发生变化 */
+const prevGoodsSignatures = ref<string[]>([])
+
+/** 商品内部条件变化：只对发生变化的商品请求一次（仅当前商品） */
+async function tryFetchGuidePriceChangedGoodsOnly() {
+  if (!isGuidePriceCondition1() || !isGuidePriceCondition2Sale())
+    return
+  const list = goodsList.value
+  const currentSigs = list.map(g =>
+    [g.data?.cgGoodsId, g.data?.priceStyleSale, g.data?.deliveryType, g.data?.priceAdjustType].join(':'),
+  )
+  const prev = prevGoodsSignatures.value
+  const toFetch: { data: any }[] = []
+  if (prev.length !== currentSigs.length) {
+    toFetch.push(...list.filter(item => isGuidePriceCondition2Good(item.data)))
+  }
+  else {
+    for (let i = 0; i < list.length; i++) {
+      if (currentSigs[i] !== prev[i] && isGuidePriceCondition2Good(list[i].data))
+        toFetch.push(list[i])
+    }
+  }
+  prevGoodsSignatures.value = currentSigs
+  if (toFetch.length > 0)
+    await fetchPriceGoodsHisMaxMinForGoods(toFetch)
+}
+
+/** 监听商品外部条件：销售方式、收款方式、币种、贸易术语、港口代码 → 对所有商品请求 */
+watch(
+  [
+    () => formConfigSet.data.saleType,
+    () => formDataSale.paymentType,
+    () => formDataSale.currencyCode,
+    () => formDataSale.tradeTermsCode,
+    () => formDataSale.portCode,
+  ],
+  async () => { await tryFetchGuidePriceAll() },
+)
+
+/** 监听商品内部条件：某商品的 cgGoodsId / priceStyleSale / deliveryType / priceAdjustType → 仅对该商品请求 */
+watch(
+  () => goodsList.value.map(g =>
+    [g.data?.cgGoodsId, g.data?.priceStyleSale, g.data?.deliveryType, g.data?.priceAdjustType].join(':'),
+  ),
+  async () => { await tryFetchGuidePriceChangedGoodsOnly() },
+  { deep: true },
+)
+
+function gridEvents(item, idx) {
+  return {
+    toolbarButtonClick: async (obj) => {
+      const { code } = obj
+      // 加工矿并且销售
+      if (code === 'addSaleGoods' && formConfigSet.data.proposalType === 'SC' && formConfigSet.data.businessType === '40') {
+        openDialog(order_dialog_new, {
+          title: '加工订单',
+          componentParam: {
+            disableIds: ['produceEntrustStatus', 'orgId'],
+            param: {
+              produceEntrustStatus: '40',
+              orgId: formConfigSet.data.orgId,
+              instockGoodsName: item.data.goodsName,
+              instockGoodsCode: item.data.goodsCode,
+            },
+          },
+        }, (obj: any, exposed: any) => {
+          if (obj && Array.isArray(obj)) {
+            const $grid = saleGrids.value[idx]?.getGridInstance?.()
+            if ($grid) {
+              obj.forEach((row) => {
+                row.quantity = ''
+                row.relProposalMainId = row.meProduceEntrustMainId
+                row.relProposalGoodsId = row.instockCgGoodsId
+                row.bpProposalMainId = bpProposalMainId || ''
+                row.bpProposalGoodsId = item.data?.bpProposalGoodsId || ''
+                row.relBillCode = row.meProduceEntrustMainCode
+                row.relBillType = 'prorder'
+                $grid.insert(row).then(({ row: newRow }) => {
+                  $grid.setEditRow(newRow)
+                })
+              })
+            }
+          }
+          exposed.close()
+        })
+      }
+      // 国内矿并且销售
+      else if (code === 'addConcat' && formConfigSet.data.proposalType === 'SC' && formConfigSet.data.businessType === '20') {
+        openDialog(purchase_resources, {
+          title: '采购合同',
+          height: 600,
+          componentParam: {
+            param: {
+              orgId: formConfigSale.data.signPartyCode,
+              goodsCode: item.data.goodsCode,
+              goodsName: item.data.goodsName,
+            },
+          },
+        }, (obj: any, exposed: any) => {
+          if (obj && Array.isArray(obj)) {
+            const $grid = saleGrids.value[idx]?.getGridInstance?.()
+            if ($grid) {
+              obj.forEach((row) => {
+                row.quantity = ''
+                row.partyName = row.supplierName
+                row.pricePurchase = row.priceTaxFlag === 'Y' ? row.priceWithtax : row.priceNotax
+                row.proposalTitle = row.contractName
+                row.relProposalMainId = row.pcContractMainId
+                row.relProposalGoodsId = row.pcContractGoodsId
+                row.bpProposalMainId = bpProposalMainId || ''
+                row.bpProposalGoodsId = item.data?.bpProposalGoodsId || ''
+                row.relBillCode = row.pcContractCode
+                row.relBillType = 'contract'
+                $grid.insert(row).then(({ row: newRow }) => {
+                  $grid.setEditRow(newRow)
+                })
+              })
+            }
+          }
+          exposed.close()
+        })
+      }
+      else {
+        openDialog(ABBP02_dialog, {
+          title: '采购资源',
+          height: 600,
+          componentParam: {
+            param: {
+              orgId: formPartyBuy.data.orgId || formPartySale.data.orgId || '',
+              deptId: formPartyBuy.data.deptId || formPartySale.data.deptId || '',
+              goodsCode: item.data.goodsCode,
+              bookId: formConfigSet.data.bookId,
+              businessTypeMain: formConfigSet.data.businessType,
+            },
+          },
+        }, (obj: any, exposed: any) => {
+          if (obj && Array.isArray(obj)) {
+            const $grid = saleGrids.value[idx]?.getGridInstance?.()
+            if ($grid) {
+              obj.forEach((row) => {
+                row.quantity = ''
+                row.relProposalMainId = row.bpProposalMainId
+                row.relProposalGoodsId = row.bpProposalGoodsId
+                row.bpProposalMainId = bpProposalMainId || ''
+                row.bpProposalGoodsId = item.data?.bpProposalGoodsId || ''
+                row.relBillCode = row.bpProposalMainCode
+                row.relBillType = 'proposal'
+                row.sourceSupplierGroupCode = row.partyGroupCode
+                row.sourceSupplierName = row.partyName
+                row.goodsLeftQty = row.goodsLeftQty || 0
+                $grid.insert(row).then(({ row: newRow }) => {
+                  console.log('newRow: ', newRow)
+                  $grid.setEditRow(newRow)
+                })
+              })
+            }
+          }
+          exposed.close()
+        })
+      }
+    },
+  }
+}
+
+function handleUpload(item) {
+  const flag = ['10', '15'].includes(formConfigSet.data.proposalStatus) ? 'operate' : 'show'
+
+  openFileABBP('BP_PROPOSAL,TRADE_CHAIN', bpProposalMainId, item.bpProposalMainCode, '1.00', flag, (obj: any, exposed: any) => {
+    exposed.close()
+  }, formConfigSet.data.otTradeChainMainId || '')
+}
+
+function deleteSaleRow(row: any, idx: number) {
+  const $grid = saleGrids.value[idx]?.getGridInstance?.()
+  if (!$grid) {
+    console.error(`销售表格实例（索引${idx}）不可用`)
+    return
+  }
+  $grid.remove(row)
+}
+function addGoods() {
+  const objData = {
+    data: {
+      priceStylePurchase: '20',
+      priceTaxFlagPurchase: 'Y',
+      priceStyleSale: '20',
+      priceTaxFlagSale: 'Y',
+      priceTaxRatePurchase: '0.130000',
+      priceTaxRateSale: '0.130000',
+      goodsContent: null,
+      tonPricePurchase: null,
+      tonPriceSale: null,
+    },
+    items: clone(formConfigGoods.items, true),
+    rules: clone(formConfigGoods.rules, true),
+    formRef: null,
+    params: { fieldVisibility: clone(fieldVisibility, true) },
+  }
+  goodsList.value.push(objData)
+  // 添加表单时留出引用位置
+  goodsForms.value.push(null)
+
+  // 滚动到新增的商品位置
+  nextTick(() => {
+    // 获取新增商品的索引（最后一个商品）
+    const newGoodsIndex = goodsList.value.length - 1
+    // 查找对应的商品容器
+    const goodsBoxes = document.querySelectorAll('.goods-box')
+    if (goodsBoxes[newGoodsIndex]) {
+      goodsBoxes[newGoodsIndex].scrollIntoView({
+        behavior: 'smooth',
+        block: 'start',
+      })
+    }
+  })
+}
+function delGoods(idx: number) {
+  if (goodsList.value.length <= 1) {
+    ElMessage.error('至少保留一个商品信息')
+  }
+  else {
+    goodsList.value.splice(idx, 1)
+    // 同时删除对应的表单引用
+    goodsForms.value.splice(idx, 1)
+  }
+}
+
+// 定义接口
+interface GroupOption {
+  label: string
+  value: string
+}
+
+// 定义表格行数据结构
+interface TableRowData {
+  value: string
+  feeName: string
+  feeCode: string
+  priceFee: string
+  priceTaxFlag: string
+  measureUnitName: string
+  measureUnitCode: string
+  currencyCode: string
+  exchangeRate: string
+  remark: string
+  [key: string]: any // 允许其他字段
+}
+
+// 定义ref变量
+const valGroup1 = ref<string[]>([])
+const dataMap = ref<Record<string, TableRowData>>({})
+const prevSelected = ref<string[]>([])
+const checkboxOptions = ref<GroupOption[]>([]) // 存储所有选项
+
+// 修改后的 groupChange 方法，使用 feeCode 作为标识
+function groupChange({ checklist }: { checklist: string[] }) {
+  const $grid = xGrid.value?.getGridInstance()
+  if (!$grid) {
+    console.error('表格实例不可用')
+    return
+  }
+
+  // 获取当前表格所有数据（实时）
+  const currentTableData = [...$grid.getTableData().tableData] as TableRowData[]
+
+  // 创建 feeCode 到行的映射（用于快速查找）
+  const feeCodeToRows = new Map<string, TableRowData[]>()
+
+  currentTableData.forEach((row) => {
+    const feeCode = row.feeCode
+    if (!feeCode)
+      return
+
+    if (!feeCodeToRows.has(feeCode)) {
+      feeCodeToRows.set(feeCode, [])
+    }
+    feeCodeToRows.get(feeCode)!.push(row)
+  })
+  // 找出需要删除的 feeCode（在之前选中但不在当前选中的值）
+  const codesToRemove = prevSelected.value.filter(v => !checklist.includes(v))
+  // 先处理删除项：找出需要删除的 feeCode 对应的行
+  const rowsToDelete: TableRowData[] = []
+  codesToRemove.forEach((feeCode) => {
+    const rows = feeCodeToRows.get(feeCode)
+    if (rows && rows.length > 0) {
+      rows.forEach((row) => {
+        rowsToDelete.push(row)
+      })
+    }
+  })
+
+  // 删除这些行
+  if (rowsToDelete.length > 0) {
+    $grid.remove(rowsToDelete)
+
+    // 从 dataMap 中删除对应项
+    rowsToDelete.forEach((row) => {
+      if (row.feeCode && dataMap.value[row.feeCode]) {
+        delete dataMap.value[row.feeCode]
+      }
+    })
+  }
+
+  // 再处理新增项
+  const addedCodes: string[] = []
+  checklist.forEach((feeCode) => {
+    if (!prevSelected.value.includes(feeCode)) {
+      addedCodes.push(feeCode)
+
+      // 检查该 feeCode 是否已存在于表格中
+      const existingRows = feeCodeToRows.get(feeCode) || []
+
+      if (existingRows.length === 0) {
+        // 如果表格中不存在该 feeCode，则添加新行
+        const rowData = dataMap.value[feeCode] || {
+          feeCode,
+          feeName: checkboxOptions.value.find(opt => opt.value === feeCode)?.label || '',
+          priceFee: '0.00',
+          measureUnitName: '元/每吨',
+          measureUnitCode: '070',
+          priceTaxFlag: 'N',
+          currencyCode: formConfigSale.data.currencyCode || 'CNY',
+          currencyName: formConfigSale.data.currencyName || '人民币',
+          exchangeRate: '1.0',
+          remark: '0.00',
+        }
+
+        // 确保使用当前表单中的动态值
+        rowData.currencyCode = formConfigSale.data.currencyCode || rowData.currencyCode
+
+        $grid.insert(rowData).then(({ row }: any) => {
+          $grid.setEditRow(row)
+          // 更新 dataMap
+          dataMap.value[feeCode] = { ...row }
+          console.log(`已添加新行: ${feeCode}`)
+        })
+      }
+      else {
+        console.log(`feeCode ${feeCode} 已存在于表格中，无需添加`)
+      }
+    }
+  })
+
+  // 更新历史记录
+  prevSelected.value = [...checklist]
+  // 强制刷新表格（确保视图更新）
+  $grid.refreshColumn()
+}
+function updateProposalProfit(data) {
+  formConfigEstimate.data.proposalProfitManual = data.proposalProfit
+  formConfigEstimate.data.profitManualCurrencyCode = data.profitCurrencyCode
+}
+// 修改 fetchGroupData 方法
+async function fetchGroupData() {
+  try {
+    const ei = new EiInfo()
+    ei.set('codeset', 'brmerp.abbp.feeCode')
+    const res = await EiCommunicator.callService('S_ED_02', ei)
+    const response = res.getAttr()
+    checkboxOptions.value = response?.list || []
+    await nextTick()
+    const $grid = xGrid.value?.getGridInstance()
+
+    // 初始化 dataMap
+    dataMap.value = {}
+
+    if ($grid) {
+      // 获取当前表格所有数据
+      const tableData = [...$grid.getTableData().tableData] as TableRowData[]
+
+      // 1. 初始化 dataMap：将当前表格数据存入 dataMap
+      tableData.forEach((row) => {
+        if (row.feeCode) {
+          dataMap.value[row.feeCode] = { ...row }
+        }
+      })
+
+      // 已选中的数据
+      valGroup1.value = (initLoadEiInfo?.getAttr() as any).selectedFeeCodeList || []
+      prevSelected.value = [...valGroup1.value]
+    }
+    else {
+      // 没有表格实例时使用默认值
+      valGroup1.value = [] // 默认值
+      prevSelected.value = [...valGroup1.value]
+    }
+  }
+  catch (error) {
+    console.error('获取分组数据出错:', error)
+    ElMessage.error('获取分组数据失败，请稍后重试')
+  }
+}
+// 监听表单中单位、币种、汇率的变化，更新表格
+watch(() => [
+  formConfigSale.data.currencyCode,
+], () => {
+  const $grid = xGrid.value?.getGridInstance()
+  if (!$grid)
+    return
+
+  // 更新 dataMap 中的单位、币种和汇率（为后续新增行使用）
+  Object.keys(dataMap.value).forEach((key) => {
+    const row = dataMap.value[key]
+    row.currencyCode = formConfigSale.data.currencyCode || row.currencyCode
+  })
+
+  // 更新当前表格中的单位、币种和汇率
+  const updatedData = $grid.getTableData().tableData.map((row: TableRowData) => ({
+    ...row,
+    currencyCode: formConfigSale.data.currencyCode || row.currencyCode,
+  }))
+
+  $grid.loadData(updatedData)
+}, { deep: true })
+
+/**
+ * 动态给表单赋值
+ */
+onMounted(() => {
+  nextTick(() => {
+    fetchGroupData()
+    // 有 bpProposalMainId（正常详情）或有 cacheKey（缓存场景）时，都需要执行赋值逻辑
+    if (initLoadEiInfo && (bpProposalMainId || queryCacheKey)) {
+      const inqu_statusData = initLoadEiInfo.getBlock('inqu_status')?.getMappedRows()
+      const rowsInqu1 = initLoadEiInfo.getBlock('inqu1_status')?.getMappedRows() || []
+      const goodsData = initLoadEiInfo.getBlock('inqu2_status')?.getMappedRows()
+      const proposalType = formConfigSet.data.proposalType
+      if (proposalType === 'SC') {
+        Object.assign(formPartySale.data, rowsInqu1[0])
+      }
+      else if (proposalType === 'PC') {
+        Object.assign(formPartyBuy.data, rowsInqu1[0])
+      }
+      else if (rowsInqu1.length > 0) {
+        const isCustomerFirst = rowsInqu1[0].partyType === 'CUSTOMER'
+        Object.assign(isCustomerFirst ? formPartySale.data : formPartyBuy.data, rowsInqu1[0])
+        Object.assign(isCustomerFirst ? formPartyBuy.data : formPartySale.data, rowsInqu1[1])
+      }
+
+      setTimeout(() => {
+        if (goodsData && goodsData.length > 0) {
+          Promise.all(goodsData.map((good) => {
+            return new Promise((resolve) => {
+              const ei = new EiInfo()
+              ei.set('inqu_status-0-bpProposalMainId', bpProposalMainId || '')
+              ei.set('inqu_status-0-bpProposalGoodsId', good.bpProposalGoodsId)
+              EiCommunicator.send('ABBP02', 'queryStockValue', ei).then((res) => {
+                resolve(res.getBlock('result')?.getMappedRows()[0])
+              })
+            })
+          })).then(async (stockValueDatas: any[]) => {
+            goodsList.value = goodsData.map((el, idx) => ({
+              inventoryValue: undefined,
+              ...stockValueDatas[idx],
+              ...el,
+            })).map(item => ({
+              data: item,
+              items: clone(formConfigGoods.items, true),
+              rules: clone(formConfigGoods.rules, true),
+              formRef: null,
+              params: { fieldVisibility: clone(fieldVisibility, true) },
+            }))
+
+            // 初始化表单引用数组
+            goodsForms.value = Array(goodsList.value.length).fill(null)
+            // 参考 queryGoodsRel：初始化时按每个商品用该商品的 cgGoodsId 请求一次 queryPriceGoodsHisMaxMin
+            if (isGuidePriceCondition1()) {
+              await fetchPriceGoodsHisMaxMinForGoods(goodsList.value)
+            }
+            nextTick(() => {
+              updateToolbarButtons()
+            })
+          })
+        }
+      }, 500)
+
+      // 给预估信息赋值
+      const { proposalProfit, proposalProfitManual, proposalProfitDesc, profitManualCurrencyCode, profitCurrencyCode } = inqu_statusData[0]
+      Object.assign(formConfigEstimate.data, {
+        proposalProfit,
+        proposalProfitManual,
+        proposalProfitDesc,
+        profitManualCurrencyCode,
+        profitCurrencyCode,
+      })
+    }
+    else {
+      goodsList.value = [formConfigGoods]
+    }
+    // 若 URL 带有 cacheKey，则无论接口返回什么状态，页面内状态统一视为 '10'
+    if (queryCacheKey) {
+      formConfigSet.data.proposalStatus = '10'
+      formConfigSet.data.businessType = '10'
+      formConfigSet.data.proposalType = 'SC'
+    }
+    isDetail.value = ['40', '00'].includes(formConfigSet.data.proposalStatus)
+    if (isDetail.value) {
+      detailContainer?.value?.btnSetVisible(['SAVE', 'SUBMIT', 'TEMP'], false)
+      goodsContainer?.value?.btnSetVisible(['ADD'], false)
+    }
+  })
+})
+
+async function save(flag) {
+  // 定义需要校验的表单列表
+  // flag == true 表示保存 需要校验
+  if (flag) {
+    const formTasks = [
+      { form: base, label: '基础信息', required: true },
+      { form: buyParty, label: '采购签约主体', required: buyFlag.value },
+      { form: saleParty, label: '销售签约主体', required: saleFlag.value },
+      { form: buy, label: '采购信息', required: buyFlag.value },
+      { form: sale, label: '销售信息', required: saleFlag.value },
+      { form: estimate, label: '利润预估', required: saleFlag.value },
+    ]
+
+    // 校验普通表单
+    for (const task of formTasks) {
+      if (task.required) {
+        const valid = await task.form.value?.getFormInstance()?.validate()
+        if (valid) {
+          ElMessage.error(`${task.label}表单校验失败，请检查必填项`)
+          return
+        }
+      }
+    }
+
+    // 校验商品表单
+    if (goodsForms.value.length > 0) {
+      const validResults = await Promise.all(
+        goodsForms.value.map(form =>
+          form?.getFormInstance()?.validate().catch((error) => {
+            console.error('商品表单校验失败:', error)
+            return false
+          }),
+        ),
+      )
+
+      const invalidIndex = validResults.findIndex(valid => valid)
+      if (invalidIndex >= 0) {
+        ElMessage.error(`商品信息第${invalidIndex + 1}行填写有误，请检查`)
+        return
+      }
+    }
+  }
+  // 定义需要提取的商品字段
+  const GOODS_FIELDS = [
+    'costFormulaName',
+    'costFormulaId',
+    'costOverflowSymbol',
+    'costOverflowPrice',
+    'costFormulaUnit',
+    'saleOverflowSymbol',
+    'saleOverflowPrice',
+    'marketCategoryName',
+    'marketOverflowSymbol',
+    'marketOverflowPrice',
+    'marketPriceUnit',
+    'goodsContent',
+    'categoryCode',
+    'categoryName',
+    'cgGoodsCode',
+    'bpProposalStockValueId',
+    'bpProposalGoodsId',
+    'bpProposalMainId',
+    'zpMarketCategoryId',
+    'inventoryValue',
+  ] as const
+
+  // 提取商品字段的工具函数
+  const extractGoodsFields = (formData: any) => {
+    return GOODS_FIELDS.reduce((acc, field) => {
+      acc[field] = formData[field]
+      return acc
+    }, {} as Record<string, any>)
+  }
+
+  // 获取商品信息数据（包含每个商品对应的销售表格数据）
+  const goodsData = [] as any
+  for (let i = 0; i < goodsForms.value.length; i++) {
+    const form = goodsForms.value[i]
+    // 获取商品表单数据
+    const goodFormData = await form.getFormInstance().data
+    // 若 URL 带有 cacheKey，则暂存/保存时将商品本身的 bpProposalGoodsId 置空，避免沿用缓存中的商品主键
+    if (queryCacheKey) {
+      goodFormData.bpProposalGoodsId = ''
+    }
+
+    const extractedFields = extractGoodsFields(goodFormData)
+    if (formConfigSet.data.proposalType === 'SC') {
+      // 获取销售表格数据
+      let saleTableData = []
+
+      // 每个商品索引对应一个销售表格索引
+      const saleGrid = saleGrids.value[i]
+      if (saleGrid) {
+        const gridInstance = saleGrid.getGridInstance?.()
+        if (gridInstance) {
+          const tableData = gridInstance.getTableData()
+          saleTableData = tableData?.tableData || []
+        }
+      }
+      // 将销售表格数据放入商品的relList字段
+      goodsData.push({
+        ...goodFormData,
+        relList: saleTableData, // 添加销售表格数据到relList字段
+      })
+    }
+    else {
+      goodsData.push({
+        ...goodFormData,
+        stockValueSaveReqs: [extractedFields],
+      })
+    }
+  }
+
+  // SC+40：每个商品的 relList 中至少需有一条加工订单(relBillType=prorder)
+  if (flag && formConfigSet.data.proposalType === 'SC' && formConfigSet.data.businessType === '40') {
+    const invalidGoodIndex = goodsData.findIndex((good: any) => {
+      const relList = good.relList || []
+      return !relList.some((row: any) => row.relBillType === 'prorder')
+    })
+    if (invalidGoodIndex >= 0) {
+      ElMessage.error(`商品信息第${invalidGoodIndex + 1}行：加工矿销售场景下，每个商品至少需添加一条加工订单关联数据`)
+      return
+    }
+  }
+
+  // 条件判断获取数据
+  const inqu1Map = {
+    PS: [formPartyBuy.data, formPartySale.data],
+    PC: [formPartyBuy.data],
+    SC: [formPartySale.data],
+  }
+  const inqu1 = inqu1Map[formConfigSet.data.proposalType] || []
+
+  // 获取利润预估表格数据
+  const $grid = xGrid.value?.getGridInstance()
+  const allTableData = $grid ? $grid.getTableData().tableData : []
+
+  const eiInfo = new EiInfo()
+  const proposalObj = {
+    proposal: {
+      ...formConfigSet.data,
+      ...formConfigEstimate.data,
+      bpProposalMainId: bpProposalMainId || '',
+    },
+    partyList: inqu1,
+    goodsList: goodsData, // 使用修改后的goodsData（包含relList）
+    feeList: allTableData,
+  } as any
+
+  if (formConfigSet.data.proposalType === 'PC') {
+    proposalObj.purchase = {
+      ...formConfigBuy.data,
+      mineShipNum: formConfigSet.data.mineShipNum,
+    }
+  }
+  else if (formConfigSet.data.proposalType === 'SC') {
+    proposalObj.sale = formConfigSale.data
+    proposalObj.sale.quotationPeriodDate = formConfigSale.data.quotationPeriodDateSale || ''
+  }
+  else {
+    proposalObj.purchase = formConfigBuy.data
+    proposalObj.sale = formConfigSale.data
+    proposalObj.sale.quotationPeriodDate = formConfigSale.data.quotationPeriodDateSale || ''
+  }
+  // 把proposalObj里为空的值('')替换成null
+  const replaceEmptyStringsWithNull = (obj: any): any => {
+    if (obj === null || obj === undefined) {
+      return obj
+    }
+
+    if (typeof obj === 'string') {
+      return obj === '' ? null : obj
+    }
+
+    if (Array.isArray(obj)) {
+      return obj.map(item => replaceEmptyStringsWithNull(item))
+    }
+
+    if (typeof obj === 'object') {
+      const result: any = {}
+      for (const key in obj) {
+        if (Object.prototype.hasOwnProperty.call(obj, key)) {
+          result[key] = replaceEmptyStringsWithNull(obj[key])
+        }
+      }
+      return result
+    }
+
+    return obj
+  }
+
+  // 应用转换
+  const processedProposalObj = replaceEmptyStringsWithNull(proposalObj)
+
+  eiInfo.set('proposal', JSON.stringify(processedProposalObj))
+  eiInfo.set('useServiceId', 'S_AB_BP_04_01')
+
+  useLoading()
+
+  try {
+    const serveName = flag ? 'saveOrUpdate' : 'tempSaveInfo'
+    const res: EiInfo = await EiCommunicator.send('ABBP04', serveName, eiInfo)
+
+    ElMessage.success('保存成功')
+    const proposalStatus = JSON.parse((res.getAttr() as any).proposal).proposalStatus
+    await router.replace({
+      path: '/web/ABBP0201',
+      query: {
+        serviceName: 'ABBP02',
+        methodName: 'detail',
+        bpProposalMainId: (res.getAttr() as any).primaryId,
+        status: ['12', '20', '40', '60', '00'].includes(proposalStatus) ? 'true' : 'false',
+      },
+    })
+
+    // 刷新页面
+    refreshPage()
+  }
+  catch (error: any) {
+    console.error('保存失败:', error)
+    ElMessage.error(`保存失败，原因：${error.message || error}`)
+  }
+  finally {
+    useLoading().close()
+  }
+}
+
+// 在模板中收集商品表单引用
+function setGoodsFormRef(el: any, idx: number) {
+  if (el) {
+    goodsForms.value[idx] = el
+  }
+}
+
+// 递交
+function handleSubmit() {
+  ElMessageBox.confirm(`确定要递交吗？`).then(async () => {
+    const ei = new EiInfo()
+    ei.addBlock(EiBlock.build('result', [{
+      bpProposalMainId,
+    }]))
+
+    const [err, res] = await to(EiCommunicator.send('ABBP02', 'checkProposalSubmitApproved', ei))
+    if (err)
+      return false
+
+    const attr = res.getAttr() as any
+    useLoading()
+    const [err1] = await to(startApproveProcess({
+      originId: attr.wfBizId,
+      originCode: attr.wfBizCode,
+      approveTypeCode: attr.approveTypeCode,
+      organizationId: attr.organizationId,
+      docType: attr.docType,
+      variables: attr.variables,
+      callback: () => {},
+      callbackServiceName: attr.callbackServiceName,
+      callbackMethodName: attr.callbackMethodName,
+      callbackParam: attr.callbackParam,
+      taskExtraDisplayContent: attr.taskExtraDisplayContent,
+      billDisplayData: attr.billDisplayData,
+      nextActivityUserList: [],
+      runtimeCheckFlag: undefined,
+    }))
+    if (err1) {
+      return false
+    }
+    const [err2, isDirectPass] = await to(judgeIsDirectPass(attr.approveTypeCode, attr.organizationId, attr.docType, attr.runtimeCheckFlag))
+    if (err2) {
+      return false
+    }
+    if (!isDirectPass) {
+      ElMessage.success(`操作成功`)
+      // 刷新页面
+      router.replace({
+        path: '/web/ABBP0201',
+        query: {
+          serviceName: 'ABBP02',
+          methodName: 'detail',
+          bpProposalMainId,
+          status: 'true', // 递交后是待审批12状态 不可编辑
+        },
+      })
+    }
+  })
+}
+
+/**
+ * 表单按钮
+ * @param btn
+ */
+function btnClick(btn: any) {
+  switch (btn.code) {
+    case 'TEMP':
+      save(false)
+      break
+    case 'SAVE':
+      save(true)
+      break
+    case 'SUBMIT':
+      if (bpProposalMainId) {
+        if (formConfigSet.data.proposalStatus !== '10' && formConfigSet.data.proposalStatus !== '15') {
+          ElMessage.error(`只有【初始】【审批退回】状态下的合同才可以递交`)
+        }
+        else {
+          handleSubmit()
+        }
+      }
+      else {
+        ElMessage.error('请先保存再递交！')
+      }
+      break
+    default:
+      break
+  }
+}
+/**
+ * 商品按钮
+ * @param btn
+ */
+function goodsClick(btn: any) {
+  switch (btn.code) {
+    case 'ADD':
+      addGoods()
+      break
+    default:
+      break
+  }
+}
+
+// 计算销售单价
+function calculatePriceSale(data: any) {
+  if (['SC'].includes(formConfigSet.data.proposalType) && ['30', '40'].includes(formConfigSet.data.businessType)) {
+    const goodsPrice = Number.parseFloat(data.goodsPrice) || 0
+    const freightPrice = Number.parseFloat(data.freightPrice) || 0
+    data.priceSale = (goodsPrice + freightPrice).toFixed(6)
+  }
+}
+</script>
+
+<style scoped>
+.goods-index-wrapper {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  z-index: 10;
+}
+.goods-box-index {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 0;
+  height: 0;
+  font-size: 14px;
+  font-weight: 500;
+  color: #606266;
+  border-top: 20px solid #f3f3f3;
+  border-right: 20px solid transparent;
+  border-bottom: 20px solid transparent;
+  border-left: 20px solid #f3f3f3;
+}
+.goods-box-index::after {
+  position: absolute;
+  top: -18px;
+  left: -12px;
+  font-size: 14px;
+  font-weight: 500;
+  color: #606266;
+  content: attr(data-index);
+}
+.formBox {
+  padding: 10px 20px;
+  margin-bottom: 20px;
+  background-color: #ffffff;
+  border: 1px solid #cccccc;
+  border-radius: 10px;
+}
+.dashed-box {
+  display: table; /* 表格布局 */
+  width: 100%;
+  border-collapse: collapse; /* 合并边框 */
+}
+.dashed-box p {
+  display: table-cell;
+  width: 30px;
+  text-align: center;
+  letter-spacing: 5px; /* 增加字间距提升可读性 */
+  vertical-align: middle; /* 垂直居中 */
+  background: #dbefff;
+  writing-mode: vertical-lr; /* 垂直排列文字 */
+}
+.form-container {
+  display: table-cell;
+  vertical-align: top; /* 顶部对齐 */
+}
+:deep(.el-divider--horizontal) {
+  margin: 5px 0;
+  border-top: 2px dashed #dbefff;
+}
+.bx-container-ABBP {
+  display: unset;
+  flex: 1;
+  flex-direction: column;
+  padding: 10px;
+  overflow: auto;
+}
+.goods-box {
+  position: relative;
+  padding-bottom: 40px;
+  margin-bottom: 10px;
+  border: 4px dashed #dbefff;
+  border-radius: 10px;
+}
+.delBtn {
+  position: absolute;
+  right: 10px;
+  bottom: 5px;
+}
+.border-rd-lg {
+  border-radius: 0 !important;
+}
+.x-is-required {
+  font-family: Verdana, Arial, Tahoma;
+  font-weight: 400;
+  color: var(--vxe-ui-form-validate-error-color);
+  vertical-align: middle;
+}
+</style>