Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
K
kd_control
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
zhanglw
kd_control
Commits
4c3b9713
Commit
4c3b9713
authored
Mar 15, 2023
by
zhanglw
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
电子围栏,边坡设备监测
parent
2d5aaea3
Changes
5
Expand all
Show whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
877 additions
and
106 deletions
+877
-106
config.json
public/config/config.json
+1
-1
Map4.vue
src/components/mars3d/Map4.vue
+55
-56
Map5.vue
src/components/mars3d/Map5.vue
+297
-0
index.vue
src/views/regionalManagement/regionalInformation/index.vue
+23
-49
index.vue
src/views/slopeMonitoring/slopeDevice/index.vue
+501
-0
No files found.
public/config/config.json
View file @
4c3b9713
src/components/mars3d/Map4.vue
View file @
4c3b9713
...
@@ -440,7 +440,7 @@
...
@@ -440,7 +440,7 @@
},
},
},
},
success
:
function
(
graphic
){
success
:
function
(
graphic
){
var
mpt
=
mars3d
.
L
atLng
Point
.
fromCartesian
(
graphic
.
_position_draw
);
var
mpt
=
mars3d
.
L
ngLat
Point
.
fromCartesian
(
graphic
.
_position_draw
);
that
.
toJavaCoordinates
.
push
(
mpt
.
toString
().
split
(
'
,
'
));
that
.
toJavaCoordinates
.
push
(
mpt
.
toString
().
split
(
'
,
'
));
}
}
});
});
...
@@ -646,4 +646,3 @@
...
@@ -646,4 +646,3 @@
z-index
:
1000
;
z-index
:
1000
;
}
}
</
style
>
</
style
>
\ No newline at end of file
src/components/mars3d/Map5.vue
0 → 100644
View file @
4c3b9713
<
template
>
<div
style=
"wight:100%;height:100%;position: relative;"
>
<div
:id=
"`mars3d-container$
{mapKey}`"
:class="['mars3d-container', customClass, { 'mars3d-container-compare-rh' : compare }]">
</div>
<div
class=
"infoview"
>
<div
style=
"display: inline-block;color:red;font-weight:bolder;"
>
点击地图设置坐标
</div>
</div>
<img
src=
"../../assets/images/cutGraph/maplogo1.jpg"
class=
"maplogo1Img4"
>
</div>
</
template
>
<
script
>
import
Vue
from
'
vue
'
import
{
Tools
,
HttpReq
,
CAMap
}
from
'
@/assets/js/common.js
'
;
// 使用免费开源版本
import
'
mars3d/dist/mars3d.css
'
import
*
as
mars3d
from
'
mars3d
'
import
*
as
Cesium
from
'
mars3d-cesium/Build/Cesium/Cesium
'
import
{
initGraphicManager
,
initLayerManager
,
bindLayerContextMenu
}
from
'
./js/graphicManager
'
import
kongzhidiantubiao
from
'
../../assets/images/cutGraph/kongzhidian1.png
'
// 导入插件(其他插件类似,插件清单访问:http://mars3d.cn/dev/guide/start/install.html)
// echarts插件
// import 'mars3d-echarts'
// 为了方便使用,绑定到原型链,在其他vue文件,直接 this.mars3d 来使用
Vue
.
prototype
.
mars3d
=
mars3d
Vue
.
prototype
.
Cesium
=
mars3d
.
Cesium
var
map
;
export
default
{
name
:
'
mars3dViewer
'
,
data
(){
return
{
}
},
props
:
{
// 初始化配置参数
url
:
String
,
// 地图唯一性标识
mapKey
:
{
type
:
String
,
default
:
''
},
// 自定义参数
options
:
Object
,
// 是否分屏显示
compare
:
{
type
:
Boolean
,
default
:
false
},
// 是否插入到body元素上
appendToBody
:
{
type
:
Boolean
,
default
:
false
},
// 自定义css类名
customClass
:
{
type
:
String
,
default
:
''
}
},
destroy
()
{
this
[
`map
${
this
.
mapKey
}
`
].
destroy
()
delete
this
[
`map
${
this
.
mapKey
}
`
]
},
created
(){
this
.
$nextTick
(()
=>
{
mars3d
.
Resource
.
fetchJson
({
url
:
this
.
url
}).
then
((
data
)
=>
{
this
.
initMars3d
(
data
.
map3d
)
// 构建地图
})
});
},
methods
:
{
//创建地图
initMars3d
(
options
)
{
let
that
=
this
;
const
mapOptions
=
{
...
options
,
...
this
.
options
,
control
:
{
defaultContextMenu
:
false
,
//右键菜单
},
}
// 创建三维地球场景
map
=
new
mars3d
.
Map
(
`mars3d-container
${
this
.
mapKey
}
`
,
mapOptions
);
this
[
`map
${
this
.
mapKey
}
`
]
=
map
;
this
.
$emit
(
'
onload
'
,
map
);
},
}
}
</
script
>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<
style
>
.maplogo1Img4
{
position
:
absolute
;
bottom
:
0px
;
left
:
0px
;
width
:
6vw
;
height
:
2.5vh
;
}
.cesium-viewer-toolbar
{
display
:
none
!important
;
}
.mars3d-compass
{
display
:
none
!important
;
}
.mars3d-locationbar
{
display
:
none
!important
;
}
.mars3d-distance-legend
{
display
:
none
!important
;
}
.mars3d-container
{
height
:
100%
;
width
:
100vw
;
overflow
:
hidden
;
}
/* 重写Cesium的css */
/**cesium按钮背景色*/
.cesium-button
{
background-color
:
#3f4854
;
color
:
#e6e6e6
;
fill
:
#e6e6e6
;
box-shadow
:
0
1px
4px
rgba
(
0
,
0
,
0
,
0.3
);
line-height
:
32px
;
}
.cesium-viewer-geocoderContainer
.cesium-geocoder-input
{
background-color
:
rgba
(
63
,
72
,
84
,
0.7
);
}
.cesium-viewer-geocoderContainer
.cesium-geocoder-input
:focus
{
background-color
:
rgba
(
63
,
72
,
84
,
0.9
);
}
.cesium-viewer-geocoderContainer
.search-results
{
background-color
:
#3f4854
;
}
.cesium-geocoder-searchButton
{
background-color
:
#3f4854
;
}
.cesium-infoBox-title
{
background-color
:
#3f4854
;
}
.cesium-infoBox
{
background
:
rgba
(
63
,
72
,
84
,
0.9
);
}
.cesium-toolbar-button
img
{
height
:
100%
;
}
.cesium-performanceDisplay-defaultContainer
{
top
:
auto
;
bottom
:
35px
;
right
:
50px
;
}
.cesium-performanceDisplay-ms
,
.cesium-performanceDisplay-fps
{
color
:
#fff
;
}
/**cesium工具栏位置*/
.cesium-viewer-toolbar
{
top
:
auto
;
left
:
auto
;
right
:
12px
;
bottom
:
35px
;
}
.cesium-viewer-toolbar
>
.cesium-toolbar-button
,
.cesium-navigationHelpButton-wrapper
,
.cesium-viewer-geocoderContainer
{
margin-bottom
:
5px
;
float
:
right
;
clear
:
both
;
text-align
:
center
;
}
.cesium-baseLayerPicker-dropDown
{
bottom
:
0
;
right
:
40px
;
max-height
:
700px
;
margin-bottom
:
5px
;
}
.cesium-navigation-help
{
top
:
auto
;
bottom
:
0
;
right
:
40px
;
transform-origin
:
right
bottom
;
}
.cesium-sceneModePicker-wrapper
{
width
:
auto
;
}
.cesium-sceneModePicker-wrapper
.cesium-sceneModePicker-dropDown-icon
{
float
:
left
;
margin
:
0
3px
;
}
.cesium-viewer-geocoderContainer
.search-results
{
left
:
0
;
right
:
40px
;
width
:
auto
;
position
:
absolute
;
z-index
:
999
;
}
.cesium-infoBox-title
{
background-color
:
#3f4854
;
}
.cesium-infoBox
{
top
:
50px
;
background
:
rgba
(
63
,
72
,
84
,
0.9
);
}
/**左下工具栏菜单*/
.toolbar-dropdown-menu-div
{
background
:
rgba
(
43
,
44
,
47
,
0.8
);
border
:
1px
solid
#2b2c2f
;
z-index
:
999
;
position
:
absolute
;
right
:
60px
;
bottom
:
40px
;
display
:
none
;
}
.toolbar-dropdown-menu
{
min-width
:
110px
;
padding
:
0
;
}
.toolbar-dropdown-menu
>
li
{
padding
:
0
3px
;
margin
:
2px
0
;
}
.toolbar-dropdown-menu
>
li
>
a
{
color
:
#edffff
;
display
:
block
;
padding
:
4px
10px
;
clear
:
both
;
font-weight
:
normal
;
line-height
:
1.6
;
white-space
:
nowrap
;
text-decoration
:
none
;
}
.toolbar-dropdown-menu
>
li
>
a
:hover
,
.dropdown-menu
>
li
>
a
:focus
{
color
:
#fff
;
background-color
:
#444d59
;
}
.toolbar-dropdown-menu
>
.active
>
a
,
.dropdown-menu
>
.active
>
a
:hover
,
.dropdown-menu
>
.active
>
a
:focus
{
color
:
#fff
;
background-color
:
#444d59
;
}
.toolbar-dropdown-menu
i
{
padding-right
:
5px
;
}
.infoview
{
position
:
absolute
;
top
:
10px
;
left
:
10px
;
width
:
50vw
;
z-index
:
1000
;
}
</
style
>
src/views/regionalManagement/regionalInformation/index.vue
View file @
4c3b9713
...
@@ -84,13 +84,14 @@
...
@@ -84,13 +84,14 @@
</el-form-item>
</el-form-item>
<br/>
<br/>
<el-form-item
label=
"选择车辆"
prop=
"cars"
v-show=
"form.item.areaclass == '电子围栏'"
>
<el-form-item
label=
"选择车辆"
prop=
"cars"
v-show=
"form.item.areaclass == '电子围栏'"
>
<el-checkbox
:indeterminate=
"isIndeterminate"
v-model=
"checkAll"
@
change=
"handleCheckAllChange"
>
全选
</el-checkbox>
<div
class=
"checkboxViews"
>
<div
class=
"checkboxViews"
>
<el-checkbox-group
v-model=
"checkDataList"
style=
"width:480px;"
>
<el-checkbox-group
v-model=
"checkDataList"
style=
"width:480px;"
@
change=
"handleCheckedChange"
>
>
<el-checkbox
v-for=
"(obj,index) in carInformationData"
:label=
"obj.number"
:key=
"index"
>
{{obj.number}}
</el-checkbox>
<el-checkbox
v-for=
"(obj,index) in carInformationData"
:label=
"obj.number"
:key=
"index"
>
{{obj.number}}
</el-checkbox>
</el-checkbox-group>
</el-checkbox-group>
</div>
</div>
</el-form-item>
</el-form-item>
<el-form-item
label=
"启
停状态
"
prop=
"status"
v-show=
"form.item.areaclass == '电子围栏'"
>
<el-form-item
label=
"启
用情况
"
prop=
"status"
v-show=
"form.item.areaclass == '电子围栏'"
>
<el-select
v-model=
"form.item.status"
placeholder=
"请选择启停状态"
style=
"width:160px;"
>
<el-select
v-model=
"form.item.status"
placeholder=
"请选择启停状态"
style=
"width:160px;"
>
<el-option
label=
"启用"
value=
"启用"
></el-option>
<el-option
label=
"启用"
value=
"启用"
></el-option>
<el-option
label=
"停用"
value=
"停用"
></el-option>
<el-option
label=
"停用"
value=
"停用"
></el-option>
...
@@ -120,12 +121,13 @@ export default {
...
@@ -120,12 +121,13 @@ export default {
data
()
{
data
()
{
const
basePathUrl
=
window
.
basePathUrl
||
''
const
basePathUrl
=
window
.
basePathUrl
||
''
return
{
return
{
isIndeterminate
:
false
,
//地图图片
//地图图片
configUrl
:
basePathUrl
+
'
config/config.json
'
,
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
,
size
:
10
,
size
:
9999
,
total
:
0
,
total
:
0
,
query
:{},
query
:{},
picFileName
:
''
,
picFileName
:
''
,
...
@@ -165,6 +167,15 @@ export default {
...
@@ -165,6 +167,15 @@ export default {
})
})
},
},
methods
:
{
methods
:
{
handleCheckAllChange
(
val
)
{
this
.
checkDataList
=
val
?
this
.
carInformationData
.
map
((
item
)
=>
item
.
number
)
:
[];
this
.
isIndeterminate
=
false
;
},
handleCheckedChange
(
value
)
{
let
checkedCount
=
value
.
length
;
this
.
checkAll
=
checkedCount
===
this
.
carInformationData
.
length
;
this
.
isIndeterminate
=
checkedCount
>
0
&&
checkedCount
<
this
.
carInformationData
.
length
;
},
//获取区域信息数据
//获取区域信息数据
loadData
()
{
loadData
()
{
var
sort
=
'
createTime,desc
'
;
var
sort
=
'
createTime,desc
'
;
...
@@ -275,7 +286,7 @@ export default {
...
@@ -275,7 +286,7 @@ export default {
this
.
form
.
status
.
cu
=
0
this
.
form
.
status
.
cu
=
0
}
}
});
});
}
;
}
},
},
//新增区域信息
//新增区域信息
reqAddItem
(
form
,
item
){
reqAddItem
(
form
,
item
){
...
@@ -301,6 +312,7 @@ export default {
...
@@ -301,6 +312,7 @@ export default {
}
else
{
}
else
{
let
lastData
=
{...
item
};
let
lastData
=
{...
item
};
lastData
.
card
=
this
.
picFileName
;
lastData
.
card
=
this
.
picFileName
;
lastData
.
carList
=
this
.
checkDataList
;
//this.$refs.mars3dViewerMapMethod.uploaded(lastData.name);
//this.$refs.mars3dViewerMapMethod.uploaded(lastData.name);
HttpReq
.
truckDispatching
.
RegionalInformationAdd
(
lastData
).
then
((
res
)
=>
{
HttpReq
.
truckDispatching
.
RegionalInformationAdd
(
lastData
).
then
((
res
)
=>
{
form
.
visible
=
false
;
form
.
visible
=
false
;
...
@@ -324,24 +336,6 @@ export default {
...
@@ -324,24 +336,6 @@ export default {
}).
catch
(
function
(
error
)
{
}).
catch
(
function
(
error
)
{
form
.
status
.
cu
=
0
form
.
status
.
cu
=
0
});
});
this
.
checkDataList
.
forEach
((
carItem
,
index
)
=>
{
let
uploadCarData
=
{};
uploadCarData
.
car
=
carItem
;
uploadCarData
.
areaId
=
item
.
code
;
console
.
log
(
'
uploadCarData
'
,
uploadCarData
);
HttpReq
.
truckDispatching
.
RegionalInformationCarAdd
(
uploadCarData
).
then
((
res
)
=>
{
if
(
res
.
code
==
200
){
}
else
{
this
.
$notify
({
title
:
res
.
msg
,
type
:
'
error
'
,
duration
:
2500
})
}
}).
catch
(
function
(
error
)
{
});
})
}
}
},
},
...
@@ -349,7 +343,7 @@ export default {
...
@@ -349,7 +343,7 @@ export default {
reqUpdateItem
(
form
,
item
){
reqUpdateItem
(
form
,
item
){
let
lastData
=
{...
item
};
let
lastData
=
{...
item
};
lastData
.
card
=
this
.
picFileName
;
lastData
.
card
=
this
.
picFileName
;
//lastData.cars
= this.checkDataList;
lastData
.
carList
=
this
.
checkDataList
;
HttpReq
.
truckDispatching
.
RegionalInformationUpdate
(
lastData
).
then
((
res
)
=>
{
HttpReq
.
truckDispatching
.
RegionalInformationUpdate
(
lastData
).
then
((
res
)
=>
{
form
.
visible
=
false
;
form
.
visible
=
false
;
if
(
res
.
code
==
200
){
if
(
res
.
code
==
200
){
...
@@ -370,26 +364,6 @@ export default {
...
@@ -370,26 +364,6 @@ export default {
}).
catch
(
function
(
error
)
{
}).
catch
(
function
(
error
)
{
form
.
status
.
cu
=
0
form
.
status
.
cu
=
0
});
});
if
(
this
.
oldCheckDataList
.
length
!=
0
){
HttpReq
.
truckDispatching
.
RegionalInformationCarDel
(
this
.
oldCheckDataList
).
then
((
res
)
=>
{})
}
this
.
$nextTick
(()
=>
{
this
.
checkDataList
.
forEach
((
carItem
,
index
)
=>
{
let
uploadCarData
=
{};
uploadCarData
.
car
=
carItem
;
uploadCarData
.
areaId
=
item
.
code
;
HttpReq
.
truckDispatching
.
RegionalInformationCarAdd
(
uploadCarData
).
then
((
res
)
=>
{
if
(
res
.
code
==
200
){
}
else
{
this
.
$notify
({
title
:
res
.
msg
,
type
:
'
error
'
,
duration
:
2500
})
}
}).
catch
(
function
(
error
)
{
});
})
})
},
},
//删除区域信息
//删除区域信息
reqRemoveProject
(
item
,
weilanName
,
items
){
reqRemoveProject
(
item
,
weilanName
,
items
){
...
...
src/views/slopeMonitoring/slopeDevice/index.vue
0 → 100644
View file @
4c3b9713
This diff is collapsed.
Click to expand it.
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