|
|
@@ -5,7 +5,7 @@ let app = new Vue({
|
|
|
count: 0, //重点项目两线指标轮到哪个
|
|
|
list: [], //重点项目两线指标数组
|
|
|
countType: 0, //重点项目两线指标数组
|
|
|
- mapShow: true, // false为中国地图 true为山西地图
|
|
|
+ mapShow: false, // false为中国地图 true为山西地图
|
|
|
titleUrl: '',// 标题弹窗显示的内容
|
|
|
titleName: '', // 弹窗的名字显示
|
|
|
left12Bottom: [], // 重点项目两线指标x轴
|
|
|
@@ -194,9 +194,9 @@ let app = new Vue({
|
|
|
evenRowBGC: '#69C0FF20',
|
|
|
headerHeight: '80',
|
|
|
rowNum: 6,
|
|
|
- // columnWidth: [250],
|
|
|
+ columnWidth: ['100', '350', '100', '100'],
|
|
|
align: ['center', 'center', 'center'],
|
|
|
- data: dataList2
|
|
|
+ data: []
|
|
|
},
|
|
|
meansList: [
|
|
|
{
|
|
|
@@ -571,7 +571,7 @@ let app = new Vue({
|
|
|
// that.leftEcharts12Fun()
|
|
|
// that.leftEcharts14Fun()
|
|
|
that.leftEcharts9Fun()
|
|
|
- that.leftEcharts15Fun()
|
|
|
+ // that.leftEcharts15Fun()
|
|
|
that.leftEcharts13Fun()
|
|
|
that.shanxiEchartsFun()
|
|
|
} else {
|
|
|
@@ -998,18 +998,19 @@ let app = new Vue({
|
|
|
center2[i].typeno = item.typeno
|
|
|
})
|
|
|
}
|
|
|
- that.leftEcharts12Fun()
|
|
|
+ // that.leftEcharts12Fun()
|
|
|
// 投资执行情况
|
|
|
res.data.implementationStatus.forEach((item, index) => {
|
|
|
center3[index].value = that.yuanChange(item.plan)
|
|
|
center3[index].value2 = that.yuanChange(item.reality)
|
|
|
})
|
|
|
center3.sort(that.compare('value'))
|
|
|
- that.leftEcharts14Fun()
|
|
|
+ // that.leftEcharts14Fun()
|
|
|
// 五个一体化
|
|
|
res.data.five.forEach((item, index) => {
|
|
|
center6[index] = { name: item.type, value: that.yuanChange(item.amount), typeno: item.typeno }
|
|
|
})
|
|
|
+ // that.leftEcharts15Fun()
|
|
|
// 投资阶段分析
|
|
|
res.data.investmentStage.forEach((item, index) => {
|
|
|
center7[index] = { name: item.type, value: Number(item.num), value2: that.yuanChange(item.amount), typeno: item.typeno, sliced: false, selected: false }
|
|
|
@@ -1021,14 +1022,20 @@ let app = new Vue({
|
|
|
res.data.projectMonitoring.forEach((item, index) => {
|
|
|
center8.push({ value: item.amount, name: item.projectname, office: item.orgName, type: item.projectjd })
|
|
|
})
|
|
|
+ let dataList = []
|
|
|
+ center8.map(item => {
|
|
|
+ dataList.push([item.office, item.name, item.type, this.yuanChange(item.value) + '亿', item.typeno])
|
|
|
+ })
|
|
|
+ this.storageRecordConfig2.data = dataList
|
|
|
+ this.storageRecordConfig2 = { ...this.storageRecordConfig2 }
|
|
|
// 中国地图
|
|
|
centerChina = []
|
|
|
res.data.investmentMap.forEach((item, index) => {
|
|
|
centerChina.push({ name: item.address, value: that.yuanChange(item.amount), value2: item.value2 })
|
|
|
})
|
|
|
setTimeout(() => {
|
|
|
- // that.chinaEchartsFun()
|
|
|
- // that.leftEcharts16Fun() // 中国地图背景地球
|
|
|
+ that.chinaEchartsFun()
|
|
|
+ that.leftEcharts16Fun() // 中国地图背景地球
|
|
|
|
|
|
})
|
|
|
resolve(1);
|
|
|
@@ -3568,32 +3575,12 @@ let app = new Vue({
|
|
|
},
|
|
|
shanxiEchartsFun () {
|
|
|
let that = this;
|
|
|
+ let taiyuan = [112.53, 37.87, center5.filter(item => item.name == '太原市')[0].value, center5.filter(item => item.name == '太原市')[0].value2]
|
|
|
this.geoCoordMap = [];
|
|
|
/*获取地图数据*/
|
|
|
this.shanxiMap = echarts.init(this.$refs["shanxi"]);
|
|
|
- // echarts.registerMap('china', china)
|
|
|
echarts.registerMap("china", shanxi);
|
|
|
- // var mapFeatures = echarts.getMap('china').geoJson.features
|
|
|
- // mapFeatures.forEach(v => {
|
|
|
- // // 地区名称
|
|
|
- // var name = v.properties.name
|
|
|
- // // 地区经纬度
|
|
|
- // this.geoCoordMap[name] = v.properties.cp
|
|
|
- // data.push({ name: v.properties.name, value: v.properties.cp[0], value2: v.properties.cp[1] })
|
|
|
- // })
|
|
|
- var data = [
|
|
|
- { name: "大同市", value: 65, value2: 28 },
|
|
|
- { name: "朔州市", value: 331, value2: 13 },
|
|
|
- { name: "忻州市", value: 735, value2: 25 },
|
|
|
- { name: "吕梁市", value: 104, value2: 45 },
|
|
|
- { name: "太原市", value: 2567, value2: 113 },
|
|
|
- { name: "阳泉市", value: 252, value2: 28 },
|
|
|
- { name: "晋中市", value: 187, value2: 52 },
|
|
|
- { name: "临汾市", value: 155, value2: 30 },
|
|
|
- { name: "长治市", value: 100, value2: 23 },
|
|
|
- { name: "运城市", value: 416, value2: 23 },
|
|
|
- { name: "晋城市", value: 443, value2: 31 },
|
|
|
- ];
|
|
|
+ var data = center5;
|
|
|
var geoCoordMap = {
|
|
|
太原市: [112.53, 37.87],
|
|
|
大同市: [113.3, 40.12],
|
|
|
@@ -3889,7 +3876,7 @@ let app = new Vue({
|
|
|
data: [
|
|
|
{
|
|
|
name: "太原市",
|
|
|
- value: [112.53, 37.87, 25167, 113],
|
|
|
+ value: taiyuan,
|
|
|
},
|
|
|
],
|
|
|
symbolSize: function (val) {
|
|
|
@@ -3934,14 +3921,9 @@ let app = new Vue({
|
|
|
barData.push(data[i].value);
|
|
|
sum += data[i].value;
|
|
|
}
|
|
|
- // this.shanxiMap.on('click', function (params) {
|
|
|
- // if (params.name == '山西') {
|
|
|
- // that.shanxiMap.dispose()
|
|
|
- // that.centerShow = true
|
|
|
- // setTimeout(() => {
|
|
|
- // })
|
|
|
- // }
|
|
|
- // })
|
|
|
+ this.shanxiMap.on('click', function (params) {
|
|
|
+ that.showChartLTipDouble(params.name, 'center', '', '', '', '', 'investmentMap', params.name, '山西省', '', '', 118)
|
|
|
+ })
|
|
|
tools.loopShowTooltip(this.shanxiMap, option, {
|
|
|
interval: 2000,
|
|
|
loopSeries: false,
|
|
|
@@ -4314,7 +4296,7 @@ let app = new Vue({
|
|
|
that.leftEcharts9Fun()
|
|
|
that.leftEcharts15Fun()
|
|
|
that.leftEcharts13Fun()
|
|
|
- that.shanxiEchartsFun()
|
|
|
+ that.centerPenetrateOne('investmentMap', params.name, 3, '', '')
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
@@ -4979,7 +4961,7 @@ let app = new Vue({
|
|
|
icon: "circle",
|
|
|
orient: 'vertical',
|
|
|
data: ['特别监管类', '备案类'],
|
|
|
- right: 0,
|
|
|
+ right: '15%',
|
|
|
bottom: 0,
|
|
|
align: 'left',
|
|
|
textStyle: {
|
|
|
@@ -5261,13 +5243,13 @@ let app = new Vue({
|
|
|
let that = this;
|
|
|
this.leftEcharts15 = echarts.init(this.$refs["leftEcharts15"]);
|
|
|
var xdata = ['煤炭和煤电', '煤电和新能源', '煤炭和化工', '煤炭和数字', '煤炭和降碳'];
|
|
|
- var data = statusList;
|
|
|
+ var data = center6;
|
|
|
option = {
|
|
|
tooltip: {
|
|
|
show: true,
|
|
|
trigger: "axis",
|
|
|
formatter: data => {
|
|
|
- return `${data[0].name}<br />投资金额：${data[0].value}亿<br />项目数量：${statusList[data[0].dataIndex].num}个`
|
|
|
+ return `${data[0].name}<br />投资金额：${data[0].value}亿`
|
|
|
},
|
|
|
axisPointer: {
|
|
|
// 坐标轴指示器，坐标轴触发有效
|
|
|
@@ -5285,7 +5267,7 @@ let app = new Vue({
|
|
|
|
|
|
grid: {
|
|
|
left: "4%",
|
|
|
- right: "4%",
|
|
|
+ right: "12%",
|
|
|
bottom: "3%",
|
|
|
top: "15%",
|
|
|
containLabel: true
|
|
|
@@ -5380,6 +5362,19 @@ let app = new Vue({
|
|
|
}
|
|
|
]
|
|
|
}
|
|
|
+ that.leftEcharts15.on('click', (param) => {
|
|
|
+ if (param.name == '煤炭和煤电') {
|
|
|
+ that.showChartLTipSingle(param.name, 'center', 'keyIndicators', 'ceiamount', '', '', '', '', 'five', '1', 2, 115)
|
|
|
+ } else if (param.name == '煤电和新能源') {
|
|
|
+ that.showChartLTipSingle(param.name, 'center', 'keyIndicators', 'cpneiamount', '', '', '', '', 'five', '2', 2, 115)
|
|
|
+ } else if (param.name == '煤炭和化工') {
|
|
|
+ that.showChartLTipSingle(param.name, 'center', 'keyIndicators', 'ccheiamount', '', '', '', '', 'five', '3', 2, 115)
|
|
|
+ } else if (param.name == '煤炭和数字') {
|
|
|
+ that.showChartLTipSingle(param.name, 'center', 'keyIndicators', 'cdiamount', '', '', '', '', 'five', '4', 2, 115)
|
|
|
+ } else if (param.name == '煤炭和降炭') {
|
|
|
+ that.showChartLTipSingle(param.name, 'center', 'keyIndicators', 'cciamount', '', '', '', '', 'five', '5', 2, 115)
|
|
|
+ }
|
|
|
+ })
|
|
|
//轮播
|
|
|
tools.loopShowTooltip(that.leftEcharts15, option, {
|
|
|
interval: 2000,
|
|
|
@@ -5846,7 +5841,7 @@ let app = new Vue({
|
|
|
center5.push({ name: item.address, value: that.yuanChange(item.amount), value2: item.value2 })
|
|
|
})
|
|
|
setTimeout(() => {
|
|
|
- that.initProvinceChart()
|
|
|
+ that.shanxiEchartsFun()
|
|
|
});
|
|
|
}
|
|
|
resolve(1);
|
|
|
@@ -6638,12 +6633,21 @@ let app = new Vue({
|
|
|
},
|
|
|
// 去项目看板
|
|
|
goLookBoard (e, f) {
|
|
|
- if (f) {
|
|
|
- this.boardType = f
|
|
|
+ let value = {
|
|
|
+ access_token: this.access_token,
|
|
|
+ proCode: this.findProjectCode(e.row[0], e.row[1], this.boardType, e)
|
|
|
}
|
|
|
- this.boardUrl = `http://${this.goUrl}/ierp/accessTokenLogin.do?access_token=${this.access_token}&redirect=http://${this.goUrl}/ierp/index.html?formId=mdnb_threetoproject&prj=${this.findProjectCode(e.row[0], e.row[1], this.boardType, e)}`
|
|
|
- this.boardTipShow = true
|
|
|
- console.log(this.boardUrl, '跳转去的项目看板地址')
|
|
|
+ post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getProCode', value).then(res => {
|
|
|
+ if (res.status) {
|
|
|
+ if (f) {
|
|
|
+ this.boardType = f
|
|
|
+ }
|
|
|
+ this.boardUrl = `http://${this.goUrl}/ierp/accessTokenLogin.do?access_token=${this.access_token}&redirect=http://${this.goUrl}/ierp/index.html?formId=mdnb_threetoproject&prj=${this.findProjectCode(e.row[0], e.row[1], this.boardType, e)}`
|
|
|
+ this.boardTipShow = true
|
|
|
+ console.log(this.boardUrl, '跳转去的项目看板地址')
|
|
|
+ }
|
|
|
+ resolve(1);
|
|
|
+ })
|
|
|
},
|
|
|
},
|
|
|
});
|
zhbyyy