|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item"> | 
|---|
|  |  |  | <div class="label">上报时间</div> | 
|---|
|  |  |  | <div class="value">{{ info.createDate }}</div> | 
|---|
|  |  |  | <div class="value">{{ info.submitDate +' '}}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item"> | 
|---|
|  |  |  | <div class="label">涉及人员</div> | 
|---|
|  |  |  | 
|---|
|  |  |  | <div class="value">{{ info.locationName }}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item"> | 
|---|
|  |  |  | <div class="label">是否外部就医</div> | 
|---|
|  |  |  | <div class="label">外部就医</div> | 
|---|
|  |  |  | <div class="value">{{ info.outJiuyi == "0" ? "否" : "是" }}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item" v-if="info.outJiuyi == '0'"> | 
|---|
|  |  |  | <div class="label">是否医务室</div> | 
|---|
|  |  |  | <div class="label">医务室</div> | 
|---|
|  |  |  | <div class="value">{{ info.isYiwushi == "0" ? "否" : "是" }}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item" v-if="info.isYiwushi == '0'"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <div class="label">伤害类型</div> | 
|---|
|  |  |  | <div class="value">{{ info.typeName }}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="label">是否和工作相关</div> | 
|---|
|  |  |  | <div class="value">{{ info.workRelated == "0" ? "否" : "是" }}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item"> | 
|---|
|  |  |  | <div class="label">和工作相关</div> | 
|---|
|  |  |  | <div class="value">{{ info.workRelated == "0" ? "否" : "是" }}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item"> | 
|---|
|  |  |  | <div class="label">事件说明</div> | 
|---|
|  |  |  | <div class="value">{{ info.constructionReason }}</div> | 
|---|
|  |  |  | <div class="value">{{ info.eventInfo || '-'}}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item" style="width: 100%"> | 
|---|
|  |  |  | <div class="label">图片</div> | 
|---|
|  |  |  | <div class="value" v-if="info.multifileList ==null || !info.multifileList.length">无</div> | 
|---|
|  |  |  | <div class="value" v-if="info.multifileList !=null && info.multifileList.length"> | 
|---|
|  |  |  | <div v-for="item in info.multifileList" :key="item.id" style="display: inline;margin-right: 20px"> | 
|---|
|  |  |  | <video | 
|---|
|  |  |  | v-if="item.fileurlFull && item.fileurlFull.endsWith('.mp4')" | 
|---|
|  |  |  | ref="videoRef" | 
|---|
|  |  |  | controls | 
|---|
|  |  |  | preload="auto" | 
|---|
|  |  |  | style="width: 80px;height: 80px;object-fit: contain;" | 
|---|
|  |  |  | :src="item.fileurlFull" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | <el-image | 
|---|
|  |  |  | v-else-if="item.fileurlFull" | 
|---|
|  |  |  | style="width:80px; height: 80px" | 
|---|
|  |  |  | :src="item.fileurlFull" | 
|---|
|  |  |  | :preview-src-list="[item.fileurlFull]"> | 
|---|
|  |  |  | </el-image> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item" style="width: 100%"> | 
|---|
|  |  |  | <div class="label">图片</div> | 
|---|
|  |  |  | <div class="value" v-if="info.multifileList ==null || !info.multifileList.length">无</div> | 
|---|
|  |  |  | <div class="value" v-if="info.multifileList !=null && info.multifileList.length"> | 
|---|
|  |  |  | <div v-for="item in info.multifileList" :key="item.id" style="display: inline;margin-right: 20px"> | 
|---|
|  |  |  | <video | 
|---|
|  |  |  | v-if="item.fileurlFull && item.fileurlFull.endsWith('.mp4')" | 
|---|
|  |  |  | ref="videoRef" | 
|---|
|  |  |  | controls | 
|---|
|  |  |  | preload="auto" | 
|---|
|  |  |  | style="width: 80px;height: 80px;object-fit: contain;" | 
|---|
|  |  |  | :src="item.fileurlFull" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | <el-image | 
|---|
|  |  |  | v-else-if="item.fileurlFull" | 
|---|
|  |  |  | style="width:80px; height: 80px" | 
|---|
|  |  |  | :src="item.fileurlFull" | 
|---|
|  |  |  | :preview-src-list="[item.fileurlFull]"> | 
|---|
|  |  |  | </el-image> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="side"> | 
|---|
|  |  |  | <div class="side_title">操作历史</div> | 
|---|
|  |  |  | 
|---|
|  |  |  | .item { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | width: 40%; | 
|---|
|  |  |  | font-size: 14px; | 
|---|
|  |  |  | margin-bottom: 20px; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | &:nth-of-type(2n) { | 
|---|
|  |  |  | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | justify-content: space-between; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | vertical-align: center; | 
|---|
|  |  |  | padding: 20px 30px; | 
|---|
|  |  |  | margin: 0 -30px; | 
|---|
|  |  |  | border-radius: 8px 8px 0 0; | 
|---|