|  |  | 
 |  |  |             <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="list"> | 
 |  |  |             <div class="item"> | 
 |  |  |               <div class="label">观察主题</div> | 
 |  |  |               <div class="value">{{ info.typeName }} / {{info.categoryName}}</div> | 
 |  |  |               <div class="value">{{ info.typeName }}/{{info.categoryName}}</div> | 
 |  |  |             </div> | 
 |  |  |             <div class="item"> | 
 |  |  |               <div class="label">员工姓名</div> | 
 |  |  | 
 |  |  |               <div class="value">{{ info.companyName }} </div> | 
 |  |  |             </div> | 
 |  |  |             <div class="item"> | 
 |  |  |               <div class="label">发生地点</div> | 
 |  |  |               <div class="label">位置</div> | 
 |  |  |               <div class="value">{{ info.locationName }}</div> | 
 |  |  |             </div> | 
 |  |  |             <div class="item"> | 
 |  |  | 
 |  |  |               <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"> | 
 |  |  | 
 |  |  |       </div> | 
 |  |  |       <div class="side" > | 
 |  |  |         <div class="side_title">处理流程</div> | 
 |  |  |         <div class="list" v-if=" info.logList != null && info.logList.length != 0 | 
 |  |  |         "> | 
 |  |  |         <div class="list" v-if=" info.logList != null && info.logList.length != 0 "> | 
 |  |  |           <div class="item" v-for="(item, index) in info.logList" :key="item.id"> | 
 |  |  |             <div class="separate" v-if="index < info.logList.length - 1"></div> | 
 |  |  |             <div class="info"> | 
 |  |  | 
 |  |  |   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; | 
 |  |  |       } | 
 |  |  |  |