From bcc1ce55aa699450905c68f957198428ed251c48 Mon Sep 17 00:00:00 2001
From: zhouwx <1175765986@qq.com>
Date: 星期三, 12 六月 2024 17:17:35 +0800
Subject: [PATCH] 项目补录

---
 src/views/safetyReview/projectManage/process.vue |  702 +++++++++++++++++++++++++++++++++++++++++-----------------
 1 files changed, 497 insertions(+), 205 deletions(-)

diff --git a/src/views/safetyReview/projectManage/process.vue b/src/views/safetyReview/projectManage/process.vue
index 6c50762..5f0f05e 100644
--- a/src/views/safetyReview/projectManage/process.vue
+++ b/src/views/safetyReview/projectManage/process.vue
@@ -3,8 +3,10 @@
     <div class="flow">
       <div class="content"  :class="{show: isShowMenu}" >
         <div class="content-middle" @click="clickMenu(true)">
-          <div style="margin-right:20px;height: 85px;display: flex;align-items: center;flex-shrink: 1;">
-            <img :src="projectPng">
+          <div class="project-title">
+<!--            <img :src="projectPng">-->
+            <span>项目</span>
+            <span>阶段</span>
           </div>
           <div v-for="item in menuList" :key="item.id" style="flex: 1" :class="{choose: item.status === 1 || item.status === 2}">
             <div class="header-item">
@@ -39,35 +41,68 @@
         <div class="card-content">
           <div :style="'height:' + middleContentHeight + 'px'" style="overflow-y: scroll;">
             <rickAnalysis ref="riskRef" v-if="selectedObj.id === 1" @getNextStatus="getNextStatus"></rickAnalysis>
-
-
+            <contract-manage ref="contractMngRef" v-if="selectedObj.id === 2" @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" :projectId="projectId"></evaluate-plan>
+            <employ-notice-record ref="employNoticeRcdRef" v-if="selectedObj.id === 5" @getNextStatus="getNextStatus" :projectId="projectId"></employ-notice-record>
+            <site-check-rcd ref="siteCheckRcdRef" v-if="selectedObj.id === 6" @getNextStatus="getNextStatus" :projectId="projectId"></site-check-rcd>
+            <inner-review ref="innerReviewRef" v-if="selectedObj.id === 7" @getNextStatus="getNextStatus"></inner-review>
+            <tech-leader-review ref="techReviewRef" v-if="selectedObj.id === 8" @getNextStatus="getNextStatus"></tech-leader-review>
+            <upload-review-rcd ref="uploadReviewRef" v-if="selectedObj.id === 9" @getNextStatus="getNextStatus" :projectId="projectId"></upload-review-rcd>
+            <rate-conclusion ref="rateConRef" v-if="selectedObj.id === 10" @getNextStatus="getNextStatus" :projectId="projectId"></rate-conclusion>
+            <process-ctrl-review ref="proCtrlRef" v-if="selectedObj.id === 11" @getNextStatus="getNextStatus" :projectId="projectId"></process-ctrl-review>
+            <project-archive ref="proArchRef" v-if="selectedObj.id === 12" @getNextStatus="getNextStatus" :projectId="projectId"></project-archive>
+            <sign-confirm ref="signConfirmRef" v-if="selectedObj.id === 13" @getNextStatus="getNextStatus" :projectId="projectId"></sign-confirm>
+            <confirm-end ref="confirmEndRef" v-if="selectedObj.id === 14" @getNextStatus="getNextStatus" :projectId="projectId"></confirm-end>
           </div>
-          <div style="display: flex;align-items: center;justify-content: center;margin-bottom: -20px">
+          <div style="display: flex;align-items: center;justify-content: center;margin-bottom: -30px;margin-top: 10px">
             <el-button type="primary" v-if="selectedObj.id !== 1" style="width: 80px" @click="back">上一步</el-button>
-            <el-button type="warning" style="width: 80px"  v-if="projectStatus === 'edit' && selectedObj.status !== 1" @click="clickEdit">变更</el-button>
-<!--            <el-button type="warning" style="width: 80px"  v-if="selectedObj.status === 1" @click="save">暂存</el-button>-->
-            <el-button type="primary" style="width: 80px" @click="next">下一步</el-button>
+            <el-button type="warning" style="width: 80px"  v-if="(projectStatus === 'add'   && selectedObj.status === 1 && selectedObj.id !== 14)||(projectStatus === 'edit' && selectedObj.status === 1 && selectedObj.id !== 14)  " @click="save">保存</el-button>
+            <el-button type="warning" style="width: 80px"  v-if="(projectStatus === 'edit' && selectedObj.status !== 1 && selectedObj.id !== 13 && selectedObj.id !== 14 && reportProcess != 14) || (projectStatus === 'add'   && selectedObj.status !== 1 && selectedObj.id !== 14 && reportProcess != 14) " @click="clickEdit">变更</el-button>
+            <el-button type="warning" style="width: 80px" v-if="selectedObj.id === 14 && selectedObj.status === 1 && reportProcess != 14" @click="confirm">确认完结</el-button>
+            <el-button type="primary" style="width: 80px" v-if="selectedObj.id !== 14" @click="next">下一步</el-button>
           </div>
         </div>
       </el-card>
     </div>
-    <div class="bottom"></div>
+    <div class="bottom">
+      <el-button type="primary" v-if="selectedObj.id === 3" plain @click="downloadFile">
+        评价任务通知书<el-icon class="el-icon--right"><Download /></el-icon>
+      </el-button>
+    </div>
   </div>
 </template>
 
 <script setup>
 
 import {onMounted, ref} from "vue";
-import {ElMessage} from "element-plus";
+import {ElMessage, ElMessageBox} 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"
 import status2Png from "@/assets/images/status2.png"
-import itemStatus2Png from "@/assets/images/itemStatus2.png"
+import itemStatus2Png from "@/assets/images/itemStatus2-1.png"
 import { useRoute } from 'vue-router'
-import {getProjectStatus} from "@/api/projectManage/project";
-
+import {getProjectStatus} from "@/api/projectManage/project"
+import ContractManage from "./components/contractManage";
+import EvaluateTaskNotice from "./components/evaluateTaskNotice"
+import EvaluatePlan from "./components/evaluatePlan";
+import EmployNoticeRecord from "./components/employNoticeRecord"
+import SiteCheckRcd from "./components/siteCheckRcd"
+import InnerReview from "./components/innerReview"
+import TechLeaderReview from "./components/techLeaderReview"
+import UploadReviewRcd from "./components/uploadReviewRcd"
+import RateConclusion from "./components/rateConclusion"
+import ProcessCtrlReview from "./components/processCtrlReview"
+import ProjectArchive from "./components/projectArchive"
+import SignConfirm from "./components/signConfirm"
+import ConfirmEnd from "./components/confirmEnd"
+import Cookies from "js-cookie"
+import {delMonitor} from "@/api/sysUsers";
 const route = useRoute()
 const menuList = ref([
   {
@@ -150,8 +185,7 @@
         id: 11,
         name: '过程控制负责人审核',
         status: 0
-      },
-
+      }
     ]
   },
   {
@@ -178,12 +212,28 @@
   },
 ])
 const riskRef = ref();
-const isShowMenu = ref(false);
+const contractMngRef = ref()
+const evaluteRef = ref()
+const evalPlanRef = ref()
+const employNoticeRcdRef = ref()
+const siteCheckRcdRef = ref()
+const innerReviewRef = ref()
+const techReviewRef = ref()
+const uploadReviewRef = ref()
+const rateConRef = ref()
+const proCtrlRef = ref()
+const proArchRef = ref()
+const signConfirmRef = ref()
+const confirmEndRef = ref()
+
+const isShowMenu = ref(false)
 const selectedObj = ref({})
-const middleHeight = ref(0);
-const middleContentHeight = ref(0);
-const projectId = ref();
-const projectStatus = ref();
+const middleHeight = ref(0)
+const middleContentHeight = ref(0)
+const projectId = ref()
+const projectStatus = ref()
+const toPath = ref();
+const reportProcess = ref();
 onMounted(() => {
   middleHeight.value = window.innerHeight - 250;
   middleContentHeight.value = window.innerHeight - 385;
@@ -195,6 +245,8 @@
   if(route.query.type !== 'add'){
     projectStatus.value = route.query.type;
     projectId.value = route.query.id;
+    toPath.value = route.query.toPath;
+    reportProcess.value = route.query.process;
     getStatus(projectId.value);
   }else {
     projectStatus.value = route.query.type;
@@ -214,22 +266,28 @@
 const getStatus = async (projectId) => {
   const res = await getProjectStatus(projectId);
   if(res.code == 200){
+    reportProcess.value = res.data
+    let fiveObj = {}
+    if(toPath.value && toPath.value === 'toFive' ){
+      fiveObj = menuList.value[1].subMenus[0]
+    }
     if(res.data <= 4 ){
       menuList.value[0].subMenus.forEach(item => {
         if(item.id <= res.data){
           item.status = 2
         }
-        if(item.id  === res.data + 1){
-          item.status = 4;
-          nextObj.value = item;
+        if(projectStatus.value !== 'view'){
+          if(item.id  === res.data + 1){
+            item.status = 4;
+            nextObj.value = item;
+          }
         }
         if(item.id === res.data){
           item.status = 3;
           selectedObj.value =item;
-          setTimeout(() => {
-            goRouter(selectedObj.value.id)
-          }, 10)
-
+            setTimeout(() => {
+              goRouter(selectedObj.value.id)
+            }, 10)
         }
       })
       menuList.value[0].status = 1;
@@ -240,17 +298,21 @@
       if(res.data === 4){
         menuList.value[0].subMenus[3].status = 3;
       }
+
       menuList.value[1].subMenus.forEach(item => {
         if(item.id <= res.data) {
           item.status = 2
         }
-        if(item.id  === res.data + 1){
-          item.status = 4;
-          nextObj.value = item;
+        if(projectStatus.value !== 'view'){
+          if(item.id  === res.data + 1){
+            item.status = 4;
+            nextObj.value = item;
+          }
         }
         if(item.id === res.data){
           item.status = 3;
           selectedObj.value =item;
+
           setTimeout(() => {
             goRouter(selectedObj.value.id)
           }, 10)
@@ -259,6 +321,7 @@
       menuList.value[0].status = 2;
       menuList.value[1].status = 1;
       console.log("menu22",menuList.value)
+
     }
     if(res.data >= 6 && res.data <= 9){
       setMenuList(0);
@@ -270,9 +333,11 @@
         if(item.id <= res.data) {
           item.status = 2
         }
-        if(item.id  === res.data + 1){
-          item.status = 4;
-          nextObj.value = item;
+        if(projectStatus.value !== 'view'){
+          if(item.id  === res.data + 1){
+            item.status = 4;
+            nextObj.value = item;
+          }
         }
         if(item.id === res.data){
           item.status = 3;
@@ -297,9 +362,11 @@
         if(item.id <= res.data) {
           item.status = 2
         }
-        if(item.id  === res.data + 1){
-          item.status = 4;
-          nextObj.value = item;
+        if(projectStatus.value !== 'view'){
+          if(item.id  === res.data + 1){
+            item.status = 4;
+            nextObj.value = item;
+          }
         }
         if(item.id === res.data){
           item.status = 3;
@@ -322,13 +389,17 @@
       if(res.data === 11){
         menuList.value[3].subMenus[1].status = 3;
       }
+      let twelveObj = {};
+      let thirteenObj = {};
       menuList.value[4].subMenus.forEach(item => {
         if(item.id <= res.data) {
           item.status = 2
         }
-        if(item.id  === res.data + 1){
-          item.status = 4;
-          nextObj.value = item;
+        if(projectStatus.value !== 'view'){
+          if(item.id  === res.data + 1){
+            item.status = 4;
+            nextObj.value = item;
+          }
         }
         if(item.id === res.data){
           item.status = 3;
@@ -347,17 +418,40 @@
           menuList.value[4].status = 2;
           selectedObj.value =item;
         }
+        if(toPath.value && toPath.value === 'toTwelve' && item.id === 12){
+          twelveObj = item;
+        }else if(toPath.value && toPath.value === 'toThirteen' && item.id === 13){
+          thirteenObj = item;
+        }
       })
-
+      if(toPath.value && toPath.value === 'toTwelve' && twelveObj){
+        chooseSubMenu(twelveObj,true)
+      }else if(toPath.value && toPath.value === 'toThirteen' && thirteenObj){
+        chooseSubMenu(thirteenObj,true)
+      }
     }
+    if(toPath.value && toPath.value === 'toFive' && fiveObj){
+      chooseSubMenu(fiveObj,true)
+    }
+
   }else{
     ElMessage.warning(res.message)
   }
 }
 
 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 sixBtn = ref("");
 const chooseSubMenu = (val,flag) => {
   if(val.status === 0) {
     setTimeout(() => {
@@ -371,6 +465,7 @@
     setTimeout(() => {
       isShowMenu.value = false;
       selectedObj.value = val;
+
     }, 10)
   }else if(val.status === 2){
     setTimeout(() => {
@@ -385,7 +480,6 @@
       selectedObj.value = val;
       selectedObj.value.status = 3;
       nextObj.value.status = 4;
-      console.log('selectedObj.valu',selectedObj.value)
       //跳转
     }, 10)
     if(flag){
@@ -402,6 +496,10 @@
     }, 10)
   }else if (val.status === 4) {
     setTimeout(() => {
+      if(val.id === 6){
+        sixBtn.value = Cookies.get('btn')
+      }
+      console.log('sixBtn.value',sixBtn.value)
       isShowMenu.value = false;
       nextObj.value = selectedObj.value;
       selectedObj.value = val;
@@ -425,63 +523,39 @@
     }else if (selectedObj.value.id+ 1 >11){
       nextMenu(4)
     }
+  }else if(selectedObj.value.id === 6){
+    if(selectedObj.value.id === 6) {
+      ElMessageBox.confirm(
+          '确定结束现场勘验?',
+          '提示',
+          {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning',
+          })
+          .then( async() => {
+            goRouter(selectedObj.value.id,'sixEnd')
+          })
+    }
   } 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(() => {
+      isShowMenu.value = false;
+      ElMessage({
+        type: 'warning',
+        message: '请按顺序操作,未完成步骤无法查看!'
+      });
+    }, 10)
   }
-  setTimeout( () => {
-    goRouter(selectedObj.value.id)
-  }, 100)
+  //
+  // setTimeout( () => {
+  //   goRouter(selectedObj.value.id)
+  // }, 100)
 }
 
-const  nextMenu =  (id) => {
+const nextMenu = (id) => {
   menuList.value[id].subMenus.forEach( item => {
     if(item.id === selectedObj.value.id + 1){
-      chooseSubMenu(item,false);
+      chooseSubMenu(item,true);
     }
   })
 }
@@ -489,8 +563,7 @@
 const backMenu = (id) => {
   menuList.value[id].subMenus.forEach(async item => {
     if(item.id === selectedObj.value.id - 1){
-     await chooseSubMenu(item,false);
-     console.log("ssssss",selectedObj.value)
+     await chooseSubMenu(item,true);
     }
   })
 }
@@ -508,108 +581,162 @@
     }else if (selectedObj.value.id-1 >11){
       backMenu(4)
     }
-  setTimeout( () => {
-    goRouter(selectedObj.value.id)
-    // switch (selectedObj.value.id){
-    //   case 1:
-    //     if(projectStatus.value === 'view'){
-    //       riskRef.value.riskOpen('detail',projectId.value);
-    //     }else {
-    //       riskRef.value.riskOpen('edit',projectId.value);
-    //     }
-    //     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;
-    // }
-  }, 100)
+  // setTimeout( () => {
+  //   goRouter(selectedObj.value.id)
+  // }, 100)
 
 }
 const clickEdit = () => {
   goRouter(selectedObj.value.id,'clickEdit')
-  // switch (selectedObj.value.id){
-  //   case 1:
-  //     riskRef.value.riskOpen('clickEdit',projectId.value);
-  //     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;
-  // }
 }
-const getNextStatus = (val) => {
-  getStatus(val);
+const getNextStatus = async (val) => {
+  projectId.value = val
+  const res = await getProjectStatus(val);
+  if(res.code == 200){
+    reportProcess.value = res.data
+    if(res.data <=4){
+      menuList.value[0].subMenus.forEach(item => {
+        if(item.id <= res.data){
+          item.status = 2
+        }
+        if(item.id === res.data + 1){
+          item.status = 1;
+          selectedObj.value =item;
+          nextObj.value = item;
+        }
+        // else if(item.id  === res.data ){
+        //   item.status = 3;
+        //   selectedObj.value =item;
+        // }else if(item.id === res.data + 1){
+        //   item.status = 4;
+        //   nextObj.value = item;
+        // }
+      })
+      menuList.value[0].status = 1;
+      console.log("menu11",menuList.value)
+    }
+    if(res.data >=4 && res.data<=6){
+      setMenuList(0)
+      menuList.value[1].subMenus.forEach(item => {
+        if(item.id <= res.data) {
+          item.status = 2
+        }
+        if(item.id  === res.data + 1){
+          item.status = 1;
+          selectedObj.value =item;
+          nextObj.value = item;
+        }
+        // if(item.id === res.data){
+        //   item.status = 3;
+        //   selectedObj.value =item;
+        // }
+      })
+      menuList.value[0].status = 2;
+      menuList.value[1].status = 1;
+      console.log("menu22",menuList.value)
+    }
+    if(res.data >= 6 && res.data <= 9){
+      setMenuList(0);
+      setMenuList(1);
+      menuList.value[2].subMenus.forEach(item => {
+        if(item.id <= res.data) {
+          item.status = 2
+        }
+        if(item.id  === res.data + 1){
+          item.status = 1;
+          selectedObj.value =item;
+          nextObj.value = item;
+        }
+        // if(item.id === res.data){
+        //   item.status = 3;
+        //   selectedObj.value =item;
+        // }
+      })
+      menuList.value[0].status = 2;
+      menuList.value[1].status = 2;
+      menuList.value[2].status = 1;
+    }
+    if(res.data >= 9 && res.data <=11){
+      setMenuList(0);
+      setMenuList(1);
+      setMenuList(2);
+      menuList.value[3].subMenus.forEach(item => {
+        if(item.id <= res.data) {
+          item.status = 2
+        }
+        if(item.id  === res.data + 1){
+          item.status = 1;
+          selectedObj.value =item;
+          nextObj.value = item;
+        }
+        // if(item.id === res.data){
+        //   item.status = 3;
+        //   selectedObj.value =item;
+        // }
+      })
+      menuList.value[0].status = 2;
+      menuList.value[1].status = 2;
+      menuList.value[2].status = 2;
+      menuList.value[3].status = 1;
+    }
+    if(res.data >= 11){
+      setMenuList(0);
+      setMenuList(1);
+      setMenuList(2);
+      setMenuList(3);
+      // if(res.data === 11){
+      //   menuList.value[3].subMenus[1].status = 3;
+      // }
+      menuList.value[4].subMenus.forEach(item => {
+        if(item.id <= res.data) {
+          item.status = 2
+        }
+        if(item.id  === res.data + 1){
+          item.status = 1;
+          selectedObj.value =item;
+          nextObj.value = item;
+        }
+        // if(item.id === res.data){
+        //   item.status = 3;
+        //   selectedObj.value =item;
+        // }
+        menuList.value[0].status = 2;
+        menuList.value[1].status = 2;
+        menuList.value[2].status = 2;
+        menuList.value[3].status = 2;
+        menuList.value[4].status = 1;
+        if(res.data === 14 && res.data === item.id){
+          item.status = 3;
+          menuList.value[4].status = 2;
+          selectedObj.value =item;
+        }
+      })
+
+    }
+  }
+}
+
+const save = () => {
+  // if(selectedObj.value.id === 6) {
+  //   ElMessageBox.confirm(
+  //       '确定结束现场勘验?',
+  //       '提示',
+  //       {
+  //         confirmButtonText: '确定',
+  //         cancelButtonText: '取消',
+  //         type: 'warning',
+  //       })
+  //       .then( async() => {
+  //         goRouter(selectedObj.value.id,'add')
+  //       })
+  // }else {
+    goRouter(selectedObj.value.id,'add')
+  // }
+
+
+}
+const confirm = () => {
+  goRouter(selectedObj.value.id,'confirm')
 }
 
 const goRouter = (val,type) => {
@@ -620,51 +747,199 @@
       }else if (type === 'clickEdit'){
         riskRef.value.riskOpen('clickEdit',projectId.value);
       }else {
-        if(projectStatus.value === 'view'){
+        if(projectStatus.value === 'view' || projectStatus.value === 'add'){
           riskRef.value.riskOpen('detail',projectId.value);
-        }else {
+        }else if(projectStatus.value === 'edit'){
           riskRef.value.riskOpen('edit',projectId.value);
         }
       }
       console.log("1")
       break;
     case 2:
+      if(type === 'add'){
+        contractMngRef.value.riskOpen('add',projectId.value);
+      }else if (type === 'clickEdit'){
+        contractMngRef.value.riskOpen('clickEdit',projectId.value);
+      }else {
+        if(projectStatus.value === 'view' || projectStatus.value === 'add'){
+          contractMngRef.value.riskOpen('detail',projectId.value);
+        }else if(projectStatus.value === 'edit'){
+          contractMngRef.value.riskOpen('edit',projectId.value);
+        }
+      }
       console.log("2")
       break;
     case 3:
+      if(type === 'add'){
+        evaluteRef.value.riskOpen('add',projectId.value);
+      }else if (type === 'clickEdit'){
+        evaluteRef.value.riskOpen('clickEdit',projectId.value);
+      }else {
+        if(projectStatus.value === 'view' || projectStatus.value === 'add'){
+          evaluteRef.value.riskOpen('detail',projectId.value);
+        }else if(projectStatus.value === 'edit'){
+          evaluteRef.value.riskOpen('edit',projectId.value);
+        }
+      }
       console.log("3")
       break;
     case 4:
+      if(type === 'add'){
+        evalPlanRef.value.riskOpen('add',projectId.value);
+      }else if (type === 'clickEdit'){
+        evalPlanRef.value.riskOpen('clickEdit',projectId.value);
+      }else {
+        if(projectStatus.value === 'view' || projectStatus.value === 'add'){
+          evalPlanRef.value.riskOpen('detail',projectId.value);
+        }else if(projectStatus.value === 'edit'){
+          evalPlanRef.value.riskOpen('edit',projectId.value);
+        }
+      }
       console.log("4")
       break;
     case 5:
+      if(type === 'add'){
+        employNoticeRcdRef.value.riskOpen('add',projectId.value);
+      }else if (type === 'clickEdit'){
+        employNoticeRcdRef.value.riskOpen('clickEdit',projectId.value);
+      }else {
+        if(projectStatus.value === 'view' || projectStatus.value === 'add'){
+          employNoticeRcdRef.value.riskOpen('detail',projectId.value);
+        }else if(projectStatus.value === 'edit'){
+          employNoticeRcdRef.value.riskOpen('edit',projectId.value);
+        }
+      }
       console.log("5")
       break;
     case 6:
+      if(type === 'add'){
+        siteCheckRcdRef.value.riskOpen('add',projectId.value);
+      }else if (type === 'clickEdit'){
+        siteCheckRcdRef.value.riskOpen('clickEdit',projectId.value);
+      }else if (type === 'sixEnd'){
+        siteCheckRcdRef.value.riskOpen('sixEnd',projectId.value);
+      } else {
+        if(projectStatus.value === 'view' || projectStatus.value === 'add'){
+          siteCheckRcdRef.value.riskOpen('detail',projectId.value);
+        }else if(projectStatus.value === 'edit'){
+          siteCheckRcdRef.value.riskOpen('edit',projectId.value);
+        }
+      }
       console.log("6")
       break;
     case 7:
+      if(type === 'add'){
+        innerReviewRef.value.riskOpen('add',projectId.value);
+      }else if (type === 'clickEdit'){
+        innerReviewRef.value.riskOpen('clickEdit',projectId.value);
+      }else {
+        if(projectStatus.value === 'view' || projectStatus.value === 'add'){
+          innerReviewRef.value.riskOpen('detail',projectId.value);
+        }else if(projectStatus.value === 'edit'){
+          innerReviewRef.value.riskOpen('edit',projectId.value);
+        }
+      }
       console.log("7")
       break;
     case 8:
+      if(type === 'add'){
+        techReviewRef.value.riskOpen('add',projectId.value);
+      }else if (type === 'clickEdit'){
+        techReviewRef.value.riskOpen('clickEdit',projectId.value);
+      }else {
+        if(projectStatus.value === 'view' || projectStatus.value === 'add'){
+          techReviewRef.value.riskOpen('detail',projectId.value);
+        }else if(projectStatus.value === 'edit'){
+          techReviewRef.value.riskOpen('edit',projectId.value);
+        }
+      }
       console.log("8")
       break;
     case 9:
+      if(type === 'add'){
+        uploadReviewRef.value.riskOpen('add',projectId.value);
+      }else if (type === 'clickEdit'){
+        uploadReviewRef.value.riskOpen('clickEdit',projectId.value);
+      }else {
+        if(projectStatus.value === 'view' || projectStatus.value === 'add'){
+          uploadReviewRef.value.riskOpen('detail',projectId.value);
+        }else if(projectStatus.value === 'edit'){
+          uploadReviewRef.value.riskOpen('edit',projectId.value);
+        }
+      }
       console.log("9")
       break;
     case 10:
+      if(type === 'add'){
+        rateConRef.value.riskOpen('add',projectId.value);
+      }else if (type === 'clickEdit'){
+        rateConRef.value.riskOpen('clickEdit',projectId.value);
+      }else {
+        if(projectStatus.value === 'view' || projectStatus.value === 'add'){
+          rateConRef.value.riskOpen('detail',projectId.value);
+        }else if(projectStatus.value === 'edit'){
+          rateConRef.value.riskOpen('edit',projectId.value);
+        }
+      }
       console.log("10")
       break;
     case 11:
+      if(type === 'add'){
+        proCtrlRef.value.riskOpen('add',projectId.value);
+      }else if (type === 'clickEdit'){
+        proCtrlRef.value.riskOpen('clickEdit',projectId.value);
+      }else {
+        if(projectStatus.value === 'view' || projectStatus.value === 'add'){
+          proCtrlRef.value.riskOpen('detail',projectId.value);
+        }else if(projectStatus.value === 'edit'){
+          proCtrlRef.value.riskOpen('edit',projectId.value);
+        }
+      }
       console.log("11")
       break;
     case 12:
+      if(type === 'add'){
+        proArchRef.value.riskOpen('add',projectId.value);
+      }else if (type === 'clickEdit'){
+        proArchRef.value.riskOpen('clickEdit',projectId.value);
+      }else {
+        if(projectStatus.value === 'view' || projectStatus.value === 'add'){
+          proArchRef.value.riskOpen('detail',projectId.value);
+        }else if(projectStatus.value === 'edit'){
+          proArchRef.value.riskOpen('edit',projectId.value);
+        }
+      }
       console.log("12")
       break;
     case 13:
+      if(type === 'add'){
+        signConfirmRef.value.riskOpen('add',projectId.value);
+      }else if (type === 'clickEdit'){
+        signConfirmRef.value.riskOpen('clickEdit',projectId.value);
+      }else {
+        if(projectStatus.value === 'view' || projectStatus.value === 'add'){
+          signConfirmRef.value.riskOpen('detail',projectId.value);
+        }else if(projectStatus.value === 'edit'){
+          signConfirmRef.value.riskOpen('edit',projectId.value);
+        }
+      }
       console.log("13")
       break;
     case 14:
+      if(type === 'add'){
+        confirmEndRef.value.riskOpen('add',projectId.value);
+      }else if (type === 'clickEdit'){
+        confirmEndRef.value.riskOpen('clickEdit',projectId.value);
+      }
+      else if (type === 'confirm'){
+        confirmEndRef.value.riskOpen('confirm',projectId.value);
+      }else {
+          if(projectStatus.value === 'view' || projectStatus.value === 'add'){
+          confirmEndRef.value.riskOpen('detail',projectId.value);
+        }else if(projectStatus.value === 'edit'){
+          confirmEndRef.value.riskOpen('edit',projectId.value);
+        }
+      }
       console.log("14")
       break;
   }
@@ -688,7 +963,7 @@
       max-height: 85px;
       cursor: pointer;
       background-color: hsla(0,0%,100%,.97);
-      background-image: url(../../../assets/images/bg.png);
+      //background-image: url(../../../assets/images/bg2.png);
       background-repeat: no-repeat;
       background-size: 100% 84px;
       overflow: hidden;
@@ -711,7 +986,7 @@
         pointer-events: auto;
         transform: translateX(-50%);
         width: 118px;
-        background-image: url(../../../assets/images/back.png);
+        background-image: url(../../../assets/images/back1.png);
       }
       .choose .header-item{
         color: #fff;
@@ -728,6 +1003,18 @@
       display: flex;
       flex-direction: row;
       box-shadow: 0 0 18px 3px rgba(145,146,171,.2);
+      .project-title{
+        margin-right: 20px;
+        height: 85px;
+        display: flex;
+        align-items: center;
+        flex-shrink: 1;
+        flex-direction: column;
+        justify-content: center;
+        font-size: 20px;
+        font-weight: 700;
+        color: rgb(255, 140, 138);
+      }
     }
     .header-item{
       position: relative;
@@ -741,6 +1028,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;
@@ -758,13 +1046,14 @@
       font-size: 19px;
       color: #626c8b;
       border: 1px solid #fff;
-      background: rgba(198,230,255,.2);
+      background: rgba(233 223 211 / 20%);
       border-radius: 8px;
       display: flex;
       align-items: center;
-      width: 70%;
+      width: 80%;
       padding-left: 20px;
       padding-right: 15px;
+      cursor: pointer;
       .item-icon-status0{
         width: 21px;
         height: 21px;
@@ -773,11 +1062,13 @@
         line-height: 20px;
         text-align: center;
         border-radius: 50%;
-        background: #b9c2d5;
+        background: #f3ccb0;
         margin-right: 10px;
+        min-width: 21px;
+        min-height: 21px;
       }
       .item-icon-status1{
-        color: #3b75ff;
+        color: #f17235;
         background: #fff;
       }
       .item-icon-status2{
@@ -791,13 +1082,13 @@
       cursor: pointer;
       color: #fff;
       border: 1px solid #c6e6ff;
-      background: linear-gradient(90deg,#57b6ff,#3b75ff);
+      background: linear-gradient(90deg,rgb(239, 186, 141),rgb(255, 140, 138));
     }
     .itemPrev{
       cursor: pointer;
-      color: #3b75ff;
-      border: 1px solid #c6e6ff;
-      background: rgba(198,230,255,.4);
+      color: #f38323;
+      border: 1px solid #f5e4cf;
+      background: rgb(249 210 170 / 40%);
     }
     .itemPrev:hover{
       transform: scale(1.1);
@@ -816,7 +1107,7 @@
       padding: 12px 56px;
       font-size: 18px;
       color: #fff;
-      background-image: url(../../../assets/images/cardHeader.png);
+      background-image: url(../../../assets/images/cardHeader2.png);
       background-size: 100% 100%;
       background-repeat: no-repeat;
       margin: -20px;
@@ -838,6 +1129,7 @@
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
+    font-size: 16px;
   }
 
 

--
Gitblit v1.9.2