Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
卡
卡车调度系统
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
caicaicai
卡车调度系统
Commits
2128f067
Commit
2128f067
authored
Apr 07, 2022
by
caicaicai
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修改
parent
dcce6961
Changes
5
Expand all
Show whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
1229 additions
and
13 deletions
+1229
-13
Map.vue
src/components/mars3d/Map.vue
+3
-3
Map2.vue
src/components/mars3d/Map2.vue
+561
-0
Map3.vue
src/components/mars3d/Map3.vue
+561
-0
index.vue
src/views/carManagement/carTrajectory/index.vue
+46
-3
index.vue
src/views/regionalManagement/regionalInformation/index.vue
+58
-7
No files found.
src/components/mars3d/Map.vue
View file @
2128f067
...
@@ -138,7 +138,7 @@ export default {
...
@@ -138,7 +138,7 @@ export default {
let
that
=
this
;
let
that
=
this
;
HttpReq
.
truckDispatching
.
screenMapSetUpQuery
({
size
:
9999
}).
then
((
res
)
=>
{
HttpReq
.
truckDispatching
.
screenMapSetUpQuery
({
size
:
9999
}).
then
((
res
)
=>
{
if
(
true
){;
if
(
true
){;
//
console.log(res);
console
.
log
(
res
);
let
data1
=
[];
let
data1
=
[];
for
(
let
key
in
res
){
for
(
let
key
in
res
){
that
.
weilanName
.
push
(
key
);
that
.
weilanName
.
push
(
key
);
...
@@ -153,8 +153,8 @@ export default {
...
@@ -153,8 +153,8 @@ export default {
data1
.
push
(
arrays
)
data1
.
push
(
arrays
)
}
}
that
.
zuobianData
=
data1
that
.
zuobianData
=
data1
//
console.log("zuobianData",that.zuobianData);
console
.
log
(
"
zuobianData
"
,
that
.
zuobianData
);
//
console.log("weilanName",that.weilanName);
console
.
log
(
"
weilanName
"
,
that
.
weilanName
);
if
(
this
.
appendToBody
)
{
if
(
this
.
appendToBody
)
{
document
.
body
.
appendChild
(
this
.
$el
)
document
.
body
.
appendChild
(
this
.
$el
)
...
...
src/components/mars3d/Map2.vue
0 → 100644
View file @
2128f067
This diff is collapsed.
Click to expand it.
src/components/mars3d/Map3.vue
0 → 100644
View file @
2128f067
This diff is collapsed.
Click to expand it.
src/views/carManagement/carTrajectory/index.vue
View file @
2128f067
...
@@ -55,8 +55,8 @@
...
@@ -55,8 +55,8 @@
<el-button
type=
"primary"
plain
style=
"font-size:15px;"
>
显示所有轨迹
</el-button>
<el-button
type=
"primary"
plain
style=
"font-size:15px;"
>
显示所有轨迹
</el-button>
</el-form>
</el-form>
<div
class=
"playbackView
"
>
<div
id=
"centerDiv"
class=
"mapcontainer
"
>
<
img
src=
"../../../assets/images/cutGraph/examplePic12.png"
>
<
mars3dViewerMap
:url=
"configUrl"
@
onload=
"onMapload"
/
>
</div>
</div>
</div>
</div>
</div>
</div>
...
@@ -67,11 +67,18 @@
...
@@ -67,11 +67,18 @@
<
script
>
<
script
>
import
{
Tools
,
HttpReq
,
Dates
}
from
'
@/assets/js/common.js
'
;
import
{
Tools
,
HttpReq
,
Dates
}
from
'
@/assets/js/common.js
'
;
import
mars3dViewerMap
from
'
../../../components/mars3d/Map2.vue
'
//地图
export
default
{
export
default
{
name
:
'
CarTrajectory
'
,
name
:
'
CarTrajectory
'
,
components
:
{
mars3dViewerMap
,
},
data
()
{
data
()
{
const
basePathUrl
=
window
.
basePathUrl
||
''
return
{
return
{
//地图图片
configUrl
:
basePathUrl
+
'
config/config.json
'
,
query
:{
query
:{
startTime
:
''
,
startTime
:
''
,
endTime
:
''
,
endTime
:
''
,
...
@@ -114,6 +121,42 @@ export default {
...
@@ -114,6 +121,42 @@ export default {
})
})
},
},
// 地图构造完成回调
onMapload
(
map
)
{
// 以下为演示代码
// 创建entity图层
const
graphicLayer
=
new
this
.
mars3d
.
layer
.
GraphicLayer
()
map
.
addLayer
(
graphicLayer
)
// 2.在layer上绑定监听事件
graphicLayer
.
on
(
this
.
mars3d
.
EventType
.
click
,
function
(
event
)
{
console
.
log
(
'
监听layer,单击了矢量对象
'
,
event
)
})
graphicLayer
.
on
(
this
.
mars3d
.
EventType
.
mouseOver
,
function
(
event
)
{
console
.
log
(
'
监听layer,鼠标移入了矢量对象
'
,
event
)
})
graphicLayer
.
on
(
this
.
mars3d
.
EventType
.
mouseOut
,
function
(
event
)
{
console
.
log
(
'
监听layer,鼠标移出了矢量对象
'
,
event
)
})
// 可在图层上绑定popup,对所有加到这个图层的矢量数据都生效
graphicLayer
.
bindPopup
(
'
我是layer上绑定的Popup
'
,
{
anchor
:
[
0
,
-
10
]
})
// 可在图层绑定右键菜单,对所有加到这个图层的矢量数据都生效
graphicLayer
.
bindContextMenu
([
{
text
:
'
删除对象
'
,
iconCls
:
'
fa fa-trash-o
'
,
callback
:
function
(
e
)
{
const
graphic
=
e
.
graphic
if
(
graphic
)
{
graphicLayer
.
removeGraphic
(
graphic
)
}
}
}
])
},
}
}
}
}
</
script
>
</
script
>
...
@@ -138,7 +181,7 @@ export default {
...
@@ -138,7 +181,7 @@ export default {
}
}
}
}
}
}
.
playbackView
{
.
mapcontainer
{
width
:
80vw
;
width
:
80vw
;
height
:
65
.5vh
;
height
:
65
.5vh
;
overflow
:
hidden
;
overflow
:
hidden
;
...
...
src/views/regionalManagement/regionalInformation/index.vue
View file @
2128f067
...
@@ -15,7 +15,7 @@
...
@@ -15,7 +15,7 @@
<el-table-column
prop=
"code"
label=
"编码"
align=
"center"
></el-table-column>
<el-table-column
prop=
"code"
label=
"编码"
align=
"center"
></el-table-column>
<el-table-column
prop=
"name"
label=
"区域名称"
align=
"center"
></el-table-column>
<el-table-column
prop=
"name"
label=
"区域名称"
align=
"center"
></el-table-column>
<el-table-column
prop=
"areaclass"
label=
"所属类别"
align=
"center"
></el-table-column>
<el-table-column
prop=
"areaclass"
label=
"所属类别"
align=
"center"
></el-table-column>
<
el-table-column
prop=
"coordinate"
label=
"中心坐标"
align=
"center"
></el-table-column
>
<
!--
<el-table-column
prop=
"coordinate"
label=
"中心坐标"
align=
"center"
></el-table-column>
--
>
<el-table-column
prop=
"card"
label=
"车辆标识图"
align=
"center"
>
<el-table-column
prop=
"card"
label=
"车辆标识图"
align=
"center"
>
<template
slot-scope=
"scope"
>
<template
slot-scope=
"scope"
>
<img
:src=
"imgSrcStart + '/avatar/' + scope.row.card"
width=
"40"
height=
"40"
/>
<img
:src=
"imgSrcStart + '/avatar/' + scope.row.card"
width=
"40"
height=
"40"
/>
...
@@ -40,7 +40,7 @@
...
@@ -40,7 +40,7 @@
</div>
</div>
<!-- 表单渲染 -->
<!-- 表单渲染 -->
<el-dialog
append-to-body
:close-on-click-modal=
"true"
:before-close=
"cancelForm"
:visible.sync=
"form.visible"
:title=
"form.title"
width=
"
7
00px"
>
<el-dialog
append-to-body
:close-on-click-modal=
"true"
:before-close=
"cancelForm"
:visible.sync=
"form.visible"
:title=
"form.title"
width=
"
8
00px"
>
<el-form
:model=
"form.item"
:rules=
"rules"
ref=
"form1"
:inline=
"true"
size=
"small"
label-width=
"150px"
>
<el-form
:model=
"form.item"
:rules=
"rules"
ref=
"form1"
:inline=
"true"
size=
"small"
label-width=
"150px"
>
<el-form-item
label=
"编码"
prop=
"code"
>
<el-form-item
label=
"编码"
prop=
"code"
>
<el-input
v-model=
"form.item.code"
style=
"width:160px;"
placeholder=
"请输入编码"
/>
<el-input
v-model=
"form.item.code"
style=
"width:160px;"
placeholder=
"请输入编码"
/>
...
@@ -62,16 +62,16 @@
...
@@ -62,16 +62,16 @@
<el-form-item
label=
"最大承接车辆数"
prop=
"max"
>
<el-form-item
label=
"最大承接车辆数"
prop=
"max"
>
<el-input
v-model=
"form.item.max"
style=
"width:160px;"
placeholder=
"请输入最大承接车辆数"
/>
<el-input
v-model=
"form.item.max"
style=
"width:160px;"
placeholder=
"请输入最大承接车辆数"
/>
</el-form-item>
</el-form-item>
<el-form-item
label=
"区域中心坐标点"
prop=
"coordinate"
>
<
!-- <
el-form-item label="区域中心坐标点" prop="coordinate">
<el-input v-model="form.item.coordinate" style="width:160px;" placeholder="请输入区域中心坐标点"/>
<el-input v-model="form.item.coordinate" style="width:160px;" placeholder="请输入区域中心坐标点"/>
</el-form-item>
</el-form-item>
-->
<el-form-item
label=
"区域标记"
>
<el-form-item
label=
"区域标记"
>
<el-input
v-model=
"picFileName"
style=
"width:160px;"
placeholder=
"请上传区域标记"
disabled
/>
<el-input
v-model=
"picFileName"
style=
"width:160px;"
placeholder=
"请上传区域标记"
disabled
/>
<input
type=
"file"
name=
"image"
@
change=
"excelImport($event)"
/>
<input
type=
"file"
name=
"image"
@
change=
"excelImport($event)"
/>
</el-form-item>
</el-form-item>
<el-form-item
label=
"区域范围或直径"
prop=
"arearange"
>
<
!-- <
el-form-item label="区域范围或直径" prop="arearange">
<el-input v-model="form.item.arearange" style="width:160px;" placeholder="请输入区域范围或直径"/>
<el-input v-model="form.item.arearange" style="width:160px;" placeholder="请输入区域范围或直径"/>
</el-form-item>
</el-form-item>
-->
<el-form-item
label=
"电铲名称"
prop=
"areashovel"
>
<el-form-item
label=
"电铲名称"
prop=
"areashovel"
>
<el-input
v-model=
"form.item.areashovel"
style=
"width:160px;"
placeholder=
"请输入电铲名称"
/>
<el-input
v-model=
"form.item.areashovel"
style=
"width:160px;"
placeholder=
"请输入电铲名称"
/>
</el-form-item>
</el-form-item>
...
@@ -90,6 +90,9 @@
...
@@ -90,6 +90,9 @@
<el-form-item
label=
"优先级"
prop=
"areapriority"
>
<el-form-item
label=
"优先级"
prop=
"areapriority"
>
<el-input-number
v-model=
"form.item.areapriority"
:min=
"1"
:max=
"10"
label=
"请选择优先级"
></el-input-number>
<el-input-number
v-model=
"form.item.areapriority"
:min=
"1"
:max=
"10"
label=
"请选择优先级"
></el-input-number>
</el-form-item>
</el-form-item>
<div
id=
"centerDiv"
class=
"mapcontainer"
>
<mars3dViewerMap
:url=
"configUrl"
@
onload=
"onMapload"
/>
</div>
<!-- 如果所属类型是电子围栏,要添加一下属性 -->
<!-- 如果所属类型是电子围栏,要添加一下属性 -->
...
@@ -175,12 +178,18 @@
...
@@ -175,12 +178,18 @@
<
script
>
<
script
>
import
{
Tools
,
HttpReq
,
Dates
}
from
'
@/assets/js/common.js
'
;
import
{
Tools
,
HttpReq
,
Dates
}
from
'
@/assets/js/common.js
'
;
import
Axios
from
'
axios
'
import
Axios
from
'
axios
'
import
mars3dViewerMap
from
'
../../../components/mars3d/Map3.vue
'
//地图
export
default
{
export
default
{
name
:
'
CarType
'
,
name
:
'
CarType
'
,
components
:
{},
components
:
{
mars3dViewerMap
,
},
data
()
{
data
()
{
const
basePathUrl
=
window
.
basePathUrl
||
''
return
{
return
{
//地图图片
configUrl
:
basePathUrl
+
'
config/config.json
'
,
imgSrcStart
:
process
.
env
.
VUE_APP_LOCAL_API2
,
imgSrcStart
:
process
.
env
.
VUE_APP_LOCAL_API2
,
loading
:
false
,
loading
:
false
,
page
:
1
,
page
:
1
,
...
@@ -606,6 +615,43 @@ export default {
...
@@ -606,6 +615,43 @@ export default {
})
})
},
},
// 地图构造完成回调
onMapload
(
map
)
{
// 以下为演示代码
// 创建entity图层
const
graphicLayer
=
new
this
.
mars3d
.
layer
.
GraphicLayer
()
map
.
addLayer
(
graphicLayer
)
// 2.在layer上绑定监听事件
graphicLayer
.
on
(
this
.
mars3d
.
EventType
.
click
,
function
(
event
)
{
console
.
log
(
'
监听layer,单击了矢量对象
'
,
event
)
})
graphicLayer
.
on
(
this
.
mars3d
.
EventType
.
mouseOver
,
function
(
event
)
{
console
.
log
(
'
监听layer,鼠标移入了矢量对象
'
,
event
)
})
graphicLayer
.
on
(
this
.
mars3d
.
EventType
.
mouseOut
,
function
(
event
)
{
console
.
log
(
'
监听layer,鼠标移出了矢量对象
'
,
event
)
})
// 可在图层上绑定popup,对所有加到这个图层的矢量数据都生效
graphicLayer
.
bindPopup
(
'
我是layer上绑定的Popup
'
,
{
anchor
:
[
0
,
-
10
]
})
// 可在图层绑定右键菜单,对所有加到这个图层的矢量数据都生效
graphicLayer
.
bindContextMenu
([
{
text
:
'
删除对象
'
,
iconCls
:
'
fa fa-trash-o
'
,
callback
:
function
(
e
)
{
const
graphic
=
e
.
graphic
if
(
graphic
)
{
graphicLayer
.
removeGraphic
(
graphic
)
}
}
}
])
},
}
}
}
}
</
script
>
</
script
>
...
@@ -634,6 +680,11 @@ export default {
...
@@ -634,6 +680,11 @@ export default {
}
}
}
}
.mapcontainer
{
height
:
50vh
;
width
:
750px
;
overflow
:
hidden
;
}
.checkboxViews
{
.checkboxViews
{
padding-left
:
10px
;
padding-left
:
10px
;
box-sizing
:
border-box
;
box-sizing
:
border-box
;
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment