@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/Party/index.vue

@@ -0,0 +1,738 @@
+<template>
+  <BxRoundedContainer>
+    <BxContainer id="INQU_PARTY" ref="container" title="客商信息" @btn-click="btnClick">
+      <div v-if="!isEmpty(detailInfo.partyCaseSituation)" class="bold pb10 flex-row font16 pt10 text-[#555]">
+        <span class="mr5“">客商案件情况：</span>
+        <span class="flex-1">{{ detailInfo.partyCaseSituation }}</span>
+      </div>
+      <Major ref="major" class="mt5" />
+      <VxePlusTable
+        v-if="showPartyFlag"
+        :id="tablePageId"
+        ref="xGrid"
+        class="pb0"
+        :auto-load="autoLoad"
+        :columns="columns"
+        :show-checkbox="editable"
+        :is-edit="editable"
+        :edit-rules="editRules"
+        :service-config="serviceConfig"
+        :transform-params="transformParams"
+        :transform-response="transformResponse"
+        :loading="loading"
+        :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 #billAmt_header="{ column }">
+          <span v-if="editable" class="vxe-cell--required-icon">
+            <i />
+          </span>
+          <span>{{ column.title }}</span>
+        </template>
+        <template #prepayAmt_header="{ column }">
+          <span v-if="editable" class="vxe-cell--required-icon">
+            <i />
+          </span>
+          <span>{{ column.title }}</span>
+        </template>
+        <template #overLoadingScale_header="{ column }">
+          <span v-if="editable" class="vxe-cell--required-icon">
+            <i />
+          </span>
+          <span>{{ column.title }}</span>
+        </template>
+        <template #partyGroupCode_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="['partyGroupCode'].includes(column.field)" :key="`${column.field}-cell`" class="cursor-pointer text-blue-500 underline" :class="{ 'text-red-500 line-through-1': diffable && row.diffable && row[`${column.field}__diffable`] }" @click="handleEdit(row)">{{ row.partyGroupCode }}</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, onMounted, reactive, ref, watch } from 'vue'
+import type { Ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useDialog } from '@vxe-plus/components'
+import { has } from 'xe-utils'
+import Qs from 'qs'
+import { createTableColumns } from './columns'
+import Major from './Major/index.vue'
+import { createEiBlock, sendService } from '@/utils/eiTools'
+import { isEmpty, isNumber } from '@/utils/is'
+import { compareData, openV6Page } from '@/utils'
+import { useCodeSetStore } from '@/stores/modules/codeSet'
+import PMPC9703 from '@/views/PM/PC/component/PMPC9703/index.vue'
+
+const xGrid = ref<any>(null)
+const container = ref<any>(null)
+const major = ref<any>(null)
+const showPartyFlag = ref(false)
+
+const { addable, editable, detailInfo, businessType, diffable, pageId, isCorrecte, isCorrecteOrChange, isFirstVersion, hedgingFlag } = inject('__PMPC0101__info__') as any
+
+const { updateDetailInfo, saveDetail, fetchDetailInfo, getId, getData } = inject('__PMPC0101__method__') as any
+
+const { main: mainModule } = inject('__PMPC0101__module__') as { main: Ref }
+
+const baseModule = computed(() => mainModule?.value?.base)
+
+const baseModuleFormData = computed(() => baseModule?.value?.formData)
+
+const majorFormData = computed(() => major?.value?.formData)
+
+const { columns, editRules, tableValidator } = createTableColumns() as any
+
+const { getCodeSetTextByCode } = useCodeSetStore()
+
+const autoLoad = computed(() => !!detailInfo.value[getId('pcContractMainId')])
+
+const tablePageId = computed(() => `${pageId.value}_result_1`)
+
+function getTableData() {
+  if (showPartyFlag.value) {
+    const $grid = xGrid.value.getGridInstance()
+    const { tableData } = $grid.getTableData()
+    if (diffable.value) {
+      return tableData.filter(row => !row.diffable)
+    }
+    return tableData
+  }
+  return []
+}
+
+async function handleValidator(flag?) {
+  try {
+    // if (flag !== false && tableFlag) {
+    //   const tableData = getTableData()
+    //   if (!tableData.length) {
+    //     scrollIntoView(container.value.$el)
+    //     ElMessage.warning('至少需要1条客商信息')
+    //     return Promise.reject(false)
+    //   }
+    // }
+    await major.value.validator(flag)
+    if (showPartyFlag.value) {
+      await tableValidator(xGrid, flag ?? diffable.value ? getTableData() : true)
+    }
+    return Promise.resolve(true)
+  }
+  catch (error) {
+    return Promise.reject(error)
+  }
+}
+
+function reload() {
+  if (showPartyFlag.value) {
+    xGrid.value.reload()
+  }
+  else {
+    showPartyFlag.value = true
+  }
+}
+
+const serviceConfig = reactive({
+  serviceName: isCorrecteOrChange.value ? 'PMPC9703' : isFirstVersion.value ? 'PMPC0102' : 'PMPC0101',
+  queryMethod: isCorrecteOrChange.value ? 'queryContractPartyCompareForVue' : 'queryContractParty',
+})
+
+function transformParams(formEi) {
+  formEi.set(`inqu_status-0-pcContractMainId`, detailInfo.value.pcContractMainId)
+  formEi.set(`inqu_status-0-${getId('pcContractMainId')}`, detailInfo.value[getId('pcContractMainId')])
+  formEi.set(`inqu_status-0-isSign`, 'Y')
+  formEi.set(`inqu_status-0-majorExcludeFlag`, 'N')
+  if (isFirstVersion.value) {
+    formEi.set(`inqu_status-0-operateType`, '10')
+  }
+  return formEi
+}
+
+function transformResponse(data) {
+  if (diffable.value) {
+    return (data || []).map((item) => {
+      item.operateType = `${isCorrecte.value ? '修正' : '变更'}后`
+      return item
+    })
+  }
+  return data
+}
+
+async function getTradePropertyCode(rows) {
+  try {
+    const data = await sendService({
+      serviceName: 'PMPC0101',
+      methodName: 'save',
+      eiBlocks: [
+        createEiBlock({
+          [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+        }),
+        createEiBlock(rows.map((item) => {
+          return {
+            [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+            [getId('pcContractPartyId')]: item[getId('pcContractPartyId')],
+          }
+        }), 'result'),
+      ],
+      blockName: 'primaryId',
+    })
+    const tradePropertyCode = data && data[0]
+    if (tradePropertyCode) {
+      return Promise.resolve(tradePropertyCode)
+    }
+  }
+  catch {
+
+  }
+  return Promise.reject(false)
+}
+
+async function getSupplierCreditFlag(rows) {
+  try {
+    const data = await sendService({
+      serviceName: 'PMPC0101',
+      methodName: 'save',
+      eiBlocks: [
+        createEiBlock({
+          [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+        }),
+        createEiBlock(rows.map((item) => {
+          return {
+            [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+            [getId('pcContractPartyId')]: item[getId('pcContractPartyId')],
+          }
+        }), 'result'),
+      ],
+      blockName: 'primaryId',
+    })
+    const supplierCreditFlag = data && data[0]
+    if (supplierCreditFlag) {
+      return Promise.resolve(supplierCreditFlag)
+    }
+  }
+  catch {
+
+  }
+  return Promise.reject(false)
+}
+
+const isInit = ref(true)
+
+function refresh() {
+  isInit.value = false
+  reload()
+}
+
+function rowspanMethod({ row, _rowIndex, column, visibleData }) {
+  if (diffable.value) {
+    const fields = ['pcContractPartyId']
+    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 && showPartyFlag.value)
+
+// 获取diff数据
+async function getDiffData(data, rowId) {
+  if (!diffable.value) {
+    return
+  }
+  if (data && data.length) {
+    try {
+      loading.value = true
+      const diffResult = await sendService({
+        serviceName: 'PMPC9703',
+        methodName: 'queryContractPartyForVue',
+        eiBlocks: [
+          createEiBlock({
+            [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+          }, 'inqu_status'),
+        ],
+        blockName: 'result_1',
+        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 = 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
+}
+
+async function afterLoad({ data }) {
+  if (!detailInfo.value[getId('pcContractMainId')]) {
+    return
+  }
+  if (!data.length) {
+    showPartyFlag.value = false
+  }
+  if (!showPartyFlag.value) {
+    return
+  }
+  if (diffable.value) {
+    getDiffData(data, 'pcContractPartyId')
+  }
+  return
+  if (isInit.value) {
+    return
+  }
+  if (!data.length) {
+    nextTick(async () => {
+      const formData = {
+        tradePropertyCode: '',
+        supplierCreditFlag: '',
+      }
+      try {
+        await saveDetail(formData, 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?.(formData)
+      }
+      catch {
+
+      }
+    })
+    return
+  }
+  Promise.allSettled([
+    getTradePropertyCode(data),
+    getSupplierCreditFlag(data),
+  ]).then((results) => {
+    const fields = [] as any
+    const tradePropertyCodeResult = results[0]
+    const tradePropertyCodeStatus = tradePropertyCodeResult && tradePropertyCodeResult.status === 'fulfilled'
+    if (tradePropertyCodeStatus) {
+      fields.push({
+        field: 'tradePropertyCode',
+        value: tradePropertyCodeResult.value,
+      })
+    }
+    const supplierCreditFlagResult = results[1]
+    const supplierCreditFlagStatus = supplierCreditFlagResult && supplierCreditFlagResult.status === 'fulfilled'
+    if (supplierCreditFlagStatus) {
+      fields.push({
+        field: 'supplierCreditFlag',
+        value: supplierCreditFlagResult.value,
+      })
+    }
+    if (fields.length) {
+      const formData = fields.reduce((ob, item) => {
+        ob[item.field] = item.value
+        return ob
+      }, {})
+      nextTick(async () => {
+        baseModule.value?.updateFormData?.(formData)
+        if (supplierCreditFlagStatus) {
+          await nextTick(() => {
+            const fullData = getData()
+            const payment = fullData.explain?.pay?.payment
+            Object.assign(formData, payment)
+          })
+        }
+        try {
+          await saveDetail(formData, false)
+          const detailData = await fetchDetailInfo({
+            id: detailInfo.value[getId('pcContractMainId')],
+          }, false)
+          const newData = (detailData && detailData[0]) || {}
+          console.log('newDetailInfo', newData)
+          updateDetailInfo(newData)
+        }
+        catch {
+
+        }
+      })
+    }
+  })
+}
+
+const gridEvents = reactive({
+  toolbarButtonClick: ({ code, $grid }) => {
+    switch (code) {
+      case 'DELETE_PARTY_SIGN':
+        handleDelete($grid)
+        break
+    }
+  },
+})
+
+function btnClick({ code }) {
+  if (code === 'ADD_PARTY_SIGN') {
+    handleAdd()
+  }
+  else if (code === 'HONEST_PROTOCOL') {
+    const path = ['UMUC07', decodeURIComponent(Qs.stringify({
+      'inqu_status-0-corpName': majorFormData.value?.partyName || majorFormData.value?.partyNameEn || '',
+      'inqu_status-0-corpGroupCode': majorFormData.value?.partyGroupCode || '',
+      'inqu_status-0-ucCorpId': majorFormData.value?.partyCorpId || '',
+    }))].join('?')
+    openV6Page(`${import.meta.env.VITE_EPLAT_TO_URL}${path}`)
+  }
+}
+
+const { openDialog } = useDialog()
+
+// 新增操作
+function handleAdd() {
+  if (!detailInfo.value[getId('pcContractMainId')]) {
+    return ElMessage.warning('请先保存合同信息!')
+  }
+  openDialog(PMPC9703, {
+    title: '客商信息',
+    pageId: 'PMPC9703',
+    componentParam: {
+      baseInfo: baseModuleFormData.value,
+      getId,
+      formParams: {
+        isSign: 'Y',
+      },
+      otherInfo: {
+        isCorrecteOrChange: isCorrecteOrChange.value,
+      },
+      signable: true,
+      editMode: 'add',
+    },
+  }, async (data, exposed) => {
+    try {
+      await sendService({
+        serviceName: 'PMPC9703',
+        methodName: 'insertWithoutValidation',
+        eiBlocks: [
+          createEiBlock({
+            ...data,
+            isSign: 'Y',
+            pcContractMainId: detailInfo.value.pcContractMainId,
+            [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+            businessType: businessType.value,
+          }, 'inqu_status'),
+        ],
+      })
+      exposed.close()
+      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
+  }
+  const majorParty = checkboxRecords.find(row => row.isMajor === 'Y')
+  if (majorParty) {
+    const partyName = majorParty.partyName || majorParty.partyNameEn || ''
+    if (partyName) {
+      ElMessage.warning(`主客商【${partyName}】不允许删除`)
+    }
+    else {
+      ElMessage.warning(`主客商不允许删除`)
+    }
+    return
+  }
+  try {
+    await ElMessageBox.confirm(`确定要删除吗？`)
+    const rows = checkboxRecords.filter((row) => {
+      return !isEmpty(row[getId('pcContractPartyId')])
+    })
+    if (rows.length) {
+      await sendService({
+        serviceName: isCorrecteOrChange.value ? 'PMPC0102' : 'PMPC0101',
+        methodName: 'deleteContractParty',
+        eiBlocks: [
+          createEiBlock(rows.map((item) => {
+            return {
+              [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+              [getId('pcContractPartyId')]: item[getId('pcContractPartyId')],
+            }
+          }), 'result_1'),
+        ],
+      })
+      ElMessage.success('删除成功')
+      refresh()
+    }
+    else {
+      $grid.removeCheckboxRow()
+    }
+  }
+  catch {
+
+  }
+}
+
+// 编辑
+async function handleEdit(row) {
+  try {
+    const data = await sendService({
+      serviceName: 'PMPC9703',
+      methodName: isCorrecteOrChange.value ? 'detailForCompare' : 'detail',
+      eiBlocks: [
+        createEiBlock({
+          [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+          pcContractPartyId: row.pcContractPartyId,
+          [getId('pcContractPartyId')]: row[getId('pcContractPartyId')],
+          businessType: businessType.value,
+        }, 'inqu_status'),
+      ],
+      blockName: 'inqu_status,inqu_status2',
+    })
+    const rowData = data && (data as any).inqu_status
+    const newData = (rowData && rowData[0]) || {}
+    console.log('newData', newData)
+    const diffInfo = ref({}) as any
+    if (diffable.value) {
+      const diffData = data && (data as any).inqu_status2
+      diffInfo.value = compareData((diffData && diffData[0]) || {}, newData)
+    }
+    openDialog(PMPC9703, {
+      title: '客商信息',
+      pageId: 'PMPC9703',
+      componentParam: {
+        editable: editable.value && !(diffable.value && row.diffable),
+        diffable: diffable.value,
+        formParams: newData,
+        baseInfo: baseModuleFormData.value,
+        diffInfo: diffInfo.value,
+        getId,
+        otherInfo: {
+          hedgingFlag: hedgingFlag.value && !isCorrecteOrChange.value && row.isMajor === 'Y',
+          isCorrecteOrChange: isCorrecteOrChange.value,
+        },
+        signable: true,
+        editMode: 'edit',
+      },
+    }, async (data, exposed) => {
+      try {
+        await sendService({
+          serviceName: 'PMPC9703',
+          methodName: 'update',
+          eiBlocks: [
+            createEiBlock({
+              ...newData,
+              ...data,
+              pcContractMainId: detailInfo.value.pcContractMainId,
+              [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+              businessType: businessType.value,
+            }, 'inqu_status'),
+          ],
+        })
+        exposed.close()
+        ElMessage.success('更新成功')
+        refresh()
+      }
+      catch {
+
+      }
+    })
+  }
+  catch {
+
+  }
+}
+
+async function getPartyFlag() {
+  try {
+    const params = {
+      pcContractMainId: detailInfo.value.pcContractMainId,
+      [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+      isSign: 'Y',
+      majorExcludeFlag: 'N',
+    } as any
+    if (isFirstVersion.value) {
+      params.operateType = '10'
+    }
+    const partyList = await sendService({
+      serviceName: isCorrecteOrChange.value ? 'PMPC9703' : isFirstVersion.value ? 'PMPC0102' : 'PMPC0101',
+      methodName: isCorrecteOrChange.value ? 'queryContractPartyCompareForVue' : 'queryContractParty',
+      loading: false,
+      eiBlocks: [
+        createEiBlock(params, 'inqu_status'),
+      ],
+      blockName: 'result_1',
+    }) as any[]
+    console.log('partyList', partyList)
+    showPartyFlag.value = !!partyList.length
+    return
+  }
+  catch {
+
+  }
+  showPartyFlag.value = false
+}
+
+watch([
+  () => editable.value,
+  () => showPartyFlag.value,
+  () => isCorrecteOrChange.value,
+  () => addable.value,
+], () => {
+  nextTick(() => {
+    xGrid.value?.btnSetDisable(['DELETE_PARTY_SIGN'], isCorrecteOrChange.value || !editable.value)
+    xGrid.value?.btnSetVisible(['ADD_PARTY', 'DELETE_PARTY'], false)
+    container.value?.btnSetDisable(['ADD_PARTY_SIGN'], isCorrecteOrChange.value || !editable.value)
+    container.value?.btnSetVisible(['HONEST_PROTOCOL'], !addable.value)
+  })
+}, {
+  immediate: true,
+})
+
+onMounted(() => {
+  if (autoLoad.value) {
+    getPartyFlag()
+  }
+})
+
+defineExpose({
+  reload,
+  validator: handleValidator,
+  major,
+  getData: () => major.value.getData(),
+})
+</script>
+
+<style scoped></style>