Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
F
founder_vue
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
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
常超
founder_vue
Commits
e1f82e43
Commit
e1f82e43
authored
Mar 16, 2022
by
xue_wengang
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
大屏南海诸岛
parent
c9895abb
Expand all
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
117 additions
and
12 deletions
+117
-12
public/map/china.json
+0
-0
src/views/index/kshData.vue
+55
-6
src/views/jcyjzxt/lkyj.vue
+62
-6
No files found.
public/map/china.json
0 → 100644
View file @
e1f82e43
This diff is collapsed.
Click to expand it.
src/views/index/kshData.vue
View file @
e1f82e43
...
@@ -191,6 +191,11 @@
...
@@ -191,6 +191,11 @@
v-loading=
"ssLoading"
v-loading=
"ssLoading"
element-loading-text=
"拼命加载中"
element-loading-text=
"拼命加载中"
></div>
></div>
<div
id=
"bjChart"
v-loading=
"bjLoading"
element-loading-text=
"拼命加载中"
></div>
</div>
</div>
<div
v-else
class=
"daping_box_content"
>
<div
v-else
class=
"daping_box_content"
>
<div
class=
"daping_box_content2_top"
>
<div
class=
"daping_box_content2_top"
>
...
@@ -347,6 +352,7 @@ export default {
...
@@ -347,6 +352,7 @@ export default {
name
:
"index1"
,
name
:
"index1"
,
data
()
{
data
()
{
return
{
return
{
bjLoading
:
true
,
isNum
:
true
,
isNum
:
true
,
queryNum
:
"460000"
,
queryNum
:
"460000"
,
grade
:
sessionStorage
.
getItem
(
"grade"
),
grade
:
sessionStorage
.
getItem
(
"grade"
),
...
@@ -655,6 +661,7 @@ export default {
...
@@ -655,6 +661,7 @@ export default {
this
.
getJrczcs
();
//活跃用户
this
.
getJrczcs
();
//活跃用户
this
.
getZhrys
();
//在逃人员数
this
.
getZhrys
();
//在逃人员数
this
.
maMapTongJi
();
//地图上图统计
this
.
maMapTongJi
();
//地图上图统计
this
.
renderBj
();
axios
.
get
(
`map/460000.json`
).
then
((
res
)
=>
{
axios
.
get
(
`map/460000.json`
).
then
((
res
)
=>
{
self
.
$echarts
.
registerMap
(
self
.
queryNum
,
res
);
self
.
$echarts
.
registerMap
(
self
.
queryNum
,
res
);
});
});
...
@@ -1032,6 +1039,7 @@ export default {
...
@@ -1032,6 +1039,7 @@ export default {
this
.
maMapTongJiLoading
=
false
;
this
.
maMapTongJiLoading
=
false
;
},
},
renderSs
(
dataList
)
{
renderSs
(
dataList
)
{
console
.
log
(
document
.
getElementById
(
"ssChart"
));
let
myChart
=
this
.
$echarts
.
init
(
document
.
getElementById
(
"ssChart"
));
let
myChart
=
this
.
$echarts
.
init
(
document
.
getElementById
(
"ssChart"
));
$
.
get
(
`map/460300.json`
,
(
data
)
=>
{
$
.
get
(
`map/460300.json`
,
(
data
)
=>
{
this
.
$echarts
.
registerMap
(
460300
,
data
);
this
.
$echarts
.
registerMap
(
460300
,
data
);
...
@@ -1041,7 +1049,7 @@ export default {
...
@@ -1041,7 +1049,7 @@ export default {
borderColor
:
"#FFE45C"
,
borderColor
:
"#FFE45C"
,
borderWidth
:
1
,
borderWidth
:
1
,
formatter
:
function
(
params
)
{
formatter
:
function
(
params
)
{
debugger
debugger
;
if
(
params
.
seriesType
==
"scatter"
)
{
if
(
params
.
seriesType
==
"scatter"
)
{
return
(
return
(
'<div style="padding:0px 10px 10px 10px;"><span style="margin-right:5px;display:inline-block;width:10px;height:10px;border-radius:5px;background-color:#ddb926;"></span><span style="color:yellow;">'
+
'<div style="padding:0px 10px 10px 10px;"><span style="margin-right:5px;display:inline-block;width:10px;height:10px;border-radius:5px;background-color:#ddb926;"></span><span style="color:yellow;">'
+
...
@@ -1119,7 +1127,7 @@ export default {
...
@@ -1119,7 +1127,7 @@ export default {
// visualMap: false,
// visualMap: false,
itemStyle
:
{
itemStyle
:
{
normal
:
{
normal
:
{
color
:
'#E0D117'
,
color
:
"#E0D117"
,
},
},
},
},
emphasis
:
{
emphasis
:
{
...
@@ -1138,6 +1146,39 @@ export default {
...
@@ -1138,6 +1146,39 @@ export default {
height
:
$
(
"#ssChart"
).
height
(),
height
:
$
(
"#ssChart"
).
height
(),
});
});
},
},
renderBj
(){
let
myChart
=
this
.
$echarts
.
init
(
document
.
getElementById
(
"bjChart"
));
$
.
get
(
`map/china.json`
,
(
data
)
=>
{
this
.
$echarts
.
registerMap
(
'china'
,
data
);
myChart
.
setOption
({
geo
:
{
show
:
true
,
map
:
'china'
,
center
:
[
129.244
,
20.725
],
zoom
:
10
,
itemStyle
:
{
normal
:
{
areaColor
:
"#0c97cb"
,
borderColor
:
"#10f7ff"
,
borderWidth
:
1
,
borderType
:
"solid"
,
shadowBlur
:
3
,
opacity
:
1
,
},
emphasis
:
{
areaColor
:
"#0c97cb"
,
},
},
},
});
});
// 绘制图表
this
.
bjLoading
=
false
;
myChart
.
resize
({
width
:
$
(
"#bjChart"
).
width
(),
height
:
$
(
"#bjChart"
).
height
(),
});
},
getNum
()
{
getNum
()
{
let
self
=
this
;
let
self
=
this
;
//初始化
//初始化
...
@@ -1504,9 +1545,9 @@ export default {
...
@@ -1504,9 +1545,9 @@ export default {
containLabel
:
true
,
containLabel
:
true
,
},
},
legend
:
{
legend
:
{
left
:
"
7
0%"
,
//图例距离左的距离
left
:
"
8
0%"
,
//图例距离左的距离
y
:
"10px"
,
//图例上下居中
y
:
"10px"
,
//图例上下居中
data
:
[
"发案数"
,
"破案数"
],
data
:
[
"发案数"
],
textStyle
:
{
textStyle
:
{
//图例文字的样式
//图例文字的样式
color
:
"#B0BAD3"
,
color
:
"#B0BAD3"
,
...
@@ -3172,7 +3213,7 @@ export default {
...
@@ -3172,7 +3213,7 @@ export default {
.daping_map_ys
{
.daping_map_ys
{
position
:
absolute
;
position
:
absolute
;
/*width: 30px;*/
/*width: 30px;*/
right
:
2
00px
;
left
:
3
00px
;
bottom
:
350px
;
bottom
:
350px
;
z-index
:
10
;
z-index
:
10
;
font-size
:
14px
;
font-size
:
14px
;
...
@@ -3337,7 +3378,15 @@ export default {
...
@@ -3337,7 +3378,15 @@ export default {
position
:
absolute
;
position
:
absolute
;
z-index
:
999
;
z-index
:
999
;
bottom
:
200px
;
bottom
:
200px
;
right
:
15%
;
right
:
20%
;
}
#bjChart
{
width
:
100px
;
height
:
150px
;
position
:
absolute
;
z-index
:
999
;
bottom
:
260px
;
right
:
13%
;
}
}
</
style
>
</
style
>
<
style
lang=
"scss"
>
<
style
lang=
"scss"
>
...
...
src/views/jcyjzxt/lkyj.vue
View file @
e1f82e43
<
template
>
<
template
>
<div
class=
"Content"
>
<div
class=
"Content"
>
<right-content
<right-content
:tableOperationWidth=
"tableOperationWidth"
:tableOperation=
"true"
:tableOperation=
"true"
:pageBs=
"pageBs"
:pageBs=
"pageBs"
:header=
"header"
:header=
"header"
...
@@ -26,11 +27,6 @@
...
@@ -26,11 +27,6 @@
<span
@
click=
"jcyjHcyp(scope.scope)"
class=
"hbyp"
>
合成研判
</span>
<span
@
click=
"jcyjHcyp(scope.scope)"
class=
"hbyp"
>
合成研判
</span>
<span
@
click=
"jcyjAddZczl(scope.scope)"
class=
"hbyp"
>
下达指令
</span>
<span
@
click=
"jcyjAddZczl(scope.scope)"
class=
"hbyp"
>
下达指令
</span>
<span
@
click=
"dele(scope.scope)"
class=
"hbyp"
>
删除
</span>
<span
@
click=
"dele(scope.scope)"
class=
"hbyp"
>
删除
</span>
<!--
<el-button-group
>
-->
<!--
<el-button
@
click=
"jcyjHcyp(scope.scope)"
type=
"text"
>
合成研判
</el-button>
-->
<!--
<el-button
@
click=
"jcyjAddZczl(scope.scope)"
type=
"text"
>
下达指令
</el-button>
-->
<!--
<el-button
@
click=
"dele(scope.scope)"
type=
"text"
>
删除
</el-button>
-->
<!--
</el-button-group>
-->
</
template
>
</
template
>
</right-content>
</right-content>
...
@@ -83,6 +79,7 @@ export default {
...
@@ -83,6 +79,7 @@ export default {
},
},
data
()
{
data
()
{
return
{
return
{
tableOperationWidth
:
300
,
selectedId
:
[],
selectedId
:
[],
SJLYLIST
:
[],
SJLYLIST
:
[],
header
:
"监测预警"
,
header
:
"监测预警"
,
...
@@ -284,9 +281,64 @@ export default {
...
@@ -284,9 +281,64 @@ export default {
}
}
};
};
</
script
>
</
script
>
<
style
>
.el-dialog__body
{
padding
:
10px
15px
!important
;
}
.rightContent
.el-input__inner
,
#formCommonPage
.el-input__inner
{
height
:
32px
;
line-height
:
32px
;
font-family
:
inherit
;
}
.el-table__header-wrapper
th
,
.el-table__header-wrapper
tr
{
background
:
#f4f6f7
;
}
.rightContent
.el-input__icon
,
#formCommonPage
.el-input__icon
,
.el-input__suffix-inner
{
line-height
:
36px
;
}
.rightContent
.el-range-separator
{
position
:
relative
;
top
:
-4px
;
}
.rightContent
.el-textarea__inner
,
#formCommonPage
.el-textarea__inner
{
width
:
100%
;
font-family
:
inherit
;
}
.rightContent
.el-range-input
,
#formCommonPage
.el-range-input
{
vertical-align
:
top
;
}
.rightContent
.el-date-editor
.el-range__close-icon
{
margin-top
:
-4px
;
}
.rightContent
.el-form-item__error
{
left
:
calc
(
66%
-
27px
);
top
:
12px
;
}
.success-row
{
background-color
:
#fbf9f4
!important
;
}
.Content
.el-input
,
.Content
.el-date-editor--daterange.el-input__inner
{
width
:
100%
!important
;
}
</
style
>
<
style
scoped
lang=
"scss"
>
<
style
scoped
lang=
"scss"
>
.el-form-item
{
margin
:
15px
0
20px
0
;
}
.red
{
color
:
red
;
}
.black
{
color
:
black
;
}
@import
"@/assets/styles/rightContent.scss"
;
@import
"@/assets/styles/rightContent.scss"
;
.hbyp
{
.hbyp
{
font-size
:
14px
;
font-size
:
14px
;
font-family
:
Source
Han
Sans
CN
;
font-family
:
Source
Han
Sans
CN
;
...
@@ -296,4 +348,8 @@ export default {
...
@@ -296,4 +348,8 @@ export default {
margin-right
:
16px
;
margin-right
:
16px
;
cursor
:
pointer
;
cursor
:
pointer
;
}
}
.gzClass
{
color
:
#555
;
cursor
:
no-drop
;
}
</
style
>
</
style
>
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