| | |
| | | </div> |
| | | <div class="mixing_rows"> |
| | | <div class="mixing_rows_titles">检验状态:</div> |
| | | <div class="mixing_rows_datas" :class="{'standardStyle':mixingList.status===1,'notStandardStyle':mixingList.status!==1}">{{mixingList&&mixingList.status===1?'合格':mixingList&&mixingList.status===2?'待检':''}}</div> |
| | | <div class="mixing_rows_datas" |
| | | :class="{ 'standardStyle': mixingList.status === 1, 'notStandardStyle': mixingList.status !== 1 }"> |
| | | {{ mixingList && mixingList.status === 1 ? '合格' : mixingList && mixingList.status === 2 ? '待检' : '' |
| | | }}</div> |
| | | </div> |
| | | <div class="mixing_rows"> |
| | | <div class="mixing_rows_titles">报告编号:</div> |
| | |
| | | data(){ |
| | | return{ |
| | | timer:null,//定时器 |
| | | mixingList:null,//展示数据 |
| | | mixingList: [],//展示数据 |
| | | } |
| | | }, |
| | | created(){ |
| | |
| | | flex-direction: column; |
| | | width: 100%; |
| | | height: 100%; |
| | | padding: 5px; |
| | | padding: 0.4rem; |
| | | background: url("../../assets/mixing/mixing_bg3.png") no-repeat; |
| | | background-size: 100% 100%; |
| | | background-position: center center; |
| | |
| | | .mixing_left{ |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 45%; |
| | | margin-right: 15px; |
| | | flex: 1; |
| | | margin-right: 3rem; |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | |
| | | width: 100%; |
| | | background: url("../../assets/mixing/mixing_left_bg.png") no-repeat; |
| | | background-size: 100% 100%; |
| | | |
| | | >div{ |
| | | display: flex; |
| | | justify-content: center; |
| | |
| | | background-color: rgba(37, 129, 255, 0.29); |
| | | } |
| | | } |
| | | |
| | | .mixing_left_name{ |
| | | flex: 1; |
| | | width: 100%; |
| | |
| | | background: linear-gradient(to bottom,#FFFFFF 0%,rgba(140, 186, 255, 0.88) 100%); |
| | | background-clip: text; |
| | | -webkit-background-clip: text; |
| | | text-fill-color: transparent; |
| | | -webkit-text-fill-color: transparent; |
| | | color: #FFFFFF; |
| | | font-size: 9rem; |
| | | font-weight: 500; |
| | | } |
| | | } |
| | | |
| | | .mixing_right{ |
| | | width: calc(55% - 100px); |
| | | flex: 1.2; |
| | | background: linear-gradient(to right,#0D3776 0%,#041A40 100%); |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: space-between; |
| | | padding: 2rem 4rem; |
| | | |
| | | .mixing_rows{ |
| | | padding: 10px 20px; |
| | | overflow: hidden; |
| | | display: flex; |
| | | |
| | | .mixing_rows_titles{ |
| | | flex: none; |
| | | color: #FFFFFF; |
| | | font-weight: 400; |
| | | font-size: 5rem; |
| | | } |
| | | |
| | | .mixing_rows_datas{ |
| | | flex: none; |
| | | color: #FFFFFF; |
| | | font-weight: 400; |
| | | font-size: 5rem; |
| | | } |
| | | |
| | | .standardStyle{ |
| | | color:#15EF48; |
| | | font-size:8rem; |
| | | } |
| | | |
| | | .notStandardStyle{ |
| | | color:rgba(255, 102, 0, 1); |
| | | font-size:8rem; |