|  |  | 
 |  |  |               <div class="label">发生地点</div> | 
 |  |  |               <div class="value">{{ info.locationName }}</div> | 
 |  |  |             </div> | 
 |  |  |             <div class="item"> | 
 |  |  |               <div class="label">风险描述</div> | 
 |  |  |               <div class="value">{{ info.riskInfo }}</div> | 
 |  |  |             </div> | 
 |  |  |             <div class="item"> | 
 |  |  |             <div class="item" style="width: 100%"> | 
 |  |  |               <div class="label">通知人</div> | 
 |  |  |               <div class="value">{{ info.memberNames }}</div> | 
 |  |  |             </div> | 
 |  |  |             <div class="item"  style="width: 100%"> | 
 |  |  |               <div class="label">风险描述</div> | 
 |  |  |               <div class="value">{{ info.riskInfo }}</div> | 
 |  |  |             </div> | 
 |  |  |             <div class="item" style="width: 100%"> | 
 |  |  |               <div class="label">图片</div> | 
 |  |  | 
 |  |  |                   <div class="company"> | 
 |  |  |                     员工:<span>  {{ item.userName }} / {{item.companyName}}</span> | 
 |  |  |                     <div style="display: block" >时间:<span>{{item.createDate}}</span></div> | 
 |  |  |                     <div class="dealinfo" v-if="item.param2||item.remark||(item.multifileList !=null && item.multifileList.length)"> | 
 |  |  |                     <div class="dealinfo" v-if="item.param2 || item.remark || (item.multifileList !=null && item.multifileList.length)"> | 
 |  |  |                       <div style="display: block" v-if="item.param2" >处理人:<span>{{item.param2}}</span></div> | 
 |  |  |                       <div style="display: block" v-if="item.remark" >说明:<span>{{item.remark}}</span></div> | 
 |  |  |                       <div style="display: block;margin-top:10px"  v-if="item.multifileList !=null && item.multifileList.length"> | 
 |  |  | 
 |  |  |       info: {}, | 
 |  |  |       statusMap: { | 
 |  |  |         0: '待分配WTS', | 
 |  |  |         1: '待分配任务', | 
 |  |  |         2: '待工程师处理', | 
 |  |  |         3: '已解决', | 
 |  |  |         4: '已解决', | 
 |  |  |         5: '已解决' | 
 |  |  |         1: '待分配工程师', | 
 |  |  |         2: '待分配任务', | 
 |  |  |         3: 'SHE关闭', | 
 |  |  |         4: 'WTS关闭', | 
 |  |  |         5: '工程师关闭' | 
 |  |  |       }, | 
 |  |  |       cateList: { | 
 |  |  |         0: 'SHE事件工单', | 
 |  |  | 
 |  |  |  | 
 |  |  | .modal_wrap { | 
 |  |  |   display: flex; | 
 |  |  |   height: 100%; | 
 |  |  |   height: aotu; | 
 |  |  |  | 
 |  |  |   .modal_content { | 
 |  |  |     flex: 1; | 
 |  |  | 
 |  |  |         display: flex; | 
 |  |  |         flex-wrap: wrap; | 
 |  |  |  | 
 |  |  |         .item { | 
 |  |  |         .item.item { | 
 |  |  |           display: flex; | 
 |  |  |           width: 40%; | 
 |  |  |           width: 50%; | 
 |  |  |           font-size: 14px; | 
 |  |  |           margin-bottom: 20px; | 
 |  |  |  | 
 |  |  |           &:nth-of-type(2n) { | 
 |  |  |             width: 60%; | 
 |  |  |             width: 50%; | 
 |  |  |           } | 
 |  |  |  | 
 |  |  |           .label { | 
 |  |  | 
 |  |  |           } | 
 |  |  |  | 
 |  |  |           .value { | 
 |  |  |             width: calc(100% - 100px); | 
 |  |  |             color: #111111; | 
 |  |  |           } | 
 |  |  |         } |