Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
bdc
/
bdcjg-web
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Builds
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
a34c450a
authored
2023-02-08 09:58:41 +0800
by
yangwei
Browse Files
Options
Browse Files
Tag
Download
Plain Diff
Merge branch 'master' of
http://yun.pashanhoo.com:9090/bdc/bdcjg-web
2 parents
bdb6c63f
a2f01ef0
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
40 additions
and
31 deletions
src/components/Echart/Map/Chart.vue
src/image/mapcenter.png
src/views/dataView/centercard.vue
src/views/dataView/leftcard.vue
src/components/Echart/Map/Chart.vue
View file @
a34c450
...
...
@@ -10,8 +10,8 @@ export default {
data
()
{
return
{
options
:
{},
max
:
"
90
00"
,
//最大value值
min
:
"
500
"
,
// 最小value值
max
:
"
1
00"
,
//最大value值
min
:
"
1
"
,
// 最小value值
};
},
components
:
{
...
...
@@ -90,7 +90,7 @@ export default {
return
scatterData
;
};
this
.
options
=
{
backgroundColor
:
'rgba(0,0,0,1)'
,
showLegendSymbol
:
true
,
tooltip
:
{
trigger
:
'item'
,
...
...
@@ -117,10 +117,10 @@ export default {
itemWidth
:
20
,
// 每个图元的宽度
itemGap
:
2
,
// 每两个图元之间的间隔距离,单位为px
pieces
:
[
// 自定义每一段的范围,以及每一段的文字
{
gte
:
6000
,
label
:
'60
00以上'
,
color
:
'#035cf5'
},
// 不指定 max,表示 max 为无限大(Infinity)。
{
gte
:
2000
,
lte
:
6000
,
label
:
'2000-60
00'
,
color
:
'#3375e4'
},
{
gte
:
1000
,
lte
:
2000
,
label
:
'1000-20
00'
,
color
:
'#6797ef'
},
{
gte
:
500
,
lte
:
1000
,
label
:
'500-100
0'
,
color
:
'#96b5ef'
},
{
gte
:
100
,
label
:
'1
00以上'
,
color
:
'#035cf5'
},
// 不指定 max,表示 max 为无限大(Infinity)。
{
gte
:
50
,
lte
:
6000
,
label
:
'20-1
00'
,
color
:
'#3375e4'
},
{
gte
:
20
,
lte
:
2000
,
label
:
'1-2
00'
,
color
:
'#6797ef'
},
{
gte
:
1
,
lte
:
1000
,
label
:
'1-2
0'
,
color
:
'#96b5ef'
},
],
textStyle
:
{
color
:
'#737373'
...
...
@@ -168,27 +168,37 @@ export default {
data
:
newData
,
},
{
type
:
'effectScatter'
,
coordinateSystem
:
'geo'
,
symbolSize
:
7
,
effectType
:
'ripple'
,
legendHoverLink
:
false
,
showEffectOn
:
'render'
,
rippleEffect
:
{
period
:
4
,
scale
:
2.5
,
brushType
:
'stroke'
,
},
zlevel
:
1
,
itemStyle
:
{
normal
:
{
color
:
'#99FBFE'
,
shadowBlur
:
5
,
shadowColor
:
'#fff'
,
},
},
data
:
convertData
(
seriesData
),
},
name
:
'MAP'
,
type
:
'map3D'
,
map
:
name
,
label
:
{
show
:
true
,
textStyle
:
{
color
:
'#fff'
,
},
formatter
:
(
params
)
=>
{
if
(
newData
.
find
((
ele
)
=>
ele
.
name
==
params
.
name
))
{
return
params
.
name
+
'\n'
+
newData
.
find
((
ele
)
=>
ele
.
name
==
params
.
name
).
value
;
}
else
{
return
params
.
name
;
}
},
borderRadius
:
4
,
},
itemStyle
:
{
color
:
'#144a69'
,
// shadowColor: 'rgba(0,243,255,0.2)',
// shadowOffsetY: 5,
// shadowBlur: 10,
borderColor
:
'#06767c'
,
borderWidth
:
1
,
// opacity: 1,
},
aspectScale
:
0.9
,
//长宽比
selectedMode
:
false
,
//是否允许选中多个区域
data
:
newData
,
},
],
};
// 重新选择区域
...
...
src/image/mapcenter.png
View file @
a34c450
13.3 KB
|
W:
|
H:
24.9 KB
|
W:
|
H:
2-up
Swipe
Onion skin
src/views/dataView/centercard.vue
View file @
a34c450
<
template
>
<div
class=
"centercard"
>
<div
class=
"card1"
>
<div
class=
"title"
>
汉中市不动产接入信息
</div>
<maps
class=
"map"
/>
</div>
<div
class=
"card2 mt-10"
>
...
...
src/views/dataView/leftcard.vue
View file @
a34c450
...
...
@@ -93,8 +93,8 @@ export default {
};
let
res
=
await
work
.
getsthjqxjrtotal
(
p
);
console
.
log
(
"res"
,
res
);
this
.
stjrl
=
res
.
result
.
s
ts
um
this
.
qxjrl
=
res
.
result
.
qx
sum
this
.
stjrl
=
res
.
result
.
sum
this
.
qxjrl
=
res
.
result
.
sum
this
.
qxerrer
=
Number
(
res
.
result
.
qxjrerrer
)
this
.
sterrer
=
Number
(
res
.
result
.
sthjerrer
)
if
(
res
.
result
.
sum
==
"0"
){
...
...
Please
register
or
sign in
to post a comment