Guoyan
/
new_huozhou_frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

增加日期搜索

master
wbc 1 month ago
parent
5b5d81ca59
commit
f6105835bb
2 changed files with 185 additions and 75 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 106
      src/views/projectLib/projectInfo/projectInfo.data.ts
  2. 154
      src/views/projectLib/workReport/detaiWorkReport.vue

106
src/views/projectLib/projectInfo/projectInfo.data.ts
View File

@ -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[] = [ export const searchFormSchema: FormSchema[] = [
{ {
@ -157,7 +260,8 @@ export const searchFormSchema: FormSchema[] = [
} }
] ]
}, },
labelWidth: 'auto' labelWidth: 'auto',
colProps: { span: 6 },
}, },
{ {
field: 'reformName', field: 'reformName',

154
src/views/projectLib/workReport/detaiWorkReport.vue
View File

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

Write Preview
Loading…
Cancel
Save