55 lines
2.6 KiB
HTML
55 lines
2.6 KiB
HTML
<div class="env-left emergency-part">
|
|
|
|
<div class="box-content flex-0 height-auto">
|
|
<title-component :imgSrc="imgSrc">
|
|
训练设置
|
|
</title-component>
|
|
<div class="tree-box margin-top-23">
|
|
<el-tree
|
|
class="tree-line"
|
|
:indent="0"
|
|
icon-class="none"
|
|
highlight-current
|
|
@node-click="nodeClick"
|
|
:data="treeData"
|
|
>
|
|
<div class="custom-tree-node d-flex is-justify-space-between align-items-center"
|
|
:class="getNodeClass(node)" slot-scope="{ node, data }">
|
|
<span class="d-flex align-items-center">
|
|
<!-- 判断是否存在子级数据 -->
|
|
<div v-if="node.level === 1"
|
|
class="tree-level-1-icon d-flex align-items-center is-justify-space-center">
|
|
<img v-if="data.type === 'skill'" src="~@/assets/img/home/training-devices-B.png" alt="">
|
|
<img v-if="data.type === 'fire'" src="~@/assets/img/home/disasters-B.png" alt="">
|
|
<img v-if="data.type === 'safeguard'" src="~@/assets/img/home/logistics-B.png" alt="">
|
|
</div>
|
|
<i class="doc-style" v-if="node.level > 1"></i>
|
|
<span class="white">{{ node.label }}</span>
|
|
</span>
|
|
<span class="d-flex align-items-center">
|
|
<img class="right-icon" v-show="node.level<3 " src="~@/assets/img/view/tree-icon.png" alt="">
|
|
</span>
|
|
</div>
|
|
</el-tree>
|
|
</div>
|
|
</div>
|
|
<div class="box-content margin-top-23">
|
|
<title-component :showViewFlag="true" @showView="showView" :imgSrc="imgSrc">
|
|
基地导览路线
|
|
</title-component>
|
|
<div class="view-list margin-top-23">
|
|
<div class="view-list-item" :key="i" v-for="(item,i) in viewList">
|
|
<div @click="playView(item)" class="cover d-flex align-items-center is-justify-space-center">
|
|
<img src="~@/assets/img/view/play.png" alt="">
|
|
</div>
|
|
<div class="view-list-item-title d-flex align-items-center is-justify-space-center">
|
|
<span>{{item.from}}</span>
|
|
<i class="el-icon-right"></i>
|
|
<span>{{item.to}}</span>
|
|
</div>
|
|
<img src="~@/assets/img/view/view.png" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|