|
|
@@ -31,36 +31,40 @@ |
|
|
|
<CaretBottom v-if="cate == 2" color="#fff" width="11px" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<ul v-if="cate == 1"> |
|
|
|
<li |
|
|
|
v-for="(item, index) in areaList" |
|
|
|
:class="{ active: item.id == areaId }" |
|
|
|
:key="index" |
|
|
|
class="wrap1" |
|
|
|
@click="areaItemClick(item)" |
|
|
|
:title="item.name" |
|
|
|
> |
|
|
|
{{ item.name }} |
|
|
|
</li> |
|
|
|
<template v-if="!areaList.length"> |
|
|
|
<li class="wrap1" style="border: none">暂无区域</li> |
|
|
|
</template> |
|
|
|
</ul> |
|
|
|
<ul v-if="cate == 2"> |
|
|
|
<li |
|
|
|
v-for="(item, index) in deviceList" |
|
|
|
:class="{ active: item.sensorId == sensorId }" |
|
|
|
:key="index" |
|
|
|
class="wrap1" |
|
|
|
@click="itemClick(item)" |
|
|
|
:title="item.sensorName" |
|
|
|
> |
|
|
|
{{ item.sensorName }} |
|
|
|
</li> |
|
|
|
<template v-if="!deviceList.length"> |
|
|
|
<li class="wrap1" style="border: none">暂无设备</li> |
|
|
|
</template> |
|
|
|
</ul> |
|
|
|
<div v-if="cate == 1" style="height: calc(100% - 46px); overflow-y: auto"> |
|
|
|
<ul> |
|
|
|
<li |
|
|
|
v-for="(item, index) in areaList" |
|
|
|
:class="{ active: item.id == areaId }" |
|
|
|
:key="index" |
|
|
|
class="wrap1" |
|
|
|
@click="areaItemClick(item)" |
|
|
|
:title="item.name + ' ( ' + item.cameraInfos.length + ' ) '" |
|
|
|
> |
|
|
|
{{ item.name }} ( {{ item.cameraInfos.length }} ) |
|
|
|
</li> |
|
|
|
<template v-if="!areaList.length"> |
|
|
|
<li class="wrap1" style="border: none">暂无区域</li> |
|
|
|
</template> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
<div v-if="cate == 2" style="height: calc(100% - 46px); overflow-y: auto"> |
|
|
|
<ul> |
|
|
|
<li |
|
|
|
v-for="(item, index) in deviceList" |
|
|
|
:class="{ active: item.sensorId == sensorId }" |
|
|
|
:key="index" |
|
|
|
class="wrap1" |
|
|
|
@click="itemClick(item)" |
|
|
|
:title="item.sensorName" |
|
|
|
> |
|
|
|
{{ item.sensorName }} |
|
|
|
</li> |
|
|
|
<template v-if="!deviceList.length"> |
|
|
|
<li class="wrap1" style="border: none">暂无设备</li> |
|
|
|
</template> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|