| | |
| | | <div> |
| | | <div class="value-name-box">选择范围颜色:</div> |
| | | <div class="color-box"> |
| | | <div class="red-color" @click="changeLineColor('#FF0000')">{{ chooseColor == '#FF0000' ? '√' : '' }}</div> |
| | | <div class="green-color" @click="changeLineColor('#00FF00')">{{ chooseColor == '#00FF00' ? '√' : '' }}</div> |
| | | <div class="blue-color" @click="changeLineColor('#0000FF')">{{ chooseColor == '#0000FF' ? '√' : '' }}</div> |
| | | <div class="red-color" @click="changeLineColor('#FF0000')">{{ chooseColor == '#FF0000' ? '√' : '' }} |
| | | </div> |
| | | <div class="green-color" @click="changeLineColor('#00FF00')">{{ chooseColor == '#00FF00' ? '√' : '' }} |
| | | </div> |
| | | <div class="blue-color" @click="changeLineColor('#0000FF')">{{ chooseColor == '#0000FF' ? '√' : '' }} |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div> |
| | |
| | | <div class="color-box"> |
| | | <div class="red-color" @click="changePlotColor('#FF0000')">{{ choosePlotColor == '#FF0000' ? '√' : '' }} |
| | | </div> |
| | | <div class="green-color" @click="changePlotColor('#00FF00')">{{ choosePlotColor == '#00FF00' ? '√' : '' }} |
| | | <div class="green-color" @click="changePlotColor('#00FF00')">{{ choosePlotColor == '#00FF00' ? '√' : '' |
| | | }} |
| | | </div> |
| | | <div class="blue-color" @click="changePlotColor('#0000FF')">{{ choosePlotColor == '#0000FF' ? '√' : '' }} |
| | | <div class="blue-color" @click="changePlotColor('#0000FF')">{{ choosePlotColor == '#0000FF' ? '√' : '' |
| | | }} |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | ...item, |
| | | lng: item.longitude, |
| | | lat: item.latitude, |
| | | alt: 100, |
| | | alt: 1, |
| | | url: '/img/icon/camera.png' |
| | | }, |
| | | // incident: this.siteClick |
| | |
| | | ...item, |
| | | lng: item.location.lng, |
| | | lat: item.location.lat, |
| | | alt: 0, |
| | | alt: 1, |
| | | url: `/img/icon/${iconType}.png` |
| | | }, |
| | | }) |
| | |
| | | params: { |
| | | lng: `${this.searchExtensivelyArray[0].location.lng}`, |
| | | lat: `${this.searchExtensivelyArray[0].location.lat}`, |
| | | alt: 0, |
| | | alt: 1, |
| | | text: this.searchExtensivelyArray[0].name |
| | | }, |
| | | }) |
| | |
| | | params: { |
| | | lng: `${item.location.lng}`, |
| | | lat: `${item.location.lat}`, |
| | | alt: 0, |
| | | alt: 1, |
| | | text: item.name |
| | | } |
| | | }) |
| | |
| | | params: { |
| | | lng: `${item.location.lng}`, |
| | | lat: `${item.location.lat}`, |
| | | alt: 0, |
| | | alt: 1, |
| | | url: '/img/icon/location.png' |
| | | }, |
| | | }) |
| | |
| | | cursor: pointer; |
| | | z-index: 100; |
| | | } |
| | | } |
| | | </style> |
| | | }</style> |
| | |
| | | params: { |
| | | lng: center[0], |
| | | lat: center[1], |
| | | alt: 0, |
| | | alt: 1, |
| | | text: item.housingsName |
| | | } |
| | | }) |
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-02-23 08:46:15 |
| | | * @LastEditTime: 2023-02-23 08:57:03 |
| | | * @FilePath: \srs-police-affairs\src\views\house\index.vue |
| | | * @Description: 小区-栋-层-房屋 |
| | | * |
| | |
| | | params: { |
| | | lng: `${this.searchExtensivelyArray[0].location.lng}`, |
| | | lat: `${this.searchExtensivelyArray[0].location.lat}`, |
| | | alt: 0, |
| | | alt: 1, |
| | | text: this.searchExtensivelyArray[0].name |
| | | }, |
| | | }) |
| | |
| | | params: { |
| | | lng: `${item.location.lng}`, |
| | | lat: `${item.location.lat}`, |
| | | alt: 0, |
| | | alt: 1, |
| | | text: item.name |
| | | } |
| | | }) |
| | |
| | | params: { |
| | | lng: `${item.location.lng}`, |
| | | lat: `${item.location.lat}`, |
| | | alt: 0, |
| | | alt: 1, |
| | | url: '/img/icon/location.png' |
| | | }, |
| | | }) |
| | |
| | | params: { |
| | | lng: `${row.x}`, |
| | | lat: `${row.y}`, |
| | | alt: 0, |
| | | alt: 1, |
| | | text: row.name |
| | | } |
| | | }) |
| | |
| | | params: { |
| | | lng: `${row.x}`, |
| | | lat: `${row.y}`, |
| | | alt: 0, |
| | | alt: 1, |
| | | url: url |
| | | }, |
| | | }) |
| | |
| | | } |
| | | } |
| | | |
| | | return { ...item, newName: newName, lng: item.longitude, lat: item.latitude, alt: 100 } |
| | | return { ...item, newName: newName, lng: item.longitude, lat: item.latitude, alt: 1 } |
| | | }) |
| | | |
| | | this.equimentTableData.forEach(item => { |
| | |
| | | params: { |
| | | lng: positionsArr[0].longitude, |
| | | lat: positionsArr[0].latitude, |
| | | alt: 0, |
| | | alt: 1, |
| | | url: '/img/icon/orgin.png' |
| | | } |
| | | }) |
| | |
| | | params: { |
| | | lng: positionsArr[positionsArr.length - 1].longitude, |
| | | lat: positionsArr[positionsArr.length - 1].latitude, |
| | | alt: 0, |
| | | alt: 1, |
| | | url: '/img/icon/end.png' |
| | | } |
| | | }) |
| | |
| | | params: { |
| | | lng: `${this.searchExtensivelyArray[0].location.lng}`, |
| | | lat: `${this.searchExtensivelyArray[0].location.lat}`, |
| | | alt: 0, |
| | | alt: 1, |
| | | text: this.searchExtensivelyArray[0].name |
| | | } |
| | | }) |
| | |
| | | params: { |
| | | lng: `${item.location.lng}`, |
| | | lat: `${item.location.lat}`, |
| | | alt: 0, |
| | | alt: 1, |
| | | text: item.name |
| | | } |
| | | }) |
| | |
| | | params: { |
| | | lng: `${item.location.lng}`, |
| | | lat: `${item.location.lat}`, |
| | | alt: 0, |
| | | alt: 1, |
| | | url: '/img/icon/location.png' |
| | | } |
| | | }) |
| | |
| | | } |
| | | } |
| | | |
| | | return { ...item, newName: newName, lng: item.longitude, lat: item.latitude, alt: 100 } |
| | | return { ...item, newName: newName, lng: item.longitude, lat: item.latitude, alt: 1 } |
| | | }) |
| | | |
| | | this.equimentTableData.forEach(item => { |
| | |
| | | params: { |
| | | lng: positionsArr[0].longitude, |
| | | lat: positionsArr[0].latitude, |
| | | alt: 0, |
| | | alt: 1, |
| | | url: '/img/icon/orgin.png' |
| | | } |
| | | }) |
| | |
| | | params: { |
| | | lng: positionsArr[positionsArr.length - 1].longitude, |
| | | lat: positionsArr[positionsArr.length - 1].latitude, |
| | | alt: 0, |
| | | alt: 1, |
| | | url: '/img/icon/end.png' |
| | | } |
| | | }) |
| | |
| | | params: { |
| | | lng: `${this.searchExtensivelyArray[0].location.lng}`, |
| | | lat: `${this.searchExtensivelyArray[0].location.lat}`, |
| | | alt: 0, |
| | | alt: 1, |
| | | text: this.searchExtensivelyArray[0].name |
| | | } |
| | | }) |
| | |
| | | params: { |
| | | lng: `${item.location.lng}`, |
| | | lat: `${item.location.lat}`, |
| | | alt: 0, |
| | | alt: 1, |
| | | text: item.name |
| | | } |
| | | }) |
| | |
| | | params: { |
| | | lng: `${item.location.lng}`, |
| | | lat: `${item.location.lat}`, |
| | | alt: 0, |
| | | alt: 1, |
| | | url: '/img/icon/location.png' |
| | | } |
| | | }) |
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-02-20 10:43:51 |
| | | * @LastEditTime: 2023-02-23 08:56:50 |
| | | * @FilePath: \srs-police-affairs\src\views\video\list.vue |
| | | * @Description: 辖区管理 |
| | | * |
| | |
| | | name: item.name, |
| | | lng: item.longitude, |
| | | lat: item.latitude, |
| | | alt: 100, |
| | | alt: 1, |
| | | url: '/img/icon/video.png', |
| | | deviceId: item.deviceId, |
| | | channelId: item.channelId |
| | |
| | | params: { |
| | | lng: `${this.searchExtensivelyArray[0].location.lng}`, |
| | | lat: `${this.searchExtensivelyArray[0].location.lat}`, |
| | | alt: 0, |
| | | alt: 1, |
| | | text: this.searchExtensivelyArray[0].name |
| | | }, |
| | | }) |
| | |
| | | params: { |
| | | lng: `${item.location.lng}`, |
| | | lat: `${item.location.lat}`, |
| | | alt: 0, |
| | | alt: 1, |
| | | text: item.name |
| | | } |
| | | }) |
| | |
| | | params: { |
| | | lng: `${item.location.lng}`, |
| | | lat: `${item.location.lat}`, |
| | | alt: 0, |
| | | alt: 1, |
| | | url: '/img/icon/location.png' |
| | | }, |
| | | }) |
| | |
| | | params: { |
| | | lng: node.longitude, |
| | | lat: node.latitude, |
| | | alt: 0, |
| | | alt: 1, |
| | | text: node.name |
| | | } |
| | | }) |
| | |
| | | name: node.name, |
| | | lng: node.longitude, |
| | | lat: node.latitude, |
| | | alt: 0, |
| | | alt: 1, |
| | | url: '/img/icon/video.png', |
| | | channelId: node.id |
| | | }, |
| | |
| | | text: item.name, |
| | | lng: item.longitude, |
| | | lat: item.latitude, |
| | | alt: 0, |
| | | alt: 1, |
| | | url: '/img/icon/video.png', |
| | | channelId: item.channelId |
| | | }, |
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-02-23 08:47:38 |
| | | * @LastEditTime: 2023-02-23 08:56:44 |
| | | * @FilePath: \srs-police-affairs\src\views\video\region.vue |
| | | * @Description: 辖区管理 |
| | | * |
| | |
| | | name: item.name, |
| | | lng: item.longitude, |
| | | lat: item.latitude, |
| | | alt: 10, |
| | | alt: 1, |
| | | url: '/img/icon/video.png', |
| | | // deviceId: item.deviceId |
| | | }, |
| | |
| | | .deleteVideo-new-left { |
| | | left: calc(1380 / 1920 * 100vw); |
| | | } |
| | | }</style> |
| | | } |
| | | </style> |