增加日期搜索

src/views/projectLib/projectInfo/projectInfo.data.ts

@@ -80,6 +80,109 @@ export const columns: BasicColumn[] = [
   },
 ];
 
+export const ShowDetailFormSchema: FormSchema[] = [
+  {
+    label: '日期',
+    field: 'yearMonth',
+    component: 'DatePicker',
+    componentProps:{
+      valueFormat:'YYYY-MM',
+      format:'YYYY-MM'
+    },
+    colProps: { span: 6 },
+  },
+  {
+    label: '行政区划',
+    field: 'adminDivision',
+    component: 'Select',
+    labelWidth: 'auto',
+    componentProps: {
+      options: [
+        {
+          label: "市本级",
+          value: "市本级"
+        },
+        {
+          label: "吴兴区",
+          value: "吴兴区"
+        },
+        {
+          label: "南浔区",
+          value: "南浔区"
+        },
+        {
+          label: "德清县",
+          value: "德清县"
+        },
+        {
+          label: "长兴县",
+          value: "长兴县"
+        },
+        {
+          label: "安吉县",
+          value: "安吉县"
+        },
+      ]
+    }
+    //colProps: { span: 6 },
+  },
+  {
+    //标题名称
+    label: '责任单位',
+    //字段
+    field: 'dutyWorkplace',
+    //组件 支持组件详见 components/Form/src/types/index.ts 中的 ComponentType
+    component: 'ApiSelect',
+    componentProps: () => {
+      return {
+        api: () =>getDutyWorkplaceOptions()
+      }
+    },
+    labelWidth: 'auto'
+  },
+  {
+    //标题名称
+    label: '单位属性',
+    //字段
+    field: 'workplaceProperties',
+    //组件 支持组件详见 components/Form/src/types/index.ts 中的 ComponentType
+    component: 'Select',
+    componentProps: {
+      options: [
+        {
+          label: "医疗机构",
+          value: "医疗机构"
+        },
+        {
+          label: "卫生行政部门",
+          value: "卫生行政部门"
+        }
+      ]
+    },
+    labelWidth: 'auto',
+    colProps: { span: 6 },
+  },
+  {
+    field: 'reformName',
+    label: '改革所属项目',
+    component: 'DictSelect',
+    componentProps: {
+      dictType: 'reformTasks',
+    },
+    itemProps: { validateTrigger: 'blur' },
+    labelWidth: 'auto'
+  },
+  {
+    field: 'superLeader',
+    label: '上级指导处室',
+    component: 'DictSelect',
+    componentProps: {
+      dictType: 'superLeader',
+    },
+    labelWidth: 'auto'
+
+  },
+];
 
 export const searchFormSchema: FormSchema[] = [
   {
@@ -157,7 +260,8 @@ export const searchFormSchema: FormSchema[] = [
         }
       ]
     },
-    labelWidth: 'auto'
+    labelWidth: 'auto',
+    colProps: { span: 6 },
   },
   {
     field: 'reformName',

src/views/projectLib/workReport/detaiWorkReport.vue

@@ -1,95 +1,101 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" title="设置类型" width="1200px" :showOkBtn="false">
-      <BasicTable @register="registerTable">
-          <template #action="{ record }">
-              <!-- <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/> -->
-              <TableAction :actions="getTableAction(record)" />
-          </template>
-      </BasicTable>
-      <addModifyWorkreport @register="registeraddworkreport" @close="closeModel" />
-    </BasicModal>
+  <BasicModal
+    v-bind="$attrs"
+    @register="registerModal"
+    title="设置类型"
+    width="1200px"
+    :showOkBtn="false"
+  >
+    <BasicTable @register="registerTable">
+      <template #action="{ record }">
+        <!-- <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/> -->
+        <TableAction :actions="getTableAction(record)" />
+      </template>
+    </BasicTable>
+    <addModifyWorkreport @register="registeraddworkreport" @close="closeModel" />
+  </BasicModal>
 </template>
 
 <script lang="ts" name="system-user" setup>
-//ts语法
-import { ref } from "vue"
-import { ActionItem, BasicTable, TableAction, useTable } from '@/components/Table';
-import { useModal } from '@/components/Modal';
-import { downloadResource } from "@/api/common/api"
-import { workReportShowDetailcolumns } from '@/views/projectLib/workReport/workReport.data';
-import addModifyWorkreport from "@/views/projectLib/workReport/addModifyWorkreport.vue"
-import { searchFormSchema } from '@/views/projectLib/projectInfo/projectInfo.data';
-import { useModalInner, BasicModal } from '@/components/Modal';
+  //ts语法
+  import { ref } from 'vue';
+  import { ActionItem, BasicTable, TableAction, useTable } from '@/components/Table';
+  import { useModal } from '@/components/Modal';
+  import { downloadResource } from '@/api/common/api';
+  import { workReportShowDetailcolumns } from '@/views/projectLib/workReport/workReport.data';
+  import addModifyWorkreport from '@/views/projectLib/workReport/addModifyWorkreport.vue';
+  import { ShowDetailFormSchema } from '@/views/projectLib/projectInfo/projectInfo.data';
+  import { useModalInner, BasicModal } from '@/components/Modal';
 
-import { getProjectWorkReportByProjectId, deleteWorkreport } from '@/views/projectLib/workReport/workReport.api';
-const [registeraddworkreport, { openModal,closeModal:closeModaladdworkreport }] = useModal();//新增修改周月报页面
-const [registerModal] = useModalInner(init);
+  import {
+    getProjectWorkReportByProjectId,
+    deleteWorkreport,
+  } from '@/views/projectLib/workReport/workReport.api';
+  const [registeraddworkreport, { openModal, closeModal: closeModaladdworkreport }] = useModal(); //新增修改周月报页面
+  const [registerModal] = useModalInner(init);
 
-
-let projectid = ref()
-let reportType = ref()
-const [registerTable, { reload}] = useTable({
-  title: '项目周报信息',
-  api: getProjectWorkReportByProjectId,
-  columns: workReportShowDetailcolumns,
-  useSearchForm: true,
-  actionColumn: {
+  let projectid = ref();
+  let reportType = ref();
+  const [registerTable, { reload }] = useTable({
+    title: '项目周报信息',
+    api: getProjectWorkReportByProjectId,
+    columns: workReportShowDetailcolumns,
+    useSearchForm: true,
+    actionColumn: {
       width: 140,
       title: '操作',
       dataIndex: 'action',
       slots: { customRender: 'action' },
-  },
-  //表单查询项设置
-  formConfig: {
-      schemas: searchFormSchema,
-  },
-  beforeFetch(param){
-    param.projectid = projectid.value
+    },
+    //表单查询项设置
+    formConfig: {
+      schemas: ShowDetailFormSchema
+    },
+    beforeFetch(param) {
+      param.projectid = projectid.value;
+    },
+  });
+  async function init(data) {
+    projectid.value = data.projectid;
+    reportType.value = data.reportType;
+    reload();
   }
-});
-async function init(data){
-  projectid.value = data.projectid
-  reportType.value = data.reportType
-  reload()
-}
-function getTableAction(record): ActionItem[] {
-  return [
+  function getTableAction(record): ActionItem[] {
+    return [
       {
-          label: '修改',
-          onClick: handlemodify.bind(null, record)
+        label: '修改',
+        onClick: handlemodify.bind(null, record),
       },
       {
-          label: '下载',
-          onClick: handledown.bind(null, record)
+        label: '下载',
+        onClick: handledown.bind(null, record),
       },
-  ];
-}
-function handlemodify(record) {
-  openModal(true, { id: record.id,isModify:true,reportType:reportType.value })
-
-}
-
-function handledown(record) {
-  console.log("我这一行的数据是", record)
-  let param = {
-      path: record.documentPath,
-      fileName: record.documentName
+    ];
+  }
+  function handlemodify(record) {
+    openModal(true, { id: record.id, isModify: true, reportType: reportType.value });
   }
-  //
-  console.log("我这一行的数据是", param)
 
-  downloadResource("/huzhouUploadfileinfo/downloadfile", record.documentName, param)
-}
-async function handleDelete(record) {
-  await deleteWorkreport({ id: record.id })
-  reload()
-}
+  function handledown(record) {
+    console.log('我这一行的数据是', record);
+    let param = {
+      path: record.documentPath,
+      fileName: record.documentName,
+    };
+    //
+    console.log('我这一行的数据是', param);
 
-function closeModel() {
-  closeModaladdworkreport()
-  reload()
-}
+    downloadResource('/huzhouUploadfileinfo/downloadfile', record.documentName, param);
+  }
+  async function handleDelete(record) {
+    await deleteWorkreport({ id: record.id });
+    reload();
+  }
 
+  function closeModel() {
+    closeModaladdworkreport();
+    reload();
+  }
 </script>
 
-<style scoped></style>
+<style scoped></style>