|  |  | 
 |  |  |             <div class="h1">不符合项:{{ info.problemTitle }}</div> | 
 |  |  |             <div class="time">提交时间:{{ info.createDate }}</div> | 
 |  |  |           </div> | 
 |  |  |           <div class="right"  :class="{ scs: info.status == '3' || info.status == '4' || info.status == '5',  msg: info.status == '6' }">{{statusMap[info.status] }}</div> | 
 |  |  |           <div class="right"  :style="(info.status ==0 ||info.status ==1 || info.status ==2)?'min-width: 90px':''" :class="{ scs: info.status == '3' || info.status == '4' || info.status == '5',  msg: info.status == '6' }">{{statusMap[info.status] }}</div> | 
 |  |  |         </div> | 
 |  |  |         <div class="info"> | 
 |  |  |           <div class="title">工单信息</div> | 
 |  |  | 
 |  |  |               <div class="value">{{ info.submitDate }}</div> | 
 |  |  |             </div> | 
 |  |  |             <div class="item"> | 
 |  |  |               <div class="label">发生时间</div> | 
 |  |  |               <div class="label">发现时间</div> | 
 |  |  |               <div class="value">{{ info.happenTime}}</div> | 
 |  |  |             </div> | 
 |  |  |             <div class="item"> | 
 |  |  | 
 |  |  |   display: flex; | 
 |  |  |   height: 100%; | 
 |  |  |  | 
 |  |  |   overflow: hidden; | 
 |  |  |   .modal_content { | 
 |  |  |     flex: 1; | 
 |  |  |     padding: 0px 30px; | 
 |  |  |     border-radius: 8px; | 
 |  |  |     overflow: hidden; | 
 |  |  |     overflow: auto; | 
 |  |  |     height: 100%; | 
 |  |  |  | 
 |  |  |     .title { | 
 |  |  | 
 |  |  |       } | 
 |  |  |  | 
 |  |  |       .scs { | 
 |  |  |         min-width: 90px; | 
 |  |  |         background-color: #00BA67; | 
 |  |  |       } | 
 |  |  |  |