108 lines
5.2 KiB
HTML
108 lines
5.2 KiB
HTML
<div class="overview-container">
|
||
|
||
<MapComponent id="map" @onLoaded="getMap" @onHandleChange="handleChange"></MapComponent>
|
||
|
||
<div class="bg-box left animate__animated">
|
||
<div class="panel-container">
|
||
<!-- 首页-->
|
||
<HomeLeftComponent @getItem="getItem" v-if="currentNav === 'home'"
|
||
class="animate__animated animate__fadeInLeft"></HomeLeftComponent>
|
||
<!-- 导览-->
|
||
<ViewLeftComponent @showView="showView" @playView="playView" @showViewRight="showViewRight"
|
||
v-if="currentNav === 'view'"
|
||
class="animate__animated animate__fadeInLeft"></ViewLeftComponent>
|
||
|
||
<!-- 运营管理-->
|
||
<ManageLeftComponent v-if="currentNav === 'manage'"
|
||
class="animate__animated animate__fadeInLeft"></ManageLeftComponent>
|
||
</div>
|
||
</div>
|
||
<div class="bg-box right main animate__animated" :class="showBackGround">
|
||
<div class="panel-container">
|
||
<!-- 首页-->
|
||
<HomeRightComponent v-if="currentNav === 'home' && !waringRightShow"
|
||
class="animate__animated animate__fadeInRight"></HomeRightComponent>
|
||
<!-- 导览-->
|
||
<ViewRightComponent @closeRight="closeRight" :viewRightData="viewRightData" @showDetail="showDetail"
|
||
v-if="currentNav === 'view' && viewRightShow"
|
||
class="animate__animated animate__fadeInRight"></ViewRightComponent>
|
||
<!-- 运营管理-->
|
||
<ManageRightComponent v-if="currentNav === 'manage'"
|
||
class="animate__animated animate__fadeInRight"></ManageRightComponent>
|
||
<!--告警详情-->
|
||
<WarningDetailComponent @changeClose="changeClose" @changePoint="changePoint" :info="info"
|
||
v-if="waringRightShow && currentNav === 'home'"
|
||
class="animate__animated animate__fadeInRight"></WarningDetailComponent>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="fixed-btn" @click="resetMap">
|
||
<hbt-svg name="fixed"></hbt-svg>
|
||
</div>
|
||
<div class="layer-btn-box" :style="{height:openLayerDrawer?(currentLayers.length+1) * 50+'px':'50px'}">
|
||
<div class="layer-btn" :class="{active:item.selected}" v-show="openLayerDrawer"
|
||
v-for="(item,index) in currentLayers" :key="index">
|
||
<el-tooltip effect="dark" :content="item.name" placement="left">
|
||
<hbt-svg :name="item.value" @click="toggleLayer(item)"></hbt-svg>
|
||
</el-tooltip>
|
||
</div>
|
||
<div class="layer-btn">
|
||
<hbt-svg name="layer" @click="toggleHeight"></hbt-svg>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="top-bg" :style="{top:hideAllPanel?'-90px':0}">
|
||
<HeaderComponent @onDrawer="drawerChange($event)" @onNavChanged="navChange($event)"></HeaderComponent>
|
||
</div>
|
||
<div class="exitFullScreen" :style="{top:!hideAllPanel?'-90px':0}">
|
||
<div class="top-btn" @click="toggleAllPanel">
|
||
<i class="el-icon-close">退出自由导览</i>
|
||
</div>
|
||
|
||
</div>
|
||
<div :style="{right:!hideAllPanel?'-90px':0}" class="right-control">
|
||
<div @click="playAction('play')" class="play-btn"><i class="el-icon-video-pause"></i><span>暂停</span></div>
|
||
<div @click="playAction('pause')" class="play-btn"><i class="el-icon-video-play"></i><span>继续</span></div>
|
||
</div>
|
||
|
||
<!-- 大号弹窗组件-->
|
||
<PermitPopUpComponent :title="bigPopTitle" :dialogVisibleForBigPop.sync="dialogVisibleForBigPop"
|
||
@onClose="closeCarPersonPop">
|
||
<el-collapse v-if="bigPopTitle === '人员信息卡'" v-model="activeNames" accordion>
|
||
<el-collapse-item title="人员信息" name="1">
|
||
<div class="d-flex item-content">
|
||
<img class="avatar-style" src="~@/assets/img/avatar.jpg" alt="">
|
||
<div>
|
||
<div class="collapse-top">
|
||
<span>贺丽</span>
|
||
<span>（访客）</span>
|
||
<img class="margin-left-40" src="~@/assets/img/phone.png" alt="">
|
||
<span>联系方式：18020101697</span>
|
||
</div>
|
||
<div class="collapse-bottom">
|
||
<span>性别：女</span>
|
||
<span>所属单位：北京汉邦唐科技有限公司</span>
|
||
<span>职务：设备运维</span>
|
||
<span>年龄：25岁</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</el-collapse-item>
|
||
</el-collapse>
|
||
<el-collapse v-if="bigPopTitle === '车辆信息卡'" v-model="activeNames" accordion>
|
||
<el-collapse-item title="车辆信息" name="1">
|
||
<div class="info-content">
|
||
<span>车辆类型：公司车辆</span>
|
||
<span>车牌号：苏A45W34</span>
|
||
<span>行为分：10分</span>
|
||
</div>
|
||
</el-collapse-item>
|
||
</el-collapse>
|
||
</PermitPopUpComponent>
|
||
|
||
|
||
</div>
|