@brms/ai-skills 0.1.0

package/skills/brms-vxe-plus-developer/references/vxe-plus-knowledge/sources/project/base/src/views/PM/PC/component/PMPC0101/Goods/index.vue

@@ -0,0 +1,790 @@
+<template>
+  <BxRoundedContainer>
+    <BxContainer ref="container" title="商品信息">
+      <VxePlusTable
+        :id="tablePageId"
+        ref="xGrid"
+        class="pb0"
+        :columns="columns"
+        :auto-load="autoLoad"
+        :show-checkbox="editable"
+        :is-edit="editable"
+        :edit-rules="editRules"
+        :left-buttons="['ADD_CONTRACT_GOODS']"
+        :service-config="serviceConfig"
+        :transform-params="transformParams"
+        :transform-response="transformResponse"
+        :loading="loading"
+        :toolbar-buttons="toolbarButtons"
+        :after-load="afterLoad"
+        :span-method="rowspanMethod"
+        :virtual-x-config="{ enabled: false }"
+        :virtual-y-config="{ enabled: false }"
+        :checkbox-config="{
+          visibleMethod: ({ row }) => !(diffable && row.diffable),
+          checkMethod: ({ row }) => !(diffable && row.diffable),
+        }"
+        :before-edit-method="({ row }) => editable && !(diffable && row.diffable)"
+        min-height="179px"
+        max-height="403px"
+        v-on="gridEvents"
+      >
+        <template #goodsCode_header="{ column }">
+          <span v-if="editable" class="vxe-cell--required-icon">
+            <i />
+          </span>
+          <span>{{ column.title }}</span>
+        </template>
+        <template #quantityPurchase_header="{ column }">
+          <span v-if="editable" class="vxe-cell--required-icon">
+            <i />
+          </span>
+          <span>{{ column.title }}</span>
+        </template>
+        <template #priceTax_header="{ column }">
+          <span v-if="editable" class="vxe-cell--required-icon">
+            <i />
+          </span>
+          <span>{{ column.title }}</span>
+        </template>
+        <template #moreAndLessRatio_header="{ column }">
+          <span v-if="editable" class="vxe-cell--required-icon">
+            <i />
+          </span>
+          <span>{{ column.title }}</span>
+        </template>
+        <template #destinationPlace_header="{ column }">
+          <span v-if="editable" class="vxe-cell--required-icon">
+            <i />
+          </span>
+          <span>{{ column.title }}</span>
+        </template>
+        <template v-for="column in columns" #[column.slots.default]="{ row }">
+          <span v-if="['goodsName'].includes(column.field)" :key="`${column.field}-cell-1`" :class="{ 'text-blue-500 cursor-pointer underline': !isApprovePage, 'text-red-500 line-through-1': diffable && row.diffable && row[`${column.field}__diffable`] }" @click="handleEdit(row)">{{ row.goodsName }}</span>
+          <span v-else-if="['priceInstanceName'].includes(column.field)" :key="`${column.field}-cell`" :class="{ 'text-blue-500 cursor-pointer underline': !isApprovePage, 'text-red-500 line-through-1': diffable && row.diffable && row[`${column.field}__diffable`] }" @click="handleFormulaInfo(row)">{{ row.priceInstanceName }}</span>
+          <span v-else-if="column.editRender?.name === 'tableSelect'" :key="`${column.field}-tableSelect`" :class="diffable && row.diffable && row[`${column.field}__diffable`] && 'text-red-500 line-through-1'">{{ getCodeSetTextByCode(column.editRender?.props?.codeSet, row[column.field]) }}</span>
+          <span v-else-if="column.formatter" :key="`${column.field}-formatter`" :class="diffable && row.diffable && row[`${column.field}__diffable`] && 'text-red-500 line-through-1'">{{ column.formatter({ row, cellValue: row[column.field] }) }}</span>
+          <span v-else :key="`${column.field}`" :class="diffable && row.diffable && row[`${column.field}__diffable`] && 'text-red-500 line-through-1'">{{ row[column.field] }}</span>
+        </template>
+      </VxePlusTable>
+    </BxContainer>
+  </BxRoundedContainer>
+</template>
+
+<script setup lang="ts">
+import { computed, inject, nextTick, reactive, ref, toValue, watch } from 'vue'
+import type { Ref } from 'vue'
+import type { EiInfo } from '@eplat/ei'
+import type { VxeGridProps } from 'vxe-table'
+import XEUtils, { has, multiply } from 'xe-utils'
+import Qs from 'qs'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useDialog } from '@vxe-plus/components'
+import dayjs from 'dayjs'
+import { createTableColumns } from './columns'
+import { createEiBlock, sendService } from '@/utils/eiTools'
+import { isEmpty, isNumber } from '@/utils/is'
+import { compareData, generateId, openV6Page, scrollIntoView } from '@/utils'
+import { useCodeSetStore } from '@/stores/modules/codeSet'
+import { useFileUpload } from '@/hooks/useFileUpload'
+import PMPC9701 from '@/views/PM/PC/PMPC9701.vue'
+import JMJR0101 from '@/views/JM/JR/JMJR0101.vue'
+
+const xGrid = ref<any>(null)
+const container = ref<any>(null)
+
+const { addable, editable, detailInfo, businessType, contractType, diffable, pageId, isCorrecte, isCorrecteOrChange, foreignFlag, isFirstVersion, attrInfo, hedgingFlag, isApprovePage, isHistory } = inject('__PMPC0101__info__') as any
+
+const { updateDetailInfo, fetchDetailInfo, saveDetail, getId } = inject('__PMPC0101__method__') as any
+
+const { main: mainModule, price: priceModule, party: partyModule } = inject('__PMPC0101__module__') as { main: Ref, price: Ref, party: Ref }
+
+const baseModule = computed(() => mainModule?.value?.base)
+
+const baseModuleFormData = computed(() => baseModule?.value?.formData)
+
+const priceModuleFormData = computed(() => priceModule?.value?.formData)
+
+const isPriceTax = computed(() => {
+  if (!isApprovePage.value) {
+    return priceModuleFormData.value?.priceTaxFlag
+  }
+  return detailInfo.value?.priceTaxFlag
+})
+
+const initLoadEiInfo = toValue(inject<Ref<EiInfo> | undefined>('__eiInfo__', undefined))
+
+const standardFlag = computed(() => addable.value ? initLoadEiInfo?.get('standardFlag') : attrInfo.value?.standardFlag)
+
+const { getCodeSetTextByCode } = useCodeSetStore()
+
+const { columns, editRules, tableValidator } = createTableColumns() as any
+
+const autoLoad = computed(() => !!detailInfo.value[getId('pcContractMainId')])
+
+const tablePageId = computed(() => `${pageId.value}_result_2`)
+
+const toolbarButtons = ref<NonNullable<VxeGridProps['toolbarConfig']>['buttons']>([
+  {
+    name: '查看合同文本',
+    code: 'VIEW_TEXT',
+  },
+  {
+    name: '查看合同详情',
+    code: 'VIEW_DETAIL',
+  },
+])
+
+function getTableData() {
+  const $grid = xGrid.value.getGridInstance()
+  const { tableData } = $grid.getTableData()
+  if (diffable.value) {
+    return tableData.filter(row => !row.diffable)
+  }
+  return tableData
+}
+
+function scrollIntoTop() {
+  scrollIntoView(container.value.$el)
+}
+
+async function handleValidator(flag?, tableFlag: boolean = false) {
+  try {
+    if (flag !== false && tableFlag) {
+      const tableData = getTableData()
+      if (!tableData.length) {
+        scrollIntoTop()
+        ElMessage.warning('至少需要1条商品信息')
+        return Promise.reject(false)
+      }
+    }
+    await tableValidator(xGrid, flag ?? diffable.value ? getTableData() : true)
+    return Promise.resolve(true)
+  }
+  catch (error) {
+    return Promise.reject(error)
+  }
+}
+
+function reload() {
+  xGrid.value.reload()
+}
+
+const serviceConfig = reactive({
+  serviceName: isCorrecteOrChange.value ? 'PMPC9701' : isFirstVersion.value ? 'PMPC0102' : 'PMPC0101',
+  queryMethod: isCorrecteOrChange.value ? 'queryContractGoodsComparesForVue' : 'queryContractGoods',
+})
+
+function transformParams(formEi) {
+  formEi.set(`inqu_status-0-pcContractMainId`, detailInfo.value.pcContractMainId)
+  formEi.set(`inqu_status-0-${getId('pcContractMainId')}`, detailInfo.value[getId('pcContractMainId')])
+  if (isFirstVersion.value) {
+    formEi.set(`inqu_status-0-operateType`, '10')
+  }
+  return formEi
+}
+
+function transformResponse(data) {
+  return (data || []).map((item) => {
+    item.priceTax = isPriceTax.value === 'Y' ? item.priceWithtax : isPriceTax.value === 'N' ? item.priceNotax : ''
+    const ratio = [] as any
+    if (!isEmpty(item.moreRatio)) {
+      ratio.push({
+        symbol: '+',
+        value: item.moreRatio,
+      })
+    }
+    else {
+      ratio.push('')
+    }
+    if (!isEmpty(item.lessRatio)) {
+      ratio.push({
+        symbol: '-',
+        value: item.lessRatio,
+      })
+    }
+    else {
+      ratio.push('')
+    }
+    item.moreAndLessRatio = ratio.some(value => !isEmpty(value))
+      ? ratio.map((k) => {
+          return !isEmpty(k) ? `${k.symbol}${XEUtils.toFixed(multiply(Number.parseFloat(k.value), 100), 2)}%` : ''
+        }).join('~')
+      : ''
+    if (diffable.value && isEmpty(item.operateType)) {
+      item.operateType = `${isCorrecte.value ? '修正' : '变更'}后`
+    }
+    return item
+  })
+}
+
+const isInit = ref(true)
+
+function refresh() {
+  isInit.value = false
+  reload()
+  partyModule?.value?.reload()
+}
+
+function rowspanMethod({ row, _rowIndex, column, visibleData }) {
+  if (diffable.value) {
+    const fields = ['pcContractGoodsId']
+    if (editable.value) {
+      fields.push('checkbox')
+    }
+    const cellValue = row[column.field]
+    const isCheckbox = column.field === 'checkbox'
+    const flag = isCheckbox ? ['D', 'U'].includes(row.operationType) : true
+    if (cellValue && fields.includes(column.field) && flag) {
+      const prevRow = visibleData[_rowIndex - 1]
+      let nextRow = visibleData[_rowIndex + 1]
+      if (prevRow && prevRow[column.field] === cellValue) {
+        return { rowspan: 0, colspan: 0 }
+      }
+      else {
+        let countRowspan = 1
+        while (nextRow && nextRow[column.field] === cellValue) {
+          nextRow = visibleData[++countRowspan + _rowIndex]
+        }
+        if (countRowspan > 1) {
+          return { rowspan: countRowspan, colspan: 1 }
+        }
+      }
+    }
+  }
+}
+
+const loading = ref(!!detailInfo.value[getId('pcContractMainId')] && diffable.value)
+
+// 获取diff数据
+async function getDiffData(data, rowId) {
+  if (!diffable.value) {
+    return
+  }
+  if (data && data.length) {
+    try {
+      loading.value = true
+      const diffResult = await sendService({
+        serviceName: 'PMPC9701',
+        methodName: 'queryContractGoodsForVue',
+        eiBlocks: [
+          createEiBlock({
+            [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+          }, 'inqu_status'),
+        ],
+        blockName: 'result_2',
+        loading: false,
+      }) as any
+      console.log('diffResult', diffResult)
+      const rowHisId = getId(rowId)
+      const excludes = ['operationType', 'operateType', 'custom', rowId, rowHisId]
+      const deleteRows = data.filter(row => ['D'].includes(row.operationType)).map((item) => {
+        const diffData = columns.value.reduce((ob, column) => {
+          const field = column.field
+          if (!excludes.includes(field)) {
+            ob[`${field}__diffable`] = true
+          }
+          return ob
+        }, {})
+        return {
+          ...item,
+          ...diffData,
+          diffable: true,
+        }
+      })
+      const diffList = transformResponse(diffResult || []).filter(row => !isEmpty(row[rowId]))
+      let newRows = [] as any[]
+      if (diffList && diffList.length) {
+        const updateRowsOb = data.filter(row => ['U'].includes(row.operationType)).reduce((updateOb, row) => {
+          const originRows = diffList.filter(item => item[rowId] === row[rowId]).map((originRow) => {
+            const diffData = columns.value.reduce((ob, column) => {
+              const field = column.field
+              if (has(originRow, field) && !excludes.includes(field)) {
+                const originValue = originRow[field]
+                const currentValue = row[field]
+                if (isNumber(originValue) && isNumber(currentValue)) {
+                  if (Number(originValue) !== Number(currentValue)) {
+                    ob[`${field}__diffable`] = true
+                  }
+                }
+                else if (originValue !== currentValue) {
+                  ob[`${field}__diffable`] = true
+                }
+              }
+              return ob
+            }, {})
+            return {
+              ...originRow,
+              ...diffData,
+              isDiff: Object.keys(diffData).length > 0,
+              diffable: true,
+              operationType: 'U',
+              operateType: `${isCorrecte.value ? '修正' : '变更'}前`,
+            }
+          }).filter(originRow => originRow.isDiff)
+          if (originRows.length) {
+            updateOb[row[rowId]] = originRows
+          }
+          return updateOb
+        }, {})
+        newRows = data.reduce((rows, row) => {
+          if (['U'].includes(row.operationType)) {
+            if (updateRowsOb[row[rowId]] && updateRowsOb[row[rowId]].length) {
+              return rows.concat(row, ...updateRowsOb[row[rowId]])
+            }
+          }
+          else if (['D'].includes(row.operationType)) {
+            const deleteRow = deleteRows.find(item => item[rowId] === row[rowId])
+            return rows.concat(deleteRow ?? row)
+          }
+          return rows.concat(row)
+        }, [])
+      }
+      else {
+        newRows = data.map((row) => {
+          if (['D'].includes(row.operationType)) {
+            const deleteRow = deleteRows.find(item => item[rowId] === row[rowId])
+            if (deleteRow) {
+              return deleteRow
+            }
+          }
+          return row
+        })
+      }
+      console.log('newRows', newRows)
+      if (newRows && newRows.length) {
+        setTimeout(() => {
+          nextTick(() => {
+            const $grid = xGrid.value?.getGridInstance()
+            if ($grid) {
+              $grid.loadData(newRows.map((row) => {
+                return {
+                  ...row,
+                  checkbox: `${row.operationType}-${row[rowId]}`,
+                }
+              }))
+            }
+            loading.value = false
+          })
+        }, 100)
+        return
+      }
+    }
+    catch {
+
+    }
+  }
+  loading.value = false
+}
+
+function afterLoad({ data }) {
+  if (!detailInfo.value[getId('pcContractMainId')]) {
+    return
+  }
+  if (diffable.value) {
+    getDiffData(data, 'pcContractGoodsId')
+  }
+  if (isInit.value) {
+    return
+  }
+  nextTick(async () => {
+    try {
+      await saveDetail({
+        priceTaxFlag: isPriceTax.value,
+      }, false)
+      const detailData = await fetchDetailInfo({
+        id: detailInfo.value[getId('pcContractMainId')],
+      }, false)
+      const newData = (detailData && detailData[0]) || {}
+      console.log('newDetailInfo', newData)
+      updateDetailInfo(newData)
+      baseModule.value?.updateFormData?.({
+        contractAmount: newData.contractAmount || 0,
+        contractAmountTax: newData.contractAmountTax || 0,
+        contractAmountNoTax: newData.contractAmountNoTax || 0,
+        responsibilityCategoryLCode: newData.responsibilityCategoryLCode || '',
+        responsibilityCategoryLName: newData.responsibilityCategoryLName || '',
+        responsibilityCategoryMCode: newData.responsibilityCategoryMCode || '',
+        responsibilityCategoryMName: newData.responsibilityCategoryMName || '',
+        responsibilityCategorySCode: newData.responsibilityCategorySCode || '',
+        responsibilityCategorySName: newData.responsibilityCategorySName || '',
+        contractStartDate: newData.contractStartDate || '',
+        contractEndDate: newData.contractEndDate || '',
+      })
+    }
+    catch {
+
+    }
+  })
+}
+
+const gridEvents = reactive({
+  toolbarButtonClick: ({ code, $grid }) => {
+    switch (code) {
+      case 'ADD_CONTRACT_GOODS':
+        handleAdd()
+        break
+      case 'COPY_GOODS':
+        handleCopy($grid)
+        break
+      case 'DELETE_GOODS':
+        handleDelete($grid)
+        break
+      case 'VIEW_DETAIL':
+        handleViewDetail()
+        break
+      case 'VIEW_TEXT':
+        handleViewText()
+        break
+    }
+  },
+})
+
+const { openDialog } = useDialog()
+
+// 新增操作
+async function handleAdd() {
+  if (!detailInfo.value[getId('pcContractMainId')]) {
+    return ElMessage.warning('请先保存合同信息!')
+  }
+  try {
+    await priceModule.value.validateField('priceTaxFlag')
+    openDialog(PMPC9701, {
+      title: '商品明细',
+      pageId: 'PMPC9701',
+      componentParam: {
+        baseInfo: baseModuleFormData.value,
+        editable: editable.value,
+        diffable: diffable.value,
+        otherInfo: {
+          standardFlag: standardFlag.value,
+          businessType: businessType.value,
+          contractType: contractType.value,
+          isCorrecte: isCorrecte.value,
+          isCorrecteOrChange: isCorrecteOrChange.value,
+          isFirstVersion: isFirstVersion.value,
+          foreignFlag: foreignFlag.value,
+        },
+        data: {
+          pcContractMainId: detailInfo.value.pcContractMainId,
+          [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+          isPriceTax: isPriceTax.value,
+        },
+        refresh,
+        getId,
+      },
+    })
+  }
+  catch {
+
+  }
+}
+
+// 复制
+async function handleCopy($grid) {
+  return ElMessage.warning('该功能正在开发中!')
+  if (!detailInfo.value[getId('pcContractMainId')]) {
+    return ElMessage.warning('请先保存合同信息!')
+  }
+  const checkboxRecords = $grid.getCheckboxRecords()
+  if (!checkboxRecords.length) {
+    ElMessage.warning(`请选中一条数据`)
+    return
+  }
+  try {
+    await sendService({
+      serviceName: 'PMPC0101',
+      methodName: 'copyContractGoods',
+      eiBlocks: [
+        createEiBlock(checkboxRecords.map((item) => {
+          return {
+            [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+            [getId('pcContractGoodsId')]: item[getId('pcContractGoodsId')],
+          }
+        }), 'result_2'),
+      ],
+    })
+    ElMessage.success('复制成功')
+    refresh()
+  }
+  catch {
+
+  }
+}
+
+// 删除
+async function handleDelete($grid) {
+  if (!detailInfo.value[getId('pcContractMainId')]) {
+    return ElMessage.warning('请先保存合同信息!')
+  }
+  const checkboxRecords = $grid.getCheckboxRecords()
+  if (!checkboxRecords.length) {
+    ElMessage.warning(`请选中一条数据`)
+    return
+  }
+  try {
+    await ElMessageBox.confirm(`确定要删除吗？`)
+    const rows = checkboxRecords.filter((row) => {
+      return !isEmpty(row[getId('pcContractGoodsId')])
+    })
+    if (rows.length) {
+      await sendService({
+        serviceName: isCorrecteOrChange.value ? 'PMPC0102' : 'PMPC0101',
+        methodName: 'deleteContractGoods',
+        eiBlocks: [
+          createEiBlock(rows.map((item) => {
+            return {
+              pcContractMainId: detailInfo.value.pcContractMainId,
+              [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+              pcContractGoodsId: item.pcContractGoodsId,
+              [getId('pcContractGoodsId')]: item[getId('pcContractGoodsId')],
+            }
+          }), 'result_2'),
+        ],
+      })
+      ElMessage.success('删除成功')
+      refresh()
+    }
+    else {
+      $grid.removeCheckboxRow()
+    }
+  }
+  catch {
+
+  }
+}
+
+// 编辑
+async function handleEdit(row) {
+  try {
+    if (isApprovePage.value) {
+      return
+    }
+    await priceModule.value.validateField('priceTaxFlag')
+    const data = await sendService({
+      serviceName: 'PMPC9701',
+      methodName: isCorrecteOrChange.value ? 'detailForCompare' : 'detail',
+      eiBlocks: [
+        createEiBlock({
+          [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+          pcContractGoodsId: row.pcContractGoodsId,
+          [getId('pcContractGoodsId')]: row[getId('pcContractGoodsId')],
+          businessType: businessType.value,
+        }, 'inqu_status'),
+      ],
+      blockName: 'inqu_status,inqu_status2',
+    })
+    const rowData = data && (data as any).inqu_status
+    const newData = (rowData && rowData[0]) || {}
+    if (isPriceTax.value === 'Y') {
+      newData.priceTax = newData.priceWithtax
+    }
+    else if (isPriceTax.value === 'N') {
+      newData.priceTax = newData.priceNotax
+    }
+    if (!isEmpty(newData.deliveryStartDate) || !isEmpty(newData.deliveryEndDate)) {
+      newData.deliveryDate = `${newData.deliveryStartDate || '/'} 至 ${newData.deliveryEndDate || '/'}`
+    }
+    const categoryData = await sendService({
+      serviceName: 'CMCG9904',
+      methodName: 'query',
+      eiBlocks: [
+        createEiBlock({
+          cgItemCode: newData.categoryCode,
+        }, 'inqu4_status'),
+      ],
+      blockName: 'result4',
+    })
+    console.log('categoryData', categoryData)
+    const categoryInfo = (categoryData && categoryData[0]) || {}
+    newData.categorySegment1 = categoryInfo.categorySegment1
+    console.log('newData', newData)
+    const diffInfo = ref({}) as any
+    if (diffable.value) {
+      const diffData = data && (data as any).inqu_status2
+      const diffObj = (diffData && diffData[0]) || {}
+      if (isPriceTax.value === 'Y') {
+        diffObj.priceTax = diffObj.priceWithtax
+      }
+      else if (isPriceTax.value === 'N') {
+        diffObj.priceTax = diffObj.priceNotax
+      }
+      if (!isEmpty(diffObj.deliveryStartDate) || !isEmpty(diffObj.deliveryEndDate)) {
+        const deliveryStartDate = diffObj.deliveryStartDate || newData.deliveryStartDate
+        const deliveryEndDate = diffObj.deliveryEndDate || newData.deliveryEndDate
+        diffObj.deliveryDate = `${deliveryStartDate ? dayjs(deliveryStartDate).format('YYYY-MM-DD') : '/'} 至 ${deliveryEndDate ? dayjs(deliveryEndDate).format('YYYY-MM-DD') : '/'}`
+      }
+      console.log('diffObj', diffObj)
+      diffInfo.value = compareData(diffObj, newData)
+      console.log('compareInfo', diffInfo.value)
+    }
+    openDialog(PMPC9701, {
+      title: '商品信息',
+      pageId: 'PMPC9701',
+      componentParam: {
+        baseInfo: baseModuleFormData.value,
+        editable: editable.value && !(diffable.value && row.diffable),
+        diffable: diffable.value,
+        editMode: 'edit',
+        otherInfo: {
+          standardFlag: standardFlag.value,
+          businessType: businessType.value,
+          contractType: contractType.value,
+          isCorrecte: isCorrecte.value,
+          isCorrecteOrChange: isCorrecteOrChange.value,
+          isFirstVersion: isFirstVersion.value,
+          foreignFlag: foreignFlag.value,
+          hedgingFlag: hedgingFlag.value && !isCorrecteOrChange.value,
+        },
+        data: {
+          ...newData,
+          pcContractMainId: detailInfo.value.pcContractMainId,
+          [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+          isPriceTax: isPriceTax.value,
+        },
+        diff: diffInfo.value,
+        refresh,
+        getId,
+      },
+    })
+  }
+  catch {
+
+  }
+}
+
+// 价格公式
+function handleFormulaInfo(row) {
+  if (isApprovePage.value) {
+    return
+  }
+  const param = {
+    jrInstanceMainId: row.brPriceInstanceHeadId,
+    targetJrInstanceMainId: row.oldBrPriceInstanceHeadId,
+    disabled: !editable.value,
+    isCorrecteOrChange: isCorrecteOrChange.value,
+  } as any
+  if (!param.disabled) {
+    const flag = ref(false)
+    if (isCorrecteOrChange.value) {
+      flag.value = isEmpty(row.oldBrPriceInstanceHeadId) || (row.brPriceInstanceHeadId === row.oldBrPriceInstanceHeadId)
+    }
+    if (flag.value) {
+      param.newJrInstanceMainId = generateId()
+      param.updateFn = async (updateInfo) => {
+        if (isCorrecteOrChange.value) {
+          const res = await sendService({
+            serviceName: 'JMJR02',
+            methodName: 'detail',
+            loading: false,
+            eiBlocks: [
+              createEiBlock({
+                jrInstanceMainId: param.newJrInstanceMainId,
+              }, 'inqu_status'),
+            ],
+            blockName: true,
+          }) as any
+          const detailData = res.get('result') ?? (res.getBlock('result')?.getMappedRows() || [])
+          console.log('JMJR02.detailData', detailData)
+          const detailObj = (detailData && detailData[0]) || {}
+          await sendService({
+            serviceName: 'PMPC9701',
+            methodName: 'updateContractGoodsPriceFormula',
+            loading: false,
+            eiBlocks: [
+              createEiBlock({
+                brPriceInstanceHeadId: param.newJrInstanceMainId,
+                priceInstanceHeadCode: detailObj.formulaCode,
+                [getId('pcContractGoodsId')]: row[getId('pcContractGoodsId')],
+              }, 'inqu_status'),
+            ],
+          })
+          updateInfo({
+            newJrInstanceMainId: '',
+            jrInstanceMainId: param.newJrInstanceMainId,
+            targetJrInstanceMainId: row.brPriceInstanceHeadId,
+          })
+          refresh()
+        }
+        return Promise.resolve(true)
+      }
+    }
+  }
+  openDialog(JMJR0101, {
+    title: '价格公式详情',
+    componentParam: {
+      ...param,
+    },
+  })
+}
+
+// 查看合同详情
+function handleViewDetail() {
+  const path = [`/web/${isHistory.value ? 'PMPC0102' : 'PMPC0101'}`, decodeURIComponent(Qs.stringify({
+    [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+    businessType: businessType.value,
+  }))].join('?')
+  if (import.meta.env.VITE_USER_NODE_ENV === 'development') {
+    openV6Page(`${window.location.origin}${window.location.pathname}#${path}`)
+  }
+  else {
+    openV6Page(`${import.meta.env.VITE_GRIC_URL}/baseVue/index.html#${path}`)
+  }
+}
+
+const { openFileBFSS0001 } = useFileUpload()
+
+// 查看合同文本
+function handleViewText() {
+  const bizTypeCode = 'PM_CONTRACT_PROPOSE,PM_CONTRACT_FORMAL,PM_CONTRACT_CORRECT,PM_CONTRACT_END'
+  const flag = 'show'
+  const bizBillId = detailInfo.value.pcContractMainId
+  const bizBillCode = detailInfo.value.pcContractCode
+  const bizBillVersion = detailInfo.value.contractVersion
+  const bookId = detailInfo.value.bookId
+  const verFlag = 'N'
+  const fileTypeCode = ''
+  openFileBFSS0001({
+    bizTypeCode,
+    contractId: bizBillId,
+    bizBillId,
+    bizBillCode,
+    bizBillVersion,
+    fileTypeCode,
+    flag,
+    bookId,
+    verFlag,
+    editable: false,
+    data: detailInfo.value,
+  })
+}
+
+watch([
+  () => isApprovePage.value,
+  () => editable.value,
+  () => hedgingFlag.value,
+], () => {
+  nextTick(() => {
+    xGrid.value.btnSetVisible(['ADD_CONTRACT_GOODS', 'COPY_GOODS', 'DELETE_GOODS'], !isApprovePage.value)
+    xGrid.value.btnSetVisible(['VIEW_DETAIL', 'VIEW_TEXT'], isApprovePage.value)
+    xGrid.value.btnSetDisable(['COPY_GOODS'], !editable.value)
+    if (!isCorrecteOrChange.value) {
+      xGrid.value.btnSetDisable(['ADD_CONTRACT_GOODS', 'DELETE_GOODS'], editable.value ? hedgingFlag.value : true)
+    }
+    else {
+      xGrid.value.btnSetDisable(['ADD_CONTRACT_GOODS', 'DELETE_GOODS'], !editable.value)
+    }
+  })
+}, {
+  immediate: true,
+})
+
+defineExpose({
+  reload,
+  validator: handleValidator,
+  getTableData,
+  scrollIntoTop,
+})
+</script>
+
+<style scoped></style>