新增页面

马宇豪

2024-01-17 7bc6b0c7805db48bef4a0ee5477a1681e396347d

 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;