feat: 工程

src/views/engineeringProject/data.tsx

@@ -125,53 +125,208 @@ export const searchFormSchema: FormSchema[] = [
   },
 ];
 
-export const formSchema: FormSchema[] = [
+export const formSchema: ({ colProps: { offset: number; span: number }; component: string; field: string; componentProps: { readonly: boolean; style: { border: string } }; label: string; required: boolean } | { colProps: { offset: number; span: number }; component: string; field: string; componentProps: { readonly: boolean; style: { border: string } }; label: string; required: boolean } | { colProps: { offset: number; span: number }; component: string; field: string; componentProps: { readonly: boolean; style: { border: string } }; label: string; required: boolean } | { colProps: { offset: number; span: number }; component: string; field: string; componentProps: { readonly: boolean; style: { border: string } }; label: string; required: boolean } | { colProps: { offset: number; span: number }; component: string; field: string; componentProps: { readonly: boolean; style: { border: string } }; label: string; required: boolean } | { colProps: { offset: number; span: number }; component: string; field: string; componentProps: { readonly: boolean; style: { border: string } }; label: string; required: boolean } | { colProps: { offset: number; span: number }; component: string; field: string; componentProps: { readonly: boolean; style: { border: string } }; label: string; required: boolean } | { colProps: { offset: number; span: number }; component: string; field: string; componentProps: { readonly: boolean; style: { border: string } }; label: string; required: boolean } | { colProps: { offset: number; span: number }; component: string; field: string; componentProps: { readonly: boolean; style: { border: string } }; label: string; required: boolean } | { colProps: { offset: number; span: number }; component: string; field: string; componentProps: { valueFormat: string; format: string; style: { width: string }; placeholder: string }; label: string; required: boolean } | { colProps: { offset: number; span: number }; component: string; field: string; componentProps: { addonAfter: string }; label: string; required: boolean } | { colProps: { offset: number; span: number }; component: string; field: string; label: string; required: boolean } | { colProps: { offset: number; span: number }; component: string; field: string; componentProps: { addonAfter: string }; label: string; required: boolean } | { colProps: { offset: number; span: number }; component: string; field: string; componentProps: { addonAfter: string }; label: string; required: boolean } | { colProps: { offset: number; span: number }; component: string; field: string; componentProps: { addonAfter: string }; label: string; required: boolean } | { colProps: { offset: number; span: number }; component: string; field: string; componentProps: { options: ({ label: string; value: string } | { label: string; value: string } | { label: string; value: string })[] }; label: string; required: boolean } | { colProps: { offset: number; span: number }; component: string; field: string; icon: string; componentProps: { style: { width: string }; placeholder: string[] }; label: string; required: boolean } | { colProps: { offset: number; span: number }; component: string; field: string; componentProps: { options: ({ label: string; value: string } | { label: string; value: string } | { label: string; value: string })[] }; label: string; required: boolean })[] = [
   {
     field: 'projectName',
     label: '项目名称',
-    component: 'Input',
     required: true,
+    component: 'Input',
     componentProps: {
-      placeholder: 'XXXX项目',
-      disabled: true,
-      style: {
-        background: 'none',
-        border: 'none',
-      },
+      readonly: true,
+      style: { border: 'none' },
     },
-    colProps: { span: 8 },
+    colProps: { span: 7, offset: 1 },
   },
   {
-    field: 'projectName',
+    field: 'constructionSite',
     label: '建设地点',
-    component: 'Input',
     required: true,
+    component: 'Input',
     componentProps: {
-      placeholder: '华苑片区',
-      disabled: true,
-      style: {
-        background: 'none',
-        border: 'none',
-      },
+      readonly: true,
+      style: { border: 'none' },
     },
-    colProps: { span: 8 },
+    colProps: { span: 7, offset: 1 },
   },
   {
-    field: 'projectName',
+    field: 'constructionMode',
     label: '建设模式',
+    required: true,
+    component: 'Input',
+    componentProps: {
+      readonly: true,
+      style: { border: 'none' },
+    },
+    colProps: { span: 7, offset: 1 },
+  },
+  {
+    field: 'projectType',
+    label: '项目类型',
+    required: true,
+    component: 'Input',
+    componentProps: {
+      readonly: true,
+      style: { border: 'none' },
+    },
+    colProps: { span: 7, offset: 1 },
+  },
+  {
+    field: 'constructionScale',
+    label: '建设规模',
+    required: true,
+    component: 'Input',
+    componentProps: {
+      readonly: true,
+      style: { border: 'none' },
+    },
+    colProps: { span: 7, offset: 1 },
+  },
+  {
+    field: 'projectOverview',
+    label: '项目概况:',
+    required: true,
+    component: 'Input',
+    componentProps: {
+      readonly: true,
+      style: { border: 'none' },
+    },
+    colProps: { span: 7, offset: 1 },
+  },
+  {
+    field: 'fundingSource',
+    label: '资金来源:',
+    required: true,
+    component: 'Input',
+    componentProps: {
+      readonly: true,
+      style: { border: 'none' },
+    },
+    colProps: { span: 7, offset: 1 },
+  },
+  {
+    field: 'implementingEntity',
+    label: '实施主体:',
+    required: true,
     component: 'Input',
+    componentProps: {
+      readonly: true,
+      style: { border: 'none' },
+    },
+    colProps: { span: 7, offset: 1 },
+  },
+  {
+    field: 'projectOverview',
+    label: '项目概况:',
     required: true,
+    component: 'Input',
     componentProps: {
-      placeholder: '自建',
-      disabled: true,
-      style: {
-        background: 'none',
-        border: 'none',
-      },
+      readonly: true,
+      style: { border: 'none' },
     },
-    colProps: { span: 8 },
+    colProps: { span: 7, offset: 1 },
   },
   // {
+  //   field: 'data',
+  //   label: '填报周期:',
+  //   required: true,
+  //   component: 'DatePicker',
+  //   componentProps: {
+  //     placeholder: '选择填报周期',
+  //     style: { width: '100%' },
+  //     valueFormat: 'YYYY-MM-DD',
+  //     format: 'YYYY-MM-DD',
+  //   },
+  //   colProps: { span: 7, offset: 1 },
+  // },
+  // {
+  //   field: 'investmentAmount',
+  //   label: '总投资',
+  //   required: true,
+  //   component: 'Input',
+  //   componentProps: {
+  //     addonAfter: '万元',
+  //   },
+  //   colProps: { span: 7, offset: 1 },
+  // },
+  // {
+  //   field: 'investmentAmount',
+  //   label: '项目主管部门',
+  //   required: true,
+  //   component: 'Input',
+  //   colProps: { span: 7, offset: 1 },
+  // },
+  //
+  // {
+  //   field: 'investmentAmount',
+  //   label: '2024年财政预算匹配资金',
+  //   required: true,
+  //   component: 'Input',
+  //   componentProps: {
+  //     addonAfter: '万元',
+  //   },
+  //   colProps: { span: 7, offset: 1 },
+  // },
+  // {
+  //   field: 'investmentAmount',
+  //   label: '其中专项债项目2024年预计使用专项债资金',
+  //   required: true,
+  //   component: 'Input',
+  //   componentProps: {
+  //     addonAfter: '万元',
+  //   },
+  //   colProps: { span: 7, offset: 1 },
+  // },
+  // {
+  //   field: 'investmentAmount',
+  //   label: '2024年计划资金',
+  //   required: true,
+  //   component: 'Input',
+  //   componentProps: {
+  //     addonAfter: '万元',
+  //   },
+  //   colProps: { span: 7, offset: 1 },
+  // },
+  // {
+  //   field: 'investmentAmount',
+  //   label: '建设性质',
+  //   required: true,
+  //   component: 'Select',
+  //   componentProps: {
+  //     options: [
+  //       { label: '新建', value: '0' },
+  //       { label: '结转', value: '1' },
+  //       { label: '缓建', value: '2' },
+  //     ],
+  //   },
+  //   colProps: { span: 7, offset: 1 },
+  // },
+  // {
+  //   component: 'RangePicker',
+  //   label: '开竣工时间',
+  //   required: true,
+  //   icon: 'healthicons:i-schedule-school-date-time-outline',
+  //   field: '',
+  //   colProps: { span: 7, offset: 1 },
+  //   componentProps: {
+  //     placeholder: ['开始日期', '结束日期'],
+  //     style: { width: '100%' },
+  //   },
+  // },
+  // {
+  //   field: 'investmentAmount',
+  //   label: '2024年底预计形象进度',
+  //   required: true,
+  //   component: 'Select',
+  //   componentProps: {
+  //     options: [
+  //       { label: 'A(已经立项实施的跨年工程)', value: '0' },
+  //       { label: 'B(该年度必须建设的项目)', value: '1' },
+  //       { label: 'B(该年度必须建设的项目)', value: '2' },
+  //     ],
+  //   },
+  //   colProps: { span: 7, offset: 1 },
+  // },
+  // {
   //   field: 'isReserveProject',
   //   label: '是否为储备项目',
   //   component: 'RadioButtonGroup',

src/views/engineeringProject/index.vue

@@ -16,11 +16,13 @@
           <TableAction
             :actions="[
               {
-                icon: 'clarity:note-edit-line',
+                label: '修改',
+                // icon: 'clarity:note-edit-line',
                 onClick: handleEdit.bind(null, record),
               },
               {
-                icon: 'ant-design:delete-outlined',
+                label: '删除',
+                // icon: 'ant-design:delete-outlined',
                 color: 'error',
                 popConfirm: {
                   title: '是否确认删除',
@@ -68,7 +70,7 @@
     bordered: true,
     showIndexColumn: false,
     actionColumn: {
-      width: 80,
+      width: 160,
       title: '操作',
       dataIndex: 'action',
       // slots: { customRender: 'action' },
@@ -77,9 +79,15 @@
   });
 
   function handleEdit(record: Recordable) {
-    openDrawer(true, {
-      record,
-      isUpdate: true,
+    // openDrawer(true, {
+    //   record,
+    //   isUpdate: true,
+    // });
+    router.push({
+      path: '/engineeringProject/edit',
+      query: {
+        id: record.id,
+      },
     });
   }