feat: (报表中心): 抽屉字段修改

src/api/project/statement.ts

@@ -4,6 +4,7 @@ import { defHttp } from '@/utils/http/axios';
 enum Api {
   GetList = '/pro/settlement/page',
   GetInvestmentPlanList = '/pro/reportCenter/investmentPlan',
+  GetInvestmentPlanDetail = '/pro/reportCenter/details/investmentPlan',
 }
 export const getList = (params?: ProjectParams) =>
   defHttp.post<ProjectModel>({ url: Api.GetList, data: params });
@@ -11,3 +12,7 @@ export const getList = (params?: ProjectParams) =>
 // 获取报表中心投资计划列表数据
 export const getInvestmentPlanList = (params?: ProjectParams) =>
   defHttp.post<ProjectModel>({ url: Api.GetInvestmentPlanList, data: params });
+
+// 查看投资计划详情
+export const getInvestmentPlanDetail = (params?: any) =>
+  defHttp.post<ProjectModel>({ url: Api.GetInvestmentPlanDetail, data: params });

src/views/statement/detailDrawer/detail.data.ts → src/views/statement/InvestmentPlanlDrawer/detail.data.ts

@@ -10,6 +10,122 @@ export const formSchema: FormSchema[] = [
     // required: true,
     componentProps: {},
   },
+  {
+    field: 'constructionSite',
+    label: '建设地点',
+    labelWidth: '140px',
+    component: 'Input',
+  },
+  {
+    field: 'constructionMode',
+    label: '建设模式',
+    labelWidth: '140px',
+    component: 'Input',
+  },
+  {
+    field: 'projectType',
+    label: '项目类型',
+    labelWidth: '140px',
+    component: 'Input',
+  },
+  {
+    field: 'constructionScale',
+    label: '建设规模',
+    labelWidth: '140px',
+    component: 'Input',
+  },
+  {
+    field: 'projectOverview',
+    label: '项目概况:',
+    labelWidth: '140px',
+    component: 'Input',
+  },
+  {
+    field: 'fundingSource',
+    label: '资金来源:',
+    labelWidth: '140px',
+    component: 'Input',
+  },
+  {
+    field: 'implementingEntity',
+    label: '实施主体:',
+    labelWidth: '140px',
+    component: 'Input',
+  },
+  {
+    field: 'projectOverview',
+    label: '项目概况:',
+    labelWidth: '140px',
+    component: 'Input',
+  },
+  {
+    field: 'filingCycle',
+    label: '填报年度:',
+    labelWidth: '140px',
+    component: 'Input',
+  },
+  {
+    field: 'totalInvestment',
+    label: '总投资',
+    labelWidth: '140px',
+    component: 'Input',
+  },
+  {
+    field: 'competentDepartment',
+    label: '项目主管部门',
+    labelWidth: '140px',
+    component: 'Input',
+  },
+
+  {
+    field: 'matchingFunds',
+    label: '2024年财政预算匹配资金',
+    labelWidth: '140px',
+    component: 'Input',
+  },
+  {
+    field: 'specialBondFunds',
+    label: '其中专项债项目2024年预计使用专项债资金',
+    labelWidth: '140px',
+    component: 'Input',
+  },
+  {
+    field: 'planFunds',
+    label: '2024年计划资金',
+    labelWidth: '140px',
+    component: 'Input',
+  },
+  {
+    field: 'attribute',
+    label: '建设性质',
+    labelWidth: '140px',
+    component: 'Select',
+  },
+  {
+    field: 'time',
+    component: 'RangePicker',
+    label: '开竣工时间',
+    labelWidth: '140px',
+    icon: 'healthicons:i-schedule-school-date-time-outline',
+    componentProps: {
+      placeholder: ['开始日期', '结束日期'],
+      style: { width: '100%' },
+      valueFormat: 'YYYY-MM-DD',
+      format: 'YYYY-MM-DD',
+    },
+  },
+  {
+    field: 'schedule',
+    label: '2024年底预计形象进度',
+    labelWidth: '140px',
+    component: 'Select',
+  },
+  {
+    label: '备注',
+    field: 'remarks',
+    labelWidth: '140px',
+    component: 'InputTextArea',
+  },
 ];
 export const searchFormSchema: FormSchema[] = [
   {

src/views/statement/detailDrawer/detailDrawer.vue → src/views/statement/InvestmentPlanlDrawer/detailDrawer.vue

@@ -5,7 +5,6 @@
     showFooter
     :title="getTitle"
     width="700px"
-    @ok="handleSubmit"
   >
     <BasicForm ref="formElRef" @register="registerForm"> </BasicForm>
   </BasicDrawer>
@@ -41,7 +40,7 @@
       getTitle.value = '创建项目';
     }
     if (data.disabled == true) {
-      getTitle.value = '查看项目';
+      getTitle.value = '查看详情';
       const formEl = unref(formElRef);
       if (!formEl) return;
       await formEl.setProps({

src/views/statement/tabs/InvestmentPlan.vue

@@ -19,16 +19,16 @@
       </template>
     </template>
   </BasicTable>
-  <detaildrawer @register="registerDrawer" @success="handleSuccess" ></detaildrawer>
+  <detaildrawer @register="registerDrawer"></detaildrawer>
 </template>
 <script lang="ts" setup>
-  import detaildrawer from '@/views/statement/detailDrawer/detailDrawer.vue';
+  import detaildrawer from '@/views/statement/InvestmentPlanlDrawer/detailDrawer.vue';
   import { columns, searchFormSchema } from './data';
   import { BasicTable, useTable, TableAction } from '@/components/Table';
   import { inject } from 'vue';
-  import { getInvestmentPlanList } from '@/api/project/statement';
+  import {getInvestmentPlanDetail, getInvestmentPlanList} from '@/api/project/statement';
   import { router } from '@/router';
-  import DetailDrawer from "@/views/statement/detailDrawer/detailDrawer.vue";
+  import DetailDrawer from "@/views/statement/InvestmentPlanlDrawer/detailDrawer.vue";
   import {useDrawer} from "@/components/Drawer";
   const [registerDrawer, { openDrawer }] = useDrawer();
   const [registerTable, { reload }] = useTable({
@@ -50,15 +50,18 @@
       fixed: undefined,
     },
   });
-  function handleDetail(record: Recordable, disabled: number) {
+  async function handleDetail(record: Recordable, disabled: number) {
     console.log('record', record)
     console.log('disabled', disabled)
-
+    const res = await getInvestmentPlanDetail({ id: record.id})
+    console.log('res', res)
     openDrawer(true, {
-      record,
+      record: res,
       disabled,
-      isUpdate: true
+      isUpdate: true,
+      type: '工程'
     });
+
     // if (record.planType === '工程') {
     //   router.push({
     //     path: '/engineeringProject/engineeringEdit',