|
|
|
@ -7,7 +7,7 @@ |
|
|
|
<div class="shipinlisttop"> |
|
|
|
<el-form ref="" :inline="true" label-width="110px" class="tab-header"> |
|
|
|
<el-form-item label="选择仓库"> |
|
|
|
<el-select v-model="ckId" filterable clearable placeholder="请选择仓库" @change="ckChange"> |
|
|
|
<el-select v-model="ckId" filterable placeholder="请选择仓库" @change="ckChange"> |
|
|
|
<el-option v-for="item in ckList" :key="item.id" :label="item.name" :value="item.id" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
@ -80,35 +80,29 @@ |
|
|
|
</div> |
|
|
|
<!-- 2222end --> |
|
|
|
<!-- 333门禁管理 --> |
|
|
|
<div class="ruqinbaojingcss" v-if="showMenjinguanli"> |
|
|
|
<!-- <div class="ruqinbaojingcss" v-if="showMenjinguanli"> |
|
|
|
<div class="Menjincss Menjin_yingzi" v-if="showMenjinguanli_zhengchang"> |
|
|
|
<!-- <div class="myiconfont bluezibg jingicon menjin_zhengchang1" v-if="showMenjinguanli_zhengchang" @click="openshipinMenjinguanli()"></div> --> |
|
|
|
<div class="myiconfont bluezibg jingicon menjin_zhengchang1" v-if="showMenjinguanli_zhengchang" @click="openshipinMenjinguanli()"></div> |
|
|
|
<div class="myiconfont bluezibg jingicon menjin_zhengchang2" v-if="showMenjinguanli_zhengchang"> |
|
|
|
</div> |
|
|
|
<div class="jingicon menjin_zhengchang1" v-if="showMenjinguanli_zhengchang"> |
|
|
|
<div class="myiconfont jingicon bluezibg" v-if="showMenjinguanli_zhengchang" |
|
|
|
@click="openshipinMenjinguanli()"></div> |
|
|
|
<!-- 显示文字 --> |
|
|
|
<div class="seencons shipin_out" v-if="seenshipinMenjinguanli"> |
|
|
|
<p @click="openshipinMenjinguanli()">开门</p> |
|
|
|
</div> |
|
|
|
<!-- 鼠标移入显示文字 --> |
|
|
|
<!-- <div class="seenconsc shipin_out" v-if="seen_shubiaoShipinjiankong"> |
|
|
|
<div class="seenconsc shipin_out" v-if="seen_shubiaoShipinjiankong"> |
|
|
|
<p>设备名称：1号楼1F西侧走廊像头1</p> |
|
|
|
<p>设备编号：HK023123</p> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="myiconfont huizibg jingicon menjin_lixian1" v-if="showMenjinguanli_lixian"></div> |
|
|
|
<div class="myiconfont redzibg jingicon menjin_baojing1" v-if="showMenjinguanli_baojing"></div> |
|
|
|
<!-- 显示文字 --> |
|
|
|
<!-- <div class="seencons menjin_zhengchang1b" v-if="seenshipinMenjinguanli"> |
|
|
|
<div class="seencons menjin_zhengchang1b" v-if="seenshipinMenjinguanli"> |
|
|
|
<p @click="toMore()">开门</p> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
<!-- 333end --> |
|
|
|
<!--444门电子围栏--> |
|
|
|
<div class="ruqinbaojingcss" v-if="showDianziweilan" v-for="(item, index) in dzwl_list"> |
|
|
|
@ -135,17 +129,14 @@ |
|
|
|
<div class="tabhead"> |
|
|
|
<el-checkbox-group v-model="departmentTypeArray"> |
|
|
|
<!-- <el-checkbox-button label="1" checked><div @click="openruqinbaojing()"><span class="iconfontyuan myiconfont redziyuan icon-intruder-alarm"></span>入侵报警</div></el-checkbox-button> --> |
|
|
|
<el-checkbox-button checked label="2"> |
|
|
|
<div @click="openshipinjiankong()"><span |
|
|
|
class="iconfontyuan myiconfont greenziyuan icon-shipin1"></span>视频监控</div> |
|
|
|
<el-checkbox-button checked label="2" @change="openshipinjiankong()"> |
|
|
|
<div><span class="iconfontyuan myiconfont greenziyuan icon-shipin1"></span>视频监控</div> |
|
|
|
</el-checkbox-button> |
|
|
|
<el-checkbox-button checked label="3"> |
|
|
|
<div @click="openmenjinguanli()"><span |
|
|
|
class="iconfontyuan myiconfont yellowziyuan icon-menjin"></span>门禁管理</div> |
|
|
|
<el-checkbox-button checked label="3" @change="openmenjinguanli()"> |
|
|
|
<div><span class="iconfontyuan myiconfont yellowziyuan icon-menjin"></span>门禁管理</div> |
|
|
|
</el-checkbox-button> |
|
|
|
<el-checkbox-button checked label="4"> |
|
|
|
<div @click="opendianziweilan()"><span |
|
|
|
class="iconfontyuan myiconfont blueziyuan icon-dianziweilan2"></span>电子围栏</div> |
|
|
|
<el-checkbox-button checked label="4" @change="opendianziweilan()"> |
|
|
|
<div><span class="iconfontyuan myiconfont blueziyuan icon-dianziweilan2"></span>电子围栏</div> |
|
|
|
</el-checkbox-button> |
|
|
|
</el-checkbox-group> |
|
|
|
</div> |
|
|
|
@ -154,26 +145,26 @@ |
|
|
|
<!-- 视频监控按钮组 --> |
|
|
|
<div class="mores"> |
|
|
|
<el-checkbox-group size="mini" v-model="btnShipinjiankong"> |
|
|
|
<el-checkbox-button checked label="备选项1" border> |
|
|
|
<div class="more" @click="open_zhengchang()"> |
|
|
|
<el-checkbox-button checked label="备选项1" border @change="open_zhengchang()"> |
|
|
|
<div class="more"> |
|
|
|
<p class="bluezi">正常</p> |
|
|
|
|
|
|
|
<span class="myiconfont iconbox bluezibg"></span><span class="numzi bluezi">216</span> |
|
|
|
<!-- <span class="myiconfont iconbox bluezibg"></span><span class="numzi bluezi">216</span> --> |
|
|
|
<span class="myiconfont iconbox bluezibg"></span><span class="numzi bluezi">{{ |
|
|
|
statusData.online }}</span> |
|
|
|
</div> |
|
|
|
</el-checkbox-button> |
|
|
|
<el-checkbox-button checked label="备选项2" border> |
|
|
|
<div class="more" @click="open_lixian()"> |
|
|
|
<el-checkbox-button checked label="备选项2" border @change="open_lixian()"> |
|
|
|
<div class="more"> |
|
|
|
<p class="huizi">离线</p> |
|
|
|
<span class="myiconfont iconbox huizibg"></span><span class="numzi huizi">23</span> |
|
|
|
<span class="myiconfont iconbox huizibg"></span><span class="numzi huizi">{{ |
|
|
|
statusData.offline == null ? 0 : statusData.offline }}</span> |
|
|
|
</div> |
|
|
|
</el-checkbox-button> |
|
|
|
<el-checkbox-button checked label="备选项3" border> |
|
|
|
<!-- <el-checkbox-button checked label="备选项3" border> |
|
|
|
<div class="more" @click="open_baojing()"> |
|
|
|
<p class="redzi">报警</p> |
|
|
|
<span class="myiconfont iconbox redzibg"></span><span class="numzi redzi">38</span> |
|
|
|
</div> |
|
|
|
</el-checkbox-button> |
|
|
|
</el-checkbox-button> --> |
|
|
|
</el-checkbox-group> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -216,8 +207,9 @@ |
|
|
|
import Pagination from '@/components/pagination' |
|
|
|
import pageye from '@/components/pagination/pageye' |
|
|
|
import ButtonBar from '@/components/ButtonBar' |
|
|
|
import { getOtherList, sysArm, sysDisArm, getWareHouseList } from '@/api/device/device' |
|
|
|
import { getOtherList, sysArm, sysDisArm, getWareHouseList, getStatusCount } from '@/api/device/device' |
|
|
|
import { getVedioPcRecById, getVedioPcLiveById } from '@/api/deviceImage/deviceImage' |
|
|
|
import { getCounty } from '@/api/Common/areaPicker' |
|
|
|
// import baojingchaxunAdd from './baojingchaxunAdd' |
|
|
|
// import baojingchaxunInfo from './baojingchaxunInfo' |
|
|
|
// import req from '@/api/baojingchaxun/baojingchaxun' |
|
|
|
@ -237,6 +229,7 @@ export default { |
|
|
|
btnShipinjiankong: [], |
|
|
|
btnMenjinguanli: [], |
|
|
|
btnDianziweilan: [], |
|
|
|
statusData: {}, |
|
|
|
btndisabled: false, |
|
|
|
zc_list: [], |
|
|
|
dzwl_list: [], |
|
|
|
@ -282,16 +275,7 @@ export default { |
|
|
|
], |
|
|
|
supplierType_list: [{ dictValue: '一层', dictKey: '1' }], |
|
|
|
|
|
|
|
Datalista: [ |
|
|
|
{ xiaoqu: '和平家园小区南门出口', tuUrl: './image/ren1.jpg', weizhi: '南门出口', createTime: '2023-05-03', createTime2: '18:26:38', shijian: '社区户主', name: '李明华' }, |
|
|
|
{ xiaoqu: '和平家园小区东门出口', tuUrl: './image/ren2.jpg', weizhi: '东门出口', createTime: '2023-05-08', createTime2: '18:26:38', shijian: '社区户主', name: '李明华' }, |
|
|
|
{ xiaoqu: '和平家园小区西门出口', tuUrl: './image/ren1.jpg', weizhi: '西门出口', createTime: '2023-05-12', createTime2: '19:32:38', shijian: '社区户主', name: '李明华' }, |
|
|
|
{ xiaoqu: '和平家园小区东门出口', tuUrl: './image/ren2.jpg', weizhi: '东门出口', createTime: '2023-05-23', createTime2: '18:26:38', shijian: '社区户主', name: '李明华' }, |
|
|
|
{ xiaoqu: '和平家园小区南门出口', tuUrl: './image/ren1.jpg', weizhi: '南门出口', createTime: '2023-05-03', createTime2: '18:26:38', shijian: '社区户主', name: '李明华' }, |
|
|
|
{ xiaoqu: '和平家园小区东门出口', tuUrl: './image/ren2.jpg', weizhi: '东门出口', createTime: '2023-05-08', createTime2: '18:26:38', shijian: '社区户主', name: '李明华' }, |
|
|
|
{ xiaoqu: '和平家园小区西门出口', tuUrl: './image/ren1.jpg', weizhi: '西门出口', createTime: '2023-05-12', createTime2: '19:32:38', shijian: '社区户主', name: '李明华' }, |
|
|
|
{ xiaoqu: '和平家园小区东门出口', tuUrl: './image/ren2.jpg', weizhi: '东门出口', createTime: '2023-05-23', createTime2: '18:26:38', shijian: '社区户主', name: '李明华' }, |
|
|
|
], |
|
|
|
Datalista: [], |
|
|
|
dialogImage: false, |
|
|
|
dialogImageJK: false, |
|
|
|
dialogImageJKRec: false, |
|
|
|
@ -451,6 +435,9 @@ export default { |
|
|
|
openruqinbaojing() { |
|
|
|
this.showRuqinbaojing = !this.showRuqinbaojing |
|
|
|
}, |
|
|
|
abc() { |
|
|
|
alert(1) |
|
|
|
}, |
|
|
|
openshipinjiankong() { |
|
|
|
this.showShipinjiankong = !this.showShipinjiankong |
|
|
|
}, |
|
|
|
@ -601,24 +588,26 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
init() { |
|
|
|
getWareHouseList().then(res => { |
|
|
|
console.log(res) |
|
|
|
if (res.code == 200) { |
|
|
|
this.ckList = res.data |
|
|
|
} |
|
|
|
}) |
|
|
|
getOtherList({ type: 1 }).then((res) => { |
|
|
|
if (res.code == 200) { |
|
|
|
this.zc_list = res.data |
|
|
|
} |
|
|
|
}) |
|
|
|
|
|
|
|
getOtherList({ type: 2 }).then((res) => { |
|
|
|
if (res.code == 200) { |
|
|
|
this.dzwl_list = res.data |
|
|
|
} |
|
|
|
console.log(this.dzwl_list) |
|
|
|
}) |
|
|
|
getStatusCount({ deviceType: null, statusType: null }).then(res => { |
|
|
|
this.statusData = res.data |
|
|
|
}) |
|
|
|
getWareHouseList().then(res => { |
|
|
|
console.log(res) |
|
|
|
if (res.code == 200) { |
|
|
|
this.ckList = res.data |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 序号 |
|
|
|
indexMethod(index) { |
|
|
|
|
yangzongjia
2 years ago