From 7bc6b0c7805db48bef4a0ee5477a1681e396347d Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期三, 17 一月 2024 10:39:07 +0800 Subject: [PATCH] 新增页面 --- src/views/safetyReview/projectManage/process.vue | 107 +++++++++++++++++++++++++++-------------------------- 1 files changed, 54 insertions(+), 53 deletions(-) diff --git a/src/views/safetyReview/projectManage/process.vue b/src/views/safetyReview/projectManage/process.vue index 6c50762..f5fecd4 100644 --- a/src/views/safetyReview/projectManage/process.vue +++ b/src/views/safetyReview/projectManage/process.vue @@ -15,8 +15,8 @@ <span class="text-eclipse" style="margin-left: 5px">{{item.name}}</span> </div> </div> - <div v-for="child in item.subMenus" :key="child.id" @click="chooseSubMenu(child,true)"> - <div class="down-item" :class="{itemActive: child.status === 1 || child.status === 3, itemPrev: child.status === 2}"> + <div v-for="child in item.subMenus" :key="child.id"> + <div class="down-item" :class="{itemActive: child.status === 1 || child.status === 3, itemPrev: child.status === 2}" @click="chooseSubMenu(child,true)"> <div class="item-icon-status0" v-if="child.status === 0">{{child.id}}</div> <div class="item-icon-status0 item-icon-status1" v-else-if="child.status === 1 || (selectedObj.status === 3 && child.id === selectedObj.id)">{{child.id}}</div> <div class="item-icon-status0 item-icon-status2" v-else-if="child.status === 2 "><img :src="itemStatus2Png"></div> @@ -38,9 +38,10 @@ <div class="card-header">{{selectedObj.id}}- {{selectedObj.name}}</div> <div class="card-content"> <div :style="'height:' + middleContentHeight + 'px'" style="overflow-y: scroll;"> - <rickAnalysis ref="riskRef" v-if="selectedObj.id === 1" @getNextStatus="getNextStatus"></rickAnalysis> - - + <rickAnalysis ref="riskRef" v-if="selectedObj.id === 2" @getNextStatus="getNextStatus"></rickAnalysis> + <contract-manage ref="contractMngRef" v-if="selectedObj.id === 1" @getNextStatus="getNextStatus"></contract-manage> + <evaluate-task-notice ref="evaluteRef" v-if="selectedObj.id === 3" @getNextStatus="getNextStatus"></evaluate-task-notice> + <evaluate-plan ref="evalPlanRef" v-if="selectedObj.id === 4" @getNextStatus="getNextStatus"></evaluate-plan> </div> <div style="display: flex;align-items: center;justify-content: center;margin-bottom: -20px"> <el-button type="primary" v-if="selectedObj.id !== 1" style="width: 80px" @click="back">上一步</el-button> @@ -51,7 +52,11 @@ </div> </el-card> </div> - <div class="bottom"></div> + <div class="bottom"> + <el-button type="primary" v-if="selectedObj.id === 1" plain @click="downloadFile"> + 评价任务通知书<el-icon class="el-icon--right"><Download /></el-icon> + </el-button> + </div> </div> </template> @@ -60,6 +65,9 @@ import {onMounted, ref} from "vue"; import {ElMessage} from "element-plus"; import rickAnalysis from "./components/riskAnalysis.vue" +import contractManage from "./components/contractManage.vue" +import evaluateTaskNotice from "./components/evaluateTaskNotice.vue" +import {Download} from '@element-plus/icons-vue' import projectPng from "@/assets/images/project.png" import status0Png from "@/assets/images/status0.png" import status1Png from "@/assets/images/status1.png" @@ -67,6 +75,9 @@ import itemStatus2Png from "@/assets/images/itemStatus2.png" import { useRoute } from 'vue-router' import {getProjectStatus} from "@/api/projectManage/project"; +import ContractManage from "./components/contractManage"; +import EvaluateTaskNotice from "./components/evaluateTaskNotice"; +import EvaluatePlan from "./components/evaluatePlan"; const route = useRoute() const menuList = ref([ @@ -178,6 +189,8 @@ }, ]) const riskRef = ref(); +const contractMngRef = ref() +const evaluteRef = ref() const isShowMenu = ref(false); const selectedObj = ref({}) const middleHeight = ref(0); @@ -356,8 +369,17 @@ } const clickMenu = (val) => { - isShowMenu.value = val; + isShowMenu.value = !isShowMenu.value } + +const downloadFile = () => { + const link = document.createElement('a') + link.href = 'files/evaluateNotice.doc' + link.target = '_blank' + link.download = '评价任务通知书.doc' + link.click() +} + const chooseSubMenu = (val,flag) => { if(val.status === 0) { setTimeout(() => { @@ -385,7 +407,6 @@ selectedObj.value = val; selectedObj.value.status = 3; nextObj.value.status = 4; - console.log('selectedObj.valu',selectedObj.value) //跳转 }, 10) if(flag){ @@ -428,51 +449,8 @@ } else { //下一步——保存 goRouter(selectedObj.value.id,'add') - // switch (selectedObj.value.id){ - // case 1: - // riskRef.value.riskOpen('add',''); - // break; - // case 2: - // - // break; - // case 3: - // - // break; - // case 4: - // - // break; - // case 5: - // - // break; - // case 6: - // - // break; - // case 7: - // - // break; - // case 8: - // - // break; - // case 9: - // - // break; - // case 10: - // - // break; - // case 11: - // - // break; - // case 12: - // - // break; - // case 13: - // - // break; - // case 14: - // - // break; - // } } + setTimeout( () => { goRouter(selectedObj.value.id) }, 100) @@ -490,7 +468,6 @@ menuList.value[id].subMenus.forEach(async item => { if(item.id === selectedObj.value.id - 1){ await chooseSubMenu(item,false); - console.log("ssssss",selectedObj.value) } }) } @@ -629,9 +606,31 @@ console.log("1") break; case 2: + if(type === 'add'){ + contractMngRef.value.riskOpen('add',''); + }else if (type === 'clickEdit'){ + contractMngRef.value.riskOpen('clickEdit',projectId.value); + }else { + if(projectStatus.value === 'view'){ + contractMngRef.value.riskOpen('detail',projectId.value); + }else { + contractMngRef.value.riskOpen('edit',projectId.value); + } + } console.log("2") break; case 3: + if(type === 'add'){ + evaluteRef.value.riskOpen('add',''); + }else if (type === 'clickEdit'){ + evaluteRef.value.riskOpen('clickEdit',projectId.value); + }else { + if(projectStatus.value === 'view'){ + evaluteRef.value.riskOpen('detail',projectId.value); + }else { + evaluteRef.value.riskOpen('edit',projectId.value); + } + } console.log("3") break; case 4: @@ -741,6 +740,7 @@ background-repeat: no-repeat; background-size: 100% 100%; background-image: url(../../../assets/images/header.png); + cursor: pointer; .item-content{ width: 80%; padding: 0 20px; @@ -765,6 +765,7 @@ width: 70%; padding-left: 20px; padding-right: 15px; + cursor: pointer; .item-icon-status0{ width: 21px; height: 21px; -- Gitblit v1.9.2