Skip to content

B
binhai-video
Commit d794fb5d authored by 刘怀志's avatar 刘怀志
Browse files
Options

智能分析--finish

parent 2cb0d3ef
Hide whitespace changes
Inline Side-by-side
Showing with 15 additions and 80 deletions
src/views/intelligentAnalysis/index.vue
View file @ d794fb5d
......@@ -15,8 +15,8 @@
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
start-placeholder="开始时间"
end-placeholder="结束时间"
/>
</el-form-item>
</el-col>
......@@ -60,6 +60,7 @@
:data="hisList"
row-key="menuId"
@row-click="getMapData"
height="350px"
>
<el-table-column prop="licensePlateNumber" label="车牌照号" :show-overflow-tooltip="true" />
<el-table-column v-if="activeName === 'trajectoryAnalysis'" prop="monitoringNum" label="监控次数" :show-overflow-tooltip="true" />
......@@ -74,7 +75,7 @@
@pagination="getList"
/>
</el-card>
<!-- 下方 地图-->
<!-- 下方地图-->
<div id="map-container" style="width: 100%; height: 100vh" />
<!-- 点击地图弹出的对话框 -->
<el-dialog :title="activeName === 'trajectoryAnalysis' ? '轨迹分析' : '频繁过车'" :visible.sync="open" width="1180px" append-to-body :close-on-click-modal="false" @close="hisClose">
......@@ -134,55 +135,12 @@ export default {
dicts: ['bhsp_area', 'bhsp_vtype'],
data() {
return {
points: null, // 百度地图上点集合
lines: null, // 百度地图线集合
baseUrl: process.env.VUE_APP_IMG_API,
mapData: [], // 地图点位数据集合
imgTest,
cardList: [
{
text: '3-10-27 15:12 区域-道路/卡口-摄像头名称',
imgList: [imgTest, imgTest, imgTest]
},
{
text: '3-10-27 15:12 区域-道路/卡口-摄像头名称',
imgList: [imgTest, imgTest, imgTest]
},
{
text: '3-10-27 15:12 区域-道路/卡口-摄像头名称',
imgList: [imgTest, imgTest, imgTest]
},
{
text: '3-10-27 15:12 区域-道路/卡口-摄像头名称',
imgList: [imgTest, imgTest, imgTest]
},
{
text: '3-10-27 15:12 区域-道路/卡口-摄像头名称',
imgList: [imgTest, imgTest, imgTest]
},
{
text: '3-10-27 15:12 区域-道路/卡口-摄像头名称',
imgList: [imgTest, imgTest, imgTest]
},
{
text: '3-10-27 15:12 区域-道路/卡口-摄像头名称',
imgList: [imgTest, imgTest, imgTest]
},
{
text: '3-10-27 15:12 区域-道路/卡口-摄像头名称',
imgList: [imgTest, imgTest, imgTest]
},
{
text: '3-10-27 15:12 区域-道路/卡口-摄像头名称',
imgList: [imgTest, imgTest, imgTest]
},
{
text: '3-10-27 15:12 区域-道路/卡口-摄像头名称',
imgList: [imgTest, imgTest, imgTest]
},
{
text: '3-10-27 15:12 区域-道路/卡口-摄像头名称',
imgList: [imgTest, imgTest, imgTest]
}
],
cardList: [],
dialogForm: {
},
open: false,
......@@ -301,14 +259,6 @@ export default {
that.map.centerAndZoom(point, 11)
// 滚轮缩放
that.map.enableScrollWheelZoom()
// const dist = new BMap.DistrictLayer({
// name: '(天津市滨海新区)',
// fillColor: '#5E8BFF00',
// strokeColor: '#5e8bff',
// strokeOpacity: 1,
// kind: 0
// })
// that.map.addDistrictLayer(dist)
} catch (err) {
console.log(err)
return false
......@@ -343,25 +293,12 @@ export default {
var pointArray = [];
for (var i = 0; i < count; i++) {
var ply = new BMap.Polygon(rs.boundaries[i], {strokeWeight: 2, strokeColor: "#5e8bff", fillColor: '#5E8BFF00'}); //建立多边形覆盖物
ply.disableMassClear()
that.map.addOverlay(ply); //添加覆盖物
pointArray = pointArray.concat(ply.getPath());
}
});
},
/** 自定义点位*/
createDOM(params) {
const circle = document.createElement('div')
circle.classList.add('pid-123')
circle.style.width = '14px'
circle.style.height = '14px'
circle.style.borderRadius = '50%'
circle.style.backgroundColor = 'red'
circle.style.color = 'white'
circle.style.textAlign = 'center'
circle.style.lineHeight = '14px'
circle.innerText = params.text // Replace '1' with the desired number
return circle
},
/** 根据传入经纬度数组打点 饼根据isLine确定是否划线 */
createMapPoint(mapPointArray, isLine) {
const that = this
......@@ -372,7 +309,6 @@ export default {
this._id = id;
}
that.map.clearOverlays();
that.setLocalMap()
ComplexCustomOverlay.prototype = new BMap.Overlay();
ComplexCustomOverlay.prototype.initialize = function(map){
this._map = map;
......@@ -404,7 +340,8 @@ export default {
// var myCompOverlay = new ComplexCustomOverlay(new BMap.Point(117.71682, 39.045069));
// that.map.addOverlay(myCompOverlay);
mapPointArray.forEach(item => {
that.map.addOverlay(new ComplexCustomOverlay(new BMap.Point(item[0], item[1]),item[2],item[3]));
that.points = new ComplexCustomOverlay(new BMap.Point(item[0], item[1]),item[2],item[3])
that.map.addOverlay(that.points);
// 如果需要划线则进行下面步骤
if (isLine) {
tempArray.push(new BMap.Point(item[0], item[1]))
......@@ -412,10 +349,8 @@ export default {
})
// 如果需要划线则进行下面步骤
if (isLine) {
// var polyline = new BMap.Polyline(tempArray, { strokeColor: 'blue', strokeWeight: 2, strokeOpacity: 0.5 })
// this.map.addOverlay(polyline)
var curve = new BMapLib.CurveLine(tempArray, {strokeColor:"blue", strokeWeight:3, strokeOpacity:0.5}); //创建弧线对象
that.map.addOverlay(curve); //添加到地图中
that.lines = new BMapLib.CurveLine(tempArray, {strokeColor:"blue", strokeWeight:3, strokeOpacity:0.5}); //创建弧线对象
that.map.addOverlay(that.lines); //添加到地图中
}
}
}
......@@ -432,7 +367,7 @@ export default {
.box-card{
position: fixed;
z-index: 999;
width: 20%;
width: 450px;
height: 80vh;
}
.img-area{
......
vue.config.js
View file @ d794fb5d
......@@ -37,8 +37,8 @@ module.exports = {
[process.env.VUE_APP_BASE_API]: {
// target: `http://vue.ruoyi.vip/prod-api`,
// target: `http://10.10.10.128:8080`,
target: `http://49.232.167.247:22020`,
// target: `http://10.10.10.138:8080`,
// target: `http://49.232.167.247:22020`,
target: `http://10.10.10.138:8080`,
changeOrigin: true,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: ''
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment