|
|
@@ -13,10 +13,15 @@ let app = new Vue({
|
|
|
content: '{nt}个',
|
|
|
},
|
|
|
storageRecordConfig: {
|
|
|
- header: ['项目名称', '所属企业', '总投资额'],
|
|
|
+ // waitTime: '2000000',
|
|
|
+ header: ['企业集团', '项目名称 ', '投资总额'],
|
|
|
+ // headerBGC: '#05507b33',
|
|
|
+ // oddRowBGC: '#05507b33',
|
|
|
+ // evenRowBGC: '#05507b33',
|
|
|
+ headerBGC: '#05183c',
|
|
|
headerBGC: '#05507b33',
|
|
|
- oddRowBGC: '#05507b33',
|
|
|
- evenRowBGC: '',
|
|
|
+ oddRowBGC: '#05183c',
|
|
|
+ evenRowBGC: '#05183c',
|
|
|
rowNum: 4,
|
|
|
align: ['center'],
|
|
|
data: [
|
|
|
@@ -78,6 +83,21 @@ let app = new Vue({
|
|
|
this.initChartR2()
|
|
|
this.initChartR3()
|
|
|
},)
|
|
|
+ setTimeout(() => {
|
|
|
+ var swiper = new Swiper(".mySwiper", {
|
|
|
+ pagination: {
|
|
|
+ el: ".swiper-pagination",
|
|
|
+ type: "progressbar",
|
|
|
+ },
|
|
|
+ navigation: {
|
|
|
+ nextEl: ".swiper-button-next",
|
|
|
+ prevEl: ".swiper-button-prev",
|
|
|
+ },
|
|
|
+ });
|
|
|
+ swiper.el.onmouseout = function () {
|
|
|
+ swiper.autoplay.start();
|
|
|
+ }
|
|
|
+ }, 500)
|
|
|
},
|
|
|
methods: {
|
|
|
convertData (data) {
|
|
|
@@ -689,7 +709,7 @@ let app = new Vue({
|
|
|
title: [
|
|
|
{
|
|
|
text: '450.12亿',
|
|
|
- x: '38%',
|
|
|
+ x: '33%',
|
|
|
y: '80%',
|
|
|
textStyle: {
|
|
|
fontSize: 24,
|
|
|
@@ -756,15 +776,16 @@ let app = new Vue({
|
|
|
let option = {
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
+ formatter: '指标：' + '{c0}' + '<br/>' + '发展线：' + '{c1}' + '<br/>' + '生存线：' + '{c2}', //+ '<br/>'+ '{a1}：{c1}' + '%',
|
|
|
axisPointer: {
|
|
|
type: 'shadow',
|
|
|
},
|
|
|
},
|
|
|
grid: {
|
|
|
- top: '22%',
|
|
|
+ top: '10%',
|
|
|
right: '5%',
|
|
|
left: '10%',
|
|
|
- bottom: '25%',
|
|
|
+ bottom: '15%',
|
|
|
},
|
|
|
xAxis: {
|
|
|
data: ['总投资收益率', '销售利润率', '成本费用利润率', '总资产周转率', '财务内部收益率'],
|
|
|
@@ -833,40 +854,80 @@ let app = new Vue({
|
|
|
},
|
|
|
},
|
|
|
data: [10, 20, 30, 40, 50],
|
|
|
- markLine: {
|
|
|
- symbol: ['none', 'none'],
|
|
|
- data: [
|
|
|
- {
|
|
|
- name: '生存线',
|
|
|
- yAxis: 10,
|
|
|
- lineStyle: {
|
|
|
- color: '#FF8F0A',
|
|
|
+ // markLine: {
|
|
|
+ // symbol: ['none', 'none'],
|
|
|
+ // data: [
|
|
|
+ // {
|
|
|
+ // name: '生存线',
|
|
|
+ // yAxis: 10,
|
|
|
+ // lineStyle: {
|
|
|
+ // color: '#FF8F0A',
|
|
|
+ // },
|
|
|
+ // label: {
|
|
|
+ // formatter: '{b}',
|
|
|
+ // position: 'middle',
|
|
|
+ // color: '#FF8F0A',
|
|
|
+ // fontSize: 12,
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // name: '发展线',
|
|
|
+ // yAxis: 15,
|
|
|
+ // lineStyle: {
|
|
|
+ // color: '#00EEA2',
|
|
|
+ // },
|
|
|
+ // label: {
|
|
|
+ // formatter: '{b}',
|
|
|
+ // position: 'middle',
|
|
|
+ // color: '#00EEA2',
|
|
|
+ // fontSize: 12,
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // label: {
|
|
|
+ // distance: [50, 0],
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ type: 'line',
|
|
|
+ barWidth: 15,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
+ {
|
|
|
+ offset: 0,
|
|
|
+ color: '#69c0ff',
|
|
|
},
|
|
|
- label: {
|
|
|
- formatter: '{b}',
|
|
|
- position: 'middle',
|
|
|
- color: '#FF8F0A',
|
|
|
- fontSize: 12,
|
|
|
+ {
|
|
|
+ offset: 1,
|
|
|
+ color: 'green',
|
|
|
},
|
|
|
- },
|
|
|
- {
|
|
|
- name: '发展线',
|
|
|
- yAxis: 15,
|
|
|
- lineStyle: {
|
|
|
- color: '#00EEA2',
|
|
|
+ ]),
|
|
|
+ },
|
|
|
+ },
|
|
|
+ data: [20, 30, 15, 28, 36],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ type: 'line',
|
|
|
+ barWidth: 15,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
+ {
|
|
|
+ offset: 0,
|
|
|
+ color: '#69c0ff',
|
|
|
},
|
|
|
- label: {
|
|
|
- formatter: '{b}',
|
|
|
- position: 'middle',
|
|
|
- color: '#00EEA2',
|
|
|
- fontSize: 12,
|
|
|
+ {
|
|
|
+ offset: 1,
|
|
|
+ color: 'yellow',
|
|
|
},
|
|
|
- },
|
|
|
- ],
|
|
|
- label: {
|
|
|
- distance: [50, 0],
|
|
|
+ ]),
|
|
|
},
|
|
|
},
|
|
|
+ data: [15, 22, 17, 33, 14],
|
|
|
},
|
|
|
],
|
|
|
}
|
|
|
@@ -906,7 +967,8 @@ let app = new Vue({
|
|
|
{
|
|
|
name: '',
|
|
|
type: 'pie',
|
|
|
- radius: ['0%', '70%'],
|
|
|
+ // radius: ['0%', '70%'],
|
|
|
+ radius: ['50%', '75%'],
|
|
|
center: ['50%', '60%'],
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
@@ -963,7 +1025,8 @@ let app = new Vue({
|
|
|
{
|
|
|
name: '',
|
|
|
type: 'pie',
|
|
|
- radius: ['0%', '70%'],
|
|
|
+ // radius: ['0%', '70%'],
|
|
|
+ radius: ['50%', '75%'],
|
|
|
center: ['50%', '60%'],
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
@@ -1019,7 +1082,8 @@ let app = new Vue({
|
|
|
{
|
|
|
name: '',
|
|
|
type: 'pie',
|
|
|
- radius: ['0%', '70%'],
|
|
|
+ // radius: ['0%', '70%'],
|
|
|
+ radius: ['50%', '75%'],
|
|
|
center: ['50%', '60%'],
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
@@ -1075,7 +1139,8 @@ let app = new Vue({
|
|
|
{
|
|
|
name: '',
|
|
|
type: 'pie',
|
|
|
- radius: ['0%', '70%'],
|
|
|
+ // radius: ['0%', '70%'],
|
|
|
+ radius: ['50%', '75%'],
|
|
|
center: ['50%', '60%'],
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
@@ -1263,7 +1328,7 @@ let app = new Vue({
|
|
|
let myChart = echarts.init(this.$refs['echartR1'])
|
|
|
let option = {
|
|
|
title: {
|
|
|
- text: '储备项目产业分布',
|
|
|
+ text: '产业类别分析',
|
|
|
x: 'center',
|
|
|
y: '87%',
|
|
|
textStyle: {
|
|
|
@@ -1320,7 +1385,7 @@ let app = new Vue({
|
|
|
let myChart = echarts.init(this.$refs['echartR2'])
|
|
|
let option = {
|
|
|
title: {
|
|
|
- text: '储备项目产业分布',
|
|
|
+ text: '项目阶段分析',
|
|
|
x: 'center',
|
|
|
y: '87%',
|
|
|
textStyle: {
|
|
|
@@ -1375,9 +1440,159 @@ let app = new Vue({
|
|
|
},
|
|
|
initChartR3 () {
|
|
|
let myChart = echarts.init(this.$refs['echartR3'])
|
|
|
+ // let option = {
|
|
|
+ // title: {
|
|
|
+ // text: '固定资产项目',
|
|
|
+ // textStyle: {
|
|
|
+ // color: '#69C0FF',
|
|
|
+ // },
|
|
|
+ // top: '10',
|
|
|
+ // left: '10'
|
|
|
+ // },
|
|
|
+ // textStyle: {
|
|
|
+ // color: '#fff',
|
|
|
+ // },
|
|
|
+ // tooltip: {
|
|
|
+ // trigger: "axis",
|
|
|
+ // axisPointer: {
|
|
|
+ // lineStyle: {
|
|
|
+ // type: 'dashed',
|
|
|
+ // width: 2,
|
|
|
+ // color: 'rgba(255,255,255,0.6)'
|
|
|
+ // },
|
|
|
+ // animation: true
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // grid: {
|
|
|
+ // top: '25%',
|
|
|
+ // right: '5%',
|
|
|
+ // left: '10%',
|
|
|
+ // bottom: '0',
|
|
|
+ // },
|
|
|
+ // visualMap: {
|
|
|
+ // type: 'piecewise',
|
|
|
+ // top: 'top',
|
|
|
+ // min: 0,
|
|
|
+ // right: 100,
|
|
|
+ // textStyle: {
|
|
|
+ // color: 'white',
|
|
|
+ // },
|
|
|
+ // // pieces: ['固定投资累类', '股权及其他类']
|
|
|
+ // pieces: [{
|
|
|
+ // label: '固定资产类',
|
|
|
+ // color: 'orange'
|
|
|
+ // }, {
|
|
|
+ // label: '股权及其他类',
|
|
|
+ // color: '#6b61a8'
|
|
|
+ // }]
|
|
|
+ // },
|
|
|
+ // yAxis: {
|
|
|
+ // data: ['批量备案', '特别监管'],
|
|
|
+ // splitLine: {
|
|
|
+ // show: true,
|
|
|
+ // lineStyle: {
|
|
|
+ // color: '#68b4dd66',
|
|
|
+ // type: 'dashed',
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // axisLine: {
|
|
|
+ // show: false
|
|
|
+ // },
|
|
|
+ // axisLabel: {
|
|
|
+ // show: true,
|
|
|
+ // formatter: '{value}',
|
|
|
+ // textStyle: {
|
|
|
+ // color: 'rgba(250,250,250,0.6)',
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // nameTextStyle: {
|
|
|
+ // color: '#ebf8ac',
|
|
|
+ // fontSize: 16,
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // xAxis: {
|
|
|
+ // data: ['项目储备', '项目立项', '项目可研', '可研论证', '投资决策'],
|
|
|
+ // axisLine: {
|
|
|
+ // show: true, //隐藏X轴轴线
|
|
|
+ // lineStyle: {
|
|
|
+ // color: '#005094',
|
|
|
+ // width: 1,
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // axisTick: {
|
|
|
+ // show: false, //隐藏X轴刻度
|
|
|
+ // },
|
|
|
+ // axisLabel: {
|
|
|
+ // show: true,
|
|
|
+ // textStyle: {
|
|
|
+ // color: 'rgba(255,255,255,0.6)', //X轴文字颜色
|
|
|
+ // fontSize: 12,
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // series: [
|
|
|
+ // {
|
|
|
+ // name: '批量备案',
|
|
|
+ // type: 'scatter',
|
|
|
+ // symbol: 'circle',//'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
|
|
|
+ // symbolSize: function (data) {
|
|
|
+ // return Math.sqrt(data[2]) * 0.5;
|
|
|
+ // },
|
|
|
+ // label: {
|
|
|
+ // emphasis: {
|
|
|
+ // show: true,
|
|
|
+ // formatter: function (param) {
|
|
|
+ // return param.data[2];
|
|
|
+ // },
|
|
|
+ // position: 'top'
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // itemStyle: {
|
|
|
+ // normal: {
|
|
|
+ // color: '#45DAD1'
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // data: [
|
|
|
+ // ['项目储备', '批量备案', 200],
|
|
|
+ // ['项目立项', '批量备案', 1500],
|
|
|
+ // ['项目可研', '批量备案', 2000],
|
|
|
+ // ['可研论证', '批量备案', 2500],
|
|
|
+ // ['投资决策', '批量备案', 3000],
|
|
|
+ // ]
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // name: '特别监管',
|
|
|
+ // type: 'scatter',
|
|
|
+ // symbol: 'circle',//'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
|
|
|
+ // symbolSize: function (data) {
|
|
|
+ // return Math.sqrt(data[2]) * 0.5;
|
|
|
+ // },
|
|
|
+ // label: {
|
|
|
+ // emphasis: {
|
|
|
+ // show: true,
|
|
|
+ // formatter: function (param) {
|
|
|
+ // return param.data[2];
|
|
|
+ // },
|
|
|
+ // position: 'top'
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // itemStyle: {
|
|
|
+ // normal: {
|
|
|
+ // color: '#40A9FF'
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // data: [
|
|
|
+ // ['项目储备', '特别监管', 1400],
|
|
|
+ // ['项目立项', '特别监管', 1500],
|
|
|
+ // ['项目可研', '特别监管', 5500],
|
|
|
+ // ['可研论证', '特别监管', 500],
|
|
|
+ // ]
|
|
|
+ // }
|
|
|
+ // ]
|
|
|
+ // }
|
|
|
let option = {
|
|
|
title: {
|
|
|
- text: '固定资产项目',
|
|
|
+ text: '',
|
|
|
textStyle: {
|
|
|
color: '#69C0FF',
|
|
|
},
|
|
|
@@ -1399,10 +1614,10 @@ let app = new Vue({
|
|
|
}
|
|
|
},
|
|
|
grid: {
|
|
|
- top: '25%',
|
|
|
+ top: '22%',
|
|
|
right: '5%',
|
|
|
left: '10%',
|
|
|
- bottom: '0',
|
|
|
+ bottom: '15%',
|
|
|
},
|
|
|
visualMap: {
|
|
|
type: 'piecewise',
|
|
|
@@ -1412,13 +1627,11 @@ let app = new Vue({
|
|
|
textStyle: {
|
|
|
color: 'white',
|
|
|
},
|
|
|
- // pieces: ['固定投资累类', '股权及其他类']
|
|
|
pieces: [{
|
|
|
- label: '固定资产类',
|
|
|
- color: 'orange'
|
|
|
- }, {
|
|
|
label: '股权及其他类',
|
|
|
- color: '#6b61a8'
|
|
|
+ color: 'red'
|
|
|
+ }, {
|
|
|
+ label: '固定资产类',
|
|
|
}]
|
|
|
},
|
|
|
yAxis: {
|
|
|
@@ -1488,11 +1701,10 @@ let app = new Vue({
|
|
|
}
|
|
|
},
|
|
|
data: [
|
|
|
- ['项目储备', '批量备案', 200],
|
|
|
- ['项目立项', '批量备案', 1500],
|
|
|
- ['项目可研', '批量备案', 2000],
|
|
|
- ['可研论证', '批量备案', 2500],
|
|
|
- ['投资决策', '批量备案', 3000],
|
|
|
+ [1400, 123],
|
|
|
+ [1500, 532],
|
|
|
+ [5500, 435],
|
|
|
+ [500, 534],
|
|
|
]
|
|
|
},
|
|
|
{
|
|
|
@@ -1517,10 +1729,10 @@ let app = new Vue({
|
|
|
}
|
|
|
},
|
|
|
data: [
|
|
|
- ['项目储备', '特别监管', 1400],
|
|
|
- ['项目立项', '特别监管', 1500],
|
|
|
- ['项目可研', '特别监管', 5500],
|
|
|
- ['可研论证', '特别监管', 500],
|
|
|
+ [1400, 123],
|
|
|
+ [1500, 532],
|
|
|
+ [5500, 435],
|
|
|
+ [500, 534],
|
|
|
]
|
|
|
}
|
|
|
]
|
zhbyyy
