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

@@ -0,0 +1,593 @@
+<template>
+  <BxContainer ref="container" title="结算说明" level-two>
+    <Foreign v-if="foreignExFlag" ref="foreign" />
+    <template v-else>
+      <Domestic ref="domestic" />
+      <VxePlusTable
+        :id="tablePageId"
+        ref="xGrid"
+        class="pb0"
+        :auto-load="autoLoad"
+        :columns="columns"
+        :is-edit="editable"
+        :show-checkbox="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)"
+        :left-buttons="['ADD_SETTLE']"
+        min-height="179px"
+        max-height="403px"
+        v-on="gridEvents"
+      >
+        <template #feeTypeValue_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 }">
+          <template v-if="['feeTypeValue'].includes(column.field)">
+            <span v-if="['40'].includes(row.extCol1)" :key="`${column.field}-cell-1`" class="text-blue-500 cursor-pointer underline" :class="{ 'text-red-500 line-through-1': diffable && row.diffable && row[`${column.field}__diffable`] }" @click="handleEdit(row)">{{ getCodeSetTextByCode('brmerp.pm.settleContentCode1', row.feeTypeValue) }}</span>
+            <span v-else-if="['20', '30'].includes(row.extCol1)" :key="`${column.field}-cell-2`" class="text-blue-500 cursor-pointer underline" :class="{ 'text-red-500 line-through-1': diffable && row.diffable && row[`${column.field}__diffable`] }" @click="handleEdit(row)">{{ getCodeSetTextByCode('brmerp.pm.settleContentCode2', row.feeTypeValue) }}</span>
+          </template>
+          <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>
+    </template>
+  </BxContainer>
+</template>
+
+<script setup lang="ts">
+import { computed, inject, nextTick, provide, reactive, ref, watch } from 'vue'
+import { useDialog } from '@vxe-plus/components'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { has } from 'xe-utils'
+import { createTableColumns } from './columns'
+import Domestic from './Domestic/index.vue'
+import Foreign from './Foreign/index.vue'
+import { createEiBlock, sendService } from '@/utils/eiTools'
+import { compareData, scrollIntoView } from '@/utils'
+import { isEmpty, isNumber } from '@/utils/is'
+import { useCodeSetStore } from '@/stores/modules/codeSet'
+import PMPC9905 from '@/views/PM/PC/component/PMPC9905/index.vue'
+
+const container = ref<any>(null)
+const xGrid = ref<any>(null)
+const domestic = ref<any>(null)
+const foreign = ref<any>(null)
+
+const { editable, detailInfo, businessType, diffable, foreignExFlag, pageId, isCorrecte, isCorrecteOrChange, isFirstVersion } = inject('__PMPC0101__info__') as any
+
+const { getId } = inject('__PMPC0101__method__') as any
+
+const domesticModuleFormData = computed(() => domestic.value?.formData)
+
+const autoLoad = computed(() => !!detailInfo.value[getId('pcContractMainId')])
+
+const settleMethod = computed(() => domesticModuleFormData.value?.settleMethod)
+
+const tablePageId = computed(() => `${pageId.value}_result_4`)
+
+function getTableData() {
+  const $grid = xGrid.value.getGridInstance()
+  const { tableData } = $grid.getTableData()
+  if (diffable.value) {
+    return tableData.filter(row => !row.diffable)
+  }
+  return tableData
+}
+
+provide('__PMPC0101__explain__settle__module__', {
+  domestic,
+  foreign,
+  getTableData,
+})
+
+const { columns, editRules, tableValidator } = createTableColumns() as any
+
+const { getCodeSetTextByCode } = useCodeSetStore()
+
+async function handleValidator(flag?, tableFlag?) {
+  try {
+    if (flag !== false && tableFlag) {
+      const tableData = getTableData()
+      if (!tableData.length) {
+        scrollIntoView(container.value.$el)
+        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)
+  }
+}
+
+async function validator(flag: boolean = true, tableFlag: boolean = false) {
+  try {
+    if (foreignExFlag.value) {
+      await foreign.value.validator(flag)
+    }
+    else {
+      await domestic.value.validator(flag)
+      await handleValidator(flag, tableFlag)
+    }
+    return Promise.resolve(true)
+  }
+  catch {
+    return Promise.reject(false)
+  }
+}
+
+function reload() {
+  xGrid.value.reload()
+}
+
+const serviceConfig = reactive({
+  serviceName: isCorrecteOrChange.value ? 'PMPC9905' : isFirstVersion.value ? 'PMPC0102' : 'PMPC0101',
+  queryMethod: isCorrecteOrChange.value ? 'queryContractSettleCompare' : 'queryContractSettle',
+})
+
+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) {
+  if (diffable.value) {
+    return (data || []).map((item) => {
+      item.operateType = `${isCorrecte.value ? '修正' : '变更'}后`
+      return item
+    })
+  }
+  return data
+}
+
+function rowspanMethod({ row, _rowIndex, column, visibleData }) {
+  if (diffable.value) {
+    const fields = ['pcContractSettleId']
+    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: 'PMPC9905',
+        methodName: 'queryContractSettleForVue',
+        eiBlocks: [
+          createEiBlock({
+            [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+          }, 'inqu_status'),
+        ],
+        blockName: 'result_4',
+        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
+}
+
+function afterLoad({ data }) {
+  if (!detailInfo.value[getId('pcContractMainId')]) {
+    return
+  }
+  if (diffable.value) {
+    getDiffData(data, 'pcContractSettleId')
+  }
+}
+
+const gridEvents = reactive({
+  toolbarButtonClick: ({ code, $grid }) => {
+    switch (code) {
+      case 'ADD_SETTLE':
+        handleAdd($grid)
+        break
+      case 'COPY_SETTLE':
+        handleCopy($grid)
+        break
+      case 'DELETE_SETTLE':
+        handleDelete($grid)
+        break
+    }
+  },
+})
+
+const { openDialog } = useDialog()
+
+// 新增操作
+async function handleAdd($grid) {
+  if (!detailInfo.value[getId('pcContractMainId')]) {
+    return ElMessage.warning('请先保存合同信息!')
+  }
+  try {
+    await domestic.value.validateField('settleMethod')
+    if (settleMethod.value === '20') {
+      const tableData = getTableData()
+      if (tableData.length) {
+        ElMessage.warning('一次结算只能添加一条记录')
+        return
+      }
+    };
+    const { tableData } = $grid.getTableData()
+    const maxSortNum = tableData.length ? Math.max(...tableData.map(row => row.sortNum ?? 0)) : 0
+    openDialog(PMPC9905, {
+      title: '结算信息明细',
+      pageId: 'PMPC9905',
+      componentParam: {
+        editable: editable.value,
+        getId,
+        formParams: {
+          settleMethod: settleMethod.value,
+          sortNum: maxSortNum + 1,
+        },
+      },
+    }, async (data, exposed) => {
+      try {
+        await sendService({
+          serviceName: 'PMPC9905',
+          methodName: 'insert',
+          eiBlocks: [
+            createEiBlock({
+              ...data,
+              [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+              businessType: businessType.value,
+            }, 'inqu_status'),
+          ],
+        })
+        exposed.close()
+        ElMessage.success('新增成功')
+        reload()
+      }
+      catch {
+
+      }
+    })
+  }
+  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: 'PMPC9905',
+      methodName: 'copyContractSettle',
+      eiBlocks: [
+        createEiBlock(checkboxRecords.map((item) => {
+          return {
+            [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+            [getId('pcContractSettleId')]: item[getId('pcContractSettleId')],
+          }
+        }), 'result_4'),
+        createEiBlock({
+          [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+          businessType: businessType.value,
+        }, 'inqu_status'),
+      ],
+    })
+    ElMessage.success('复制成功')
+    reload()
+  }
+  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('pcContractSettleId')])
+    })
+    if (rows.length) {
+      await sendService({
+        serviceName: 'PMPC9905',
+        methodName: 'delete',
+        eiBlocks: [
+          createEiBlock(rows.map((item) => {
+            return {
+              [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+              [getId('pcContractSettleId')]: item[getId('pcContractSettleId')],
+            }
+          }), 'result_4'),
+          createEiBlock({
+            [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+            businessType: businessType.value,
+          }, 'inqu_status'),
+        ],
+      })
+      ElMessage.success('删除成功')
+      reload()
+    }
+    else {
+      $grid.removeCheckboxRow()
+    }
+  }
+  catch {
+
+  }
+}
+
+// 编辑
+async function handleEdit(row) {
+  try {
+    const data = await sendService({
+      serviceName: 'PMPC9905',
+      methodName: isCorrecteOrChange.value ? 'detailForCompare' : 'detail',
+      eiBlocks: [
+        createEiBlock({
+          [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+          pcContractSettleId: row.pcContractSettleId,
+          [getId('pcContractSettleId')]: row[getId('pcContractSettleId')],
+          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)
+    if (isEmpty(newData.sortNum)) {
+      const $grid = xGrid.value.getGridInstance()
+      const { tableData } = $grid.getTableData()
+      const maxSortNum = tableData.length ? Math.max(...tableData.map(row => row.sortNum ?? 0)) : 0
+      newData.sortNum = maxSortNum + 1
+    }
+    const diffInfo = ref({}) as any
+    if (diffable.value) {
+      const diffData = data && (data as any).inqu_status2
+      diffInfo.value = compareData((diffData && diffData[0]) || {}, newData)
+    }
+    openDialog(PMPC9905, {
+      title: '结算信息明细',
+      pageId: 'PMPC9905',
+      componentParam: {
+        editable: editable.value && !(diffable.value && row.diffable),
+        diffable: diffable.value,
+        formParams: {
+          ...newData,
+          settleMethod: newData.extCol1,
+        },
+        diffInfo: diffInfo.value,
+        getId,
+      },
+    }, async (data, exposed) => {
+      try {
+        await sendService({
+          serviceName: 'PMPC9905',
+          methodName: 'update',
+          eiBlocks: [
+            createEiBlock({
+              ...row,
+              ...data,
+              [getId('pcContractMainId')]: detailInfo.value[getId('pcContractMainId')],
+              businessType: businessType.value,
+            }, 'inqu_status'),
+          ],
+        })
+        exposed.close()
+        ElMessage.success('更新成功')
+        reload()
+      }
+      catch {
+
+      }
+    })
+  }
+  catch {
+
+  }
+}
+
+function getData() {
+  if (foreignExFlag.value) {
+    return {
+      foreign: foreign.value.getData(),
+    }
+  }
+  else {
+    return {
+      settlement: domestic.value.getData(),
+    }
+  }
+}
+
+function updateFormData(data) {
+  if (foreignExFlag.value) {
+    foreign.value.updateFormData()
+  }
+  else {
+    domestic.value.updateFormData(data)
+  }
+}
+
+watch([
+  () => editable.value,
+  () => foreignExFlag.value,
+], () => {
+  nextTick(() => {
+    if (!foreignExFlag.value) {
+      xGrid.value.btnSetDisable(['ADD_SETTLE', 'COPY_SETTLE', 'DELETE_SETTLE'], !editable.value)
+    }
+  })
+}, {
+  immediate: true,
+})
+
+defineExpose({
+  reload,
+  getData,
+  validator,
+  updateFormData,
+  domestic,
+  foreign,
+})
+</script>
+
+<style scoped></style>

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

@@ -0,0 +1,68 @@
+<!--
+ * @Author: 谢力
+ * @Date: 2025-06-26 15:30:28
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2025-08-08 14:40:45
+-->
+<template>
+  <BxRoundedContainer>
+    <BxContainer title="结算付款">
+      <Settle ref="settle" />
+      <Pay ref="pay" />
+    </BxContainer>
+  </BxRoundedContainer>
+</template>
+
+<script setup lang="ts">
+import { provide, ref } from 'vue'
+import Settle from './Settle/index.vue'
+import Pay from './Pay/index.vue'
+
+const settle = ref<any>(null)
+const pay = ref<any>(null)
+
+const modules = {
+  settle,
+  pay,
+}
+
+provide('__PMPC0101__explain__module__', modules)
+
+function getData() {
+  return Object.keys(modules).reduce((ob, key) => {
+    const module = modules[key]
+    if (module.value?.getData) {
+      ob[key] = module.value.getData()
+    }
+    return ob
+  }, {})
+}
+
+async function validator(flag: boolean = true, tableFlag: boolean = false) {
+  try {
+    await settle.value.validator(flag, tableFlag)
+    await pay.value.validator(flag, tableFlag)
+    return Promise.resolve(true)
+  }
+  catch {
+    return Promise.reject(false)
+  }
+}
+
+function updateFormData(data) {
+  Object.keys(modules).forEach((key) => {
+    const module = modules[key]
+    module.value?.updateFormData?.(data)
+  })
+}
+
+defineExpose({
+  getData,
+  validator,
+  updateFormData,
+  settle,
+  pay,
+})
+</script>
+
+<style scoped></style>