35 lines
1.5 KiB
HTML
35 lines
1.5 KiB
HTML
<div class="env-right emergency-part">
|
|
|
|
<div class="view-right-title d-flex is-justify-space-between align-items-center flex-0">
|
|
<span>{{viewRightData.label}}</span>
|
|
<span @click="closeRight" class="close-style"><i class="el-icon-close"></i>关闭</span>
|
|
</div>
|
|
<h3 class="sub-title flex-0">训练内容</h3>
|
|
<div class="text-con flex-0">
|
|
{{viewRightData.data.content}}
|
|
</div>
|
|
<h3 v-show="viewRightData.data.dataList.length>0" class="sub-title flex-0">模拟火情</h3>
|
|
<div class="right-view-list">
|
|
<div class="right-view-item d-flex align-items-center" @click="showDetail(item)" v-for="(item,i) in viewRightData.data.dataList">
|
|
<!-- <img v-if="1%2 === 0" src="~@/assets/img/view/fire.png" alt="">
|
|
<img v-else src="~@/assets/img/view/fire2.png" alt="">-->
|
|
<img :src="item.img" alt="">
|
|
<div>
|
|
<p>{{item.title}}</p>
|
|
<div class="d-flex align-items-center right-sub-text">
|
|
<span>难度:</span>
|
|
<el-rate disabled v-model="item.rate" :max="5"></el-rate>
|
|
</div>
|
|
<div class="d-flex align-items-center right-sub-text">
|
|
<span>火点:</span>
|
|
<span>{{item.point}}个</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|