diff --git a/src/views/map/components/zhongdian.vue b/src/views/map/components/zhongdian.vue index 9500a6b..fc24fb8 100644 --- a/src/views/map/components/zhongdian.vue +++ b/src/views/map/components/zhongdian.vue @@ -1,7 +1,7 @@ @@ -78,26 +93,15 @@ export default { return { block1OptionsList: [ { - title: '开工数量', + title: '监控数量', img: require('../../../assets/map/zhongdian/ico1.png'), count: '-' }, { - title: '视频数量', + title: '监控数量', img: require('../../../assets/map/zhongdian/ico2.png'), count: '-' - }, - { - title: '检查次数', - img: require('../../../assets/map/zhongdian/ico3.png'), - count: '-' - }, - { - title: '发现隐患数量', - img: require('../../../assets/map/zhongdian/ico4.png'), - count: '-' } - ], block2OptionsList: [ { @@ -120,11 +124,12 @@ export default { CHECK_COUNT: '-', HIDDEN_COUNT: '-' } - ] + ], + block4List: [] } }, mounted() { - this.getCount() + this.initNum() this.initgetTable() }, methods: { @@ -147,6 +152,21 @@ export default { this.block2OptionsList[1].count = data.pd.AMOUT_SUM }) }, + initNum() { + requestFN('/map/getAllDwMessage', { corpId: this.corpInfoId } + ).then((data) => { + this.block1OptionsList[0].count = data.alarmList.total + requestFN('/map/mapPlatformelectronic/listAllLocatio', { corpId: this.corpInfoId, TYPE: 'bianjieruqin' } + ).then((data) => { + this.block4List = data.alarmList.list + this.block1OptionsList[0].count = data.alarmList.total + }).catch((e) => { + this.$message.error(e) + }) + }).catch((e) => { + this.$message.error(e) + }) + }, initgetTable() { requestFN( '/map/keyProject/list?showCount=10¤tPage=1', @@ -357,6 +377,48 @@ export default { } } } + + .block4 { + margin-top: 10px; + width: 410px; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); + + .content { + border: 1px solid; + border-image: linear-gradient(to bottom, rgba(58, 122, 149, 0), rgba(58, 122, 149, 1)) 1; + border-top: none; + padding: 10px; + + .options { + display: flex; + justify-content: flex-end; + + .title { + cursor: pointer; + } + } + + .table { + margin-top: 5px; + + .tr { + display: flex; + + &:nth-child(odd) { + background-color: rgba(42, 86, 158, 0.53); + } + + .td { + flex: 1; + text-align: center; + font-size: 12px; + color: #fff; + padding: 5px; + } + } + } + } + } } @keyframes scale {