feat: 页面

wupengfei

4 天以前 5b0401fea3c339aa45feb0d165f36b1b7a76fdaf

 src/views/Reward/WithdrawalApproval.vue

@@ -3,6 +3,17 @@
    <AppContainer>
      <ProTableQueryFilterBar @on-reset="reset">
        <template #query>
          <QueryFilterItem>
            <FieldSelect
              v-model="extraParamState.industrialParkId"
              placeholder="请选择园区"
              :value-enum="fourStreamsIndustrialParkList"
              enumLabelKey="parkName"
              enum-value-key="id"
              clearable
              @change="getList()"
            />
          </QueryFilterItem>
          <QueryFilterItem tip-content="申请时间">
            <FieldDatePicker
              v-model="extraParamState.dateTime"
@@ -56,6 +67,7 @@
  FieldDatePicker,
  useFormDialog,
  UploadUserFile,
  FieldSelect,
} from '@bole-core/components';
import { Message, OrderInputType } from '@bole-core/core';
import { format } from '@/utils';
@@ -64,65 +76,15 @@
import WithdrawalApprovalAuditDialog from './components/WithdrawalApprovalAuditDialog.vue';
import _ from 'lodash';
import { ModelValueType } from 'element-plus';
import { useAccess, useIndustrialParkDropDownList } from '@/hooks';
import { useGetCurrentExternalSystem } from '@/hooks/externalSystem';

defineOptions({
  name: 'WithdrawalApproval',
});

const column: API.CustomModuleColumnDto[] = [
  {
    id: '1',
    enCode: 'enterpriseName',
    name: '企业名称',
  },
  {
    id: '2',
    enCode: 'societyCreditCode',
    name: '统一社会信用代码',
  },
  {
    id: '3',
    enCode: 'enterpriseType',
    name: '企业类型',
  },
  {
    id: '4',
    enCode: 'parkName',
    name: '所属园区',
  },
  {
    id: '5',
    enCode: 'parkType',
    name: '园区类型',
  },
  {
    id: '6',
    enCode: 'creationTime',
    name: '申请时间',
  },
  {
    id: '7',
    enCode: 'amount',
    name: '申请提现金额（元）',
  },
  {
    id: '8',
    enCode: 'checkStatus',
    name: '审核状态',
  },
  {
    id: '9',
    enCode: 'checkTime',
    name: '审核时间',
  },
];

const operationBtns = defineOperationBtns([
  {
    data: {
      enCode: 'detailBtn',
      name: '详情',
    },
const operationBtnMap: Record<string, OperationBtnType> = {
  detailBtn: {
    emits: {
      onClick: (role) => openDialog(role, true),
    },
@@ -131,11 +93,7 @@
        row.checkStatus === EnterpriseRechargeStatusEnum.WaitCheck,
    },
  },
  {
    data: {
      enCode: 'auditBtn',
      name: '审核',
    },
  auditBtn: {
    emits: {
      onClick: (role) => openDialog(role),
    },
@@ -144,7 +102,11 @@
        row.checkStatus !== EnterpriseRechargeStatusEnum.WaitCheck,
    },
  },
]);
};

const { checkSubModuleItemShow, column, operationBtns } = useAccess({
  operationBtnMap,
});

const router = useRouter();
const BaseState = {
@@ -152,6 +114,9 @@
};

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

const { fourStreamsIndustrialParkList } = useIndustrialParkDropDownList();
const { isSignWallet } = useGetCurrentExternalSystem();

onMounted(async () => {
  await getList();
@@ -177,6 +142,7 @@
        checkStatus: extraParamState.checkStatus,
        beginDateTime: format(extraParamState.dateTime?.[0] ?? '', 'YYYY-MM-DD 00:00:00'),
        endDateTime: format(extraParamState.dateTime?.[1] ?? '', 'YYYY-MM-DD 23:59:59'),
        industrialParkId: extraParamState.industrialParkId,
      };
      let res = await parkBountyApplyServices.getEnterpriseDrawWithList(params, {
        showLoading: !state.loading,
@@ -190,6 +156,7 @@
      checkStatus: '' as any as EnterpriseRechargeStatusEnum,
      dateTime: [] as unknown as ModelValueType,
      orderInput: [{ property: 'creationTime', order: OrderInputType.Desc }],
      industrialParkId: '',
    },
    columnsRenderProps: {
      creationTime: { type: 'date', format: 'YYYY-MM-DD HH:mm:ss' },
@@ -204,6 +171,7 @@
  handleAdd({
    drawWithId: row.drawWithId,
    isCheck,
    isSignWallet: isSignWallet.value,
  });
}

@@ -215,6 +183,7 @@
    checkRemark: '',
    isCheck: false,
    checkFileUrl: [] as UploadUserFile[],
    isSignWallet: false,
  },
});