feat: init

wupengfei

2025-04-07 c8fe05eb089226a8f1f36e403f25f99f99831954

feat: init

 src/components/commonView/DeclareEnterpriseTableView.vue

@@ -53,32 +53,37 @@
  {
    id: '1',
    enCode: 'accDateTime',
    name: '交易时间',
    name: '帐号',
  },
  {
    id: '2',
    enCode: 'income',
    name: '收入',
    name: '企业名称',
  },
  {
    id: '3',
    enCode: 'outcome',
    name: '支出',
    name: '信用代码',
  },
  {
    id: '4',
    enCode: 'acctBalance',
    name: '账户余额',
    name: '电话',
  },
  {
    id: '5',
    enCode: 'counterpartyAcctNoAndName',
    name: '对方账号/户名',
    name: '企业类型',
  },
  {
    id: '6',
    enCode: 'purpose',
    name: '用途',
    name: '营业执照',
  },
  {
    id: '7',
    enCode: 'purpose',
    name: '基本户信息',
  },
]);


 src/components/commonView/DetailView.vue

@@ -9,12 +9,7 @@
    <ChunkCellV2 title="汇算材料">
      <SettlementMaterialInfoView :form="form"></SettlementMaterialInfoView>
    </ChunkCellV2>
    <ChunkCellV2 title="申报企业名单" class="chunk-cell-table">
      <slot name="table"> </slot>
    </ChunkCellV2>
    <ChunkCell v-if="hasForm">
      <slot name="form"></slot>
    </ChunkCell>
    <slot></slot>
  </ProForm>
</template>

@@ -24,7 +19,6 @@
import BatchInfoView from './BatchInfoView.vue';
import MaterialInfoView from './MaterialInfoView.vue';
import SettlementMaterialInfoView from './SettlementMaterialInfoView.vue';
import DeclareEnterpriseTableView from './DeclareEnterpriseTableView.vue';

defineOptions({
  name: 'DetailView',

 src/hooks/useEvent.ts

@@ -3,6 +3,7 @@

export type GlobalEvent = {
  updateInsuranceClaim: any;
  'materialReviewAudit:audit';
};

export type GlobalEventListener<T extends keyof GlobalEvent> = (payload: GlobalEvent[T]) => any;

 src/views/MaterialReview/MaterialReview.vue

@@ -71,6 +71,7 @@
import * as informationServices from '@/services/api/Information';
import _ from 'lodash';
import { ModelValueType } from 'element-plus';
import { useGlobalEventContext } from '@/hooks';

defineOptions({
  name: 'MaterialReview',
@@ -147,6 +148,12 @@

const state = reactive({ ...BaseState });

const eventContext = useGlobalEventContext();

eventContext.addEvent('materialReviewAudit:audit', () => {
  getList(paginationState.pageIndex);
});

onMounted(async () => {
  await getList();
  state.loading = false;

 src/views/MaterialReview/MaterialReviewAudit.vue

@@ -2,12 +2,12 @@
  <LoadingLayout>
    <AppContainer>
      <PageFormLayout title="材料审核">
        <DetailView :form="state.detail" :has-form="true">
          <template #table>
        <DetailView :form="form" :has-form="true">
          <ChunkCellV2 title="申报企业名单" class="chunk-cell-table">
            <DeclareEnterpriseTableView ref="tableRef"></DeclareEnterpriseTableView>
          </template>
          <template #form>
            <ProForm :model="state.form" ref="formRef" label-width="120px">
          </ChunkCellV2>
          <ChunkCell>
            <ProForm :model="form" ref="formRef" label-width="120px">
              <ProFormCol>
                <ProFormColItem :span="12">
                  <ProFormItemV2
@@ -15,7 +15,7 @@
                    prop="status"
                    :check-rules="[{ message: '请选择审核状态' }]"
                  >
                    <ProFormRadio v-model="state.form.status" :value-enum="DataRangeEnumText" />
                    <ProFormRadio v-model="form.status" :value-enum="DataRangeEnumText" />
                  </ProFormItemV2>
                </ProFormColItem>
              </ProFormCol>
@@ -23,7 +23,7 @@
                <ProFormColItem>
                  <ProFormItemV2 label="驳回原因:" prop="remark">
                    <ProFormTextArea
                      v-model="state.form.remark"
                      v-model="form.remark"
                      placeholder="请输入"
                      show-word-limit
                      :maxlength="200"
@@ -32,7 +32,7 @@
                </ProFormColItem>
              </ProFormCol>
            </ProForm>
          </template>
          </ChunkCell>
        </DetailView>
        <template #footer>
          <el-button @click="handleBack">关闭</el-button>
@@ -47,6 +47,7 @@
import {
  AppContainer,
  ProForm,
  ChunkCell,
  ProFormCol,
  ProFormColItem,
  ProFormItemV2,
@@ -57,6 +58,7 @@
  PageFormLayout,
} from '@bole-core/components';
import { DataRangeEnum, DataRangeEnumText } from '@/constants';
import ChunkCellV2 from '@/components/Layout/ChunkCellV2.vue';
import DetailView from '@/components/commonView/DetailView.vue';
import DeclareEnterpriseTableView from '@/components/commonView/DeclareEnterpriseTableView.vue';
import { useQuery } from '@tanstack/vue-query';
@@ -72,17 +74,24 @@
const route = useRoute();
const { closeViewPush } = useRouteView();
const id = route.params?.id as string;
const state = reactive({
  detail: {
const form = reactive({
    categoryName: '',
    amount: 0,
    url: [] as UploadUserFile[],
  },
  form: {
    status: '' as any as DataRangeEnum,
    remark: '',
  },
});
// const state = reactive({
//   detail: {
//     categoryName: '',
//     amount: 0,
//     url: [] as UploadUserFile[],
//   },
//   form: {
//     status: '' as any as DataRangeEnum,
//     remark: '',
//   },
// });

const tableRef = ref<InstanceType<typeof DeclareEnterpriseTableView>>();

@@ -98,9 +107,9 @@
  },
  placeholderData: () => ({} as API.InformationShowDetailDto),
  onSuccess(data) {
    state.detail.categoryName = data.categoryName;
    state.detail.amount = data.attentionCount;
    state.detail.url = convertApi2FormUrlOnlyOne(data.avatarUrl);
    form.categoryName = data.categoryName;
    form.amount = data.attentionCount;
    form.url = convertApi2FormUrlOnlyOne(data.avatarUrl);

    tableRef.value?.getList();
  },

 src/views/MaterialReview/MaterialReviewDetail.vue

@@ -7,18 +7,16 @@
            <div>
              申报详情
              <span class="page-form-layout-title-item status">
                {{ `审核状态:${state.detail.categoryName}` }}
                {{ `审核状态:${form.categoryName}` }}
              </span>
              <span class="page-form-layout-title-item remark">
                {{ `审核未通过原因:${state.detail.categoryName}` }}
                {{ `审核未通过原因:${form.categoryName}` }}
              </span>
            </div>
          </div>
        </template>
        <DetailView :form="state.detail">
          <template #table>
        <DetailView :form="form">
            <DeclareEnterpriseTableView ref="tableRef"></DeclareEnterpriseTableView>
          </template>
        </DetailView>
        <template #footer>
          <el-button @click="handleBack">关闭</el-button>
@@ -45,12 +43,10 @@
const route = useRoute();
const { closeViewPush } = useRouteView();
const id = route.params?.id as string;
const state = reactive({
  detail: {
const form = reactive({
    categoryName: '',
    amount: 0,
    url: [] as UploadUserFile[],
  },
});

const tableRef = ref<InstanceType<typeof DeclareEnterpriseTableView>>();
@@ -67,9 +63,9 @@
  },
  placeholderData: () => ({} as API.InformationShowDetailDto),
  onSuccess(data) {
    state.detail.categoryName = data.categoryName;
    state.detail.amount = data.attentionCount;
    state.detail.url = convertApi2FormUrlOnlyOne(data.avatarUrl);
    form.categoryName = data.categoryName;
    form.amount = data.attentionCount;
    form.url = convertApi2FormUrlOnlyOne(data.avatarUrl);

    tableRef.value?.getList();
  },

 src/views/Reward/RewardDeclareDetail.vue

@@ -2,10 +2,8 @@
  <LoadingLayout>
    <AppContainer>
      <PageFormLayout title="申报详情">
        <DetailView :form="state.detail">
          <template #table>
        <DetailView :form="form">
            <DeclareEnterpriseTableView ref="tableRef"></DeclareEnterpriseTableView>
          </template>
        </DetailView>
        <template #footer>
          <el-button @click="handleBack">关闭</el-button>
@@ -31,12 +29,10 @@
const route = useRoute();
const { closeViewPush } = useRouteView();
const id = route.params?.id as string;
const state = reactive({
  detail: {
const form = reactive({
    categoryName: '',
    amount: 0,
    url: [] as UploadUserFile[],
  },
});

const tableRef = ref<InstanceType<typeof DeclareEnterpriseTableView>>();
@@ -53,9 +49,9 @@
  },
  placeholderData: () => ({} as API.InformationShowDetailDto),
  onSuccess(data) {
    state.detail.categoryName = data.categoryName;
    state.detail.amount = data.attentionCount;
    state.detail.url = convertApi2FormUrlOnlyOne(data.avatarUrl);
    form.categoryName = data.categoryName;
    form.amount = data.attentionCount;
    form.url = convertApi2FormUrlOnlyOne(data.avatarUrl);

    tableRef.value?.getList();
  },