|
|
@@ -27,8 +27,10 @@ let app = new Vue({
|
|
|
leftEcharts18: '', //单个柱状图弹窗
|
|
|
tipShow1: false, // 标题弹窗显示
|
|
|
tipShow2: false, // 单柱状图弹窗
|
|
|
- stageTitle: '', // 投资阶段分析圆环图内容
|
|
|
- stageTitle2: '', // 投资阶段分析圆环图内容
|
|
|
+ stageTitle: '', // 管理类型分析圆环图内容
|
|
|
+ stageTitle2: '', // 管理类型分析圆环图内容
|
|
|
+ stageTitle3: '', // 投资产业分析圆环图内容
|
|
|
+ stageTitle4: '', // 投资产业分析圆环图内容
|
|
|
echartR2Fd: true, // 投后进度成本偏差防抖
|
|
|
leftEcharts16: '', // 中国地图背景地球
|
|
|
rightEcharts1: '', // 投后进度成本偏差
|
|
|
@@ -40,45 +42,46 @@ let app = new Vue({
|
|
|
time2: "", // 针对投前产业布局分析的定时器
|
|
|
projectNum: 0, // 项目阶段分析指示器
|
|
|
commonUrl: '',//获取当前服务器地址
|
|
|
- projecList: [ //项目阶段分析内容距离
|
|
|
+ radarNum: '', // 雷达图样式
|
|
|
+ projecList: [ //项目阶段分析内容距离 特别监管15~35 备案类50~70
|
|
|
[
|
|
|
- { name: '特别监管', value: '14', value2: '12.05' },
|
|
|
- { name: '备案', value: '27', value2: '23.86' },
|
|
|
+ { name: '特别监管', value: '14', value2: '12.05', top: 0 },
|
|
|
+ { name: '备案', value: '27', value2: '23.86', top: 0 },
|
|
|
{ name: '项目储备', distance: '250px' }
|
|
|
],
|
|
|
[
|
|
|
- { name: '特别监管', value: '2', value2: '1.25' },
|
|
|
- { name: '备案', value: '1', value2: '1.05' },
|
|
|
+ { name: '特别监管', value: '2', value2: '1.25', top: 22 },
|
|
|
+ { name: '备案', value: '1', value2: '1.05', top: 23 },
|
|
|
{ name: '项目立项', distance: '370px' }
|
|
|
],
|
|
|
[
|
|
|
- { name: '特别监管', value: '10', value2: '32.69' },
|
|
|
- { name: '备案', value: '14', value2: '18.46' },
|
|
|
+ { name: '特别监管', value: '10', value2: '32.69', top: 24 },
|
|
|
+ { name: '备案', value: '14', value2: '18.46', top: 25 },
|
|
|
{ name: '可研论证', distance: '490px' }
|
|
|
],
|
|
|
[
|
|
|
- { name: '特别监管', value: '15', value2: '28.53' },
|
|
|
- { name: '备案', value: '40', value2: '38.86' },
|
|
|
+ { name: '特别监管', value: '15', value2: '28.53', top: 26 },
|
|
|
+ { name: '备案', value: '40', value2: '38.86', top: 27 },
|
|
|
{ name: '投资决策', distance: '610px' }
|
|
|
],
|
|
|
[
|
|
|
- { name: '特别监管', value: '9', value2: '6.49' },
|
|
|
- { name: '备案', value: '39', value2: '8.08' },
|
|
|
+ { name: '特别监管', value: '9', value2: '6.49', top: 28 },
|
|
|
+ { name: '备案', value: '39', value2: '8.08', top: 29 },
|
|
|
{ name: '项目储备', distance: '350px' }
|
|
|
],
|
|
|
[
|
|
|
- { name: '特别监管', value: '12', value2: '12.63' },
|
|
|
- { name: '备案', value: '7', value2: '1.83' },
|
|
|
+ { name: '特别监管', value: '12', value2: '12.63', top: 30 },
|
|
|
+ { name: '备案', value: '7', value2: '1.83', top: 31 },
|
|
|
{ name: '项目立项', distance: '470px' }
|
|
|
],
|
|
|
[
|
|
|
- { name: '特别监管', value: '2', value2: '0.10' },
|
|
|
- { name: '备案', value: '19', value2: '1.01' },
|
|
|
+ { name: '特别监管', value: '2', value2: '0.10', top: 32 },
|
|
|
+ { name: '备案', value: '19', value2: '1.01', top: 33 },
|
|
|
{ name: '可研论证', distance: '590px' }
|
|
|
],
|
|
|
[
|
|
|
- { name: '特别监管', value: '27', value2: '15.52' },
|
|
|
- { name: '备案', value: '73', value2: '17.65' },
|
|
|
+ { name: '特别监管', value: '27', value2: '15.52', top: 34 },
|
|
|
+ { name: '备案', value: '73', value2: '17.65', top: 35 },
|
|
|
{ name: '投资决策', distance: '710px' }
|
|
|
],
|
|
|
],
|
|
|
@@ -405,20 +408,20 @@ let app = new Vue({
|
|
|
{ name: "大地控股", value: [14, 13, 6, 15, 13, 4] },
|
|
|
{ name: "云时代", value: [15, 12, 12, 10, 24, 6] },
|
|
|
{ name: "华舰体育", value: [14, 13, 6, 15, 13, 4] },
|
|
|
- { name: "神农科技", value: [14, 13, 6, 15, 13, 4] },
|
|
|
+ { name: "神农科技", value: [14, 13, 6, 17, 13, 4] },
|
|
|
{ name: "山西焦煤", value: [14, 13, 6, 15, 13, 4] },
|
|
|
- { name: "晋能控股", value: [14, 13, 6, 15, 13, 4] },
|
|
|
+ { name: "晋能控股", value: [14, 13, 6, 17, 13, 4] },
|
|
|
{ name: "华阳新材", value: [14, 13, 6, 15, 13, 4] },
|
|
|
{ name: "潞安化工", value: [14, 13, 6, 15, 13, 4] },
|
|
|
- { name: "华新燃气", value: [14, 13, 6, 15, 13, 4] },
|
|
|
+ { name: "华新燃气", value: [14, 13, 6, 17, 13, 4] },
|
|
|
{ name: "太重集团", value: [14, 13, 6, 15, 13, 4] },
|
|
|
{ name: "国际能源", value: [14, 13, 6, 15, 13, 4] },
|
|
|
- { name: "华远陆港", value: [14, 13, 6, 15, 13, 4] },
|
|
|
+ { name: "华远陆港", value: [14, 13, 6, 15, 17, 4] },
|
|
|
{ name: "水控集团", value: [14, 13, 6, 15, 13, 4] },
|
|
|
{ name: "文旅集团", value: [14, 13, 6, 15, 13, 4] },
|
|
|
- { name: "交控集团", value: [14, 13, 6, 15, 13, 4] },
|
|
|
+ { name: "交控集团", value: [14, 13, 6, 15, 17, 4] },
|
|
|
{ name: "航产集团", value: [14, 13, 6, 15, 13, 4] },
|
|
|
- { name: "山西建投", value: [14, 13, 6, 15, 13, 4] },
|
|
|
+ { name: "山西建投", value: [14, 13, 6, 15, 13, 24] },
|
|
|
{ name: "汾酒集团", value: [14, 13, 6, 15, 13, 4] },
|
|
|
],
|
|
|
y1: [
|
|
|
@@ -480,6 +483,27 @@ let app = new Vue({
|
|
|
this.countYear()
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 计算项目阶段分析对应区间
|
|
|
+ countSection () {
|
|
|
+ let topList = []
|
|
|
+ let bottomList = []
|
|
|
+ this.projecList.forEach(item => {
|
|
|
+ topList.push(item[0].value2)
|
|
|
+ bottomList.push(item[1].value2)
|
|
|
+ })
|
|
|
+ let minTop = Math.min(...topList)
|
|
|
+ let maxTop = Math.max(...topList)
|
|
|
+ let minTop2 = Math.min(...bottomList)
|
|
|
+ let maxTop2 = Math.max(...bottomList)
|
|
|
+ let res = ''
|
|
|
+ let res2 = ''
|
|
|
+ this.projecList.forEach(item => {
|
|
|
+ res = (Number(item[0].value2) - minTop)/(maxTop - minTop) * 20 + 15
|
|
|
+ res2 = (Number(item[1].value2) - minTop2)/(maxTop2 - minTop2) * 20 + 50
|
|
|
+ this.$set(item[0],'top',Math.round(50-res))
|
|
|
+ this.$set(item[1],'top',Math.round(120-res2))
|
|
|
+ })
|
|
|
+ },
|
|
|
// 获取地址栏参数
|
|
|
getUrlParams (id) {
|
|
|
let url = window.location.href
|
|
|
@@ -550,6 +574,7 @@ let app = new Vue({
|
|
|
this.leftEcharts7Fun();
|
|
|
this.leftEcharts8Fun();
|
|
|
this.leftEcharts10Fun();
|
|
|
+ this.countSection();
|
|
|
// this.leftEcharts11Fun();
|
|
|
this.rightEcharts1Fun();
|
|
|
this.initChartR2();
|
|
|
@@ -960,8 +985,6 @@ let app = new Vue({
|
|
|
let that = this;
|
|
|
that.right1Chart = echarts.init(this.$refs["echartR2"]);
|
|
|
that.right1Chart.on("showTip", (params) => {
|
|
|
- that.r3Index = params.dataIndex;
|
|
|
- that.initChartR3();
|
|
|
// 如果是7或者15并且满足防抖则切换
|
|
|
if (
|
|
|
(params.dataIndex == 5 || params.dataIndex == 11) &&
|
|
|
@@ -1106,6 +1129,14 @@ let app = new Vue({
|
|
|
fontSize: "28", // 文字字体大小
|
|
|
},
|
|
|
formatter: function (p) {
|
|
|
+ that.r3Index = p.dataIndex;
|
|
|
+ if (Math.max(...that.riskData.x[p.dataIndex].value) > 15) {
|
|
|
+ that.radarNum = 3
|
|
|
+ } else {
|
|
|
+ that.radarNum = 2
|
|
|
+ }
|
|
|
+ that.echartR3 && that.echartR3.dispose()
|
|
|
+ that.initChartR3();
|
|
|
return `${p.name}<br>低风险：${that.riskData.y1[p.dataIndex]}个<br>
|
|
|
中风险：${that.riskData.y2[p.dataIndex]}个<br>
|
|
|
高风险：${that.riskData.y3[p.dataIndex]}个<br>
|
|
|
@@ -1208,28 +1239,41 @@ let app = new Vue({
|
|
|
let option = {
|
|
|
radar: {
|
|
|
// shape: 'circle',
|
|
|
- splitNumber: 3,
|
|
|
+ splitNumber: that.radarNum,
|
|
|
splitLine: {
|
|
|
lineStyle: {
|
|
|
- color: ["#DD5955", "#39e1d0", "#2e3d45"],
|
|
|
+ color: that.radarNum == 3 ? ["#C25253", "#45C9B5", "#D1B83A"] : ["#D1B83A", "#45C9B5"],
|
|
|
+ },
|
|
|
+ },
|
|
|
+ name: { //修改indicator文字的颜色
|
|
|
+ textStyle: {
|
|
|
+ fontSize: 20
|
|
|
+ }
|
|
|
+ },
|
|
|
+ axisLine: { // 设置雷达图中间射线的颜色
|
|
|
+ lineStyle: {
|
|
|
+ color: '#fff',
|
|
|
},
|
|
|
},
|
|
|
splitArea: {
|
|
|
areaStyle: {
|
|
|
- color: [
|
|
|
+ color: that.radarNum == 3 ? [
|
|
|
"rgba(88,247,223,0.2)",
|
|
|
"rgba(255, 224, 54, 0.2)",
|
|
|
"rgba(221,89,85,0.3)",
|
|
|
+ ] : [
|
|
|
+ "rgba(88,247,223,0.2)",
|
|
|
+ "rgba(255, 224, 54, 0.2)",
|
|
|
],
|
|
|
},
|
|
|
},
|
|
|
indicator: [
|
|
|
- { name: "安全风险", max: 25 },
|
|
|
- { name: "付款风险", max: 25 },
|
|
|
- { name: "合同风险", max: 25 },
|
|
|
- { name: "结算风险", max: 25 },
|
|
|
- { name: "进度风险", max: 25 },
|
|
|
- { name: "质量风险", max: 25 },
|
|
|
+ { name: "安全风险", max: that.radarNum == 3 ? 25 : 15 },
|
|
|
+ { name: "付款风险", max: that.radarNum == 3 ? 25 : 15 },
|
|
|
+ { name: "合同风险", max: that.radarNum == 3 ? 25 : 15 },
|
|
|
+ { name: "结算风险", max: that.radarNum == 3 ? 25 : 15 },
|
|
|
+ { name: "进度风险", max: that.radarNum == 3 ? 25 : 15 },
|
|
|
+ { name: "质量风险", max: that.radarNum == 3 ? 25 : 15 },
|
|
|
],
|
|
|
},
|
|
|
series: [
|
|
|
@@ -1361,33 +1405,33 @@ let app = new Vue({
|
|
|
legend: {
|
|
|
show: true,
|
|
|
textStyle: {
|
|
|
- fontSize: 24,
|
|
|
- color: "rgba(255, 255, 255, .6)",
|
|
|
+ fontSize: 20,
|
|
|
+ color: "#fff",
|
|
|
},
|
|
|
inactiveColor: "#fff",
|
|
|
- itemHeight: 20,
|
|
|
+ // itemHeight: 20,
|
|
|
top: "15%",
|
|
|
backgroundColor: "transparent",
|
|
|
data: [
|
|
|
{
|
|
|
name: "应首评项目数",
|
|
|
- icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAWdJREFUOE+N0k8og3EYB/Dvs8P8CSlTxJGD8u+yTYmNm0gJQznIQRxMoV2cXWSKCznIQdk7SkmOEomNg41y4EjURkLZFI/ed3vX+5v82nt4357n9/s8Pe/v9xCST6+fzVHGKAMDAKqT6WsCNi2ElS0Xfak5Ul+tfi77YewBqNcLpH0vTYSOAxc9kFo5wghINus2lJMPOzl8PE6EpX8qC2lmuMmp8CmABn3FVgJ4bIloLggEnwRzRg6F4wSY9fR2J1CUnYieY0DPrgDiUvASA7pF8PGnJXsp4LEC3wx4L4DAY1pLLQq7GVjM5KcJmKC2fc76fNeOtU6GmBDOzYMt04sLmQjt2sUZRyMCjAEYBKNKyxNuAGwUA8vCaBhbcSrMxviwj1JFU7Nk3NC49iqAk+FCObAu3AngfLJCDmpmjgVwNdskB5UjPgHcrvbLQXmXVwD3O1NyYGmeFkD0aF4OCmqHBPAWXhfAL4WqeuKVsFKCAAAAAElFTkSuQmCC",
|
|
|
+ // icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAWdJREFUOE+N0k8og3EYB/Dvs8P8CSlTxJGD8u+yTYmNm0gJQznIQRxMoV2cXWSKCznIQdk7SkmOEomNg41y4EjURkLZFI/ed3vX+5v82nt4357n9/s8Pe/v9xCST6+fzVHGKAMDAKqT6WsCNi2ElS0Xfak5Ul+tfi77YewBqNcLpH0vTYSOAxc9kFo5wghINus2lJMPOzl8PE6EpX8qC2lmuMmp8CmABn3FVgJ4bIloLggEnwRzRg6F4wSY9fR2J1CUnYieY0DPrgDiUvASA7pF8PGnJXsp4LEC3wx4L4DAY1pLLQq7GVjM5KcJmKC2fc76fNeOtU6GmBDOzYMt04sLmQjt2sUZRyMCjAEYBKNKyxNuAGwUA8vCaBhbcSrMxviwj1JFU7Nk3NC49iqAk+FCObAu3AngfLJCDmpmjgVwNdskB5UjPgHcrvbLQXmXVwD3O1NyYGmeFkD0aF4OCmqHBPAWXhfAL4WqeuKVsFKCAAAAAElFTkSuQmCC",
|
|
|
},
|
|
|
{
|
|
|
name: "已完成首评项目数",
|
|
|
- icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAXFJREFUOE+V0kFLAkEUB/D/G9eW3UN1sFPYNaJAu2R0Coog8mq0fQH1kEVBhz5Ah6CoLhrdE/LqKQo6VZ7SKCKChKRTBRmhbq47oabsZC22h1nem/k93jCP8P0F+E2HQ1dD4NAAGqqn+TUI8YpciCVo8LOaoeoSKOR6GTOSxOFtFLD+OSFtmpI/obqfqFqZ6Wrqr8NNyJHJK4aPtNLDAue0+1vlnzkiHqG5YvYcwGhj08MUhJyuWhgrvyBjFq3uogp0AB2NbFR2o5sctfCNVxDWc1ag/xPQR0tLXqYg6HTBBMd++RXplpZK2Qg4dtq5NAiLNM3v5a6ilALBY4s4rvKKMdLWw4EjU4E0U3s462gwXQ3DMLeJsfpgmCYgsSVTLkSF0bC24r9NcWucHPA1izZnyXpg8vRIAMfjU/ZgLH4ogDNt1h4Mb8YEcLkSsgf9y+sCuNtaswd92qoAHuMb9qBnIiiA55M9e9DpnRfAe/pAAF9gqJXUYWdYUwAAAABJRU5ErkJggg==",
|
|
|
+ // icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAXFJREFUOE+V0kFLAkEUB/D/G9eW3UN1sFPYNaJAu2R0Coog8mq0fQH1kEVBhz5Ah6CoLhrdE/LqKQo6VZ7SKCKChKRTBRmhbq47oabsZC22h1nem/k93jCP8P0F+E2HQ1dD4NAAGqqn+TUI8YpciCVo8LOaoeoSKOR6GTOSxOFtFLD+OSFtmpI/obqfqFqZ6Wrqr8NNyJHJK4aPtNLDAue0+1vlnzkiHqG5YvYcwGhj08MUhJyuWhgrvyBjFq3uogp0AB2NbFR2o5sctfCNVxDWc1ag/xPQR0tLXqYg6HTBBMd++RXplpZK2Qg4dtq5NAiLNM3v5a6ilALBY4s4rvKKMdLWw4EjU4E0U3s462gwXQ3DMLeJsfpgmCYgsSVTLkSF0bC24r9NcWucHPA1izZnyXpg8vRIAMfjU/ZgLH4ogDNt1h4Mb8YEcLkSsgf9y+sCuNtaswd92qoAHuMb9qBnIiiA55M9e9DpnRfAe/pAAF9gqJXUYWdYUwAAAABJRU5ErkJggg==",
|
|
|
},
|
|
|
{
|
|
|
name: "应再评项目数",
|
|
|
- icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAV5JREFUOE+V0j8oxGEYwPHvo/wMjgyUslAWcTFhMRiEsHLKYDzFKZRBSskgR7mUG29QjpX86QaDwdlwLotiUYpB/gyHPDru9HsPP+c3vL+e530/T8/b+wipb31KrYJ8vAi9QE0qfYqy+vBEsHtKnpM5SS4bC1qW+8amQl26gP0vcPSSQ2fXiFxJsnKhi8PfDtvgsVo0yJZfhwQCP1XOzCn4ZNuvB0BjerO4HNxtn1FsB24vDRZNggRgpdPNXsjL/4wST7AXNEDiv+DxW0slFVDTCvoG8QjcXGS2NKc+hMVsLo0yLFsBzZNnDoHaP9CJWtRn9XDA8WsOHR8PZx+NQhcDqvQhVH3klTMRVu4fWTZGw97Ktl/VHrePyVfRr1myHwhP3xnAM1nkDJbGzw0wOFvpDCa8+waYCTY5g/6esAFCax5n0NI6b4DI7qgzcDeOGSAW9TuD0up+A1zHQwZ4B2JrgI9r4uMDAAAAAElFTkSuQmCC",
|
|
|
+ // icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAV5JREFUOE+V0j8oxGEYwPHvo/wMjgyUslAWcTFhMRiEsHLKYDzFKZRBSskgR7mUG29QjpX86QaDwdlwLotiUYpB/gyHPDru9HsPP+c3vL+e530/T8/b+wipb31KrYJ8vAi9QE0qfYqy+vBEsHtKnpM5SS4bC1qW+8amQl26gP0vcPSSQ2fXiFxJsnKhi8PfDtvgsVo0yJZfhwQCP1XOzCn4ZNuvB0BjerO4HNxtn1FsB24vDRZNggRgpdPNXsjL/4wST7AXNEDiv+DxW0slFVDTCvoG8QjcXGS2NKc+hMVsLo0yLFsBzZNnDoHaP9CJWtRn9XDA8WsOHR8PZx+NQhcDqvQhVH3klTMRVu4fWTZGw97Ktl/VHrePyVfRr1myHwhP3xnAM1nkDJbGzw0wOFvpDCa8+waYCTY5g/6esAFCax5n0NI6b4DI7qgzcDeOGSAW9TuD0up+A1zHQwZ4B2JrgI9r4uMDAAAAAElFTkSuQmCC",
|
|
|
},
|
|
|
{
|
|
|
name: "已完成再评项目数",
|
|
|
- icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAWBJREFUOE9jZICC/1e12Rh4uDIY/jNGMjAw6ECFrzAw/l/O8OXbDEbtq79AYowg4v9jS2mGv3+3MDAwGMAMQKMvMDAz+zDKHn/KCDaZm/skHsUwvRcZfr8zZ/z/0CyX4T/DJBwmowozMuQx/n9gdpyBgcECLsNpycAgXAPhvm1hYPgOkoaDEyANPxkYGNjgQjJbGRiYRSDcv28YGJ54I2v4SUDDWwaGJ17IGr5gcZIV1El/GRjetjMwfD+G5qSHpnkM/xknEufp//mM/2+rsDOwCoGCVZ+ApksMv9+ZERtxFxmYmb3BEYeaNHgyGf7/j2FgYNCEil9nYGRcwvDly3SUpIHslP8PzP4j8xkVTsENhaclZAWvLligaBAzOIFfw9ld1igajN2O4tewar49ioawxIP4NbQ0OqNoqKnfi19DXIoHioZFc3bg12Dt6YOi4ej2Lfg1yBn7o2h4dHYjigYAb0t88hVwEBYAAAAASUVORK5CYII=",
|
|
|
+ // icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAWBJREFUOE9jZICC/1e12Rh4uDIY/jNGMjAw6ECFrzAw/l/O8OXbDEbtq79AYowg4v9jS2mGv3+3MDAwGMAMQKMvMDAz+zDKHn/KCDaZm/skHsUwvRcZfr8zZ/z/0CyX4T/DJBwmowozMuQx/n9gdpyBgcECLsNpycAgXAPhvm1hYPgOkoaDEyANPxkYGNjgQjJbGRiYRSDcv28YGJ54I2v4SUDDWwaGJ17IGr5gcZIV1El/GRjetjMwfD+G5qSHpnkM/xknEufp//mM/2+rsDOwCoGCVZ+ApksMv9+ZERtxFxmYmb3BEYeaNHgyGf7/j2FgYNCEil9nYGRcwvDly3SUpIHslP8PzP4j8xkVTsENhaclZAWvLligaBAzOIFfw9ld1igajN2O4tewar49ioawxIP4NbQ0OqNoqKnfi19DXIoHioZFc3bg12Dt6YOi4ej2Lfg1yBn7o2h4dHYjigYAb0t88hVwEBYAAAAASUVORK5CYII=",
|
|
|
},
|
|
|
{
|
|
|
name: "再评达标项目数",
|
|
|
- icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAWBJREFUOE+V0k8og2EcwPHvkzVZLLm6KItEzWlclIPbdhGKcsCJwzZFdtgOK+8OimIXTjgoSrisXByUgz8nE4mmXFwlZmuaPXr3r/eZ9sZ7eN9+v/f5/J6n3/MTFJ9wWFpTFqYFjAFdxfSthF1blo1wWHzpOaG/gppszkIM6C4VqPheW8ATCYkXoVdOW7g0WVyy8ZSdHhFYlF4E0SqV1bTEJwKaPAd6S3/aWmHEU4j2Y/D4pJgLHWQAaykd9ENDfSH6SEJkTQGZ/4LkryO1O2DYDbkcHB7DQ6LiSAua9AlQN67SAQl+4Y3KWtt7vq1Os04JuPm04/rrxcUt4M5fnHE00jXMIBgHOor5eyQ7dd+sK6NhPEpAk9IYL4VEuWh5lowLfKE3BUS1RnMwOZtQwNaqwxwMTp0p4Gizzxz0D+0p4PRg1Bw4B1YUED+ZMwctrnkFPF8tm4OmzgkFvN5tK+AHKZh4TU8krdoAAAAASUVORK5CYII=",
|
|
|
+ // icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAWBJREFUOE+V0k8og2EcwPHvkzVZLLm6KItEzWlclIPbdhGKcsCJwzZFdtgOK+8OimIXTjgoSrisXByUgz8nE4mmXFwlZmuaPXr3r/eZ9sZ7eN9+v/f5/J6n3/MTFJ9wWFpTFqYFjAFdxfSthF1blo1wWHzpOaG/gppszkIM6C4VqPheW8ATCYkXoVdOW7g0WVyy8ZSdHhFYlF4E0SqV1bTEJwKaPAd6S3/aWmHEU4j2Y/D4pJgLHWQAaykd9ENDfSH6SEJkTQGZ/4LkryO1O2DYDbkcHB7DQ6LiSAua9AlQN67SAQl+4Y3KWtt7vq1Os04JuPm04/rrxcUt4M5fnHE00jXMIBgHOor5eyQ7dd+sK6NhPEpAk9IYL4VEuWh5lowLfKE3BUS1RnMwOZtQwNaqwxwMTp0p4Gizzxz0D+0p4PRg1Bw4B1YUED+ZMwctrnkFPF8tm4OmzgkFvN5tK+AHKZh4TU8krdoAAAAASUVORK5CYII=",
|
|
|
},
|
|
|
],
|
|
|
},
|
|
|
@@ -1444,20 +1488,20 @@ let app = new Vue({
|
|
|
{
|
|
|
type: "bar",
|
|
|
name: "应首评项目数",
|
|
|
- barWidth: 4,
|
|
|
- barGap: "600%",
|
|
|
+ barWidth: 10,
|
|
|
+ // barGap: "600%",
|
|
|
data: that.riskData1.y1,
|
|
|
- label: {
|
|
|
- show: true,
|
|
|
- position: "top",
|
|
|
- formatter: " ",
|
|
|
- width: 6,
|
|
|
- height: 6,
|
|
|
- borderRadius: 50,
|
|
|
- borderWidth: 6,
|
|
|
- borderColor: "#40A9FF",
|
|
|
- backgroundColor: "#fff",
|
|
|
- },
|
|
|
+ // label: {
|
|
|
+ // show: true,
|
|
|
+ // position: "top",
|
|
|
+ // formatter: " ",
|
|
|
+ // width: 6,
|
|
|
+ // height: 6,
|
|
|
+ // borderRadius: 50,
|
|
|
+ // borderWidth: 6,
|
|
|
+ // borderColor: "#40A9FF",
|
|
|
+ // backgroundColor: "#fff",
|
|
|
+ // },
|
|
|
itemStyle: {
|
|
|
color: {
|
|
|
x: 0,
|
|
|
@@ -1480,20 +1524,20 @@ let app = new Vue({
|
|
|
{
|
|
|
type: "bar",
|
|
|
name: "已完成首评项目数",
|
|
|
- barGap: "600%",
|
|
|
- barWidth: 4,
|
|
|
+ // barGap: "600%",
|
|
|
+ barWidth: 10,
|
|
|
data: that.riskData1.y2,
|
|
|
- label: {
|
|
|
- show: true,
|
|
|
- position: "top",
|
|
|
- formatter: " ",
|
|
|
- width: 6,
|
|
|
- height: 6,
|
|
|
- borderRadius: 50,
|
|
|
- borderWidth: 6,
|
|
|
- borderColor: "#58F7DF",
|
|
|
- backgroundColor: "#fff",
|
|
|
- },
|
|
|
+ // label: {
|
|
|
+ // show: true,
|
|
|
+ // position: "top",
|
|
|
+ // formatter: " ",
|
|
|
+ // width: 6,
|
|
|
+ // height: 6,
|
|
|
+ // borderRadius: 50,
|
|
|
+ // borderWidth: 6,
|
|
|
+ // borderColor: "#58F7DF",
|
|
|
+ // backgroundColor: "#fff",
|
|
|
+ // },
|
|
|
itemStyle: {
|
|
|
color: {
|
|
|
x: 0,
|
|
|
@@ -1516,20 +1560,20 @@ let app = new Vue({
|
|
|
{
|
|
|
type: "bar",
|
|
|
name: "应再评项目数",
|
|
|
- barGap: "600%",
|
|
|
- barWidth: 4,
|
|
|
+ // barGap: "600%",
|
|
|
+ barWidth: 10,
|
|
|
data: that.riskData1.y3,
|
|
|
- label: {
|
|
|
- show: true,
|
|
|
- position: "top",
|
|
|
- formatter: " ",
|
|
|
- width: 6,
|
|
|
- height: 6,
|
|
|
- borderRadius: 50,
|
|
|
- borderWidth: 6,
|
|
|
- borderColor: "#B78CFF",
|
|
|
- backgroundColor: "#fff",
|
|
|
- },
|
|
|
+ // label: {
|
|
|
+ // show: true,
|
|
|
+ // position: "top",
|
|
|
+ // formatter: " ",
|
|
|
+ // width: 6,
|
|
|
+ // height: 6,
|
|
|
+ // borderRadius: 50,
|
|
|
+ // borderWidth: 6,
|
|
|
+ // borderColor: "#B78CFF",
|
|
|
+ // backgroundColor: "#fff",
|
|
|
+ // },
|
|
|
itemStyle: {
|
|
|
color: {
|
|
|
x: 0,
|
|
|
@@ -1552,20 +1596,20 @@ let app = new Vue({
|
|
|
{
|
|
|
type: "bar",
|
|
|
name: "已完成再评项目数",
|
|
|
- barGap: "600%",
|
|
|
- barWidth: 4,
|
|
|
+ // barGap: "600%",
|
|
|
+ barWidth: 10,
|
|
|
data: that.riskData1.y4,
|
|
|
- label: {
|
|
|
- show: true,
|
|
|
- position: "top",
|
|
|
- formatter: " ",
|
|
|
- width: 6,
|
|
|
- height: 6,
|
|
|
- borderRadius: 50,
|
|
|
- borderWidth: 6,
|
|
|
- borderColor: "#FFE036",
|
|
|
- backgroundColor: "#fff",
|
|
|
- },
|
|
|
+ // label: {
|
|
|
+ // show: true,
|
|
|
+ // position: "top",
|
|
|
+ // formatter: " ",
|
|
|
+ // width: 6,
|
|
|
+ // height: 6,
|
|
|
+ // borderRadius: 50,
|
|
|
+ // borderWidth: 6,
|
|
|
+ // borderColor: "#FFE036",
|
|
|
+ // backgroundColor: "#fff",
|
|
|
+ // },
|
|
|
itemStyle: {
|
|
|
color: {
|
|
|
x: 0,
|
|
|
@@ -1588,20 +1632,20 @@ let app = new Vue({
|
|
|
{
|
|
|
type: "bar",
|
|
|
name: "再评达标项目数",
|
|
|
- barGap: "600%",
|
|
|
- barWidth: 4,
|
|
|
+ // barGap: "600%",
|
|
|
+ barWidth: 10,
|
|
|
data: that.riskData1.y5,
|
|
|
- label: {
|
|
|
- show: true,
|
|
|
- position: "top",
|
|
|
- formatter: " ",
|
|
|
- width: 6,
|
|
|
- height: 6,
|
|
|
- borderRadius: 50,
|
|
|
- borderWidth: 6,
|
|
|
- borderColor: "#7784FF",
|
|
|
- backgroundColor: "#fff",
|
|
|
- },
|
|
|
+ // label: {
|
|
|
+ // show: true,
|
|
|
+ // position: "top",
|
|
|
+ // formatter: " ",
|
|
|
+ // width: 6,
|
|
|
+ // height: 6,
|
|
|
+ // borderRadius: 50,
|
|
|
+ // borderWidth: 6,
|
|
|
+ // borderColor: "#7784FF",
|
|
|
+ // backgroundColor: "#fff",
|
|
|
+ // },
|
|
|
itemStyle: {
|
|
|
color: {
|
|
|
x: 0,
|
|
|
@@ -4341,6 +4385,8 @@ let app = new Vue({
|
|
|
if (params.seriesIndex === 2) {
|
|
|
return null; // 隐藏部分2的tooltip
|
|
|
} else {
|
|
|
+ that.stageTitle4 = params.name
|
|
|
+ that.stageTitle3 = params.percent + '%'
|
|
|
return `${params.name}：<br/>金额：<b>${totalData[params.seriesIndex].radio}</b>亿<br/>数量：<b>${params.value}</b>个`
|
|
|
}
|
|
|
},
|
|
|
@@ -4434,6 +4480,7 @@ let app = new Vue({
|
|
|
leftEcharts17Fun () {
|
|
|
let that = this;
|
|
|
this.leftEcharts17 = echarts.init(this.$refs["leftEcharts17"]);
|
|
|
+ return
|
|
|
var seriesOption = [
|
|
|
{
|
|
|
type: "liquidFill",
|
|
|
@@ -4567,15 +4614,10 @@ let app = new Vue({
|
|
|
value: 12,
|
|
|
radio: 0.13
|
|
|
}, {
|
|
|
- name: '备案类投资完成金额',
|
|
|
+ name: '备案类',
|
|
|
value: 52,
|
|
|
radio: 0.01
|
|
|
},
|
|
|
- {
|
|
|
- name: '项目数量',
|
|
|
- value: 52,
|
|
|
- radio: 0.01
|
|
|
- }
|
|
|
];
|
|
|
|
|
|
var data = [];
|
|
|
@@ -4685,7 +4727,7 @@ let app = new Vue({
|
|
|
legend: {
|
|
|
icon: "circle",
|
|
|
orient: 'vertical',
|
|
|
- data: ['特别监管类', '备案类投资完成金额', '项目数量'],
|
|
|
+ data: ['特别监管类', '备案类'],
|
|
|
right: 0,
|
|
|
bottom: 0,
|
|
|
align: 'left',
|
|
|
@@ -4870,7 +4912,7 @@ let app = new Vue({
|
|
|
},
|
|
|
yAxis: {
|
|
|
type: 'category',
|
|
|
- inverse:true,
|
|
|
+ inverse: true,
|
|
|
axisTick: {
|
|
|
lineStyle: {
|
|
|
color: "#18416F",
|
fengxu