Browse Source

新增项目计划立项部分变更

master
zhouhaibin 2 months ago
parent
commit
aaad0addb7
  1. 2
      src/views/ProcessApprovalSubPage/component/ApprovalPageModel.vue
  2. 2
      src/views/ProcessApprovalSubPage/planFileApproval.vue
  3. 4
      src/views/projectLib/projectInfo/index.vue
  4. 329
      src/views/projectLib/projectPlan/viewPlanDetail.vue

2
src/views/ProcessApprovalSubPage/component/ApprovalPageModel.vue

@ -25,7 +25,7 @@ import uploadURTfileApproval from '../uploadURTfileApproval.vue'
import MergeProjectApprova from '../MergeProjectApprova.vue' import MergeProjectApprova from '../MergeProjectApprova.vue'
import SplitProjectApprova from '../SplitProjectApprova.vue' import SplitProjectApprova from '../SplitProjectApprova.vue'
const planfileNames = ["feasibilityReportPreparation","jointTechnicalReview","centralizedCheck","createPlaninfoFile","bidDocumentsPreparation"] const planfileNames = ["feasibilityTechReviewConfirm","finalFeasibilityReportDraft","centralizedCheck","createPlaninfoFile","bidDocumentsPreparation","costEvalReportConfirm"]
const [registerModal, { closeModal }] = useModalInner(init); const [registerModal, { closeModal }] = useModalInner(init);
defineProps(["record"]) defineProps(["record"])

2
src/views/ProcessApprovalSubPage/planFileApproval.vue

@ -19,7 +19,7 @@
<el-divider content-position="left" v-if="resButton.isEdit">重新上传项目计划资料</el-divider> <el-divider content-position="left" v-if="resButton.isEdit">重新上传项目计划资料</el-divider>
<div <div
v-if="resButton.isEdit" v-if="resButton.isEdit"
style="display: flex; justify-content: center; align-items: center; height: 100px" style="display: flex; justify-content: center; align-items: center; height: 400px"
> >
<el-form ref="importFormRef"> <el-form ref="importFormRef">
<el-form-item <el-form-item

4
src/views/projectLib/projectInfo/index.vue

@ -39,7 +39,7 @@
<el-button type="primary" round @click="handleBatchdownload"> 导出项目</el-button> <el-button type="primary" round @click="handleBatchdownload"> 导出项目</el-button>
</template> </template>
<template #toolbar> <template #toolbar>
<!-- <el-button <el-button
style="background-color: #ff7f24; color: aliceblue" style="background-color: #ff7f24; color: aliceblue"
round round
@click="handlesplitinfo()" @click="handlesplitinfo()"
@ -54,7 +54,7 @@
v-if="isShowByRoles('projectContact')" v-if="isShowByRoles('projectContact')"
> >
合并项目</el-button 合并项目</el-button
> --> >
<el-button <el-button
type="primary" type="primary"
round round

329
src/views/projectLib/projectPlan/viewPlanDetail.vue

@ -26,7 +26,6 @@
</el-row> --> </el-row> -->
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
项目进度<Progress :size="15" :percent="activities[0]?.totalPercent"></Progress> 项目进度<Progress :size="15" :percent="activities[0]?.totalPercent"></Progress>
</el-col> </el-col>
@ -34,25 +33,33 @@
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-steps finish-status="success" :active="activities.status"> <el-steps finish-status="success" :active="activities.status">
<el-step v-for="(item, index) in activities" :key="index" :status="item.isfinish == 2 ? 'success' : 'wait'"> <el-step
v-for="(item, index) in activities"
:key="index"
:status="item.isfinish == 2 ? 'success' : 'wait'"
>
<template #title> <template #title>
<div> <div>
{{ item.taskName }} {{ item.taskName }}
</div> </div>
<div> <div>
{{ item.scheduledStartTime + "--" + item.scheduledEndTime }} {{ item.scheduledStartTime + '--' + item.scheduledEndTime }}
</div> </div>
</template> </template>
<template #description> <template #description>
<elstepchild v-if="item.children != null" :child="item.children"></elstepchild> <elstepchild v-if="item.children != null" :child="item.children"></elstepchild>
</template> </template>
<template #icon> <template #icon>
<Progress type="circle" :percent="item.percent" :size="40" :status="item.progressStatus"></Progress> <Progress
type="circle"
:percent="item.percent"
:size="40"
:status="item.progressStatus"
></Progress>
</template> </template>
</el-step> </el-step>
</el-steps> </el-steps>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
@ -63,74 +70,99 @@
<TableAction :actions="getTableAction(record)" /> <TableAction :actions="getTableAction(record)" />
</template> </template>
<template #tableTitle> <template #tableTitle>
<el-button type="primary" @click="handledownload" v-if="isShowByRoles('manageOrg,supervisor')">下载</el-button> <el-button type="primary" @click="handledownload" v-if="isShowByRoles('manageOrg,supervisor')"
>下载</el-button
>
</template> </template>
</BasicTable> </BasicTable>
<div v-if="dataTo.projectStage == 4"> <div v-if="dataTo.projectStage == 4">
<ApprovalDetails :projectid="projectId" stage="createPlaninfo" /> <ApprovalDetails :projectid="projectId" stage="createPlaninfo" />
</div> </div>
<BasicModal @register="registeruploadFile" title="上传文件" width="1200px" :showOkBtn="false" :showCancelBtn="false"> <BasicModal
<addPlanFile :type="type" :planinfoid="planinfoid" :files="fileArr" @close="closePlanFileModal()" /> @register="registeruploadFile"
title="上传文件"
width="1200px"
:showOkBtn="false"
:showCancelBtn="false"
>
<addPlanFile
:type="type"
:planinfoid="planinfoid"
:files="fileArr"
@close="closePlanFileModal()"
/>
</BasicModal> </BasicModal>
<planinfoFileDetail @register="registerFileInfo" /> <planinfoFileDetail @register="registerFileInfo" />
<BasicModal @register="registerplanFileApproval" title="文件审批" width="1200px" :showOkBtn="false" <BasicModal
:showCancelBtn="false"> @register="registerplanFileApproval"
title="文件审批"
width="1200px"
:showOkBtn="false"
:showCancelBtn="false"
>
<planFileApproval :record="recordData" @close="closeplanFile" /> <planFileApproval :record="recordData" @close="closeplanFile" />
</BasicModal> </BasicModal>
<uploadURTfile @register="registerUnitedTechnicalReview" @close="closePlanFileModal" /> <uploadURTfile @register="registerUnitedTechnicalReview" @close="closePlanFileModal" />
</template> </template>
<script lang="ts" name="viewPlanDetail" setup> <script lang="ts" name="viewPlanDetail" setup>
import { ref, onMounted } from 'vue' import { ref, onMounted } from 'vue';
import elstepchild from './elstepchild.vue' import elstepchild from './elstepchild.vue';
import addPlanFile from './addPlanFile.vue' import addPlanFile from './addPlanFile.vue';
import planinfoFileDetail from './planinfoFileDetail.vue' import planinfoFileDetail from './planinfoFileDetail.vue';
import { Progress,message } from 'ant-design-vue'; import { Progress, message } from 'ant-design-vue';
import { BasicModal } from '@/components/Modal'; import { BasicModal } from '@/components/Modal';
import { PlaninfoColumn } from './projectPlan.data'; import { PlaninfoColumn } from './projectPlan.data';
import { queryPlanInfoMainTimeline, getPlanFileApprovalInfoByPlaninfoId, planUploadFile, downloadPlanInfo } from './projectPlan.api' import {
import { ActionItem, BasicTable, TableAction, useTable } from '@/components/Table'; queryPlanInfoMainTimeline,
import { useModal } from '@/components/Modal'; getPlanFileApprovalInfoByPlaninfoId,
import ApprovalDetails from "../../ProcessApprovalSubPage/component/ApprovalDetails.vue" planUploadFile,
import planFileApproval from '@/views/ProcessApprovalSubPage/planFileApproval.vue' downloadPlanInfo,
import { isShowByRoles } from '../../projectLib/projectInfo/projectInfo.api'; } from './projectPlan.api';
import uploadURTfile from "@/views/projectLib/projectPlan/uploadURTfile.vue" import { ActionItem, BasicTable, TableAction, useTable } from '@/components/Table';
import { useModal } from '@/components/Modal';
let dataTo = defineProps(["projectId", "projectStage"]) import ApprovalDetails from '../../ProcessApprovalSubPage/component/ApprovalDetails.vue';
let projectId = ref(dataTo.projectId) import planFileApproval from '@/views/ProcessApprovalSubPage/planFileApproval.vue';
let isfinish = ref() import { isShowByRoles } from '../../projectLib/projectInfo/projectInfo.api';
let activities = ref([]) import uploadURTfile from '@/views/projectLib/projectPlan/uploadURTfile.vue';
let type = ref(1)
let fileArr = ref([]) let dataTo = defineProps(['projectId', 'projectStage']);
let planinfoid = ref() let projectId = ref(dataTo.projectId);
let taskName = ref() let isfinish = ref();
let recordData = ref({}) let activities = ref([]);
const [registeruploadFile, { openModal: openPlanFile, closeModal: closePlanFile }] = useModal();// let type = ref(1);
const [registerplanFileApproval, { openModal: openplanFileApproval, closeModal: closeplanFileApproval }] = useModal();// let fileArr = ref([]);
const [registerFileInfo, { openModal: openFileInfo }] = useModal();// let planinfoid = ref();
const [registerUnitedTechnicalReview, { openModal:openUnitedTechnicalReviewmode,closeModal:closeUnitedTechnicalReviewmode}] = useModal();// let taskName = ref();
let recordData = ref({});
onMounted(() => { const [registeruploadFile, { openModal: openPlanFile, closeModal: closePlanFile }] = useModal(); //
const [
registerplanFileApproval,
{ openModal: openplanFileApproval, closeModal: closeplanFileApproval },
] = useModal(); //
const [registerFileInfo, { openModal: openFileInfo }] = useModal(); //
const [
registerUnitedTechnicalReview,
{ openModal: openUnitedTechnicalReviewmode, closeModal: closeUnitedTechnicalReviewmode },
] = useModal(); //
onMounted(() => {
queryPlanInfoMainTimeline({ queryPlanInfoMainTimeline({
projectid: dataTo.projectId projectid: dataTo.projectId,
}).then(res => { }).then((res) => {
activities.value = res activities.value = res;
console.log("activities", activities) console.log('activities', activities);
}) });
console.log("projectid1111111111", activities, dataTo.projectId) console.log('projectid1111111111', activities, dataTo.projectId);
});
})
// table
const [registerTable, { reload, getDataSource }] = useTable({
size: 'small', //
// table
const [registerTable, { reload,getDataSource }] = useTable({
size: 'small',//
title: '项目计划阶段详情', title: '项目计划阶段详情',
api: queryPlanInfoMainTimeline, api: queryPlanInfoMainTimeline,
columns: PlaninfoColumn, columns: PlaninfoColumn,
// showActionColumn: true, // showActionColumn: true,
rowKey: "taskName", rowKey: 'taskName',
showIndexColumn: false, showIndexColumn: false,
useSearchForm: false, useSearchForm: false,
actionColumn: { actionColumn: {
@ -142,46 +174,52 @@ const [registerTable, { reload,getDataSource }] = useTable({
beforeFetch(params) { beforeFetch(params) {
params.projectid = projectId.value; params.projectid = projectId.value;
}, },
}); });
function getTableAction(record): ActionItem[] { function getTableAction(record): ActionItem[] {
if (dataTo.projectStage == 4) { if (dataTo.projectStage == 4) {
return [] return [];
} }
return [ return [
{ {
label: '详情', label: '详情',
ifShow: () => { ifShow: () => {
if (record.isfinish >= 1) { if (record.isfinish >= 1) {
return true return true;
} }
return false return false;
}, },
onClick: handleDetail.bind(null, record), onClick: handleDetail.bind(null, record),
}, },
{ {
label: '上传资料', label: '上传资料',
ifShow: () => { ifShow: () => {
if (record.isfinish == 0 && record.taskFile?.length > 0) { if (
record.isfinish == 0 &&
record.taskFile?.length > 0 &&
record.taskName != '可研技术审查报告确认' &&
record.taskName != '造价评估报告确认'
) {
if (isShowByRoles('projectContact')) { if (isShowByRoles('projectContact')) {
return true return true;
} }
return false return false;
} }
return false return false;
}, },
onClick: handleuploadfile.bind(null, record) onClick: handleuploadfile.bind(null, record),
}, },
{ {
label: '完成', label: '完成',
ifShow: () => { ifShow: () => {
if (record.isfinish == 0 && record.children == null && record.taskFile?.length == 0) {// if (record.isfinish == 0 && record.children == null && record.taskFile?.length == 0) {
//
if (isShowByRoles('projectContact')) { if (isShowByRoles('projectContact')) {
return true return true;
} }
return false return false;
} }
return false return false;
}, },
// onClick: handleModifyuploadfile.bind(null, record) // onClick: handleModifyuploadfile.bind(null, record)
popConfirm: { popConfirm: {
@ -190,78 +228,78 @@ function getTableAction(record): ActionItem[] {
}, },
}, },
]; ];
}
function handleDetail(record) {
openFileInfo(true, { planinfoid: record.id, taskName: record.taskName, isfinish: record.isfinish })
}
async function handleuploadfile(record) {
type.value = record.isfinish
fileArr = record.taskFile.split(",")
planinfoid.value = record.id
let tableData = await getDataSource()
console.log("tableData",tableData)
//
for(let i = 0;i<tableData[0].children.length;i++)
{
let child=tableData[0].children[i]
//
if(child.id==record.id){
//
let pre=tableData[0].children[i-1]
if(pre.isfinish!=2){
message.error("请先完成【"+pre.taskName+"】")
return
} }
function handleDetail(record) {
openFileInfo(true, {
planinfoid: record.id,
taskName: record.taskName,
isfinish: record.isfinish,
});
} }
async function handleuploadfile(record) {
type.value = record.isfinish;
fileArr = record.taskFile.split(',');
planinfoid.value = record.id;
let tableData = await getDataSource();
console.log('tableData', tableData);
//
// for (let i = 0; i < tableData[0].children.length; i++) {
// let child = tableData[0].children[i];
// //
// if (child.id == record.id) {
// //
// let pre = tableData[0].children[i - 1];
// if (pre.isfinish != 2) {
// message.error('' + pre.taskName + '');
// return;
// }
// }
// }
if (record.taskName == '联合技术审查') {
openUnitedTechnicalReviewmode(true, { planinfoid: record.id });
} else {
openPlanFile();
} }
if(record.taskName=="联合技术审查"){
openUnitedTechnicalReviewmode(true,{planinfoid:record.id})
}else{
openPlanFile()
} }
} async function handlefinish(record) {
async function handlefinish(record) {
let params = { let params = {
planinfoid: record.id, planinfoid: record.id,
};
await planUploadFile(params);
reload();
} }
await planUploadFile(params) async function handleModifyuploadfile(record) {
reload()
}
async function handleModifyuploadfile(record) {
//record.id //record.id
let res = await getPlanFileApprovalInfoByPlaninfoId({ planinfoid: record.id }) let res = await getPlanFileApprovalInfoByPlaninfoId({ planinfoid: record.id });
if (res.isEdit == 1) { if (res.isEdit == 1) {
recordData.value = res recordData.value = res;
openplanFileApproval() openplanFileApproval();
}
record.id;
}
function closeplanFile() {
closeplanFileApproval();
reload();
} }
record.id function closePlanFileModal() {
} closePlanFile();
function closeplanFile() { closeUnitedTechnicalReviewmode();
closeplanFileApproval() reload();
reload()
}
function closePlanFileModal() {
closePlanFile()
closeUnitedTechnicalReviewmode()
reload()
queryPlanInfoMainTimeline({ queryPlanInfoMainTimeline({
projectid: dataTo.projectId projectid: dataTo.projectId,
}).then(res => { }).then((res) => {
activities.value = res activities.value = res;
console.log("activities", activities) console.log('activities', activities);
}) });
} }
async function handledownload() { async function handledownload() {
// //
await downloadPlanInfo({ projectid: dataTo.projectId }); await downloadPlanInfo({ projectid: dataTo.projectId });
} }
</script> </script>
<style scoped> <style scoped>
.timeline { .timeline {
display: flex; display: flex;
width: 100%; width: 100%;
margin-bottom: 100px; margin-bottom: 100px;
@ -270,60 +308,57 @@ async function handledownload() {
transform: translateX(50%); transform: translateX(50%);
width: 25%; width: 25%;
} }
} }
:deep(.el-timeline-item__tail) { :deep(.el-timeline-item__tail) {
border-left: none; border-left: none;
border-top: 2px solid #e4e7ed; border-top: 2px solid #e4e7ed;
width: 100%; width: 100%;
position: absolute; position: absolute;
top: 9px; top: 9px;
} }
:deep(.el-timeline-item__wrapper) { :deep(.el-timeline-item__wrapper) {
padding-left: 0; padding-left: 0;
position: absolute; position: absolute;
top: 20px; top: 20px;
transform: translateX(-50%); transform: translateX(-50%);
text-align: center; text-align: center;
} }
:deep(.el-timeline-item__timestamp) { :deep(.el-timeline-item__timestamp) {
font-size: 14px; font-size: 14px;
}
} .el-row {
.el-row {
margin-bottom: 25px; margin-bottom: 25px;
margin-top: 25px; margin-top: 25px;
}
} .componentA {
.componentA {
position: absolute; position: absolute;
z-index: 1; z-index: 1;
/* 设置较低的z-index值 */ /* 设置较低的z-index值 */
/* 其他样式 */ /* 其他样式 */
} }
.componentB { .componentB {
position: absolute; position: absolute;
z-index: 2; z-index: 2;
/* 设置较高的z-index值 */ /* 设置较高的z-index值 */
/* 其他样式 */ /* 其他样式 */
} }
.custom-content { .custom-content {
position: absolute; position: absolute;
top: 0; top: 0;
transform: translateX(-50%); transform: translateX(-50%);
transition: left 0.3s; transition: left 0.3s;
z-index: 3; z-index: 3;
margin-top: 20px; margin-top: 20px;
}
} .italicize {
.italicize {
/* transform: skew(15deg); 使用 transform 属性进行倾斜 */ /* transform: skew(15deg); 使用 transform 属性进行倾斜 */
transform: rotate(-45deg); transform: rotate(-45deg);
display: inline-block; display: inline-block;
@ -332,5 +367,5 @@ async function handledownload() {
margin-top: -20px; margin-top: -20px;
color: #ea1212; color: #ea1212;
font-size: large; font-size: large;
} }
</style> </style>
Loading…
Cancel
Save