This commit is contained in:
yanran200730
2022-04-28 11:26:18 +08:00
parent 6f3e56c002
commit 0a0544bfca

View File

@@ -9,10 +9,10 @@
</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" />
</AiAreaPicker> </AiAreaPicker>
</div> </div>
</AiTopFixed> </AiTopFixed>
@@ -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,12 +52,12 @@
<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>
</section> </section>
</template> </template>