|
@@ -10,22 +10,24 @@
|
|
|
placeholder-color="#65371b"></u-search>
|
|
placeholder-color="#65371b"></u-search>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view v-show="currentTab != 3" style="width: 100%;height: 250px;">
|
|
|
|
|
- <l-echart class="width-100 height-100" ref="chart" @finished="init"></l-echart>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="area-title">
|
|
|
|
|
- <u-icon name="map-fill" color="#65371b"></u-icon>
|
|
|
|
|
- <view class="area-title-text">{{currentAreaName || '广东省'}}</view>
|
|
|
|
|
|
|
+ <view v-show="currentTab != 3">
|
|
|
|
|
+ <view style="width: 100%;height: 150px;">
|
|
|
|
|
+ <l-echart class="width-100 height-100" ref="chart" @finished="init"></l-echart>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="area-title">
|
|
|
|
|
+ <u-icon name="map-fill" color="#65371b"></u-icon>
|
|
|
|
|
+ <view class="area-title-text">{{currentAreaName || '广东省'}}</view>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
<u-tabs ref="tabs" :list="tabList" :scrollable="false" :current="currentTab" @change="tabChange" lineColor="#65371b"
|
|
<u-tabs ref="tabs" :list="tabList" :scrollable="false" :current="currentTab" @change="tabChange" lineColor="#65371b"
|
|
|
:activeStyle="{color:'#65371b'}" inactiveStyle="{color:'#65371b'}"></u-tabs>
|
|
:activeStyle="{color:'#65371b'}" inactiveStyle="{color:'#65371b'}"></u-tabs>
|
|
|
- <u-list @scrolltolower="scrolltolower" :height="currentTab != 3?'calc(100% - 383px)':'calc(100% - 91px)'"
|
|
|
|
|
|
|
+ <u-list @scrolltolower="scrolltolower" :height="currentTab != 3?'calc(100% - 283px)':'calc(100% - 59px)'"
|
|
|
lowerThreshold="10">
|
|
lowerThreshold="10">
|
|
|
|
|
|
|
|
<view class="info-list">
|
|
<view class="info-list">
|
|
|
<view class="info-item" v-for="(item, index) in list" :key="index" @click="toDetail(item.id)">
|
|
<view class="info-item" v-for="(item, index) in list" :key="index" @click="toDetail(item.id)">
|
|
|
<view class="info-pic">
|
|
<view class="info-pic">
|
|
|
- <u-image width="96px" height="96px" mode="aspectFill" :src="item.cover"></u-image>
|
|
|
|
|
|
|
+ <u-image width="175rpx" height="175rpx" mode="aspectFill" :src="item.cover"></u-image>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="info-title">
|
|
<view class="info-title">
|
|
|
{{item.name || item.title}}
|
|
{{item.name || item.title}}
|
|
@@ -64,13 +66,13 @@
|
|
|
},
|
|
},
|
|
|
visualMap: {
|
|
visualMap: {
|
|
|
show: false,
|
|
show: false,
|
|
|
- min: 0,
|
|
|
|
|
- max: 210,
|
|
|
|
|
|
|
+ min: 1,
|
|
|
|
|
+ max: 3,
|
|
|
text: ['High', 'Low'],
|
|
text: ['High', 'Low'],
|
|
|
realtime: false,
|
|
realtime: false,
|
|
|
calculable: true,
|
|
calculable: true,
|
|
|
inRange: {
|
|
inRange: {
|
|
|
- color: ['#ffffff', '#3FE6B8', '#9FE6B8', '#96BFFF', '#9d96f5', '#FFDB5C', '#ff9f7f', '#E062AE']
|
|
|
|
|
|
|
+ color: ['#91abd7', '#e57e80', '#ad9a92']
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
series: [{
|
|
series: [{
|
|
@@ -80,73 +82,73 @@
|
|
|
//
|
|
//
|
|
|
// 缩放范围限制
|
|
// 缩放范围限制
|
|
|
scaleLimit: {
|
|
scaleLimit: {
|
|
|
- min: 1.5,
|
|
|
|
|
|
|
+ min: 2,
|
|
|
max: 5
|
|
max: 5
|
|
|
},
|
|
},
|
|
|
map: 'GD',
|
|
map: 'GD',
|
|
|
data: [{
|
|
data: [{
|
|
|
name: '汕尾市',
|
|
name: '汕尾市',
|
|
|
- value: 10,
|
|
|
|
|
|
|
+ value: 3,
|
|
|
}, {
|
|
}, {
|
|
|
name: '云浮市',
|
|
name: '云浮市',
|
|
|
- value: 20
|
|
|
|
|
|
|
+ value: 1
|
|
|
}, {
|
|
}, {
|
|
|
name: '河源市',
|
|
name: '河源市',
|
|
|
- value: 30
|
|
|
|
|
|
|
+ value: 2
|
|
|
}, {
|
|
}, {
|
|
|
name: '梅州市',
|
|
name: '梅州市',
|
|
|
- value: 40
|
|
|
|
|
|
|
+ value: 2
|
|
|
}, {
|
|
}, {
|
|
|
name: '韶关市',
|
|
name: '韶关市',
|
|
|
- value: 50
|
|
|
|
|
|
|
+ value: 2
|
|
|
}, {
|
|
}, {
|
|
|
name: '阳江市',
|
|
name: '阳江市',
|
|
|
- value: 60
|
|
|
|
|
|
|
+ value: 1
|
|
|
}, {
|
|
}, {
|
|
|
name: '肇庆市',
|
|
name: '肇庆市',
|
|
|
- value: 70
|
|
|
|
|
|
|
+ value: 1
|
|
|
}, {
|
|
}, {
|
|
|
name: '清远市',
|
|
name: '清远市',
|
|
|
- value: 80
|
|
|
|
|
|
|
+ value: 1
|
|
|
}, {
|
|
}, {
|
|
|
name: '茂名市',
|
|
name: '茂名市',
|
|
|
- value: 90
|
|
|
|
|
|
|
+ value: 1
|
|
|
}, {
|
|
}, {
|
|
|
name: '潮州市',
|
|
name: '潮州市',
|
|
|
- value: 100
|
|
|
|
|
|
|
+ value: 3
|
|
|
}, {
|
|
}, {
|
|
|
name: '揭阳市',
|
|
name: '揭阳市',
|
|
|
- value: 110
|
|
|
|
|
|
|
+ value: 3
|
|
|
}, {
|
|
}, {
|
|
|
name: '湛江市',
|
|
name: '湛江市',
|
|
|
- value: 120
|
|
|
|
|
|
|
+ value: 1
|
|
|
}, {
|
|
}, {
|
|
|
name: '江门市',
|
|
name: '江门市',
|
|
|
- value: 130
|
|
|
|
|
|
|
+ value: 1
|
|
|
}, {
|
|
}, {
|
|
|
name: '珠海市',
|
|
name: '珠海市',
|
|
|
- value: 140
|
|
|
|
|
|
|
+ value: 1
|
|
|
}, {
|
|
}, {
|
|
|
name: '汕头市',
|
|
name: '汕头市',
|
|
|
- value: 150
|
|
|
|
|
|
|
+ value: 3
|
|
|
}, {
|
|
}, {
|
|
|
name: '惠州市',
|
|
name: '惠州市',
|
|
|
- value: 160
|
|
|
|
|
|
|
+ value: 2
|
|
|
}, {
|
|
}, {
|
|
|
name: '中山市',
|
|
name: '中山市',
|
|
|
- value: 170
|
|
|
|
|
|
|
+ value: 1
|
|
|
}, {
|
|
}, {
|
|
|
name: '佛山市',
|
|
name: '佛山市',
|
|
|
- value: 180
|
|
|
|
|
|
|
+ value: 1
|
|
|
}, {
|
|
}, {
|
|
|
name: '东莞市',
|
|
name: '东莞市',
|
|
|
- value: 190
|
|
|
|
|
|
|
+ value: 1
|
|
|
}, {
|
|
}, {
|
|
|
name: '广州市',
|
|
name: '广州市',
|
|
|
- value: 200
|
|
|
|
|
|
|
+ value: 1
|
|
|
}, {
|
|
}, {
|
|
|
name: '深圳市',
|
|
name: '深圳市',
|
|
|
- value: 210
|
|
|
|
|
|
|
+ value: 1
|
|
|
}],
|
|
}],
|
|
|
emphasis: {
|
|
emphasis: {
|
|
|
label: {
|
|
label: {
|
|
@@ -183,11 +185,11 @@
|
|
|
currentTab: 0
|
|
currentTab: 0
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
- onLoad(options) {},
|
|
|
|
|
- onShow() {
|
|
|
|
|
|
|
+ onLoad(options) {
|
|
|
uni.hideLoading()
|
|
uni.hideLoading()
|
|
|
this.doRefresh()
|
|
this.doRefresh()
|
|
|
},
|
|
},
|
|
|
|
|
+ onShow() {},
|
|
|
methods: {
|
|
methods: {
|
|
|
async init() {
|
|
async init() {
|
|
|
// chart 图表实例不能存在data里
|
|
// chart 图表实例不能存在data里
|