zhouhaibin
5 months ago
19 changed files with 319 additions and 278 deletions
@ -0,0 +1,95 @@ |
|||
<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> |
|||
</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 { downloadFile } 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'; |
|||
|
|||
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: { |
|||
width: 140, |
|||
title: '操作', |
|||
dataIndex: 'action', |
|||
slots: { customRender: 'action' }, |
|||
}, |
|||
//表单查询项设置 |
|||
formConfig: { |
|||
schemas: searchFormSchema, |
|||
}, |
|||
beforeFetch(param){ |
|||
param.projectid = projectid.value |
|||
} |
|||
}); |
|||
async function init(data){ |
|||
projectid.value = data.projectid |
|||
reportType.value = data.reportType |
|||
reload() |
|||
} |
|||
function getTableAction(record): ActionItem[] { |
|||
return [ |
|||
{ |
|||
label: '修改', |
|||
onClick: handlemodify.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 |
|||
} |
|||
// |
|||
console.log("我这一行的数据是", param) |
|||
|
|||
downloadFile("/huzhouUploadfileinfo/downloadfile", record.documentName, param) |
|||
} |
|||
async function handleDelete(record) { |
|||
await deleteWorkreport({ id: record.id }) |
|||
reload() |
|||
} |
|||
|
|||
function closeModel() { |
|||
closeModaladdworkreport() |
|||
reload() |
|||
} |
|||
|
|||
</script> |
|||
|
|||
<style scoped></style> |
|||
@ -0,0 +1,58 @@ |
|||
<template> |
|||
<!-- 自定义表单 --> |
|||
<BasicModal v-bind="$attrs" @register="registerModal" title="设置类型" width="1200px" :showOkBtn="false" |
|||
:showCancelBtn="false"> |
|||
<BasicForm @register="registerSetProjectWorkReport" @submit="handleSubmit" /> |
|||
</BasicModal> |
|||
</template> |
|||
<script lang="ts" name="setProjectWorkReport" setup> |
|||
import { useForm, BasicForm } from '@/components/Form'; |
|||
import { setProjectWorkReportformSchemas } from '@/views/projectLib/workReport/workReport.data'; |
|||
|
|||
import { useModalInner, BasicModal } from '@/components/Modal'; |
|||
import { setProjectWorkReport} from '@/views/projectLib/workReport/workReport.api' |
|||
import { queryProjectInfoById } from '@/views/projectLib/projectInfo/projectInfo.api' |
|||
const [registerModal, { closeModal }] = useModalInner(init); |
|||
|
|||
|
|||
|
|||
const emit = defineEmits(['close', "register"]); |
|||
async function init(data) { |
|||
console.log("datadatadata", data) |
|||
let res = await queryProjectInfoById({ projectid: data.projectid }) |
|||
console.log("结果是", res) |
|||
setFieldsValue(res) |
|||
|
|||
} |
|||
|
|||
//项目入库详情 |
|||
const [registerSetProjectWorkReport, { setFieldsValue: setFieldsValue, getFieldsValue, validate }] = useForm({ |
|||
//注册表单列 |
|||
schemas: setProjectWorkReportformSchemas, |
|||
showActionButtonGroup: true, |
|||
resetButtonOptions: { text: '取消' }, |
|||
|
|||
submitButtonOptions: { text: '提交' }, |
|||
//查询列占比 24代表一行 取值范围 0-24 |
|||
resetFunc: dialogVisible, |
|||
actionColOptions: { span: 14 }, |
|||
labelCol: { style: { width: '120px' } }, |
|||
wrapperCol: { style: { width: 'auto' } }, |
|||
}); |
|||
|
|||
//导入Excel病种信息数据 |
|||
async function handleSubmit() { |
|||
if (await validate()) { |
|||
|
|||
let data = await getFieldsValue() |
|||
await setProjectWorkReport({id:data.id,reportType:data.reportType}) |
|||
console.log("data", data) |
|||
closeModal() |
|||
emit("close") |
|||
} |
|||
} |
|||
async function dialogVisible() { |
|||
closeModal() |
|||
} |
|||
</script> |
|||
<style></style> |
|||
Loading…
Reference in new issue