zhouhaibin
5 months ago
17 changed files with 268 additions and 384 deletions
@ -1,107 +0,0 @@ |
|||||
<template> |
|
||||
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick"> |
|
||||
<el-tab-pane label="项目入库详情" name="1"> |
|
||||
<ProjectDetails :isEdit="false" :projectid="projectid" /> |
|
||||
</el-tab-pane> |
|
||||
<el-tab-pane label="项目资料" name="2"> |
|
||||
<el-divider content-position="left">项目资料详情</el-divider> |
|
||||
<UploadfileDetail :projectid="projectid" :stage="1" /> |
|
||||
<el-divider content-position="left">意见文件</el-divider> |
|
||||
<UploadfileDetail :projectid="projectid" :stage="2" /> |
|
||||
</el-tab-pane> |
|
||||
<el-tab-pane label="项目计划详情" name="3"> |
|
||||
<PlaninfoDetails :projectid="projectid" :showActionColumn="true"> |
|
||||
<template #default="record"> |
|
||||
<TableAction :actions="getTableAction(record)" /> |
|
||||
</template> |
|
||||
</PlaninfoDetails> |
|
||||
</el-tab-pane> |
|
||||
</el-tabs> |
|
||||
<ApprovalDetails :processInstanceId="processInstanceId"/> |
|
||||
|
|
||||
<planinfoFileDetail @register="registerFileInfo" :planinfoid="planinfoid" :taskName="taskName" :isfinish="isfinish" /> |
|
||||
<ApprovalFromPage :showApprovalForm="showApprovalForm" :buttons="resButton.buttons" ref="ApprovalFromPageRef" |
|
||||
@submit="handleSubmit" @exit="exit" /> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" name="system-user" setup> |
|
||||
//ts语法 |
|
||||
import { ref,onMounted } from 'vue'; |
|
||||
import { useModal } from '@/components/Modal'; |
|
||||
import ProjectDetails from "../ProcessApprovalSubPage/component/ProjectDetails.vue" |
|
||||
import UploadfileDetail from "../ProcessApprovalSubPage/component/UploadfileDetail.vue" |
|
||||
import PlaninfoDetails from "../ProcessApprovalSubPage/component/PlaninfoDetails.vue" |
|
||||
import ApprovalDetails from "../ProcessApprovalSubPage/component/ApprovalDetails.vue" |
|
||||
import ApprovalFromPage from "../ProcessApprovalSubPage/component/ApprovalFromPage.vue" |
|
||||
import { ActionItem, TableAction } from '@/components/Table'; |
|
||||
import { getActionParam } from '../myWork/inComplete/inComplete.api'; |
|
||||
import planinfoFileDetail from '../projectLib/projectPlan/planinfoFileDetail.vue' |
|
||||
import { approveProjectArchive } from "../projectLib/projectArchive/projectArchive.api" |
|
||||
import type { TabsPaneContext } from 'element-plus' |
|
||||
let emit = defineEmits(["close"]) |
|
||||
let dataTo = defineProps(["record"]) |
|
||||
console.log("routerouterouteroute", dataTo.record) |
|
||||
let projectid = dataTo.record.projectId as string |
|
||||
let processInstanceId = dataTo.record.processInstanceId |
|
||||
let taskid = dataTo.record.taskId as string |
|
||||
let ApprovalFromPageRef = ref() |
|
||||
let showApprovalForm = ref() |
|
||||
let planinfoid = ref() |
|
||||
let taskName = ref() |
|
||||
let isfinish = ref() |
|
||||
let resButton = ref({ |
|
||||
showApprovalForm: false, |
|
||||
isEdit: false, |
|
||||
buttons: [] |
|
||||
}) |
|
||||
onMounted(async () => { |
|
||||
resButton.value = await getActionParam({ processInstanceId: processInstanceId, taskId: taskid, procesType: dataTo.record.procesType }) |
|
||||
showApprovalForm.value = resButton.value.showApprovalForm |
|
||||
}) |
|
||||
|
|
||||
const [registerFileInfo, { openModal: openFileInfo }] = useModal();//文件上传和查看 |
|
||||
console.log("dataTo",dataTo) |
|
||||
const activeName = ref('1') |
|
||||
|
|
||||
const handleClick = (tab: TabsPaneContext, event: Event) => { |
|
||||
console.log(tab, event) |
|
||||
} |
|
||||
function getTableAction(record): ActionItem[] { |
|
||||
return [ |
|
||||
{ |
|
||||
label: '详情', |
|
||||
onClick: handleDetail.bind(null, record), |
|
||||
}, |
|
||||
]; |
|
||||
} |
|
||||
|
|
||||
function handleDetail(record) { |
|
||||
console.log("rrrrrrrr", record) |
|
||||
planinfoid.value = record.record.id |
|
||||
taskName.value = record.record.taskName |
|
||||
isfinish.value = record.record.isfinish |
|
||||
console.log("rrrrrrrr", record, record.id, record.taskName, planinfoid.value, taskName.value) |
|
||||
|
|
||||
openFileInfo() |
|
||||
|
|
||||
} |
|
||||
async function handleSubmit() { |
|
||||
let approvalform = await ApprovalFromPageRef.value.getFieldsValueApprovalForm(); |
|
||||
const params = new FormData() |
|
||||
params.append("flag", approvalform.flag) |
|
||||
params.append("projectid", projectid) |
|
||||
params.append("comment", approvalform.comment) |
|
||||
params.append("taskId", taskid) |
|
||||
console.log("param", params, "approvalform", approvalform) |
|
||||
if (await ApprovalFromPageRef.value.validateApprovalForm()) { |
|
||||
let res = await approveProjectArchive(params) |
|
||||
console.log("提交成功！", res) |
|
||||
emit("close") |
|
||||
} |
|
||||
} |
|
||||
function exit() { |
|
||||
emit("close") |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style scoped></style> |
|
||||
@ -1,100 +0,0 @@ |
|||||
<template> |
|
||||
<!-- 自定义表单 --> |
|
||||
<el-divider content-position="left">项目入库详情</el-divider> |
|
||||
<BasicForm @register="registerProjectForm" @submit="handleSubmit" /> |
|
||||
</template> |
|
||||
<script lang="ts" name="initiatesProjectsApproval" setup> |
|
||||
import { onMounted, onUpdated } from 'vue' |
|
||||
import { useForm, BasicForm } from '@/components/Form'; |
|
||||
import { formSchemas } from '../../projectLib/projectInfo/projectInfo.data'; |
|
||||
import { queryProjectInfoById } from '../../projectLib/projectInfo/projectInfo.api' |
|
||||
import { modifyProjectInfo,modifyProjectInfoApproval } from '../../myWork/inComplete/inComplete.api'; |
|
||||
import { getUserInfoByid } from '../../projectLib/initiatesProjects/initiatesProjects.api' |
|
||||
|
|
||||
|
|
||||
let dataTo = defineProps(["projectid", "isEdit", "IsApproval"]) |
|
||||
const emit = defineEmits(['close']); |
|
||||
console.log("结果ddddd是", dataTo) |
|
||||
|
|
||||
onMounted(async () => { |
|
||||
let param: any = { |
|
||||
projectid: dataTo.projectid |
|
||||
} |
|
||||
let res = await queryProjectInfoById(param) |
|
||||
console.log("结果是", res, dataTo) |
|
||||
setFieldsValue(res) |
|
||||
}) |
|
||||
onUpdated(async () => { |
|
||||
console.log("我更新了") |
|
||||
let proform = getFieldsValueProjectForm() |
|
||||
for (let key in proform) { |
|
||||
if (key.indexOf("Contactor") != -1) { |
|
||||
let userid = proform[key] |
|
||||
let res = await getUserInfoByid({ id: userid }) |
|
||||
console.log(key, res.nickname) |
|
||||
updateProjectSchema({ |
|
||||
field: key, |
|
||||
componentProps: { |
|
||||
options: [{ |
|
||||
value: userid, |
|
||||
label: res.nickname |
|
||||
} |
|
||||
], |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
) |
|
||||
/** |
|
||||
* BasicForm绑定注册;src\views\ProcessApprovalSubPage\initiatesProjectsApproval\initiatesProjectsApproval.vue |
|
||||
* useForm 是整个框架的核心用于表单渲染，里边封装了很多公共方法; |
|
||||
* 支持（schemas: 渲染表单列，autoSubmitOnEnter：回车提交,submitButtonOptions：自定义按钮文本和图标等方法）； |
|
||||
* 平台通过此封装，简化了代码，支持自定义扩展; |
|
||||
*/ |
|
||||
const [registerProjectForm, { validate: validateProjectForm, setFieldsValue, getFieldsValue: getFieldsValueProjectForm, updateSchema: updateProjectSchema }] = useForm({ |
|
||||
//注册表单列 |
|
||||
schemas: formSchemas, |
|
||||
showActionButtonGroup: dataTo.isEdit, |
|
||||
//回车提交 |
|
||||
// autoSubmitOnEnter: true, |
|
||||
// //不显示重置按钮 |
|
||||
// showResetButton: false, |
|
||||
//自定义提交按钮文本和图标 |
|
||||
submitButtonOptions: { text: '提交', preIcon: '' }, |
|
||||
resetButtonOptions: { text: '取消', preIcon: '' }, |
|
||||
//查询列占比 24代表一行 取值范围 0-24 |
|
||||
resetFunc: customResetFunc, |
|
||||
|
|
||||
actionColOptions: { span: 14 }, |
|
||||
labelCol: { style: { width: '120px' } }, |
|
||||
wrapperCol: { style: { width: 'auto' } }, |
|
||||
disabled: dataTo.isEdit == true ? false : true, |
|
||||
}); |
|
||||
|
|
||||
|
|
||||
async function handleSubmit() { |
|
||||
let projectform = await getFieldsValueProjectForm(); |
|
||||
let param = { |
|
||||
projectInfo: projectform |
|
||||
} |
|
||||
// let outrs = Object.assign({},param,projectform) |
|
||||
console.log("param", param, "projectform", projectform) |
|
||||
if (await validateProjectForm()) { |
|
||||
if (dataTo.IsApproval) { |
|
||||
modifyProjectInfoApproval(projectform) |
|
||||
emit("close") |
|
||||
} else { |
|
||||
modifyProjectInfo(projectform) |
|
||||
emit("close") |
|
||||
} |
|
||||
|
|
||||
|
|
||||
} |
|
||||
} |
|
||||
async function customResetFunc() { |
|
||||
emit("close") |
|
||||
} |
|
||||
</script> |
|
||||
<style></style> |
|
||||
Loading…
Reference in new issue