| | |
| | | <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"> |
| | |
| | | <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 === '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> |
| | |
| | | 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 ContractManage from "./components/contractManage"; |
| | |
| | | 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; |
| | |
| | | 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; |
| | |
| | | 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; |
| | |
| | | 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; |
| | |
| | | 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{ |
| | |
| | | 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); |
| | |
| | | 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; |
| | |
| | | overflow: hidden; |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |
| | | font-size: 16px; |
| | | } |
| | | |
| | | |