Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Contribute to GitLab
Sign in / Register
Toggle navigation
D
dashboard
Project
Project
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
郭铭瑶
dashboard
Commits
e9836d4e
Commit
e9836d4e
authored
Dec 06, 2019
by
郭铭瑶
🤘
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
疫病、产业专题接入mock数据
parent
f35326ba
Hide whitespace changes
Inline
Side-by-side
Showing
11 changed files
with
430 additions
and
269 deletions
+430
-269
webpack.base.conf.js
build/webpack.base.conf.js
+1
-0
index.html
index.html
+1
-1
monitor-chart.vue
src/components/MonitorChart/monitor-chart.vue
+23
-4
disease-list.vue
src/views/guangdong/components/disease-list.vue
+2
-2
disease-pie.vue
src/views/guangdong/components/disease-pie.vue
+0
-80
list.vue
src/views/guangdong/components/list.vue
+6
-2
map.vue
src/views/guangdong/components/map.vue
+90
-33
gd-disease.vue
src/views/guangdong/gd-disease.vue
+72
-56
gd-industry.vue
src/views/guangdong/gd-industry.vue
+69
-91
gd-disease.json
static/gd-disease.json
+126
-0
gd-industry.json
static/gd-industry.json
+40
-0
No files found.
build/webpack.base.conf.js
View file @
e9836d4e
...
...
@@ -36,6 +36,7 @@ module.exports = {
alias
:
{
'vue$'
:
'vue/dist/vue.esm.js'
,
'@'
:
resolve
(
'src'
),
'#'
:
resolve
(
'static'
),
}
},
module
:
{
...
...
index.html
View file @
e9836d4e
...
...
@@ -7,7 +7,7 @@
<title>
dashboard
</title>
<style>
html
{
font-size
:
1.
8
vh
;
font-size
:
1.
6
vh
;
}
</style>
<script
language=
"javascript"
src=
"http://webapi.amap.com/maps?v=1.4.15&key=ee2b5d5c0c44c768f1d2593eb4a7dfa6&plugin=Map3D,AMap.DistrictSearch,AMap.ControlBar"
></script>
...
...
src/components/MonitorChart/monitor-chart.vue
View file @
e9836d4e
...
...
@@ -31,7 +31,9 @@ export default {
},
},
mounted
()
{
this
.
$nextTick
(
this
.
init
)
if
(
this
.
data
.
length
>
0
)
{
this
.
$nextTick
(
this
.
init
)
}
},
methods
:
{
init
()
{
...
...
@@ -46,12 +48,20 @@ export default {
options
.
grid
=
Object
.
assign
(
this
.
defaultOptions
.
grid
,
this
.
options
.
grid
)
options
.
tooltip
=
Object
.
assign
(
this
.
defaultOptions
.
tooltip
,
this
.
options
.
tooltip
)
options
.
xAxis
=
Object
.
assign
(
this
.
defaultOptions
.
xAxis
,
this
.
options
.
xAxis
)
options
.
yAxis
=
Object
.
assign
(
this
.
defaultOptions
.
yAxis
,
this
.
options
.
yAxis
)
if
(
this
.
showLegend
)
{
options
.
legend
=
Object
.
assign
(
this
.
defaultOptions
.
legend
,
this
.
options
.
legend
)
if
(
this
.
options
.
series
.
type
===
'pie'
)
{
options
.
color
=
this
.
options
.
color
||
colors
options
.
series
=
[
this
.
options
.
series
]
options
.
series
[
0
].
data
=
options
.
legend
.
data
=
this
.
data
return
options
}
options
.
legend
.
data
=
this
.
data
.
map
(
item
=>
item
.
name
)
}
options
.
xAxis
=
Object
.
assign
(
this
.
defaultOptions
.
xAxis
,
this
.
options
.
xAxis
)
options
.
yAxis
=
Object
.
assign
(
this
.
defaultOptions
.
yAxis
,
this
.
options
.
yAxis
)
console
.
log
(
this
.
data
)
options
.
series
=
this
.
data
.
map
((
item
,
index
)
=>
{
let
color
=
colors
[
index
]
if
(
Array
.
isArray
(
color
))
{
...
...
@@ -152,7 +162,16 @@ export default {
// return Math.floor(window.innerWidth / 100) - 1
return
Math
.
floor
(
screen
.
height
*
1.48
/
100
)
},
}
},
watch
:
{
data
(
cur
,
past
)
{
console
.
log
(
'sss'
,
cur
,
past
)
if
(
cur
&&
cur
!==
past
&&
cur
.
length
>
0
)
{
this
.
init
()
}
}
},
}
</
script
>
...
...
src/views/guangdong/components/disease-list.vue
View file @
e9836d4e
...
...
@@ -3,14 +3,14 @@
<li
class=
"row"
>
<p>
市
</p>
<p>
次数
</p>
<p>
面积(
k㎡
)
</p>
<p>
面积(
亩
)
</p>
<p>
损失(万元)
</p>
</li>
<li
class=
"row"
v-for=
"(item, i) in list"
:key=
"item.name + i"
>
<p>
{{
item
.
name
}}
</p>
<p><m-count
:value=
"item.count"
:decimal=
"0"
/></p>
<p><m-count
:value=
"item.area"
/></p>
<p><b><m-count
:value=
"item.los
e
"
/></b></p>
<p><b><m-count
:value=
"item.los
s
"
/></b></p>
</li>
</ul>
</
template
>
...
...
src/views/guangdong/components/disease-pie.vue
deleted
100644 → 0
View file @
f35326ba
// 疫病灾害分析专题 - 灾害情报
<
template
>
<div
class=
"chart"
ref=
"chart"
/>
</
template
>
<
script
>
export
default
{
name
:
'DiseasePie'
,
data
()
{
return
{
data
:
[
{
name
:
'广州市'
,
value
:
14
,
icon
:
'circle'
},
{
name
:
'韶关市'
,
value
:
6
,
icon
:
'circle'
},
{
name
:
'深圳市'
,
value
:
6
,
icon
:
'circle'
},
{
name
:
'珠海市'
,
value
:
19
,
icon
:
'circle'
},
{
name
:
'汕头市'
,
value
:
9
,
icon
:
'circle'
},
{
name
:
'佛山市'
,
value
:
3
,
icon
:
'circle'
},
{
name
:
'江门市'
,
value
:
10
,
icon
:
'circle'
},
{
name
:
'湛江市'
,
value
:
7
,
icon
:
'circle'
},
{
name
:
'茂名市'
,
value
:
6
,
icon
:
'circle'
},
{
name
:
'肇庆市'
,
value
:
4
,
icon
:
'circle'
},
{
name
:
'惠州市'
,
value
:
4
,
icon
:
'circle'
},
{
name
:
'梅州市'
,
value
:
12
,
icon
:
'circle'
},
],
color
:
[
'#5BD5FF'
,
'#3391FF'
,
'#005ECC'
,
'#71C012'
,
'#589C20'
,
'#F47C1F'
,
'#FF9D27'
,
'#FFCE34'
,
'#FF8080'
,
'#CC4D4D'
,
'#C15CFF'
,
'#8400FF'
]
}
},
mounted
()
{
this
.
init
()
},
methods
:
{
init
()
{
const
chart
=
this
.
$echarts
.
init
(
this
.
$refs
.
chart
)
const
options
=
{
legend
:
{
orient
:
'vertical'
,
y
:
'center'
,
left
:
'50%'
,
height
:
'80%'
,
textStyle
:
{
color
:
'#ccc'
,
fontSize
:
this
.
fontSize
,
},
formatter
:
name
=>
{
const
item
=
this
.
data
.
find
(
el
=>
el
.
name
===
name
)
return
`
${
name
}
${
item
.
value
}
%`
},
data
:
this
.
data
,
},
tooltip
:
{
trigger
:
'item'
,
},
color
:
this
.
color
,
series
:
[
{
type
:
'pie'
,
label
:
{
show
:
false
,
},
center
:
[
'25%'
,
'50%'
],
data
:
this
.
data
,
},
],
}
chart
.
setOption
(
options
)
}
},
computed
:
{
fontSize
()
{
return
Math
.
floor
(
window
.
innerWidth
/
100
)
-
1
},
}
}
</
script
>
<
style
lang=
"stylus"
scoped
>
.chart
height 100%
width 100%
</
style
>
src/views/guangdong/components/list.vue
View file @
e9836d4e
...
...
@@ -3,7 +3,7 @@
<li
class=
"row"
v-for=
"(item, i) in list"
:key=
"item.name + i"
>
<p>
{{
item
.
name
}}
</p>
<p>
<b><m-count
:value=
"item.value"
/></b>
<b><m-count
:value=
"item.value"
:decimal=
"decimal"
/></b>
<span>
{{
item
.
unit
}}
</span>
</p>
</li>
...
...
@@ -19,7 +19,11 @@ export default {
default
()
{
return
[]
}
}
},
decimal
:
{
// 默认保留2位小数点
type
:
Number
,
default
:
2
,
},
}
}
</
script
>
...
...
src/views/guangdong/components/map.vue
View file @
e9836d4e
<
template
>
<div
class=
"map-wrapper"
>
<div
id=
"map"
/>
<div
v-if=
"data.length > 0"
class=
"visualmap"
>
<p>
高
</p>
<div
class=
"bar"
/>
<p>
低
</p>
</div>
</div>
</
template
>
<
script
>
import
guangdong
from
'echarts/map/json/province/guangdong.json'
export
default
{
name
:
'GuangdongMap'
,
props
:
{
data
:
{
type
:
Array
,
default
()
{
return
[]
}
}
},
data
()
{
return
{
locations
:
[],
...
...
@@ -19,6 +34,9 @@ export default {
{
name
:
'test'
,
value
:
[
115.980637
,
23.125178
]},
{
name
:
'test'
,
value
:
[
114.780637
,
24.125178
]},
],
config
:
{},
map
:
null
,
mapName
:
'guangdong'
,
}
},
mounted
()
{
...
...
@@ -26,7 +44,6 @@ export default {
},
methods
:
{
initMap
()
{
const
mapName
=
'guangdong'
// 调整label坐标位置
guangdong
.
features
.
forEach
(
el
=>
{
switch
(
el
.
properties
.
name
)
{
...
...
@@ -74,11 +91,11 @@ export default {
}
this
.
locations
.
push
({
name
:
el
.
properties
.
name
,
value
:
el
.
properties
.
cp
})
})
this
.
$echarts
.
registerMap
(
mapName
,
guangdong
)
const
map
=
this
.
$echarts
.
init
(
document
.
getElementById
(
'map'
))
const
config
=
{
this
.
$echarts
.
registerMap
(
this
.
mapName
,
guangdong
)
this
.
map
=
this
.
$echarts
.
init
(
document
.
getElementById
(
'map'
))
this
.
config
=
{
geo
:
{
map
:
mapName
,
map
:
this
.
mapName
,
top
:
80
,
label
:
{
normal
:
{
...
...
@@ -104,31 +121,31 @@ export default {
},
},
series
:
[
{
name
:
'散点'
,
type
:
'scatter'
,
coordinateSystem
:
'geo'
,
data
:
this
.
testData
,
symbolSize
:
10
,
label
:
{
normal
:
{
show
:
false
,
},
emphasis
:
{
show
:
true
,
formatter
:
'{b}'
,
position
:
'right'
,
rotate
:
28
,
}
},
itemStyle
:
{
normal
:
{
color
:
'#5BD5FF'
,
shadowColor
:
'#5BD5FF'
,
shadowBlur
:
2
}
}
},
//
{
//
name: '散点',
//
type: 'scatter',
//
coordinateSystem: 'geo',
//
data: this.testData,
//
symbolSize: 10,
//
label: {
//
normal: {
//
show: false,
//
},
//
emphasis: {
//
show: true,
//
formatter: '{b}',
//
position: 'right',
//
rotate: 28,
//
}
//
},
//
itemStyle: {
//
normal: {
//
color: '#5BD5FF',
//
shadowColor: '#5BD5FF',
//
shadowBlur: 2
//
}
//
}
//
},
{
name
:
'市'
,
type
:
'scatter'
,
...
...
@@ -157,21 +174,61 @@ export default {
},
],
}
map
.
setOption
(
config
)
this
.
map
.
setOption
(
this
.
config
)
},
},
computed
:
{
fontSize
()
{
return
Math
.
floor
(
window
.
innerWidth
/
100
)
-
1
},
},
watch
:
{
data
(
cur
,
past
)
{
if
(
cur
&&
cur
!==
past
&&
cur
.
length
>
0
)
{
this
.
config
.
series
.
push
({
type
:
'map'
,
map
:
this
.
mapName
,
geoIndex
:
0
,
data
:
this
.
data
,
})
this
.
config
.
visualMap
=
{
show
:
false
,
// min: 0,
// max: 60000,
// left: '30%',
// rotate: 28,
// id: 'test',
// text:['High','Low'],
// realtime: false,
// calculable: true,
inRange
:
{
color
:
[
'rgba(91, 213, 255, 0.3)'
,
'rgba(91, 213, 255, 0.8)'
]
}
}
this
.
map
.
setOption
(
this
.
config
)
}
}
}
}
</
script
>
<
style
lang=
"stylus"
scoped
>
#map
.map-wrapper
width 100%
height 100%
position absolute
transform rotate(28deg)
#map
width 100%
height 100%
transform rotate(28deg)
.visualmap
color #fff
position: absolute;
top: 20%;
left: 30%;
text-align center
.bar
width 2rem
height 6rem
background linear-gradient(to bottom, rgba(91, 213, 255, 0.8), rgba(91, 213, 255, 0.3))
</
style
>
src/views/guangdong/gd-disease.vue
View file @
e9836d4e
<
template
>
<div
id=
"container"
:style=
"`background-image: url($
{require('@/assets/images/stars-bg.png')})`">
<GuangdongMap
/>
<GuangdongMap
:data=
"cityDiseaseArea"
/>
<ThemeTitle
style=
"width: 300%;"
>
全省疫病灾害数据分析专题
</ThemeTitle>
<div
class=
"sum"
>
<p>
全省水产疫病爆发
<b><m-count
:value=
"
2
"
:decimal=
"0"
/></b>
次
</p>
<p>
面积
<b><m-count
:value=
"
11.24
"
/></b>
k㎡
</p>
<p>
损失
<b><m-count
:value=
"
67.15
"
/></b>
万元
</p>
<p>
全省水产疫病爆发
<b><m-count
:value=
"
sum.total
"
:decimal=
"0"
/></b>
次
</p>
<p>
面积
<b><m-count
:value=
"
sum.area
"
/></b>
k㎡
</p>
<p>
损失
<b><m-count
:value=
"
sum.loss
"
/></b>
万元
</p>
</div>
<div
class=
"box1"
>
<m-card
mode=
"2"
title=
"各
品种受灾严重程度
"
>
<DataList
:list=
"
list1
"
/>
<m-card
mode=
"2"
title=
"各
疫病的发病次数
"
>
<DataList
:list=
"
disease"
:decimal=
"0
"
/>
</m-card>
</div>
<div
class=
"box2"
>
<m-card
mode=
"2"
title=
"各市疫病情况"
>
<DiseaseList
:list=
"
list2
"
/>
<DiseaseList
:list=
"
citySituation
"
/>
</m-card>
</div>
<div
class=
"box3"
>
...
...
@@ -23,18 +23,18 @@
</m-card>
</div>
<div
class=
"box4"
>
<m-card
mode=
"2"
title=
"
疫病立春灾害情报
"
>
<
DiseasePie
/>
<m-card
mode=
"2"
title=
"
各类发病次数占比
"
>
<
m-chart
:options=
"options2"
:data=
"data2"
/>
</m-card>
</div>
</div>
</
template
>
<
script
>
import
axios
from
'axios'
import
DataList
from
'./components/list'
import
DiseaseList
from
'./components/disease-list'
import
ThemeTitle
from
'./components/title'
import
DiseasePie
from
'./components/disease-pie.vue'
import
GuangdongMap
from
'./components/map'
export
default
{
name
:
'GDDisease'
,
...
...
@@ -42,21 +42,18 @@ export default {
DataList
,
DiseaseList
,
ThemeTitle
,
DiseasePie
,
GuangdongMap
,
},
data
()
{
return
{
dataSource
:
[],
options
:
{
xAxis
:
{
data
:
[
'1月'
,
'2月'
,
'3月'
,
'4月'
,
'5月'
,
'6月'
,
'7月'
,
'8月'
,
'9月'
,
'10月'
,
'11月'
,
'12月'
],
data
:
[],
boundaryGap
:
false
,
},
yAxis
:
{
name
:
'(次)'
,
min
:
0
,
max
:
10
,
interval
:
2
,
},
series
:
{
type
:
'line'
,
...
...
@@ -64,46 +61,65 @@ export default {
},
colors
:
[
'rgba(0, 118, 255, 1)'
],
},
data
:
[
{
data
:
[
2
,
5
,
8
,
3
,
1
,
6
,
4
,
5
,
8
,
4
,
3
,
4
]}
],
list1
:
[
{
name
:
'淡水鱼苗'
,
value
:
8279
,
unit
:
'亿尾'
},
{
name
:
'淡水鱼种'
,
value
:
222544
,
unit
:
'吨'
},
{
name
:
'投放鱼种'
,
value
:
193027
,
unit
:
'吨'
},
{
name
:
'稚鳖'
,
value
:
6549
,
unit
:
'万只'
},
{
name
:
'稚龟'
,
value
:
655
,
unit
:
'万只'
},
{
name
:
'鳗苗捕捞'
,
value
:
43
,
unit
:
'千克'
},
{
name
:
'海水鱼苗'
,
value
:
508510
,
unit
:
'万尾'
},
{
name
:
'虾类育苗'
,
value
:
5455
,
unit
:
'万尾'
},
{
name
:
'贝类育苗'
,
value
:
293678
,
unit
:
'万尾'
},
{
name
:
'海带'
,
value
:
100
,
unit
:
'亿株'
},
{
name
:
'紫菜'
,
value
:
0.06
,
unit
:
'亿株'
},
{
name
:
'海参'
,
value
:
0.09
,
unit
:
'亿头'
},
],
list2
:
[
{
name
:
'广州市'
,
area
:
74.40
,
count
:
7
,
lose
:
74
},
{
name
:
'韶关市'
,
area
:
118.06
,
count
:
1
,
lose
:
11
},
{
name
:
'深圳市'
,
area
:
16.85
,
count
:
1
,
lose
:
16
},
{
name
:
'珠海市'
,
area
:
11.24
,
count
:
1
,
lose
:
11
},
{
name
:
'汕头市'
,
area
:
28.70
,
count
:
2
,
lose
:
28
},
{
name
:
'佛山市'
,
area
:
35
,
count
:
3
,
lose
:
35
},
{
name
:
'江门市'
,
area
:
95
,
count
:
9
,
lose
:
95
},
{
name
:
'湛江市'
,
area
:
125.44
,
count
:
1
,
lose
:
12
},
{
name
:
'茂名市'
,
area
:
158
,
count
:
1
,
lose
:
15
},
{
name
:
'肇庆市'
,
area
:
74.40
,
count
:
7
,
lose
:
74
},
{
name
:
'惠州市'
,
area
:
199
,
count
:
1
,
lose
:
19
},
{
name
:
'梅州市'
,
area
:
164.5
,
count
:
1
,
lose
:
16
},
{
name
:
'汕尾市'
,
area
:
51
,
count
:
5
,
lose
:
51
},
{
name
:
'河源市'
,
area
:
142
,
count
:
1
,
lose
:
14
},
{
name
:
'阳江市'
,
area
:
75.9
,
count
:
7
,
lose
:
75
},
{
name
:
'清远市'
,
area
:
100
,
count
:
1
,
lose
:
10
},
{
name
:
'东莞市'
,
area
:
20.10
,
count
:
2
,
lose
:
20
},
{
name
:
'中山市'
,
area
:
13.67
,
count
:
1
,
lose
:
13
},
{
name
:
'潮州市'
,
area
:
39
,
count
:
3
,
lose
:
39
},
{
name
:
'揭阳市'
,
area
:
50.5
,
count
:
5
,
lose
:
50
},
{
name
:
'云浮市'
,
area
:
75.11
,
count
:
7
,
lose
:
75
},
]
data
:
[],
options2
:
{
legend
:
{
orient
:
'vertical'
,
y
:
'center'
,
left
:
'60%'
,
top
:
'10%'
,
data
:
[],
formatter
:
name
=>
{
const
item
=
this
.
data2
.
find
(
el
=>
el
.
name
===
name
)
return
`
${
name
}
${
item
.
value
}
次`
}
},
tooltip
:
{
trigger
:
'item'
,
},
color
:
[
'#3391FF'
,
'#71C012'
,
'#F47C1F'
,
'#CC4D4D'
,
'#C15CFF'
,
'#8400FF'
],
series
:
{
type
:
'pie'
,
label
:
{
show
:
false
,
},
center
:
[
'30%'
,
'50%'
],
data
:
[],
}
},
data2
:
[],
sum
:
{
total
:
0
,
area
:
0
,
loss
:
0
,
},
rate
:
[],
trend
:
[],
citySituation
:
[],
disease
:
[],
cityDiseaseArea
:
[],
}
},
mounted
()
{
this
.
getData
()
},
methods
:
{
getData
()
{
axios
.
get
(
this
.
$api
.
FILE_URL
+
'gd-disease.json'
).
then
(
res
=>
{
for
(
let
key
in
res
.
data
)
{
this
[
key
]
=
res
.
data
[
key
]
}
const
chartData
=
[]
this
.
trend
.
forEach
(
item
=>
{
this
.
options
.
xAxis
.
data
.
push
(
item
.
name
)
chartData
.
push
(
item
.
value
)
})
this
.
data
=
[{
data
:
chartData
}]
this
.
data2
=
this
.
rate
.
map
(
item
=>
{
item
.
icon
=
'circle'
return
item
})
})
}
},
}
...
...
@@ -121,7 +137,7 @@ export default {
.sum
display flex
justify-content space-around
width
4
0%
width
5
0%
margin 0 auto
font-family $font-pang
font-size 1.4rem
...
...
src/views/guangdong/gd-industry.vue
View file @
e9836d4e
...
...
@@ -16,19 +16,9 @@
<m-chart
:options=
"options3"
:data=
"data3"
/>
</m-card>
</div>
<div
class=
"box4"
>
<m-card
mode=
"2"
title=
"各品种鱼苗数量"
>
<FishChart
/>
</m-card>
</div>
<div
class=
"box5"
>
<m-card
mode=
"2"
title=
"渔业种业经济产量"
>
<m-chart
:options=
"options5"
:data=
"data5"
/>
</m-card>
</div>
<div
class=
"box6"
>
<m-card
mode=
"2"
title=
"渔业种业经济产值"
>
<m-chart
:options=
"options4"
:data=
"data4"
/>
<div
v-for=
"(item, index) in fishChartData.value"
:key=
"item.name"
:class=
"`box$
{4 + index}`">
<m-card
mode=
"2"
:title=
"`特色品种鱼苗数量 - $
{item.name}`">
<m-chart
:options=
"getOptions(item)"
:data=
"[item]"
:showLegend=
"false"
/>
</m-card>
</div>
</div>
...
...
@@ -36,70 +26,62 @@
<
script
>
import
ThemeTitle
from
'./components/title'
import
FishChart
from
'./components/fish-chart
'
import
axios
from
'axios
'
export
default
{
name
:
'GDIndustry'
,
components
:
{
ThemeTitle
,
FishChart
,
},
data
()
{
return
{
options1
:
{
legend
:
{
top
:
'2%'
,
},
xAxis
:
{
data
:
[
'2015年'
,
'2016年'
,
'2017年'
,
'2018年'
],
data
:
[],
},
yAxis
:
{
name
:
'(万元)'
,
interval
:
200
,
max
:
1600
,
},
series
:
{
type
:
'bar'
,
barWidth
:
'40%'
,
stack
:
'总量'
,
}
},
data1
:
[
{
name
:
'海水养殖'
,
data
:
[
200
,
200
,
200
,
200
]},
{
name
:
'淡水养殖'
,
data
:
[
500
,
550
,
580
,
600
]},
{
name
:
'海水捕捞'
,
data
:
[
160
,
160
,
160
,
160
]},
{
name
:
'淡水捕捞'
,
data
:
[
100
,
100
,
100
,
100
]},
{
name
:
'水产苗种'
,
data
:
[
200
,
200
,
200
,
200
]},
],
data1
:
[],
options2
:
{
legend
:
{
top
:
'2%'
,
},
xAxis
:
{
data
:
[
'2015年'
,
'2016年'
,
'2017年'
,
'2018年'
],
data
:
[],
},
yAxis
:
{
name
:
'(吨)'
,
interval
:
200
,
max
:
1600
,
},
series
:
{
type
:
'bar'
,
barWidth
:
'40%'
,
stack
:
'总量'
,
}
},
data2
:
[
{
name
:
'海水养殖'
,
data
:
[
200
,
200
,
200
,
200
]},
{
name
:
'淡水养殖'
,
data
:
[
500
,
550
,
580
,
600
]},
{
name
:
'海水捕捞'
,
data
:
[
160
,
160
,
160
,
160
]},
{
name
:
'淡水捕捞'
,
data
:
[
100
,
100
,
100
,
100
]},
{
name
:
'水产苗种'
,
data
:
[
200
,
200
,
200
,
200
]},
],
data2
:
[],
options3
:
{
colors
:
[
'#F47C1F'
,
'#71C012'
,
'#FFCE34'
],
colors
:
[
'#21640D'
,
'#FFCE34'
,
'#F47C1F'
],
legend
:
{
top
:
'2%'
,
},
grid
:
{
right
:
'5%'
,
},
xAxis
:
{
data
:
[
'2015年'
,
'2016年'
,
'2017年'
,
'2018年'
],
data
:
[],
boundaryGap
:
false
,
},
yAxis
:
{
name
:
'(吨)'
,
interval
:
100
,
max
:
400
,
},
series
:
{
type
:
'line'
,
...
...
@@ -108,63 +90,52 @@ export default {
symbol
:
'circle'
,
}
},
data3
:
[
{
name
:
'水产加工品总量'
,
data
:
[
130
,
140
,
150
,
145
]},
{
name
:
'淡水加工品总量'
,
data
:
[
110
,
120
,
100
,
110
]},
{
name
:
'海水加工品总量'
,
data
:
[
60
,
70
,
80
,
50
]},
],
options4
:
{
colors
:
[
'#F47C1F'
,
'#71C012'
,
'#FFCE34'
],
data3
:
[],
fishChartData
:
{
name
:
[],
value
:
[],
}
}
},
mounted
()
{
this
.
getData
()
},
methods
:
{
getData
()
{
axios
.
get
(
this
.
$api
.
FILE_URL
+
'gd-industry.json'
).
then
(
res
=>
{
const
{
output
,
production
,
processProduction
,
fishProduction
}
=
res
.
data
this
.
options1
.
xAxis
.
data
=
output
.
name
this
.
data1
=
output
.
value
this
.
options2
.
xAxis
.
data
=
production
.
name
this
.
data2
=
production
.
value
this
.
options3
.
xAxis
.
data
=
processProduction
.
name
this
.
data3
=
processProduction
.
value
this
.
fishChartData
=
fishProduction
})
},
getOptions
(
data
)
{
return
{
xAxis
:
{
data
:
[
'2015年'
,
'2016年'
,
'2017年'
,
'2018年'
]
,
data
:
this
.
fishChartData
.
name
,
},
yAxis
:
{
name
:
'(万元)'
,
interval
:
200
,
max
:
1600
,
name
:
data
.
unit
,
},
series
:
{
type
:
'bar'
,
stack
:
'总量'
,
areaStyle
:
{},
symbol
:
'circle'
,
}
},
data4
:
[
{
name
:
'渔业产值'
,
data
:
[
200
,
200
,
200
,
200
]},
{
name
:
'渔业工业和建筑业'
,
data
:
[
500
,
550
,
580
,
600
]},
{
name
:
'渔业流通和服务业'
,
data
:
[
160
,
160
,
160
,
160
]},
],
options5
:
{
colors
:
[
'#347122'
,
'#C13636'
,
'#F47C1F'
,
'#940BC3'
,
'#0076FF'
],
grid
:
{
right
:
'5%'
,
},
xAxis
:
{
data
:
[
'2015年'
,
'2016年'
,
'2017年'
,
'2018年'
],
boundaryGap
:
false
,
},
yAxis
:
{
name
:
'(吨)'
,
interval
:
100
,
min
:
200
,
max
:
900
,
},
series
:
{
type
:
'line'
,
stack
:
'总量'
,
symbol
:
'circle'
,
barWidth
:
'40%'
,
itemStyle
:
{
shadowColor
:
'#0076FF'
,
shadowBlur
:
6
,
color
:
new
this
.
$echarts
.
graphic
.
LinearGradient
(
0
,
0
,
0
,
1
,
[
{
offset
:
0
,
color
:
'#1FECFF'
},
{
offset
:
1
,
color
:
'#0076FF'
}
])
},
}
},
data5
:
[
{
name
:
'海水养殖'
,
data
:
[
250
,
300
,
350
,
300
]},
{
name
:
'海水捕捞'
,
data
:
[
130
,
140
,
150
,
145
]},
{
name
:
'淡水养殖'
,
data
:
[
110
,
120
,
100
,
110
]},
{
name
:
'淡水捕捞'
,
data
:
[
60
,
70
,
80
,
50
]},
{
name
:
'远洋渔业'
,
data
:
[
160
,
170
,
80
,
150
]},
],
}
},
}
},
}
}
</
script
>
...
...
@@ -174,8 +145,9 @@ export default {
grid-template-areas \
'. theme .'\
'box1 box2 box3'\
'box4 box5 box6'
grid-template-rows 4rem 1fr 1fr
'box4 box5 box6'\
'box7 box8 box9'
grid-template-rows 4rem 1fr 1fr 1fr
grid-template-columns 1fr 1fr 1fr
.theme
grid-area theme
...
...
@@ -193,4 +165,10 @@ export default {
grid-area box5
.box6
grid-area box6
.box7
grid-area box7
.box8
grid-area box8
.box9
grid-area box9
</
style
>
static/gd-disease.json
0 → 100644
View file @
e9836d4e
{
"sum"
:
{
"total"
:
1114
,
"area"
:
73469.15
,
"loss"
:
1252.81
},
"rate"
:
[
{
"name"
:
"鱼类"
,
"value"
:
960
},
{
"name"
:
"虾类"
,
"value"
:
107
},
{
"name"
:
"其他类"
,
"value"
:
38
},
{
"name"
:
"观赏鱼"
,
"value"
:
8
},
{
"name"
:
"贝类"
,
"value"
:
1
}
],
"trend"
:
[
{
"name"
:
"1月"
,
"value"
:
9
},
{
"name"
:
"2月"
,
"value"
:
20
},
{
"name"
:
"3月"
,
"value"
:
100
},
{
"name"
:
"4月"
,
"value"
:
151
},
{
"name"
:
"5月"
,
"value"
:
147
},
{
"name"
:
"6月"
,
"value"
:
150
},
{
"name"
:
"7月"
,
"value"
:
153
},
{
"name"
:
"8月"
,
"value"
:
137
},
{
"name"
:
"9月"
,
"value"
:
118
},
{
"name"
:
"10月"
,
"value"
:
117
},
{
"name"
:
"11月"
,
"value"
:
9
},
{
"name"
:
"12月"
,
"value"
:
3
}
],
"citySituation"
:
[
{
"name"
:
"广州市"
,
"count"
:
356
,
"area"
:
10797.47
,
"loss"
:
4845.73
},
{
"name"
:
"韶关市"
,
"count"
:
1
,
"area"
:
5
,
"loss"
:
0.15
},
{
"name"
:
"深圳市"
,
"count"
:
7
,
"area"
:
1.51
,
"loss"
:
12.46
},
{
"name"
:
"佛山市"
,
"count"
:
564
,
"area"
:
52145.12
,
"loss"
:
7321.27
},
{
"name"
:
"江门市"
,
"count"
:
1
,
"area"
:
10
,
"loss"
:
2
},
{
"name"
:
"湛江市"
,
"count"
:
28
,
"area"
:
1909.75
,
"loss"
:
14.2
},
{
"name"
:
"肇庆市"
,
"count"
:
32
,
"area"
:
989
,
"loss"
:
0.56
},
{
"name"
:
"惠州市"
,
"count"
:
33
,
"area"
:
4476.8
,
"loss"
:
16
},
{
"name"
:
"梅州市"
,
"count"
:
6
,
"area"
:
185
,
"loss"
:
3.15
},
{
"name"
:
"清远市"
,
"count"
:
2
,
"area"
:
22
,
"loss"
:
0.04
},
{
"name"
:
"东莞市"
,
"count"
:
57
,
"area"
:
1561
,
"loss"
:
17.21
},
{
"name"
:
"中山市"
,
"count"
:
25
,
"area"
:
1307.5
,
"loss"
:
20
},
{
"name"
:
"云浮市"
,
"count"
:
2
,
"area"
:
50
,
"loss"
:
0.04
}
],
"disease"
:
[
{
"name"
:
"车轮虫病"
,
"value"
:
135
,
"unit"
:
"次"
},
{
"name"
:
"淡水鱼细菌性败血症"
,
"value"
:
101
,
"unit"
:
"次"
},
{
"name"
:
"烂鳃病"
,
"value"
:
93
,
"unit"
:
"次"
},
{
"name"
:
"细菌性肠炎病"
,
"value"
:
81
,
"unit"
:
"次"
},
{
"name"
:
"锚头鳋病"
,
"value"
:
74
,
"unit"
:
"次"
},
{
"name"
:
"指环虫病"
,
"value"
:
51
,
"unit"
:
"次"
},
{
"name"
:
"斜管虫病"
,
"value"
:
43
,
"unit"
:
"次"
},
{
"name"
:
"草鱼出血病"
,
"value"
:
41
,
"unit"
:
"次"
},
{
"name"
:
"链球菌病"
,
"value"
:
38
,
"unit"
:
"次"
},
{
"name"
:
"弧菌病"
,
"value"
:
35
,
"unit"
:
"次"
},
{
"name"
:
"肝胆综合征"
,
"value"
:
33
,
"unit"
:
"次"
},
{
"name"
:
"溃疡病"
,
"value"
:
33
,
"unit"
:
"次"
},
{
"name"
:
"诺卡菌病"
,
"value"
:
32
,
"unit"
:
"次"
},
{
"name"
:
"水霉病"
,
"value"
:
26
,
"unit"
:
"次"
},
{
"name"
:
"赤皮病"
,
"value"
:
25
,
"unit"
:
"次"
},
{
"name"
:
"固着类纤毛虫病"
,
"value"
:
20
,
"unit"
:
"次"
},
{
"name"
:
"不明病因疾病"
,
"value"
:
20
,
"unit"
:
"次"
},
{
"name"
:
"类结节病"
,
"value"
:
13
,
"unit"
:
"次"
},
{
"name"
:
"鮰类肠败血症"
,
"value"
:
13
,
"unit"
:
"次"
},
{
"name"
:
"烂尾病"
,
"value"
:
11
,
"unit"
:
"次"
},
{
"name"
:
"鳖溃烂病"
,
"value"
:
11
,
"unit"
:
"次"
},
{
"name"
:
"黏孢子虫病"
,
"value"
:
10
,
"unit"
:
"次"
},
{
"name"
:
"真鲷虹彩病毒病"
,
"value"
:
10
,
"unit"
:
"次"
},
{
"name"
:
"脂肪肝"
,
"value"
:
9
,
"unit"
:
"次"
},
{
"name"
:
"流行性溃疡综合征"
,
"value"
:
9
,
"unit"
:
"次"
},
{
"name"
:
"气泡病"
,
"value"
:
9
,
"unit"
:
"次"
},
{
"name"
:
"缺氧症"
,
"value"
:
9
,
"unit"
:
"次"
},
{
"name"
:
"急性肝胰腺坏死病"
,
"value"
:
9
,
"unit"
:
"次"
},
{
"name"
:
"氨中毒症"
,
"value"
:
9
,
"unit"
:
"次"
},
{
"name"
:
"鳖肠型出血病(白底板病)"
,
"value"
:
8
,
"unit"
:
"次"
},
{
"name"
:
"小瓜虫病"
,
"value"
:
8
,
"unit"
:
"次"
},
{
"name"
:
"鳖腮腺炎病"
,
"value"
:
7
,
"unit"
:
"次"
},
{
"name"
:
"病毒性出血性败血症"
,
"value"
:
7
,
"unit"
:
"次"
},
{
"name"
:
"对虾肠道细菌病"
,
"value"
:
6
,
"unit"
:
"次"
},
{
"name"
:
"蜕壳不遂症"
,
"value"
:
6
,
"unit"
:
"次"
},
{
"name"
:
"疖疮病"
,
"value"
:
5
,
"unit"
:
"次"
},
{
"name"
:
"迟缓爱德华氏菌病"
,
"value"
:
5
,
"unit"
:
"次"
},
{
"name"
:
"白斑综合征"
,
"value"
:
5
,
"unit"
:
"次"
},
{
"name"
:
"鳖穿孔病"
,
"value"
:
4
,
"unit"
:
"次"
},
{
"name"
:
"鳖红脖子病"
,
"value"
:
4
,
"unit"
:
"次"
},
{
"name"
:
"对虾微孢子虫病"
,
"value"
:
4
,
"unit"
:
"次"
},
{
"name"
:
"坏死性肝胰腺炎"
,
"value"
:
4
,
"unit"
:
"次"
},
{
"name"
:
"缺氧"
,
"value"
:
4
,
"unit"
:
"次"
},
{
"name"
:
"鱼柱状黄杆菌病(鱼屈挠杆菌病)"
,
"value"
:
3
,
"unit"
:
"次"
},
{
"name"
:
"肠炎病"
,
"value"
:
3
,
"unit"
:
"次"
},
{
"name"
:
"鳖红底板病"
,
"value"
:
2
,
"unit"
:
"次"
},
{
"name"
:
"斑点叉尾鮰传染性套肠症"
,
"value"
:
2
,
"unit"
:
"次"
},
{
"name"
:
"传染性皮下和造血器官坏死病"
,
"value"
:
2
,
"unit"
:
"次"
},
{
"name"
:
"三毛金藻中毒症"
,
"value"
:
2
,
"unit"
:
"次"
},
{
"name"
:
"石斑鱼膨胀病"
,
"value"
:
2
,
"unit"
:
"次"
},
{
"name"
:
"打印病"
,
"value"
:
2
,
"unit"
:
"次"
},
{
"name"
:
"鲫造血器官坏死症"
,
"value"
:
2
,
"unit"
:
"次"
},
{
"name"
:
"三代虫病"
,
"value"
:
1
,
"unit"
:
"次"
},
{
"name"
:
"鳗弧菌病"
,
"value"
:
1
,
"unit"
:
"次"
},
{
"name"
:
"偷死野田村病毒病"
,
"value"
:
1
,
"unit"
:
"次"
},
{
"name"
:
"头槽绦虫病"
,
"value"
:
1
,
"unit"
:
"次"
},
{
"name"
:
"鱼波豆虫病"
,
"value"
:
1
,
"unit"
:
"次"
},
{
"name"
:
"传染性脾肾坏死病"
,
"value"
:
1
,
"unit"
:
"次"
},
{
"name"
:
"传染性套肠症"
,
"value"
:
1
,
"unit"
:
"次"
},
{
"name"
:
"对虾黑鳃综合征"
,
"value"
:
1
,
"unit"
:
"次"
},
{
"name"
:
"对虾红腿病"
,
"value"
:
1
,
"unit"
:
"次"
},
{
"name"
:
"腹水病"
,
"value"
:
1
,
"unit"
:
"次"
},
{
"name"
:
"贝尼登虫病"
,
"value"
:
1
,
"unit"
:
"次"
},
{
"name"
:
"斑点叉尾鮰病毒病"
,
"value"
:
1
,
"unit"
:
"次"
},
{
"name"
:
"侧殖吸虫病"
,
"value"
:
1
,
"unit"
:
"次"
},
{
"name"
:
"病毒性神经坏死病"
,
"value"
:
1
,
"unit"
:
"次"
}
],
"cityDiseaseArea"
:
[
{
"name"
:
"广州市"
,
"value"
:
10797.47
},
{
"name"
:
"韶关市"
,
"value"
:
5
},
{
"name"
:
"深圳市"
,
"value"
:
1.51
},
{
"name"
:
"佛山市"
,
"value"
:
52145.12
},
{
"name"
:
"江门市"
,
"value"
:
10
},
{
"name"
:
"湛江市"
,
"value"
:
1909.75
},
{
"name"
:
"肇庆市"
,
"value"
:
989
},
{
"name"
:
"惠州市"
,
"value"
:
4476.8
},
{
"name"
:
"梅州市"
,
"value"
:
185
},
{
"name"
:
"清远市"
,
"value"
:
22
},
{
"name"
:
"东莞市"
,
"value"
:
1561
},
{
"name"
:
"中山市"
,
"value"
:
1307.5
},
{
"name"
:
"云浮市"
,
"value"
:
50
}
]
}
static/gd-industry.json
0 → 100644
View file @
e9836d4e
{
"output"
:
{
"name"
:
[
"2015年"
,
"2016年"
,
"2017年"
,
"2018年"
],
"value"
:
[
{
"name"
:
"海水养殖"
,
"unit"
:
"万元"
,
"data"
:
[
4163405.50
,
4572212.46
,
5308912.90
,
6039940.00
]},
{
"name"
:
"淡水养殖"
,
"unit"
:
"万元"
,
"data"
:
[
5489294.62
,
5814667.76
,
5710845.50
,
6135722.00
]},
{
"name"
:
"海水捕捞"
,
"unit"
:
"万元"
,
"data"
:
[
1354482.87
,
1410969.52
,
1586257.60
,
1477213.00
]},
{
"name"
:
"淡水捕捞"
,
"unit"
:
"万元"
,
"data"
:
[
164432.16
,
158410.87
,
155106.70
,
185342.00
]},
{
"name"
:
"水产苗种"
,
"unit"
:
"万元"
,
"data"
:
[
301193.20
,
278161.81
,
305328.22
,
315658.72
]}
]
},
"production"
:
{
"name"
:
[
"2015年"
,
"2016年"
,
"2017年"
,
"2018年"
],
"value"
:
[
{
"name"
:
"海水养殖"
,
"unit"
:
"吨"
,
"data"
:
[
3032177
,
3138131
,
3029270
,
3167259
]},
{
"name"
:
"淡水养殖"
,
"unit"
:
"吨"
,
"data"
:
[
3865638
,
3951193
,
3696884
,
3817456
]},
{
"name"
:
"海水捕捞"
,
"unit"
:
"吨"
,
"data"
:
[
1560126
,
1525686
,
1489063
,
1324431
]},
{
"name"
:
"淡水捕捞"
,
"unit"
:
"吨"
,
"data"
:
[
124282
,
122883
,
120370
,
115295
]}
]
},
"processProduction"
:
{
"name"
:
[
"2015年"
,
"2016年"
,
"2017年"
,
"2018年"
],
"value"
:
[
{
"name"
:
"水产加工品总量"
,
"unit"
:
"吨"
,
"data"
:
[
1396426
,
1498846
,
1526477
,
1446350
]},
{
"name"
:
"淡水加工品总量"
,
"unit"
:
"吨"
,
"data"
:
[
356883
,
363484
,
377776
,
352372
]},
{
"name"
:
"海水加工品总量"
,
"unit"
:
"吨"
,
"data"
:
[
1039543
,
1135362
,
1148701
,
1093976
]}
]
},
"fishProduction"
:
{
"name"
:
[
"2015年"
,
"2016年"
,
"2017年"
,
"2018年"
],
"value"
:
[
{
"name"
:
"稚鳖"
,
"unit"
:
"万只"
,
"data"
:
[
6260
,
6661
,
6791
,
6549
]},
{
"name"
:
"稚龟"
,
"unit"
:
"万只"
,
"data"
:
[
546
,
547
,
564
,
665
]},
{
"name"
:
"鳗苗"
,
"unit"
:
"千克"
,
"data"
:
[
835
,
801
,
800
,
43
]},
{
"name"
:
"虾类"
,
"unit"
:
"亿尾"
,
"data"
:
[
4000
,
4000
,
4100
,
5455
]},
{
"name"
:
"贝类"
,
"unit"
:
""
,
"data"
:
[
605659
,
245210
,
255032
,
293678
]},
{
"name"
:
"罗非鱼"
,
"unit"
:
"亿尾"
,
"data"
:
[
116.65
,
113
,
104.54
,
102.24
]}
]
}
}
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