项目库,报表中心的所有开工竣工详情字段完善

src/views/project/annualDrawer/annualDrawer.vue

@@ -35,6 +35,9 @@
     resetFields();
     setDrawerProps({ confirmLoading: false });
     handleDetail(data.record.id);
+
+    // 将开工时间和竣工时间拼在一起显示
+    data.record.time = [data.record.beginTime, data.record.endTime];
     //根据传过来的值做禁用处理
     if (data.disabled == true) {
       getTitle.value = '查看年度资金计划详情';

src/views/project/annualDrawer/drawerData.ts

@@ -154,11 +154,21 @@ export const annualFormSchema: FormSchema[] = [
     },
   },
   {
+    field: 'time',
+    component: 'RangePicker',
     label: '开竣工时间',
-    labelWidth: '140px',
-    field: 'beginTime',
     required: false,
-    component: 'Input',
+    icon: 'healthicons:i-schedule-school-date-time-outline',
+    colProps: { span: 7, offset: 1 },
+    componentProps: {
+      placeholder: ['开始日期', '结束日期'],
+      style: { width: '100%' },
+      valueFormat: 'YYYY-MM-DD',
+      format: 'YYYY-MM-DD',
+    },
+    colProps: {
+      offset: 2,
+    },
   },
   {
     label: '当年底预计形象进度',

src/views/project/investmentPlanDrawer/drawerData.ts

@@ -132,11 +132,21 @@ export const columnsFormSchema: FormSchema[] = [
     },
   },
   {
-    label: '开工竣工时间',
-    labelWidth: '140px',
-    field: 'beginTime',
+    field: 'time',
+    component: 'RangePicker',
+    label: '开竣工时间',
     required: false,
-    component: 'Input',
+    icon: 'healthicons:i-schedule-school-date-time-outline',
+    colProps: { span: 7, offset: 1 },
+    componentProps: {
+      placeholder: ['开始日期', '结束日期'],
+      style: { width: '100%' },
+      valueFormat: 'YYYY-MM-DD',
+      format: 'YYYY-MM-DD',
+    },
+    colProps: {
+      offset: 2,
+    },
   },
 
   {

src/views/project/investmentPlanDrawer/investmentPlanDrawer.vue

@@ -35,6 +35,9 @@
     resetFields();
     setDrawerProps({ confirmLoading: false });
     handleDetail(data.record.id);
+
+    // 将开工时间和竣工时间拼在一起显示
+    data.record.time = [data.record.beginTime, data.record.endTime];
     //根据传过来的值做禁用处理
     if (data.disabled == true) {
       getTitle.value = '查看投资计划详情';
@@ -45,6 +48,7 @@
       });
     }
   });
+
   /*查询详情显示*/
   async function handleDetail(e) {
     console.log('调取成功了');

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

@@ -132,11 +132,21 @@ export const formSchema: FormSchema[] = [
     },
   },
   {
-    label: '开工竣工时间',
-    labelWidth: '140px',
-    field: 'beginTime',
+    field: 'time',
+    component: 'RangePicker',
+    label: '开竣工时间',
     required: false,
-    component: 'Input',
+    icon: 'healthicons:i-schedule-school-date-time-outline',
+    colProps: { span: 7, offset: 1 },
+    componentProps: {
+      placeholder: ['开始日期', '结束日期'],
+      style: { width: '100%' },
+      valueFormat: 'YYYY-MM-DD',
+      format: 'YYYY-MM-DD',
+    },
+    colProps: {
+      offset: 2,
+    },
   },
 
   {

src/views/statement/InvestmentPlanlDrawer/detailDrawer.vue

@@ -35,6 +35,8 @@
     resetFields();
     setDrawerProps({ confirmLoading: false });
     isUpdate.value = !!data?.isUpdate;
+    // 将开工时间和竣工时间拼在一起显示
+    data.record.time = [data.record.beginTime, data.record.endTime];
     if (isUpdate.value) {
       detailId.value = data.record.id;
       getTitle.value = '编辑项目';

src/views/statement/annualPlanDrawer/detail.data.ts

@@ -155,11 +155,21 @@ export const formSchema: FormSchema[] = [
     },
   },
   {
+    field: 'time',
+    component: 'RangePicker',
     label: '开竣工时间',
-    labelWidth: '140px',
-    field: 'beginTime',
     required: false,
-    component: 'Input',
+    icon: 'healthicons:i-schedule-school-date-time-outline',
+    colProps: { span: 7, offset: 1 },
+    componentProps: {
+      placeholder: ['开始日期', '结束日期'],
+      style: { width: '100%' },
+      valueFormat: 'YYYY-MM-DD',
+      format: 'YYYY-MM-DD',
+    },
+    colProps: {
+      offset: 2,
+    },
   },
   {
     label: '当年底预计形象进度',

src/views/statement/annualPlanDrawer/detailDrawer.vue

@@ -35,6 +35,9 @@
     resetFields();
     setDrawerProps({ confirmLoading: false });
     isUpdate.value = !!data?.isUpdate;
+
+    // 将开工时间和竣工时间拼在一起显示
+    data.record.time = [data.record.beginTime, data.record.endTime];
     if (isUpdate.value) {
       detailId.value = data.record.id;
       getTitle.value = '编辑项目';