智能安防迁移
@@ -9,7 +9,7 @@
|
|||||||
</div> -->
|
</div> -->
|
||||||
<div class="area-content">
|
<div class="area-content">
|
||||||
<AiAreaPicker :areaId="user.areaId" v-model="areaId" @select="getList" :name.sync="areaName" selectRoot>
|
<AiAreaPicker :areaId="user.areaId" v-model="areaId" @select="getList" :name.sync="areaName" selectRoot>
|
||||||
<img src="./img/local-icon.png" alt="">
|
<img src="img/local-icon.png" alt="">
|
||||||
<span class="label" v-if="areaName">{{ areaName }}</span>
|
<span class="label" v-if="areaName">{{ areaName }}</span>
|
||||||
<span v-else>请选择</span>
|
<span v-else>请选择</span>
|
||||||
<u-icon name="arrow-down" color="#666" size="24"/>
|
<u-icon name="arrow-down" color="#666" size="24"/>
|
||||||
@@ -21,7 +21,7 @@
|
|||||||
<img src="./img/off-icon.png" alt="" class="mar-l40">离线 {{count.sum - count.online || 0}} -->
|
<img src="./img/off-icon.png" alt="" class="mar-l40">离线 {{count.sum - count.online || 0}} -->
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<div id="echarts" style="width:100%;height:100%;"></div>
|
<div id="echarts" style="width:100%;height:100%;"></div>
|
||||||
<img src="./img/monitor-icon.png" alt="" class="monitor-icon">
|
<img src="img/monitor-icon.png" alt="" class="monitor-icon">
|
||||||
</div>
|
</div>
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<h3>{{ count.online || 0 }}</h3>
|
<h3>{{ count.online || 0 }}</h3>
|
||||||
@@ -52,10 +52,10 @@
|
|||||||
<div class="list-content">
|
<div class="list-content">
|
||||||
<div class="item" v-for="(item, index) in list" :key="index" @click="showMonitor(item)">
|
<div class="item" v-for="(item, index) in list" :key="index" @click="showMonitor(item)">
|
||||||
<img class="img" :src="item.indexUrl || coverImg" alt="" v-if="item.deviceStatus == 1">
|
<img class="img" :src="item.indexUrl || coverImg" alt="" v-if="item.deviceStatus == 1">
|
||||||
<img class="img" src="./img/offline.png" alt="" v-else>
|
<img class="img" src="img/offline.png" alt="" v-else>
|
||||||
<p>{{ item.name }}</p>
|
<p>{{ item.name }}</p>
|
||||||
<img class="icon" src="./img/play-icon.png" alt="" v-if="item.deviceStatus == 1">
|
<img class="icon" src="img/play-icon.png" alt="" v-if="item.deviceStatus == 1">
|
||||||
<img class="icon" src="./img/not-play-icon.png" alt="" v-else>
|
<img class="icon" src="img/not-play-icon.png" alt="" v-else>
|
||||||
</div>
|
</div>
|
||||||
<AiEmpty v-if="!list.length"/>
|
<AiEmpty v-if="!list.length"/>
|
||||||
</div>
|
</div>
|
||||||
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 802 B After Width: | Height: | Size: 802 B |
|
Before Width: | Height: | Size: 622 B After Width: | Height: | Size: 622 B |