zhouhaibin
1 year 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