|  |  |  | 
|---|
|  |  |  | <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"> | 
|---|
|  |  |  | 
|---|
|  |  |  | statusMap: { | 
|---|
|  |  |  | 0: '待分配WTS', | 
|---|
|  |  |  | 1: '待分配任务', | 
|---|
|  |  |  | 2: '待处理', | 
|---|
|  |  |  | 2: '待工程师处理', | 
|---|
|  |  |  | 3: '已解决', | 
|---|
|  |  |  | 4: '已解决', | 
|---|
|  |  |  | 5: '已解决' | 
|---|
|  |  |  | 
|---|
|  |  |  | 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; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|