jianguan
/
supervise-monitor-ui
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

对接静态的仓库路和停车场

master
yangzongjia 2 years ago
parent
2b9dceb1cc
commit
16fe3ee875
2 changed files with 672 additions and 508 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 516
      src/views/dashboard/components/HomeMap.vue
  2. 40
      src/views/index.vue

516
src/views/dashboard/components/HomeMap.vue
View File

@ -4,12 +4,12 @@
</template> </template>
<script> <script>
import * as echarts from 'echarts' import * as echarts from 'echarts'
require('echarts/theme/macarons') // echarts theme require('echarts/theme/macarons') // echarts theme
import resize from './mixins/resize' import resize from './mixins/resize'
// import xt_data from '@/assets/河北省/邢台市/geojson.json' // import xt_data from '@/assets/河北省/邢台市/geojson.json'
import xt_data from '@/assets/全国/geojson.json' import xt_data from '@/assets/全国/geojson.json'
export default { export default {
mixins: [resize], mixins: [resize],
data() { data() {
return { return {
@ -19,227 +19,389 @@
charPie3currentIndex: 0, charPie3currentIndex: 0,
markPointData: [ markPointData: [
{ {
name: '河北省第一仓库货物数1325个', name: '石家庄瀚川商贸有限公司停车场1个',
coord: [114.693382, 37.483596], coord: [114.693382, 37.483596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianyellow.gif'
}, },
{ {
name: '河北省第二仓库货物数1028个', name: '石家庄富荣食品有限公司停车场1个',
coord: [115.793379, 37.483596], coord: [115.793379, 37.483596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianyellow.gif'
}, },
{ {
name: '河北省第三仓库货物数2053个', name: '河北昌特汽车贸易有限公司停车场1个',
coord: [116.693382, 38.483596], coord: [115.693382, 38.483596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianyellow.gif'
}, },
//
{ {
name: '湖北省第一仓库货物数1046个', name: '河北旭东能源科技有限公司停车场0个',
coord: [111.960704, 32.253967], coord: [115.693382, 38.683596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianyellow.gif'
}, },
{ {
name: '湖北省第二仓库货物数1052个', name: '石家庄喜相随生活用品贸易有限公司停车场1个',
coord: [112.271301, 30.987527], coord: [115.693382, 38.983596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianyellow.gif'
}, },
{ {
name: '湖北省第三仓库货物数1016个', name: '河北迈哲仪器仪表科技有限公司停车场0个',
coord: [110.524048, 31.309506], coord: [115.993382, 38.483596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianyellow.gif'
}, },
//
{ {
name: '黑龙江省第一仓库货物数1025个', name: '河北宜众物流有限公司停车场0个',
coord: [126.960704, 47.253967], coord: [117.693382, 40.483596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianyellow.gif'
}, },
{ {
name: '黑龙江省第二仓库货物数1632个', name: '华晨融资租赁有限公司停车场65个',
coord: [127.693027, 48.040465], coord: [119.393382, 40.283596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianyellow.gif'
}, },
{ {
name: '黑龙江省第三仓库货物数1236个', name: '石家庄黄明运输有限公司停车场0个',
coord: [125.524048, 47.309506], coord: [118.493382, 40.683596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianyellow.gif'
}, },
//
{ {
name: '上海市第一仓库货物数1236个', name: '河北欣汇星网络科技有限公司停车场1个',
coord: [121.438737, 31.072559], coord: [118.293382, 40.883596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianyellow.gif'
}, },
//
{ {
name: '北京市第一仓库货物数1632个', name: '保定凯仁汽车销售有限公司停车场1个',
coord: [116.41995, 40.18994], coord: [114.693382, 38.983596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianyellow.gif'
}, },
//
{ {
name: '甘肃省第一仓库货物数826个', name: '河北省石家庄市行唐县S203',
coord: [103.823557, 36.058039], coord: [114.693382, 38.983596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '四川省第一仓库货物数952个', name: '河北省石家庄市鹿泉区G338(海天线)',
coord: [102.693453, 30.674545], coord: [114.893382, 38.783596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '山西省第一仓库货物数1021个', name: '河北省石家庄市正定县G107(京港线)',
coord: [112.304436, 37.618179], coord: [114.693382, 38.583596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '辽宁省第一仓库货物数951个', name: '河北省石家庄市行唐县G234(兴阳线)',
coord: [122.604994, 41.299712], coord: [114.493382, 38.383596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '吉林省第一仓库货物数963个', name: '河北省石家庄市藁城区G307(歧银线)',
coord: [126.171208, 43.703954], coord: [116.293382, 41.883596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '陕西省第一仓库货物数686个', name: '河北省石家庄市行唐县S203',
coord: [108.887114, 35.263661], coord: [117.393382, 41.983596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '山东省第一仓库货物数1016个', name: '河北省石家庄市行唐县SL90',
coord: [118.187759, 36.376092], coord: [117.693382, 41.183596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '天津市第一仓库货物数821个', name: '河北省石家庄市行唐县永昌北路',
coord: [117.347043, 39.288036], coord: [117.393382, 41.283596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '河南省第一仓库货物数1012个', name: '河北省石家庄市鹿泉区G338(海天线)',
coord: [113.619717, 33.902648], coord: [114.393382, 36.683596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '重庆市第一仓库货物数851个', name: '河北省石家庄市鹿泉区S232(兴阳线)',
coord: [107.8839, 30.067297], coord: [114.393382, 36.883596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '贵州省第一仓库货物数236个', name: '河北省石家庄市平山县S241',
coord: [106.880455, 26.826368], coord: [114.393382, 36.983596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '福建省第一仓库货物数236个', name: '河北省石家庄市平山县孟王线',
coord: [118.006468, 26.069925], coord: [114.693382, 37.183596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '湖南省第一仓库货物数236个', name: '河北省石家庄市辛集市G230',
coord: [111.711649, 27.629216], coord: [115.393382, 40.283596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '江西省第一仓库货物数236个', name: '河北省石家庄市新乐市G107(京港线)',
coord: [115.732975, 27.636112], coord: [115.593382, 40.683596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '广东省第一仓库货物数236个', name: '河北省石家庄市新乐市S203(无繁公路)',
coord: [113.429919, 23.334643], coord: [115.793382, 40.883596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '海南省第一仓库货物数236个', name: '河北省石家庄市元氏县G107(元氏大街)',
coord: [109.754859, 19.189767], coord: [115.993382, 40.983596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '台湾省第一仓库货物数236个', name: '河北省石家庄市元氏县S232(装院路)',
coord: [120.971485, 23.749452], coord: [115.693382, 39.183596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '江苏省第一仓库货物数236个', name: '河北省石家庄市赵县SL32',
coord: [119.486506, 32.983991], coord: [115.393382, 40.283596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '安徽省第一仓库货物数236个', name: '河北省石家庄市正定县G107(车站南街)',
coord: [117.226884, 31.849254], coord: [115.193382, 40.683596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
// 四川
{ {
name: '浙江省第一仓库货物数236个', name: '四川省绵阳市涪城区永兴镇B20县道钶文废旧物资回收公司',
coord: [120.109913, 29.181466], coord: [100.193382, 30.683596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '云南省第一仓库货物数236个', name: '四川省绵阳市涪城区新皂镇绵阳市源程汽车贸易有限公司',
coord: [101.485106, 25.008643], coord: [100.393382, 31.883596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '青海省第一仓库货物数236个', name: '四川省成都市新都区斑竹园街道瑞祥路',
coord: [96.043533, 35.726403], coord: [101.593382, 31.483596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '广西壮族自治区第一仓库货物数236个', name: '四川省成都市新都区新都街道金芙蓉大道川宏产业园',
coord: [108.7944, 23.833381], coord: [101.793382, 30.283596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '宁夏回族自治区第一仓库货物数236个', name: '四川省成都市新都区新都街道普河路1888号川宏产业园',
coord: [106.169866, 37.291332], coord: [102.193382, 31.683596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '西藏自治区第一仓库货物数236个', name: '四川省德阳市广汉市连山镇泰山南路德阳世方汽贸有限公司',
coord: [88.388277, 31.56375], coord: [103.193382, 31.683596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '内蒙古自治区第一仓库货物数236个', name: '四川省资阳市雁江区松涛镇大千路三和车业',
coord: [114.077429, 44.331087], coord: [103.193382, 32.683596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
}, },
//
{ {
name: '新疆维吾尔自治区第一仓库货物数236个', name: '四川省德阳市旌阳区天元街道顺迪汽贸城',
coord: [85.294711, 41.371801], coord: [104.193382, 31.683596],
symbol: 'image://dapingmu/dianyellow.gif' symbol: 'image://dapingmu/dianred.gif'
},
{
name: '四川省凉山彝族自治州西昌市长安街道13县道重型机械园区',
coord: [104.193382, 30.683596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '四川省绵阳市涪城区新皂镇白马庙',
coord: [104.193382, 29.683596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '四川省绵阳市涪城区新皂镇车博汇汽车城',
coord: [103.193382, 29.683596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '四川省成都市新都区新都街道中集大道555号28栋东风商用车销售服务中心',
coord: [107.193382, 32.283596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '四川省成都市新都区新都街道中集二路成都中集车辆园14栋',
coord: [107.193382, 31.683596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '四川省成都市青白江区G245(货运大道)',
coord: [106.193382, 32.683596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '四川省成都市新都区G108(货运大道)',
coord: [106.393382, 30.683596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '四川省成都市新都区迎宾大道',
coord: [107.193382, 30.683596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '四川省成都市新都区中集三路',
coord: [106.093382, 31.683596],
symbol: 'image://dapingmu/dianred.gif'
},
// 山西
{
name: '山西省临汾市曲沃县G108(京昆线)',
coord: [111.193382, 35.683596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '山西省临汾市尧都区G520(临大线)',
coord: [112.393382, 36.883596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '山西省临汾市翼城县S331',
coord: [113.593382, 37.483596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '山西省临汾市翼城县东槐线',
coord: [112.793382, 38.283596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '山西省临汾市翼城县南环路辅路',
coord: [112.193382, 39.683596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '山西省运城市绛县',
coord: [111.193382, 37.283596],
symbol: 'image://dapingmu/dianred.gif'
},
// 辽宁
{
name: '辽宁省沈阳市于洪区沙岭街道四环路',
coord: [120.193382, 40.683596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '辽宁省沈阳市于洪区马三家街道辽宁庆铃汽车贸易有限公司',
coord: [121.393382, 41.883596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '辽宁省葫芦岛市兴城市东辛庄镇葫芦岛市长宏机器制造有限公司',
coord: [122.593382, 42.483596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '辽宁省沈阳市于洪区沙岭街道沈新西路沈阳市鑫海江汽车维修中心',
coord: [123.793382, 42.283596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '辽宁省沈阳市铁西区昆明湖街道沈新西路251号鼎立物流园东区',
coord: [124.193382, 41.683596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '辽宁省沈阳市于洪区沙岭街道伯瑞特家居工厂展厅',
coord: [124.193382, 40.283596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '辽宁省丹东市振兴区汤池镇胜利街',
coord: [124.193382, 41.283596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '辽宁省营口市鲅鱼圈区芦屯镇辽南大街',
coord: [123.193382, 42.283596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '辽宁省沈阳市新民市法哈牛镇沈阳新北光实业有限公司',
coord: [122.193382, 40.283596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '辽宁省葫芦岛市兴城市东辛庄镇葫芦岛市长宏机器制造有限公司(东南门)葫芦岛市长宏机器制造有限公司',
coord: [121.193382, 41.283596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '辽宁省葫芦岛市兴城市羊安满族乡102国道',
coord: [120.193382, 40.283596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '辽宁省本溪市平山区桥北街道沈环线',
coord: [123.193382, 40.283596],
symbol: 'image://dapingmu/dianred.gif'
}, },
// 黑龙江
{
name: '辽宁省沈阳市于洪区沙岭街道四环路',
coord: [130.193382, 45.683596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '辽宁省沈阳市于洪区马三家街道辽宁庆铃汽车贸易有限公司',
coord: [131.393382, 46.883596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '辽宁省葫芦岛市兴城市东辛庄镇葫芦岛市长宏机器制造有限公司',
coord: [132.593382, 47.483596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '辽宁省沈阳市于洪区沙岭街道沈新西路沈阳市鑫海江汽车维修中心',
coord: [133.793382, 47.283596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '辽宁省沈阳市铁西区昆明湖街道沈新西路251号鼎立物流园东区',
coord: [127.193382, 46.683596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '辽宁省沈阳市于洪区沙岭街道四环路',
coord: [129.193382, 47.683596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '辽宁省沈阳市于洪区马三家街道辽宁庆铃汽车贸易有限公司',
coord: [128.393382, 46.883596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '辽宁省葫芦岛市兴城市东辛庄镇葫芦岛市长宏机器制造有限公司',
coord: [128.593382, 49.483596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '辽宁省沈阳市于洪区沙岭街道沈新西路沈阳市鑫海江汽车维修中心',
coord: [126.793382, 50.283596],
symbol: 'image://dapingmu/dianred.gif'
},
{
name: '辽宁省沈阳市铁西区昆明湖街道沈新西路251号鼎立物流园东区',
coord: [126.193382, 49.683596],
symbol: 'image://dapingmu/dianred.gif'
},
], ],
dataLen: 0 dataLen: 0
} }
@ -280,39 +442,38 @@
var option = {} var option = {}
console.log(JSON.stringify(this.countyData)) console.log(JSON.stringify(this.countyData))
this.countyData = [ this.countyData = [
{ 'name': '北京市', 'value': '20', 'county': { 'title': '北京市' } }, { 'name': '北京市', 'value': '0', 'county': { 'title': '北京市' } },
{ 'name': '甘肃省', 'value': '40', 'county': { 'title': '甘肃省' } }, { 'name': '甘肃省', 'value': '0', 'county': { 'title': '甘肃省' } },
{ 'name': '四川省', 'value': '100', 'county': { 'title': '四川省' } }, { 'name': '四川省', 'value': '0', 'county': { 'title': '四川省' } },
{ 'name': '山西省', 'value': '200', 'county': { 'title': '山西省' } }, { 'name': '山西省', 'value': '0', 'county': { 'title': '山西省' } },
{ 'name': '辽宁省', 'value': '48', 'county': { 'title': '辽宁省' } }, { 'name': '辽宁省', 'value': '0', 'county': { 'title': '辽宁省' } },
{ 'name': '吉林省', 'value': '268', 'county': { 'title': '吉林省' } }, { 'name': '吉林省', 'value': '0', 'county': { 'title': '吉林省' } },
{ 'name': '陕西省', 'value': '369', 'county': { 'title': '陕西省' } }, { 'name': '陕西省', 'value': '0', 'county': { 'title': '陕西省' } },
{ 'name': '河北省', 'value': '500', 'county': { 'title': '河北省' } }, { 'name': '河北省', 'value': '11', 'county': { 'title': '河北省' } },
{ 'name': '山东省', 'value': '10', 'county': { 'title': '山东省' } }, { 'name': '山东省', 'value': '0', 'county': { 'title': '山东省' } },
{ 'name': '天津市', 'value': '356', 'county': { 'title': '天津市' } }, { 'name': '天津市', 'value': '0', 'county': { 'title': '天津市' } },
{ 'name': '河南省', 'value': '479', 'county': { 'title': '河南省' } }, { 'name': '河南省', 'value': '0', 'county': { 'title': '河南省' } },
{ 'name': '湖北省', 'value': '285', 'county': { 'title': '湖北省' } }, { 'name': '湖北省', 'value': '0', 'county': { 'title': '湖北省' } },
{ 'name': '重庆市', 'value': '190', 'county': { 'title': '重庆市' } }, { 'name': '重庆市', 'value': '0', 'county': { 'title': '重庆市' } },
{ 'name': '贵州省', 'value': '560', 'county': { 'title': '贵州省' } }, { 'name': '贵州省', 'value': '0', 'county': { 'title': '贵州省' } },
{ 'name': '福建省', 'value': '80', 'county': { 'title': '福建省' } }, { 'name': '福建省', 'value': '0', 'county': { 'title': '福建省' } },
{ 'name': '湖南省', 'value': '159', 'county': { 'title': '湖南省' } }, { 'name': '湖南省', 'value': '0', 'county': { 'title': '湖南省' } },
{ 'name': '江西省', 'value': '259', 'county': { 'title': '江西省' } }, { 'name': '江西省', 'value': '0', 'county': { 'title': '江西省' } },
{ 'name': '广东省', 'value': '359', 'county': { 'title': '广东省' } }, { 'name': '广东省', 'value': '0', 'county': { 'title': '广东省' } },
{ 'name': '海南省', 'value': '459', 'county': { 'title': '海南省' } }, { 'name': '海南省', 'value': '0', 'county': { 'title': '海南省' } },
{ 'name': '台湾省', 'value': '559', 'county': { 'title': '台湾省' } }, { 'name': '台湾省', 'value': '0', 'county': { 'title': '台湾省' } },
{ 'name': '江苏省', 'value': '80', 'county': { 'title': '江苏省' } }, { 'name': '江苏省', 'value': '0', 'county': { 'title': '江苏省' } },
{ 'name': '安徽省', 'value': '480', 'county': { 'title': '安徽省' } }, { 'name': '安徽省', 'value': '0', 'county': { 'title': '安徽省' } },
{ 'name': '上海市', 'value': '90', 'county': { 'title': '上海市' } }, { 'name': '上海市', 'value': '0', 'county': { 'title': '上海市' } },
{ 'name': '浙江省', 'value': '418', 'county': { 'title': '浙江省' } }, { 'name': '浙江省', 'value': '0', 'county': { 'title': '浙江省' } },
{ 'name': '云南省', 'value': '131', 'county': { 'title': '云南省' } }, { 'name': '云南省', 'value': '0', 'county': { 'title': '云南省' } },
{ 'name': '青海省', 'value': '4', 'county': { 'title': '青海省' } }, { 'name': '青海省', 'value': '0', 'county': { 'title': '青海省' } },
{ 'name': '广西壮族自治区', 'value': '428', 'county': { 'title': '广西壮族自治区' } }, { 'name': '广西壮族自治区', 'value': '0', 'county': { 'title': '广西壮族自治区' } },
{ 'name': '宁夏回族自治区', 'value': '248', 'county': { 'title': '宁夏回族自治区' } }, { 'name': '宁夏回族自治区', 'value': '0', 'county': { 'title': '宁夏回族自治区' } },
{ 'name': '西藏自治区', 'value': '138', 'county': { 'title': '西藏自治区' } }, { 'name': '西藏自治区', 'value': '0', 'county': { 'title': '西藏自治区' } },
{ 'name': '内蒙古自治区', 'value': '318', 'county': { 'title': '内蒙古自治区' } }, { 'name': '内蒙古自治区', 'value': '0', 'county': { 'title': '内蒙古自治区' } },
{ 'name': '新疆维吾尔自治区', 'value': '381', 'county': { 'title': '新疆维吾尔自治区' } }, { 'name': '新疆维吾尔自治区', 'value': '0', 'county': { 'title': '新疆维吾尔自治区' } },
{ 'name': '黑龙江省', 'value': '48', 'county': { 'title': '黑龙江省' } }, { 'name': '黑龙江省', 'value': '0', 'county': { 'title': '黑龙江省' } },
] ]
echarts.registerMap('xingtai', xt_data, {}) echarts.registerMap('xingtai', xt_data, {})
option = { option = {
@ -344,12 +505,7 @@
) )
return ( return (
params.name + params.name +
'<br/>仓库数量:1 ' + '<br/>仓库数量: ' + params.value + '个'
'个'
// params.name +
// '<br/>仓库数量: ' +
// valueStr +
// '个'
) )
} else { } else {
return ( return (
@ -397,8 +553,8 @@
color: '#fff' color: '#fff'
}, },
inRange: { inRange: {
// color: ['#f37b1d', '#1e6ff0', '#6e41c7', '#34b157'],
color: ['#f37b1d', '#1e6ff0', '#6e41c7', '#34b157'], color: ['#34b157', '#6e41c7', '#1e6ff0', '#f37b1d'],
symbolSize: [30, 100] symbolSize: [30, 100]
} }
}, },
@ -521,5 +677,5 @@
}) })
} }
} }
} }
</script> </script>

40
src/views/index.vue
View File

@ -6,36 +6,41 @@
<div class="wenbox"> <div class="wenbox">
<div class="tubiao"><span class="myiconfont icon-shishijiance1 tolzi"></span></div> <div class="tubiao"><span class="myiconfont icon-shishijiance1 tolzi"></span></div>
<div class="tos"> <div class="tos">
<div class="tit nums">河北仓库<span class="num">3</span>家</div> <div class="tit nums">河北仓库<span class="num">11</span>家</div>
<div class="tit nums">货物数<span class="num">4575</span>个</div> <!-- <div class="tit nums">货物数<span class="num">4575</span>个</div> -->
<div class="tit nums">停车场<span class="num">19</span>个</div>
</div> </div>
</div> </div>
<div class="wenbox"> <div class="wenbox">
<div class="tubiao"><span class="myiconfont icon-louyuzidonghua tolzi"></span></div> <div class="tubiao"><span class="myiconfont icon-louyuzidonghua tolzi"></span></div>
<div class="tos"> <div class="tos">
<div class="tit nums">湖北仓库<span class="num">3</span>家</div> <div class="tit nums">四川仓库<span class="num">0</span>家</div>
<div class="tit nums">货物数<span class="num">2575</span>个</div> <!-- <div class="tit nums">货物数<span class="num">4575</span>个</div> -->
<div class="tit nums">停车场<span class="num">17</span>个</div>
</div> </div>
</div> </div>
<div class="wenbox"> <div class="wenbox">
<div class="tubiao"><span class="myiconfont icon-shebeitaizhang tolzi"></span></div> <div class="tubiao"><span class="myiconfont icon-shebeitaizhang tolzi"></span></div>
<div class="tos"> <div class="tos">
<div class="tit nums">黑龙江<span class="num">3</span>家</div> <div class="tit nums">黑龙江<span class="num">0</span>家</div>
<div class="tit nums">货物数<span class="num">4575</span>个</div> <!-- <div class="tit nums">货物数<span class="num">4575</span>个</div> -->
<div class="tit nums">停车场<span class="num">10</span>个</div>
</div> </div>
</div> </div>
<div class="wenbox"> <div class="wenbox">
<div class="tubiao"><span class="myiconfont icon-zhihuilouyu tolzi"></span></div> <div class="tubiao"><span class="myiconfont icon-zhihuilouyu tolzi"></span></div>
<div class="tos"> <div class="tos">
<div class="tit nums">上海仓库<span class="num">1</span>家</div> <div class="tit nums">辽宁仓库<span class="num">0</span>家</div>
<div class="tit nums">货物数<span class="num">123</span>个</div> <!-- <div class="tit nums">货物数<span class="num">4575</span>个</div> -->
<div class="tit nums">停车场<span class="num">12</span>个</div>
</div> </div>
</div> </div>
<div class="wenbox"> <div class="wenbox">
<div class="tubiao"><span class="myiconfont icon-rizhi2 tolzi"></span></div> <div class="tubiao"><span class="myiconfont icon-rizhi2 tolzi"></span></div>
<div class="tos"> <div class="tos">
<div class="tit nums">江苏仓库<span class="num">1</span>家</div> <div class="tit nums">山西仓库<span class="num">0</span>家</div>
<div class="tit nums">货物数<span class="num">126</span>个</div> <!-- <div class="tit nums">货物数<span class="num">4575</span>个</div> -->
<div class="tit nums">停车场<span class="num">17</span>个</div>
</div> </div>
</div> </div>
@ -109,8 +114,10 @@
<div class="icon myiconfont iconbox iconbox_blue">&#xe64a;</div> <div class="icon myiconfont iconbox iconbox_blue">&#xe64a;</div>
</div> </div>
<div class="rights"> <div class="rights">
<div class="note">正常：<span class="bluezi">{{ statusDataSp.online == null ? 0 : statusDataSp.online }}</span></div> <div class="note">正常：<span class="bluezi">{{ statusDataSp.online == null ? 0 : statusDataSp.online }}</span>
<div class="note">离线：<span class="huizi">{{ statusDataSp.offline == null ? 0 : statusDataSp.offline }}</span> </div>
<div class="note">离线：<span class="huizi">{{ statusDataSp.offline == null ? 0 : statusDataSp.offline
}}</span>
</div> </div>
<div class="note"><span class="redzi"></span></div> <div class="note"><span class="redzi"></span></div>
</div> </div>
@ -148,8 +155,10 @@
<div class="icon myiconfont iconbox iconbox_red">&#xe9f7;</div> <div class="icon myiconfont iconbox iconbox_red">&#xe9f7;</div>
</div> </div>
<div class="rights"> <div class="rights">
<div class="note">正常：<span class="bluezi">{{ statusDataWl.online == null ? 0 : statusDataWl.online }}</span></div> <div class="note">正常：<span class="bluezi">{{ statusDataWl.online == null ? 0 : statusDataWl.online }}</span>
<div class="note">离线：<span class="huizi">{{ statusDataWl.offline == null ? 0 : statusDataWl.offline }}</span></div> </div>
<div class="note">离线：<span class="huizi">{{ statusDataWl.offline == null ? 0 : statusDataWl.offline
}}</span></div>
<!-- <div class="note">报警：<span class="redzi">11</span></div> --> <!-- <div class="note">报警：<span class="redzi">11</span></div> -->
</div> </div>
<div class="bar"> <div class="bar">
@ -828,5 +837,4 @@ export default {
font-weight: bold; font-weight: bold;
display: inline-block; display: inline-block;
color: #fc6f04; color: #fc6f04;
} }</style>
</style>

Write Preview
Loading…
Cancel
Save