From 404a6138ba3594a66d1b66e2bc79b9b3132836c5 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期四, 17 四月 2025 17:20:36 +0800
Subject: [PATCH] feat: 页面

---
 src/views/Reward/RewardGrant.vue |  185 +++++++++++++++++++++++++++++++++++-----------
 1 files changed, 140 insertions(+), 45 deletions(-)

diff --git a/src/views/Reward/RewardGrant.vue b/src/views/Reward/RewardGrant.vue
index 1d4c97c..f6c1071 100644
--- a/src/views/Reward/RewardGrant.vue
+++ b/src/views/Reward/RewardGrant.vue
@@ -5,7 +5,7 @@
         <template #query>
           <QueryFilterItem tip-content="鐢虫姤鏃ユ湡">
             <FieldDatePicker
-              v-model="extraParamState.date"
+              v-model="extraParamState.creationTime"
               type="daterange"
               range-separator="~"
               start-placeholder="寮�濮嬫棩鏈�"
@@ -16,7 +16,7 @@
           </QueryFilterItem>
           <QueryFilterItem tip-content="鍙戞斁鏃ユ湡">
             <FieldDatePicker
-              v-model="extraParamState.date"
+              v-model="extraParamState.settleTime"
               type="daterange"
               range-separator="~"
               start-placeholder="寮�濮嬫棩鏈�"
@@ -27,8 +27,8 @@
           </QueryFilterItem>
           <QueryFilterItem>
             <FieldRadio
-              v-model="extraParamState.showStatus"
-              :value-enum="DataRangeEnumText"
+              v-model="extraParamState.settleStatus"
+              :value-enum="SettleStatusEnumText"
               buttonStyle
               showAllBtn
               @change="getList()"
@@ -36,7 +36,7 @@
           </QueryFilterItem>
           <QueryFilterItem>
             <SearchInput
-              v-model="extraParamState.keyword"
+              v-model="extraParamState.batchNo"
               style="width: 200px"
               placeholder="鎵规鍙�"
               @on-click-search="getList"
@@ -47,9 +47,16 @@
       </ProTableQueryFilterBar>
 
       <ProTableV2 v-bind="proTableProps" :columns="column" :operationBtns="operationBtns">
+        <template #operationBtn-checkBtn="{ data, row }">
+          <PreviewBtnV2
+            class="pro-table-operation-btn"
+            :url="convertApi2FormUrlBySeparator(row.settleFileUrl ?? '')"
+            preview-btn-text="鏌ョ湅鍑瘉"
+          />
+        </template>
       </ProTableV2>
-
-      <RewardGrantDialog v-bind="dialogProps"></RewardGrantDialog>
+      <FinancialDialog v-bind="dialogFinancialProps"></FinancialDialog>
+      <PlateformDialog v-bind="dialogPlateformProps"></PlateformDialog>
     </AppContainer>
   </LoadingLayout>
 </template>
@@ -68,14 +75,17 @@
   FieldDatePicker,
   useFormDialog,
   UploadUserFile,
+  PreviewBtnV2,
 } from '@bole-core/components';
-import { OrderInputType } from '@bole-core/core';
-import { convertApi2FormUrlOnlyOne, format } from '@/utils';
-import { DataRangeEnum, DataRangeEnumText } from '@/constants';
-import * as informationServices from '@/services/api/Information';
-import RewardGrantDialog from './components/RewardGrantDialog.vue';
+import { Message, OrderInputType } from '@bole-core/core';
+import { convertApi2FormUrlBySeparator, format } from '@/utils';
+import { SettleStatusEnum, SettleStatusEnumText } from '@/constants';
+import * as parkBountyApplyServices from '@/services/api/ParkBountyApply';
+import FinancialDialog from './components/FinancialDialog.vue';
+import PlateformDialog from './components/PlateformDialog.vue';
 import _ from 'lodash';
 import { ModelValueType } from 'element-plus';
+import { useQueryClient } from '@tanstack/vue-query';
 
 defineOptions({
   name: 'RewardGrant',
@@ -84,43 +94,53 @@
 const column: API.CustomModuleColumnDto[] = [
   {
     id: '1',
-    enCode: 'changeFlag',
+    enCode: 'batchNo',
     name: '鐢宠鎵规鍙�',
   },
   {
     id: '2',
-    enCode: 'name',
+    enCode: 'parkName',
     name: '鐢宠鍥尯',
   },
   {
     id: '3',
-    enCode: 'idNumber',
+    enCode: 'parkTypeName',
     name: '鍥尯绫诲瀷',
   },
   {
     id: '4',
-    enCode: 'workType',
-    name: '鐢宠濂栧姳閲戞湀浠�',
+    enCode: 'applyMonth',
+    name: '鐢宠骞冲彴濂栧姳鏈堜唤',
   },
   {
     id: '5',
-    enCode: 'gender',
-    name: '濂栧姳閲戞眹鎬婚噾棰濓紙鍏冿級',
+    enCode: 'applySumAmount',
+    name: '骞冲彴濂栧姳姹囨�婚噾棰濓紙鍏冿級',
   },
   {
     id: '6',
-    enCode: 'age',
+    enCode: 'creationTime',
     name: '鐢虫姤鏃ユ湡',
   },
   {
     id: '7',
-    enCode: 'phoneNumber',
-    name: '鍙戞斁鐘舵��',
+    enCode: 'settleStatus',
+    name: '璐㈡斂鎷ㄤ粯鐘舵��',
   },
   {
     id: '8',
-    enCode: 'phoneNumber',
-    name: '鍙戞斁鏃ユ湡',
+    enCode: 'settleTime',
+    name: '鎷ㄤ粯鏃ユ湡',
+  },
+  {
+    id: '9',
+    enCode: 'settleStatus',
+    name: '骞冲彴鍏呭�肩姸鎬�',
+  },
+  {
+    id: '10',
+    enCode: 'settleTime',
+    name: '鍏呭�兼棩鏈�',
   },
 ];
 
@@ -136,20 +156,38 @@
   },
   {
     data: {
-      enCode: 'grantBtn',
-      name: '鍙戞斁',
+      enCode: 'financialBtn',
+      name: '璐㈡斂鎷ㄤ粯',
     },
     emits: {
-      onClick: (role) => openDialog(role),
+      onClick: (role) => openFinancialDialog(role),
+    },
+    extraProps: {
+      hide: (row: API.GetParkBountyApplyListOutput) =>
+        row.settleStatus === SettleStatusEnum.HasSettle,
     },
   },
   {
     data: {
-      enCode: 'previewBtn',
-      name: '鏌ョ湅鍑瘉',
+      enCode: 'plateformBtn',
+      name: '骞冲彴鍏呭��',
     },
     emits: {
-      onClick: (role) => handlePreview(role),
+      onClick: (role) => openPlateformDialog(role),
+    },
+    extraProps: {
+      hide: (row: API.GetParkBountyApplyListOutput) =>
+        row.settleStatus === SettleStatusEnum.HasSettle,
+    },
+  },
+  {
+    data: {
+      enCode: 'checkBtn',
+      name: '鏌ョ湅鍑瘉',
+    },
+    extraProps: {
+      hide: (row: API.GetParkBountyApplyListOutput) =>
+        row.settleStatus === SettleStatusEnum.WaitForSettle,
     },
   },
 ]);
@@ -175,16 +213,20 @@
 } = useTable(
   async ({ pageIndex, pageSize }, extraParamState) => {
     try {
-      let params: API.GetInformationForManageInput = {
+      let params: API.GetParkBountyApplyListInput = {
         pageModel: {
           rows: pageSize,
           page: pageIndex,
           orderInput: extraParamState.orderInput,
         },
-        publishStartDate: format(extraParamState.date?.[0] ?? '', 'YYYY-MM-DD 00:00:00'),
-        publishEndDate: format(extraParamState.date?.[1] ?? '', 'YYYY-MM-DD 23:59:59'),
+        batchNo: extraParamState.batchNo,
+        settleStatus: extraParamState.settleStatus,
+        creationTimeBegin: format(extraParamState.creationTime?.[0] ?? '', 'YYYY-MM-DD 00:00:00'),
+        creationTimeEnd: format(extraParamState.creationTime?.[1] ?? '', 'YYYY-MM-DD 23:59:59'),
+        settleTimeBegin: format(extraParamState.settleTime?.[0] ?? '', 'YYYY-MM-DD 00:00:00'),
+        settleTimeEnd: format(extraParamState.settleTime?.[1] ?? '', 'YYYY-MM-DD 23:59:59'),
       };
-      let res = await informationServices.getInformationForManage(params, {
+      let res = await parkBountyApplyServices.getParkBountyApplyList(params, {
         showLoading: !state.loading,
       });
       return res;
@@ -192,10 +234,18 @@
   },
   {
     defaultExtraParams: {
-      keyword: '',
-      showStatus: '' as any as DataRangeEnum,
-      date: [] as unknown as ModelValueType,
+      batchNo: '',
+      settleStatus: '' as any as SettleStatusEnum,
+      creationTime: [] as unknown as ModelValueType,
+      settleTime: [] as unknown as ModelValueType,
       orderInput: [{ property: 'creationTime', order: OrderInputType.Desc }],
+    },
+    columnsRenderProps: {
+      applyMonth: { type: 'date', format: 'YYYY骞碝M鏈�' },
+      creationTime: { type: 'date', format: 'YYYY-MM-DD HH:mm:ss' },
+      settleTime: { type: 'date', format: 'YYYY-MM-DD HH:mm:ss' },
+      applySumAmount: { type: 'money' },
+      settleStatus: { type: 'enum', valueEnum: SettleStatusEnumText },
     },
   }
 );
@@ -209,21 +259,66 @@
   });
 }
 
-const { dialogProps, handleAdd, handleEdit, editForm } = useFormDialog({
+const queryClient = useQueryClient();
+const {
+  dialogProps: dialogFinancialProps,
+  handleEdit: handleFinancialEdit,
+  editForm: editFinancialForm,
+} = useFormDialog({
+  onConfirm: handleFinancial,
   defaultFormParams: {
-    id: '',
-    url: [] as UploadUserFile[],
+    parkBountyApplyId: '',
+    amount: 0,
+    settleFileUrl: [] as UploadUserFile[],
   },
 });
 
-function openDialog(row?: API.IncentivePaymentsManageListOutput) {
-  handleEdit({
-    id: row.enterpriseName,
-    url: convertApi2FormUrlOnlyOne(row.issueVouchersUrl),
+function openFinancialDialog(row?: API.GetParkBountyApplyListOutput) {
+  handleFinancialEdit({
+    parkBountyApplyId: row.id,
+    amount: 0,
+    settleFileUrl: [] as UploadUserFile[],
+  });
+}
+async function handleFinancial() {
+  try {
+    let params: API.ParkBountyApplySettleInput = {
+      parkBountyApplyId: editFinancialForm.parkBountyApplyId,
+      settleFileUrl: editFinancialForm.settleFileUrl.map((x) => x.path).join('|'),
+    };
+    let res = await parkBountyApplyServices.parkBountyApplySettle(params);
+    if (res) {
+      Message.successMessage('鎿嶄綔鎴愬姛');
+      getList(paginationState.pageIndex);
+      queryClient.invalidateQueries({
+        queryKey: ['parkBountyApplyServices/getGoverDataBoard'],
+      });
+    }
+  } catch (error) {}
+}
+
+const {
+  dialogProps: dialogPlateformProps,
+  handleEdit: handlePlateformEdit,
+  editForm: editPlateformForm,
+} = useFormDialog({
+  onConfirm: handlePlateform,
+  defaultFormParams: {
+    parkBountyApplyId: '',
+    amount: 0,
+    settleFileUrl: [] as UploadUserFile[],
+  },
+});
+
+function openPlateformDialog(row?: API.GetParkBountyApplyListOutput) {
+  handlePlateformEdit({
+    parkBountyApplyId: row.id,
+    amount: 0,
+    settleFileUrl: [] as UploadUserFile[],
   });
 }
 
-function handlePreview(row?: API.IncentivePaymentsManageListOutput) {}
+async function handlePlateform() {}
 </script>
 
 <style lang="scss" scoped>

--
Gitblit v1.9.1