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
9cdbf5c4
Commit
9cdbf5c4
authored
Mar 22, 2023
by
zhanglw
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
边坡监测环境监测
parent
2a7d33e2
Changes
5
Show whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
473 additions
and
164 deletions
+473
-164
index.vue
src/views/slopeMonitoring/alarmManagement/index.vue
+0
-38
index.vue
src/views/slopeMonitoring/environmentalAlarm/index.vue
+232
-0
index.vue
src/views/slopeMonitoring/environmentalMonitoring/index.vue
+232
-0
index.vue
src/views/slopeMonitoring/precipitationLog/index.vue
+5
-63
index.vue
src/views/slopeMonitoring/surfaceDisplacementLog/index.vue
+4
-63
No files found.
src/views/slopeMonitoring/alarmManagement/index.vue
View file @
9cdbf5c4
...
...
@@ -124,10 +124,6 @@ export default {
{
label
:
'
离线
'
,
value
:
0
},
{
label
:
'
在线
'
,
value
:
1
},
],
sdOptions
:
[
{
label
:
'
一类设备
'
,
value
:
1
},
{
label
:
'
二类设备
'
,
value
:
2
},
],
tableData
:
[],
formData
:
{
name
:
''
,
...
...
@@ -145,40 +141,6 @@ export default {
})
},
methods
:
{
onMapload
(
map
)
{
map
.
unbindContextMenu
();
var
graphicLayer
=
new
mars3d
.
layer
.
GraphicLayer
();
map
.
addLayer
(
graphicLayer
);
const
graphic
=
new
mars3d
.
graphic
.
PointEntity
({
style
:
{
color
:
"
#ff0000
"
,
pixelSize
:
10
,
outlineColor
:
"
#ffffff
"
,
outlineWidth
:
2
,
label
:
{
text
:
"
放置位置
"
,
font_size
:
18
,
color
:
"
#ff0000
"
,
outline
:
true
,
outlineColor
:
"
#000000
"
,
outlineWidth
:
5
,
pixelOffsetY
:
-
24
,
distanceDisplayCondition
:
true
,
distanceDisplayCondition_far
:
500000
,
distanceDisplayCondition_near
:
0
}
},
})
graphicLayer
.
addGraphic
(
graphic
);
map
.
on
(
mars3d
.
EventType
.
click
,
(
event
)
=>
{
let
p
=
mars3d
.
LngLatPoint
.
fromCartesian
(
event
.
cartesian
);
this
.
formData
.
lng
=
p
.
lng
;
this
.
formData
.
lat
=
p
.
lat
;
graphicLayer
.
eachGraphic
((
graphic
)
=>
{
graphic
.
addDynamicPosition
(
Cesium
.
Cartesian3
.
fromDegrees
(
p
.
lng
,
p
.
lat
,
0
),
0
)
})
});
},
loadData
()
{
var
sort
=
'
id,desc
'
;
var
param
=
this
.
query
;
...
...
src/views/slopeMonitoring/environmentalAlarm/index.vue
0 → 100644
View file @
9cdbf5c4
<
template
>
<div
class=
"common-page device-manage"
>
<div
class=
"option page-row"
>
<!--工具栏-->
<div
class=
"head-container"
>
<!-- 搜索 -->
<label
class=
"el-form-item-label"
style=
"font-weight: 500;"
>
设备号
</label>
<el-input
v-model=
"query.formId"
clearable
size=
"small"
placeholder=
"请输入设备号"
style=
"width:180px;"
/>
<label
class=
"el-form-item-label"
style=
"font-weight: 500;"
>
报警状态
</label>
<el-select
v-model=
"query.stu"
placeholder=
"请选择"
>
<el-option
v-for=
"item in stuOpts"
:key=
"item.value"
:label=
"item.label"
:value=
"item.value"
></el-option>
</el-select>
<label
class=
"el-form-item-label"
style=
"font-weight: 500;"
>
日期范围
</label>
<el-date-picker
v-model=
"query.createTime"
type=
"datetimerange"
value-format=
"yyyy-MM-dd HH:MM:SS"
range-separator=
"至"
start-placeholder=
"开始日期"
end-placeholder=
"结束日期"
>
</el-date-picker>
<el-button
size=
"mini"
type=
"success"
icon=
"el-icon-search"
@
click=
"toSearch"
>
搜索
</el-button>
<el-button
size=
"mini"
icon=
"el-icon-refresh"
@
click=
"clearLimit"
>
重置
</el-button>
</div>
</div>
<!-- 表格 -->
<div
class=
"panel-bottom page-row"
>
<div
class=
"ctin-box"
>
<div
class=
"content-within"
>
<div
class=
"content-fix"
>
<div
class=
"toolbar"
style=
"text-align:right"
>
<!--
<el-button
size=
"mini"
type=
"primary"
icon=
"el-icon-refresh"
@
click=
"loadData"
>
刷新
</el-button>
-->
<!--
<el-button
size=
"mini"
type=
"success"
icon=
"el-icon-s-data"
@
click=
"toAdd"
>
图表
</el-button>
-->
<!--
<el-button
size=
"mini"
type=
"warning"
icon=
"el-icon-document"
@
click=
"toAdd"
>
导出
</el-button>
-->
</div>
<div
class=
"content"
>
<el-table
:data=
"tableData"
v-loading=
"loading"
border
style=
"width:auto"
:row-class-name=
"tableRowClassName"
>
<el-table-column
prop=
"formId"
label=
"设备名称"
align=
"center"
></el-table-column>
<el-table-column
prop=
"username"
label=
"设备编号"
align=
"center"
></el-table-column>
<el-table-column
prop=
"carNo"
label=
"报警"
align=
"center"
></el-table-column>
<el-table-column
prop=
"createTime"
label=
"监测时间"
align=
"center"
></el-table-column>
<el-table-column
prop=
"carClass"
label=
"风速"
align=
"center"
></el-table-column>
<el-table-column
prop=
"carClass"
label=
"温度"
align=
"center"
></el-table-column>
<el-table-column
prop=
"carClass"
label=
"大气压"
align=
"center"
></el-table-column>
<el-table-column
prop=
"carClass"
label=
"LPM2.5"
align=
"center"
></el-table-column>
<el-table-column
prop=
"carClass"
label=
"LTSP"
align=
"center"
></el-table-column>
<el-table-column
prop=
"carClass"
label=
"LPM10"
align=
"center"
></el-table-column>
<el-table-column
prop=
"carClass"
label=
"湿度"
align=
"center"
></el-table-column>
<el-table-column
prop=
"carClass"
label=
"风向"
align=
"center"
></el-table-column>
</el-table>
<!--分页组件-->
<el-pagination
:total=
"total"
:current-page=
"page"
style=
"margin-top: 8px;"
layout=
"total, prev, pager, next, sizes"
@
size-change=
"sizeChange"
@
current-change=
"pageChange"
/>
</div>
</div>
</div>
</div>
</div>
<!-- 表单渲染 -->
<el-dialog
append-to-body
:close-on-click-modal=
"false"
:before-close=
"cancelForm"
:visible.sync=
"visible"
:title=
"title"
width=
"800px"
>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button
type=
"text"
@
click=
"cancelForm"
>
取消
</el-button>
<el-button
type=
"primary"
@
click=
"submitForm('formViewRef', formData)"
>
确认
</el-button>
</div>
</el-dialog>
</div>
</
template
>
<
script
>
import
{
Tools
,
HttpReq
,
Dates
}
from
'
@/assets/js/common.js
'
;
import
mars3dViewerMap
from
"
../../../components/mars3d/Map5.vue
"
;
import
*
as
mars3d
from
"
mars3d
"
;
import
*
as
Cesium
from
"
mars3d-cesium
"
;
import
kongzhidiantubiao
from
"
../../../assets/images/cutGraph/kongzhidian1.png
"
;
export
default
{
name
:
'
environmentalAlarm
'
,
components
:
{
mars3dViewerMap
,
},
data
()
{
const
basePathUrl
=
window
.
basePathUrl
||
''
return
{
configUrl
:
basePathUrl
+
'
config/config.json
'
,
title
:
'
图表
'
,
visible
:
false
,
loading
:
false
,
stuOpts
:
[
{
label
:
'
离线
'
,
value
:
0
},
{
label
:
'
在线
'
,
value
:
1
},
],
page
:
1
,
size
:
10
,
total
:
0
,
query
:
{},
tableData
:
[],
}
},
mounted
()
{
this
.
$nextTick
(()
=>
{
this
.
loadData
();
})
},
methods
:
{
loadData
()
{
var
sort
=
'
id,desc
'
;
var
param
=
this
.
query
;
param
.
page
=
this
.
page
-
1
;
param
.
pageSize
=
this
.
size
;
param
.
sort
=
sort
;
this
.
$nextTick
(()
=>
{
//获取安检信息
HttpReq
.
truckDispatching
.
ajReportListFind
(
param
).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
loading
=
false
;
this
.
tableData
=
res
.
data
.
records
;
this
.
total
=
res
.
data
.
total
;
}
})
})
},
toAdd
()
{
this
.
title
=
'
新增
'
;
this
.
visible
=
true
;
},
toEdit
()
{
},
toDelete
(
item
)
{
var
id
=
item
.
id
;
this
.
$confirm
(
'
确认删除该条数据吗?
'
,
'
提示
'
,
{
confirmButtonText
:
'
确定
'
,
cancelButtonText
:
'
取消
'
,
type
:
'
warning
'
}).
then
((
e
)
=>
{
}).
catch
((
e
)
=>
{
})
},
cancelForm
()
{
this
.
visible
=
false
;
},
tableRowClassName
({
row
,
rowIndex
})
{
},
// 点击搜索
toSearch
()
{
this
.
page
=
1
;
this
.
loadData
();
},
// 重置搜索
clearLimit
()
{
this
.
query
=
{};
this
.
loadData
()
},
pageChange
(
e
)
{
this
.
page
=
e
this
.
loadData
()
},
sizeChange
(
e
)
{
this
.
page
=
1
this
.
size
=
e
this
.
loadData
()
},
submitForm
(
validateName
,
item
)
{
this
.
$refs
[
validateName
].
validate
(
valid
=>
{
if
(
valid
)
{
// if (this.title === '新增') {
// this.reqAddItem(this.form, item)
// } else {
// this.reqUpdateItem(this.form, item)
// }
alert
(
9999
);
}
});
},
},
}
</
script
>
<
style
rel=
"stylesheet/scss"
lang=
"scss"
scope
>
.el-table
.warning-row
{
background
:
oldlace
;
}
.el-table
.success-row
{
background
:
#f0f9eb
;
}
.cell-input
{
//min-width: 220px;
}
.form-cell
{
margin
:
0
!
important
;
width
:
100%
;
}
.grid-content
{
//border: 1px solid rgba(100, 100, 100, 0.1);
padding
:
5px
30px
;
}
.cell-box
.el-input__inner
{
border
:
1px
solid
rgba
(
100
,
100
,
100
,
0
.1
);
}
.cell-box
.el-input.is-disabled
.el-input__inner
{
border
:
1px
solid
rgba
(
100
,
100
,
100
,
0
.1
);
background
:
white
;
cursor
:
text
;
}
.cell-box
.el-input.is-disabled
.el-input__icon
{
cursor
:
text
;
}
.cell-box
.el-icon-arrow-up
:before
{
content
:
''
;
}
.mapcontainer
{
height
:
30vh
;
width
:
680px
;
overflow
:
hidden
;
}
</
style
>
src/views/slopeMonitoring/environmentalMonitoring/index.vue
0 → 100644
View file @
9cdbf5c4
<
template
>
<div
class=
"common-page device-manage"
>
<div
class=
"option page-row"
>
<!--工具栏-->
<div
class=
"head-container"
>
<!-- 搜索 -->
<label
class=
"el-form-item-label"
style=
"font-weight: 500;"
>
设备号
</label>
<el-input
v-model=
"query.formId"
clearable
size=
"small"
placeholder=
"请输入设备号"
style=
"width:180px;"
/>
<label
class=
"el-form-item-label"
style=
"font-weight: 500;"
>
报警状态
</label>
<el-select
v-model=
"query.stu"
placeholder=
"请选择"
>
<el-option
v-for=
"item in stuOpts"
:key=
"item.value"
:label=
"item.label"
:value=
"item.value"
></el-option>
</el-select>
<label
class=
"el-form-item-label"
style=
"font-weight: 500;"
>
日期范围
</label>
<el-date-picker
v-model=
"query.createTime"
type=
"datetimerange"
value-format=
"yyyy-MM-dd HH:MM:SS"
range-separator=
"至"
start-placeholder=
"开始日期"
end-placeholder=
"结束日期"
>
</el-date-picker>
<el-button
size=
"mini"
type=
"success"
icon=
"el-icon-search"
@
click=
"toSearch"
>
搜索
</el-button>
<el-button
size=
"mini"
icon=
"el-icon-refresh"
@
click=
"clearLimit"
>
重置
</el-button>
</div>
</div>
<!-- 表格 -->
<div
class=
"panel-bottom page-row"
>
<div
class=
"ctin-box"
>
<div
class=
"content-within"
>
<div
class=
"content-fix"
>
<div
class=
"toolbar"
style=
"text-align:right"
>
<!--
<el-button
size=
"mini"
type=
"primary"
icon=
"el-icon-refresh"
@
click=
"loadData"
>
刷新
</el-button>
-->
<!--
<el-button
size=
"mini"
type=
"success"
icon=
"el-icon-s-data"
@
click=
"toAdd"
>
图表
</el-button>
-->
<!--
<el-button
size=
"mini"
type=
"warning"
icon=
"el-icon-document"
@
click=
"toAdd"
>
导出
</el-button>
-->
</div>
<div
class=
"content"
>
<el-table
:data=
"tableData"
v-loading=
"loading"
border
style=
"width:auto"
:row-class-name=
"tableRowClassName"
>
<el-table-column
prop=
"formId"
label=
"设备名称"
align=
"center"
></el-table-column>
<el-table-column
prop=
"username"
label=
"设备编号"
align=
"center"
></el-table-column>
<el-table-column
prop=
"carNo"
label=
"连接状态"
align=
"center"
></el-table-column>
<el-table-column
prop=
"createTime"
label=
"监测时间"
align=
"center"
></el-table-column>
<el-table-column
prop=
"carClass"
label=
"风速"
align=
"center"
></el-table-column>
<el-table-column
prop=
"carClass"
label=
"温度"
align=
"center"
></el-table-column>
<el-table-column
prop=
"carClass"
label=
"大气压"
align=
"center"
></el-table-column>
<el-table-column
prop=
"carClass"
label=
"LPM2.5"
align=
"center"
></el-table-column>
<el-table-column
prop=
"carClass"
label=
"LTSP"
align=
"center"
></el-table-column>
<el-table-column
prop=
"carClass"
label=
"LPM10"
align=
"center"
></el-table-column>
<el-table-column
prop=
"carClass"
label=
"湿度"
align=
"center"
></el-table-column>
<el-table-column
prop=
"carClass"
label=
"风向"
align=
"center"
></el-table-column>
</el-table>
<!--分页组件-->
<el-pagination
:total=
"total"
:current-page=
"page"
style=
"margin-top: 8px;"
layout=
"total, prev, pager, next, sizes"
@
size-change=
"sizeChange"
@
current-change=
"pageChange"
/>
</div>
</div>
</div>
</div>
</div>
<!-- 表单渲染 -->
<el-dialog
append-to-body
:close-on-click-modal=
"false"
:before-close=
"cancelForm"
:visible.sync=
"visible"
:title=
"title"
width=
"800px"
>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button
type=
"text"
@
click=
"cancelForm"
>
取消
</el-button>
<el-button
type=
"primary"
@
click=
"submitForm('formViewRef', formData)"
>
确认
</el-button>
</div>
</el-dialog>
</div>
</
template
>
<
script
>
import
{
Tools
,
HttpReq
,
Dates
}
from
'
@/assets/js/common.js
'
;
import
mars3dViewerMap
from
"
../../../components/mars3d/Map5.vue
"
;
import
*
as
mars3d
from
"
mars3d
"
;
import
*
as
Cesium
from
"
mars3d-cesium
"
;
import
kongzhidiantubiao
from
"
../../../assets/images/cutGraph/kongzhidian1.png
"
;
export
default
{
name
:
'
environmentalMonitoring
'
,
components
:
{
mars3dViewerMap
,
},
data
()
{
const
basePathUrl
=
window
.
basePathUrl
||
''
return
{
configUrl
:
basePathUrl
+
'
config/config.json
'
,
title
:
'
图表
'
,
visible
:
false
,
loading
:
false
,
stuOpts
:
[
{
label
:
'
离线
'
,
value
:
0
},
{
label
:
'
在线
'
,
value
:
1
},
],
page
:
1
,
size
:
10
,
total
:
0
,
query
:
{},
tableData
:
[],
}
},
mounted
()
{
this
.
$nextTick
(()
=>
{
this
.
loadData
();
})
},
methods
:
{
loadData
()
{
var
sort
=
'
id,desc
'
;
var
param
=
this
.
query
;
param
.
page
=
this
.
page
-
1
;
param
.
pageSize
=
this
.
size
;
param
.
sort
=
sort
;
this
.
$nextTick
(()
=>
{
//获取安检信息
HttpReq
.
truckDispatching
.
ajReportListFind
(
param
).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
loading
=
false
;
this
.
tableData
=
res
.
data
.
records
;
this
.
total
=
res
.
data
.
total
;
}
})
})
},
toAdd
()
{
this
.
title
=
'
新增
'
;
this
.
visible
=
true
;
},
toEdit
()
{
},
toDelete
(
item
)
{
var
id
=
item
.
id
;
this
.
$confirm
(
'
确认删除该条数据吗?
'
,
'
提示
'
,
{
confirmButtonText
:
'
确定
'
,
cancelButtonText
:
'
取消
'
,
type
:
'
warning
'
}).
then
((
e
)
=>
{
}).
catch
((
e
)
=>
{
})
},
cancelForm
()
{
this
.
visible
=
false
;
},
tableRowClassName
({
row
,
rowIndex
})
{
},
// 点击搜索
toSearch
()
{
this
.
page
=
1
;
this
.
loadData
();
},
// 重置搜索
clearLimit
()
{
this
.
query
=
{};
this
.
loadData
()
},
pageChange
(
e
)
{
this
.
page
=
e
this
.
loadData
()
},
sizeChange
(
e
)
{
this
.
page
=
1
this
.
size
=
e
this
.
loadData
()
},
submitForm
(
validateName
,
item
)
{
this
.
$refs
[
validateName
].
validate
(
valid
=>
{
if
(
valid
)
{
// if (this.title === '新增') {
// this.reqAddItem(this.form, item)
// } else {
// this.reqUpdateItem(this.form, item)
// }
alert
(
9999
);
}
});
},
},
}
</
script
>
<
style
rel=
"stylesheet/scss"
lang=
"scss"
scope
>
.el-table
.warning-row
{
background
:
oldlace
;
}
.el-table
.success-row
{
background
:
#f0f9eb
;
}
.cell-input
{
//min-width: 220px;
}
.form-cell
{
margin
:
0
!
important
;
width
:
100%
;
}
.grid-content
{
//border: 1px solid rgba(100, 100, 100, 0.1);
padding
:
5px
30px
;
}
.cell-box
.el-input__inner
{
border
:
1px
solid
rgba
(
100
,
100
,
100
,
0
.1
);
}
.cell-box
.el-input.is-disabled
.el-input__inner
{
border
:
1px
solid
rgba
(
100
,
100
,
100
,
0
.1
);
background
:
white
;
cursor
:
text
;
}
.cell-box
.el-input.is-disabled
.el-input__icon
{
cursor
:
text
;
}
.cell-box
.el-icon-arrow-up
:before
{
content
:
''
;
}
.mapcontainer
{
height
:
30vh
;
width
:
680px
;
overflow
:
hidden
;
}
</
style
>
src/views/slopeMonitoring/precipitationLog/index.vue
View file @
9cdbf5c4
...
...
@@ -55,8 +55,7 @@
</div>
<!-- 表单渲染 -->
<el-dialog
append-to-body
:close-on-click-modal=
"false"
:before-close=
"cancelForm"
:visible.sync=
"visible"
:title=
"title"
width=
"800px"
>
<el-form
:model=
"formData"
:rules=
"rules"
ref=
"formViewRef"
:inline=
"true"
:status-icon=
"true"
size=
"mini"
>
</el-form>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button
type=
"text"
@
click=
"cancelForm"
>
取消
</el-button>
<el-button
type=
"primary"
@
click=
"submitForm('formViewRef', formData)"
>
确认
</el-button>
...
...
@@ -85,38 +84,15 @@ export default {
title
:
'
图表
'
,
visible
:
false
,
loading
:
false
,
page
:
1
,
size
:
10
,
total
:
0
,
query
:
{},
stuOpts
:
[
{
label
:
'
离线
'
,
value
:
0
},
{
label
:
'
在线
'
,
value
:
1
},
],
sdOptions
:
[
{
label
:
'
一类设备
'
,
value
:
1
}
,
{
label
:
'
二类设备
'
,
value
:
2
}
,
]
,
page
:
1
,
size
:
10
,
total
:
0
,
query
:
{}
,
tableData
:
[],
formData
:
{
lng
:
''
,
lat
:
''
,
name
:
''
,
devType
:
''
,
devNo
:
''
,
devUnit
:
''
,
installDate
:
''
,
manufactor
:
''
,
},
rules
:
{
lng
:
{
required
:
true
,
message
:
'
请在地图上放置设备
'
,
trigger
:
'
blur
'
},
name
:
{
required
:
true
,
message
:
'
'
,
trigger
:
'
blur
'
},
devType
:
{
required
:
true
,
message
:
'
'
,
trigger
:
'
blur
'
},
devNo
:
{
required
:
true
,
message
:
'
'
,
trigger
:
'
blur
'
},
devUnit
:
{
required
:
true
,
message
:
'
'
,
trigger
:
'
blur
'
},
installDate
:
{
required
:
true
,
message
:
'
'
,
trigger
:
'
blur
'
},
manufactor
:
{
required
:
true
,
message
:
'
'
,
trigger
:
'
blur
'
},
},
}
},
mounted
()
{
...
...
@@ -125,40 +101,6 @@ export default {
})
},
methods
:
{
onMapload
(
map
)
{
map
.
unbindContextMenu
();
var
graphicLayer
=
new
mars3d
.
layer
.
GraphicLayer
();
map
.
addLayer
(
graphicLayer
);
const
graphic
=
new
mars3d
.
graphic
.
PointEntity
({
style
:
{
color
:
"
#ff0000
"
,
pixelSize
:
10
,
outlineColor
:
"
#ffffff
"
,
outlineWidth
:
2
,
label
:
{
text
:
"
放置位置
"
,
font_size
:
18
,
color
:
"
#ff0000
"
,
outline
:
true
,
outlineColor
:
"
#000000
"
,
outlineWidth
:
5
,
pixelOffsetY
:
-
24
,
distanceDisplayCondition
:
true
,
distanceDisplayCondition_far
:
500000
,
distanceDisplayCondition_near
:
0
}
},
})
graphicLayer
.
addGraphic
(
graphic
);
map
.
on
(
mars3d
.
EventType
.
click
,
(
event
)
=>
{
let
p
=
mars3d
.
LngLatPoint
.
fromCartesian
(
event
.
cartesian
);
this
.
formData
.
lng
=
p
.
lng
;
this
.
formData
.
lat
=
p
.
lat
;
graphicLayer
.
eachGraphic
((
graphic
)
=>
{
graphic
.
addDynamicPosition
(
Cesium
.
Cartesian3
.
fromDegrees
(
p
.
lng
,
p
.
lat
,
0
),
0
)
})
});
},
loadData
()
{
var
sort
=
'
id,desc
'
;
var
param
=
this
.
query
;
...
...
src/views/slopeMonitoring/surfaceDisplacementLog/index.vue
View file @
9cdbf5c4
...
...
@@ -56,8 +56,6 @@
</div>
<!-- 表单渲染 -->
<el-dialog
append-to-body
:close-on-click-modal=
"false"
:before-close=
"cancelForm"
:visible.sync=
"visible"
:title=
"title"
width=
"800px"
>
<el-form
:model=
"formData"
:rules=
"rules"
ref=
"formViewRef"
:inline=
"true"
:status-icon=
"true"
size=
"mini"
>
</el-form>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button
type=
"text"
@
click=
"cancelForm"
>
取消
</el-button>
<el-button
type=
"primary"
@
click=
"submitForm('formViewRef', formData)"
>
确认
</el-button>
...
...
@@ -86,38 +84,15 @@ export default {
title
:
'
图表
'
,
visible
:
false
,
loading
:
false
,
page
:
1
,
size
:
10
,
total
:
0
,
query
:
{},
stuOpts
:
[
{
label
:
'
离线
'
,
value
:
0
},
{
label
:
'
在线
'
,
value
:
1
},
],
sdOptions
:
[
{
label
:
'
一类设备
'
,
value
:
1
}
,
{
label
:
'
二类设备
'
,
value
:
2
}
,
]
,
page
:
1
,
size
:
10
,
total
:
0
,
query
:
{}
,
tableData
:
[],
formData
:
{
lng
:
''
,
lat
:
''
,
name
:
''
,
devType
:
''
,
devNo
:
''
,
devUnit
:
''
,
installDate
:
''
,
manufactor
:
''
,
},
rules
:
{
lng
:
{
required
:
true
,
message
:
'
请在地图上放置设备
'
,
trigger
:
'
blur
'
},
name
:
{
required
:
true
,
message
:
'
'
,
trigger
:
'
blur
'
},
devType
:
{
required
:
true
,
message
:
'
'
,
trigger
:
'
blur
'
},
devNo
:
{
required
:
true
,
message
:
'
'
,
trigger
:
'
blur
'
},
devUnit
:
{
required
:
true
,
message
:
'
'
,
trigger
:
'
blur
'
},
installDate
:
{
required
:
true
,
message
:
'
'
,
trigger
:
'
blur
'
},
manufactor
:
{
required
:
true
,
message
:
'
'
,
trigger
:
'
blur
'
},
},
}
},
mounted
()
{
...
...
@@ -126,40 +101,6 @@ export default {
})
},
methods
:
{
onMapload
(
map
)
{
map
.
unbindContextMenu
();
var
graphicLayer
=
new
mars3d
.
layer
.
GraphicLayer
();
map
.
addLayer
(
graphicLayer
);
const
graphic
=
new
mars3d
.
graphic
.
PointEntity
({
style
:
{
color
:
"
#ff0000
"
,
pixelSize
:
10
,
outlineColor
:
"
#ffffff
"
,
outlineWidth
:
2
,
label
:
{
text
:
"
放置位置
"
,
font_size
:
18
,
color
:
"
#ff0000
"
,
outline
:
true
,
outlineColor
:
"
#000000
"
,
outlineWidth
:
5
,
pixelOffsetY
:
-
24
,
distanceDisplayCondition
:
true
,
distanceDisplayCondition_far
:
500000
,
distanceDisplayCondition_near
:
0
}
},
})
graphicLayer
.
addGraphic
(
graphic
);
map
.
on
(
mars3d
.
EventType
.
click
,
(
event
)
=>
{
let
p
=
mars3d
.
LngLatPoint
.
fromCartesian
(
event
.
cartesian
);
this
.
formData
.
lng
=
p
.
lng
;
this
.
formData
.
lat
=
p
.
lat
;
graphicLayer
.
eachGraphic
((
graphic
)
=>
{
graphic
.
addDynamicPosition
(
Cesium
.
Cartesian3
.
fromDegrees
(
p
.
lng
,
p
.
lat
,
0
),
0
)
})
});
},
loadData
()
{
var
sort
=
'
id,desc
'
;
var
param
=
this
.
query
;
...
...
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