diff --git a/src/views/map/components/zhongdian.vue b/src/views/map/components/zhongdian.vue index 9500a6b..de04556 100644 --- a/src/views/map/components/zhongdian.vue +++ b/src/views/map/components/zhongdian.vue @@ -1,7 +1,7 @@ @@ -78,26 +96,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 +127,12 @@ export default { CHECK_COUNT: '-', HIDDEN_COUNT: '-' } - ] + ], + block4List: [] } }, mounted() { - this.getCount() + this.initNum() this.initgetTable() }, methods: { @@ -147,6 +155,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', @@ -243,6 +266,7 @@ export default { } } } + .block2 { width: 410px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); @@ -260,12 +284,13 @@ export default { position: relative; height: 150px; - .option{ + .option { width: 50%; display: flex; align-items: center; justify-content: space-around; + .circular { margin-top: 5px; background-image: url("../../../assets/map/anquan/icobg.png"); @@ -283,11 +308,11 @@ export default { } } - .info{ + .info { flex: 1; text-align: center; - .title{ + .title { background-image: url("../../../assets/map/anquan/label.png"); background-size: 100% 100%; background-repeat: no-repeat; @@ -299,7 +324,8 @@ export default { text-align: center; color: #fff; } - .count{ + + .count { margin-top: 10px; font-size: 24px; background: linear-gradient(to top, #48bbf0, #ffffff); @@ -357,6 +383,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 { @@ -370,6 +438,7 @@ export default { transform: scale(0.9); } } + @keyframes slideY { 0% { transform: translateY(0); diff --git a/src/views/oneCompany/territory/components/list.vue b/src/views/oneCompany/territory/components/list.vue new file mode 100644 index 0000000..01bd9d4 --- /dev/null +++ b/src/views/oneCompany/territory/components/list.vue @@ -0,0 +1,240 @@ + + diff --git a/src/views/oneCompany/territory/index.vue b/src/views/oneCompany/territory/index.vue new file mode 100644 index 0000000..479ef45 --- /dev/null +++ b/src/views/oneCompany/territory/index.vue @@ -0,0 +1,29 @@ + + + + +