|
|
@@ -17,7 +17,7 @@ let app = new Vue({
|
|
|
leftEcharts6: "",
|
|
|
leftEcharts7: "",
|
|
|
leftEcharts8: "",
|
|
|
- leftEcharts9: "",
|
|
|
+ leftEcharts9: "", //山西地图的地球
|
|
|
leftEcharts10: "",
|
|
|
leftEcharts11: "",
|
|
|
leftEcharts12: '',
|
|
|
@@ -31,6 +31,7 @@ let app = new Vue({
|
|
|
tipShow1: false, // 标题弹窗显示
|
|
|
tipShow2: false, // 单柱状图弹窗
|
|
|
tipShow3: false, // 单柱状图弹窗
|
|
|
+ echartEnterpriseShow:false, // 企业额度分析专属弹窗显示
|
|
|
projectListTipShow: false,// 项目列表弹窗显示
|
|
|
boardTipShow: false, // 项目看板弹窗专用
|
|
|
stageTitle: '', // 管理类型分析圆环图内容
|
|
|
@@ -114,78 +115,7 @@ let app = new Vue({
|
|
|
rowNum: 6,
|
|
|
columnWidth: [150, 450, 150],
|
|
|
align: ["center", "center", "center"],
|
|
|
- data: [
|
|
|
- ['华阳新材', '华钠铜（碳）年产万吨级钠离子电池正负极材料项目', '11.42亿'],
|
|
|
- ['太重集团', '太重退城入园智能高端装备生产线升级改造项目', '18.11亿'],
|
|
|
- ['太重集团', '太重智能高端液压挖掘机项目', '17.82亿'],
|
|
|
- ['太重集团', '太重（大同）高端起重机产业基地二期项目', '1.62亿'],
|
|
|
- ['太重集团', '太重液压挖掘机四轮一带项目', '4.00亿'],
|
|
|
- ['太重集团', '太重中大型工程起重机智能制造项目', '8.30亿'],
|
|
|
- ['太重集团', '太重高端工程机械齿轮箱智能制造项目', '3.55亿'],
|
|
|
- ['云时代', '侯马北铜年处理铜精矿150万吨综合回收项目', '27.70亿'],
|
|
|
- ['交控集团', '山西固废资源化利用交通科技园项目', '2.00亿'],
|
|
|
- ['云时代', '北方铜业铜矿峪矿园子沟尾矿库项目', '16.73亿'],
|
|
|
- ['山西建投', '山西综改示范区潇河产业园区建筑垃圾资源化处理项目', '3.90亿'],
|
|
|
- ['云时代', '山西北铜高性能压延铜带箔和覆铜板项目', '23.96亿'],
|
|
|
- ['大地控股', '大地控股忻州新店年产800万吨精品砂石骨料项目', '8.70亿'],
|
|
|
- ['山西建投', '山西建投晋西北建筑产业园区项目', '6.71亿'],
|
|
|
- ['山西建投', '山西建投长治建筑产业园区一期项目', '4.98亿'],
|
|
|
- ['汾酒集团', '汾青基地2万吨原酒酿造一期项目', '14.80亿'],
|
|
|
- ['文旅集团', '忻州清凉湾温泉康养项目', '9.34亿'],
|
|
|
- ['交控集团', '山西路桥数字化交通产业园（南区）项目', '32.10亿'],
|
|
|
- ['山西建投', '山西农谷智慧冷链物流园项目', '5.49亿'],
|
|
|
- ['华新燃气', '大同液化调峰储备集散中心二期项目', '1.50亿'],
|
|
|
- ['神农科技', '天镇万头奶牛智慧牧场项目', '5.67亿'],
|
|
|
- ['晋能控股', '阳泉郊区西上庄煤矿项目', '52.56亿'],
|
|
|
- ['华阳新材', '和顺泊里矿井及选煤厂项目', '67.00亿'],
|
|
|
- ['华阳新材', '寿阳七元煤矿项目', '50.77亿'],
|
|
|
- ['山西焦煤', '沁源中峪煤矿项目', '87.69亿'],
|
|
|
- ['晋能控股', '晋城兴唐车寨煤矿及选煤厂项目', '27.52亿'],
|
|
|
- ['晋能控股', '阳城龙湾矿井及选煤厂项目', '69.28亿'],
|
|
|
- ['晋能控股', '沁水东大矿井及选煤厂项目', '62.46亿'],
|
|
|
- ['晋能控股', '沁水郑庄矿井及选煤厂项目', '83.06亿'],
|
|
|
- ['山西焦煤', '乡宁谭坪煤矿一期项目', '56.62亿'],
|
|
|
- ['山西焦煤', '灵石灵北煤矿及选煤厂项目', '66.27亿'],
|
|
|
- ['晋能控股', '晋控电力同热三期2x100万千瓦“上大压小”煤电项目', '72.67亿'],
|
|
|
- ['山西焦煤', '山煤集团河曲2x35万千万低热值煤发电项目', '33.30亿'],
|
|
|
- ['华阳新材', '西上庄低热值煤发电项目', '53.85亿'],
|
|
|
- ['华新燃气', '阳城煤层气集输中心（町店配气站二期扩容改造）项目', '2.50亿'],
|
|
|
- ['交控集团', '高速公路充电桩建设项目', '3.10亿'],
|
|
|
- ['交控集团', '三个一号旅游公路和“四好农村路”沿线充电桩建设项目', '7.10亿'],
|
|
|
- ['山西建投', '山西省静态交通大数据平台项目', '1.00亿'],
|
|
|
- ['华远陆港', '集宁经大同至原平铁路项目', '248.21亿'],
|
|
|
- ['华远陆港', '雄安新区至忻州高速铁路山西段项目', '192.06亿'],
|
|
|
- ['华远陆港', '阳涉铁路开通客运服务项目', '6.60亿'],
|
|
|
- ['交控集团', '昔阳（晋冀界）至榆次高速公路项目', '209.86亿'],
|
|
|
- ['交控集团', '青银二广高速公路太原联络线项目', '72.88亿'],
|
|
|
- ['交控集团', '晋阳高速公路改扩建工程', '62.02亿'],
|
|
|
- ['交控集团', '青兰国家高速公路长治至延安联络线（G2211）山西境黎城至霍州段项目', '231.10亿'],
|
|
|
- ['交控集团', '汾阳至石楼高速公路项目', '117.14亿'],
|
|
|
- ['交控集团', '呼北国家高速公路离石至隰县段项目', '104.90亿'],
|
|
|
- ['交控集团', '临汾至沁水高速公路临汾至浮山段项目', '19.70亿'],
|
|
|
- ['交控集团', 'G108线重点路段新建改建工程（含2个子项目）', '130.19亿'],
|
|
|
- ['交控集团', '国道241、省道岚马线汾河水库段改线工程', '41.71'],
|
|
|
- ['交控集团', 'G241阳方口至朔州段和G336朔州至平鲁段公路改扩建工程PPP项目', '16.38亿'],
|
|
|
- ['交控集团', 'G336线应县罗庄至朔城区东榆林改扩建工程', '23.17亿'],
|
|
|
- ['航产集团', '太原武宿（国际）机场三期改扩建项目', '239.28亿'],
|
|
|
- ['航产集团', '太原武宿（国际）机场三期改扩建综合交通中心配套项目', '7.62亿'],
|
|
|
- ['山西建投', '大盂产业新城标准化厂房基础设施一期项目', '11.63亿'],
|
|
|
- ['水控集团', '滹沱河供水工程', '12.80亿'],
|
|
|
- ['水控集团', '全省县域水网及城乡供水一体化首批项目', '240.00亿'],
|
|
|
- ['水控集团', '小浪底引黄（灌区、工业及城镇生活供水）工程', '27.30亿'],
|
|
|
- ['水控集团', '阳泉龙华口调水工程', '20.30亿'],
|
|
|
- ['水控集团', '万家寨引黄北干支线工程', '15.63亿'],
|
|
|
- ['水控集团', '万家寨引黄入晋总干线南干线泵站二期扩机项目', '15.00亿'],
|
|
|
- ['交控集团', '智慧交通山西省实验室项目', '1.20亿'],
|
|
|
- ['交控集团', '山西隧道与地下工程研究中心项目', '1.50亿'],
|
|
|
- ['华舰体育', '山西体育职业学院新校区项目', '12.76亿'],
|
|
|
- ['华舰体育', '屯留沙家庄航空产教融合实训基地项目', '2.08亿'],
|
|
|
- ['太重集团', '太重智能高端装备产业园区基础设施及厂房配套项目', '55.87亿'],
|
|
|
- ['交控集团', '山西综改示范区中小企业产业园一期项目', '13.70亿'],
|
|
|
- ['山西焦煤', '临县三交一号煤矿项目', '80.53亿'],
|
|
|
- ['山西焦煤', '中阳吴家峁矿井及选煤厂项目', '60.21亿'],
|
|
|
- ['华阳新材', '华阳云冈千吨级高性能碳纤维一期示范项目', '6.40亿']
|
|
|
- ],
|
|
|
+ data: [],
|
|
|
},
|
|
|
storageRecordConfig2: {
|
|
|
header: ['企业集团', '项目名称', '项目阶段', '投资金额'],
|
|
|
@@ -194,8 +124,8 @@ let app = new Vue({
|
|
|
evenRowBGC: '#69C0FF20',
|
|
|
headerHeight: '80',
|
|
|
rowNum: 6,
|
|
|
- columnWidth: ['100', '350', '100', '100'],
|
|
|
- align: ['center', 'center', 'center'],
|
|
|
+ columnWidth: ['100', '370', '100', '100'],
|
|
|
+ align: ['center', 'center', 'center', 'center'],
|
|
|
data: []
|
|
|
},
|
|
|
meansList: [
|
|
|
@@ -452,18 +382,9 @@ let app = new Vue({
|
|
|
{ name: "山西建投", value: [14, 13, 6, 15, 13, 24] },
|
|
|
{ name: "汾酒集团", value: [14, 13, 6, 15, 13, 4] },
|
|
|
],
|
|
|
- y1: [
|
|
|
- 12, 11, 20, 22, 12, 34, 32, 12, 23, 23, 12, 13, 12, 11,
|
|
|
- 20, 22, 12, 34,
|
|
|
- ],
|
|
|
- y2: [
|
|
|
- 12, 13, 11, 25, 14, 36, 22, 18, 26, 13, 16, 17, 16, 11,
|
|
|
- 26, 26, 19, 37,
|
|
|
- ],
|
|
|
- y3: [
|
|
|
- 16, 21, 29, 24, 22, 45, 23, 23, 33, 34, 23, 43, 20, 10,
|
|
|
- 20, 20, 23, 45,
|
|
|
- ],
|
|
|
+ y1: [],
|
|
|
+ y2: [],
|
|
|
+ y3: [],
|
|
|
},
|
|
|
inner: 0,
|
|
|
innerDeg: 0,
|
|
|
@@ -603,8 +524,8 @@ let app = new Vue({
|
|
|
// this.leftEcharts8Fun();
|
|
|
// this.leftEcharts10Fun();
|
|
|
// this.leftEcharts11Fun();
|
|
|
- this.rightEcharts1Fun();
|
|
|
- this.initChartR2();
|
|
|
+ // this.rightEcharts1Fun();
|
|
|
+ // this.initChartR2();
|
|
|
this.initChartR4();
|
|
|
});
|
|
|
},
|
|
|
@@ -709,15 +630,15 @@ let app = new Vue({
|
|
|
this.getDate5()
|
|
|
this.getDate6()
|
|
|
|
|
|
- // // // 右边
|
|
|
+ // 右边
|
|
|
this.getDate7()
|
|
|
this.getDate8()
|
|
|
this.getDate9()
|
|
|
- // this.getDate10()
|
|
|
- // // this.getDate11() // 右下A
|
|
|
- // this.getDate12() // 右下B
|
|
|
+ this.getDate10()
|
|
|
+ this.getDate11() // 右下A
|
|
|
+ this.getDate12() // 右下B
|
|
|
|
|
|
- // // 中间
|
|
|
+ // 中间
|
|
|
this.getDate14()
|
|
|
resolve(1);
|
|
|
})
|
|
|
@@ -1036,7 +957,7 @@ let app = new Vue({
|
|
|
right4[index].value4 = this.yuanChange(item.mdnb_jmoney)
|
|
|
right4[index].value5 = this.yuanChange(item.mdnb_fkmoney)
|
|
|
})
|
|
|
- right4.forEach((item,index)=>{
|
|
|
+ right4.forEach((item, index) => {
|
|
|
that.investData.investList[index].name = item.name
|
|
|
that.investData.investList[index].yse = item.value
|
|
|
that.investData.investList[index].yqhte = item.value2
|
|
|
@@ -1068,7 +989,7 @@ let app = new Vue({
|
|
|
right5[2][index][1] = that.numMulti(item.mdnb_amount_fb, 100)
|
|
|
right5[2][index][2] = that.yuanChange(item.mdnb_amount_f)
|
|
|
})
|
|
|
- this.initChartR2()
|
|
|
+ that.rightEcharts1Fun();
|
|
|
resolve(1);
|
|
|
})
|
|
|
});
|
|
|
@@ -1087,16 +1008,11 @@ let app = new Vue({
|
|
|
let a = []
|
|
|
post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getUnitNoSolveDangerDate', value).then(res => {
|
|
|
res.data.forEach((item, index) => {
|
|
|
- right6[index].value = item.mdnb_height
|
|
|
- right6[index].value2 = item.mdnb_midle
|
|
|
- right6[index].value3 = item.mdnb_bottom
|
|
|
+ that.riskData.y1.push(item.mdnb_bottom)
|
|
|
+ that.riskData.y2.push(item.mdnb_midle)
|
|
|
+ that.riskData.y3.push(item.mdnb_height)
|
|
|
})
|
|
|
- let a = []
|
|
|
- for (var i = 0; i < right6.length; i += 6) {
|
|
|
- a.push(right6.slice(i, i + 6));
|
|
|
- }
|
|
|
- right6 = a
|
|
|
- that.getDate15()
|
|
|
+ that.initChartR2()
|
|
|
resolve(1);
|
|
|
})
|
|
|
});
|
|
|
@@ -1113,15 +1029,16 @@ let app = new Vue({
|
|
|
}
|
|
|
post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getUnitDangerPoraitDate', value).then(res => {
|
|
|
res.data.forEach((item, index) => {
|
|
|
- right7[index] = []
|
|
|
- right7[index][0] = item.mdnb_anquan
|
|
|
- right7[index][1] = item.mdnb_fukuan
|
|
|
- right7[index][2] = item.mdnb_hetong
|
|
|
- right7[index][3] = item.mdnb_jiesuan
|
|
|
- right7[index][4] = item.mdnb_jindu
|
|
|
- right7[index][5] = item.mdnb_securty
|
|
|
+ this.riskData.x[index].name = item.mdnb_unity_name3
|
|
|
+ this.riskData.x[index].value = []
|
|
|
+ this.riskData.x[index].value.push(item.mdnb_anquan)
|
|
|
+ this.riskData.x[index].value.push(item.mdnb_fukuan)
|
|
|
+ this.riskData.x[index].value.push(item.mdnb_hetong)
|
|
|
+ this.riskData.x[index].value.push(item.mdnb_jiesuan)
|
|
|
+ this.riskData.x[index].value.push(item.mdnb_jindu)
|
|
|
+ this.riskData.x[index].value.push(item.mdnb_securty)
|
|
|
})
|
|
|
- this.getDate11()
|
|
|
+ this.initChartR2()
|
|
|
resolve(1);
|
|
|
})
|
|
|
});
|
|
|
@@ -1252,7 +1169,7 @@ let app = new Vue({
|
|
|
});
|
|
|
},
|
|
|
// 点击八卦的方法
|
|
|
- cilikEight(param){
|
|
|
+ cilikEight (param) {
|
|
|
let that = this
|
|
|
that.rightAdd.modelName = 2
|
|
|
that.rightAdd.substraction = ''
|
|
|
@@ -1654,6 +1571,13 @@ let app = new Vue({
|
|
|
}
|
|
|
]
|
|
|
}
|
|
|
+ that.rightEcharts1.on('click', function (param) {
|
|
|
+ that.rightAdd.modelName = 1
|
|
|
+ that.rightAdd.substraction = param.seriesName == '正偏差' ? 1 : param.seriesName == '容差' ? 2 : 3
|
|
|
+ that.rightAdd.projectStepCode = ''
|
|
|
+ that.projectNum = 313
|
|
|
+ that.rightPenetrateTwo(1, param.seriesName == '正偏差' ? 1 : param.seriesName == '容差' ? 2 : 3, that.findCode(param.name), 'right')
|
|
|
+ })
|
|
|
that.rightEcharts1.setOption(option)
|
|
|
tools.loopShowTooltip(that.rightEcharts1, option, {
|
|
|
interval: 2000,
|
|
|
@@ -1801,6 +1725,7 @@ let app = new Vue({
|
|
|
backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
|
|
|
backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
|
|
|
borderColor: "rgba(50,50,50,0.7)",
|
|
|
+ confine: true, // 不超出当前表
|
|
|
textStyle: {
|
|
|
color: "#fff",
|
|
|
fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
|
|
|
@@ -1906,6 +1831,13 @@ let app = new Vue({
|
|
|
},
|
|
|
],
|
|
|
};
|
|
|
+ that.right1Chart.on('click', (param) => {
|
|
|
+ that.rightAdd.modelName = 3
|
|
|
+ that.rightAdd.substraction = ''
|
|
|
+ that.rightAdd.projectStepCode = ''
|
|
|
+ that.projectNum = 315
|
|
|
+ that.rightPenetrateTwo(that.rightPenetrateTwo.modelName, '', that.findCode(param.name), 'right')
|
|
|
+ })
|
|
|
that.right1Chart.setOption(option);
|
|
|
tools.loopShowTooltip(that.right1Chart, option, {
|
|
|
interval: 2000,
|
|
|
@@ -3154,56 +3086,30 @@ let app = new Vue({
|
|
|
leftEcharts6Fun () {
|
|
|
let that = this;
|
|
|
this.leftEcharts6 = echarts.init(this.$refs["leftEcharts6"]);
|
|
|
- var dataArr = left16[3]
|
|
|
- var colorSet = {
|
|
|
- color: "#22B95E",
|
|
|
- };
|
|
|
- var color1 = {
|
|
|
- type: "linear",
|
|
|
- x: 0,
|
|
|
- y: 0,
|
|
|
- x2: 1,
|
|
|
- y2: 1,
|
|
|
- colorStops: [
|
|
|
- {
|
|
|
- offset: 0,
|
|
|
- color: "rgba(255,255,255,0.1)",
|
|
|
- },
|
|
|
- {
|
|
|
- offset: 1,
|
|
|
- color: "rgba(255,255,255,0.3)",
|
|
|
- },
|
|
|
- ],
|
|
|
- global: false,
|
|
|
- };
|
|
|
- var color2 = {
|
|
|
- type: "linear",
|
|
|
- x: 0,
|
|
|
- y: 0,
|
|
|
- x2: 1,
|
|
|
- y2: 1,
|
|
|
- colorStops: [
|
|
|
- {
|
|
|
- offset: 0,
|
|
|
- color: "#30DBBA",
|
|
|
- },
|
|
|
- {
|
|
|
- offset: 1,
|
|
|
- color: "#2DE696",
|
|
|
- },
|
|
|
- ],
|
|
|
- global: false,
|
|
|
- };
|
|
|
-
|
|
|
+ var dataArr = left16[3] * 100
|
|
|
+ // var dataArr = 50
|
|
|
option = {
|
|
|
tooltip: {
|
|
|
formatter: "{a} <br/>{b} : {c}%",
|
|
|
},
|
|
|
+ // 配置图片相关
|
|
|
+ graphic: {
|
|
|
+ elements: [{
|
|
|
+ type: 'image',//需要填充图片,配置image,如果不需要图片可以配置其他的, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
|
|
|
+ style: {
|
|
|
+ image: './img/dashboard.png', //这里添加图片地址
|
|
|
+ width: 580,
|
|
|
+ height: 480
|
|
|
+ },
|
|
|
+ left: 'center',//
|
|
|
+ top: 'middle' //配置图片居中
|
|
|
+ }]
|
|
|
+ },
|
|
|
series: [
|
|
|
{
|
|
|
name: "内部进度条",
|
|
|
type: "gauge",
|
|
|
- // center: ['20%', '50%'],
|
|
|
+ center: ['49.6%', '61%'],
|
|
|
radius: "50%",
|
|
|
|
|
|
splitNumber: 10,
|
|
|
@@ -3230,9 +3136,9 @@ let app = new Vue({
|
|
|
},
|
|
|
detail: {
|
|
|
formatter: function (value) {
|
|
|
- return (value * 100).toFixed(2)
|
|
|
+ return (value).toFixed(2) + '%'
|
|
|
},
|
|
|
- offsetCenter: [0, 117],
|
|
|
+ offsetCenter: [0, 100],
|
|
|
textStyle: {
|
|
|
padding: [0, 0, 0, 0],
|
|
|
fontSize: 60,
|
|
|
@@ -3242,9 +3148,9 @@ let app = new Vue({
|
|
|
title: {
|
|
|
//标题
|
|
|
show: true,
|
|
|
- offsetCenter: [0, 220], // x, y，单位px
|
|
|
+ offsetCenter: [0, 195], // x, y，单位px
|
|
|
textStyle: {
|
|
|
- color: "#40A9FF",
|
|
|
+ color: "#fff",
|
|
|
fontSize: 34, //表盘上的标题文字大小
|
|
|
fontWeight: 400,
|
|
|
fontFamily: "MicrosoftYaHei",
|
|
|
@@ -3261,20 +3167,21 @@ let app = new Vue({
|
|
|
},
|
|
|
},
|
|
|
],
|
|
|
- pointer: {
|
|
|
- show: true,
|
|
|
- length: "100%",
|
|
|
- // radius: "20%",
|
|
|
- width: 80, //指针粗细
|
|
|
- // icon: 'path://M2090.36389,615.30999 L2090.36389,615.30999 C2091.48372,615.30999 2092.40383,616.194028 2092.44859,617.312956 L2096.90698,728.755929 C2097.05155,732.369577 2094.2393,735.416212 2090.62566,735.56078 C2090.53845,735.564269 2090.45117,735.566014 2090.36389,735.566014 L2090.36389,735.566014 C2086.74736,735.566014 2083.81557,732.63423 2083.81557,729.017692 C2083.81557,728.930412 2083.81732,728.84314 2083.82081,728.755929 L2088.2792,617.312956 C2088.32396,616.194028 2089.24407,615.30999 2090.36389,615.30999 Z',
|
|
|
- icon: 'image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7'
|
|
|
- },
|
|
|
+ // pointer: {
|
|
|
+ // show: true,
|
|
|
+ // length: "100%",
|
|
|
+ // // radius: "20%",
|
|
|
+ // width: 80, //指针粗细
|
|
|
+ // // icon: 'path://M2090.36389,615.30999 L2090.36389,615.30999 C2091.48372,615.30999 2092.40383,616.194028 2092.44859,617.312956 L2096.90698,728.755929 C2097.05155,732.369577 2094.2393,735.416212 2090.62566,735.56078 C2090.53845,735.564269 2090.45117,735.566014 2090.36389,735.566014 L2090.36389,735.566014 C2086.74736,735.566014 2083.81557,732.63423 2083.81557,729.017692 C2083.81557,728.930412 2083.81732,728.84314 2083.82081,728.755929 L2088.2792,617.312956 C2088.32396,616.194028 2089.24407,615.30999 2090.36389,615.30999 Z',
|
|
|
+ // icon: 'image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7'
|
|
|
+ // },
|
|
|
animationDuration: 4000,
|
|
|
},
|
|
|
{
|
|
|
name: "内部阴影",
|
|
|
type: "gauge",
|
|
|
- radius: "75%",
|
|
|
+ radius: '35%',
|
|
|
+ center: ['49.6%', '61%'],
|
|
|
splitNumber: 10,
|
|
|
axisLine: {
|
|
|
show: true,
|
|
|
@@ -3298,8 +3205,9 @@ let app = new Vue({
|
|
|
]),
|
|
|
],
|
|
|
[1, "#0E4889"],
|
|
|
+ // [1, "red"],
|
|
|
],
|
|
|
- width: 70,
|
|
|
+ width: 35,
|
|
|
},
|
|
|
},
|
|
|
axisLabel: {
|
|
|
@@ -3315,96 +3223,96 @@ let app = new Vue({
|
|
|
show: false,
|
|
|
},
|
|
|
},
|
|
|
- {
|
|
|
- name: '',
|
|
|
- type: 'gauge',
|
|
|
- splitNumber: 5, //刻度数量
|
|
|
- min: 0,
|
|
|
- max: 100,
|
|
|
- radius: "90%",
|
|
|
- zlevel: 1,
|
|
|
- axisLine: {
|
|
|
- show: true,
|
|
|
- lineStyle: {
|
|
|
- width: 0,
|
|
|
- shadowBlur: 0,
|
|
|
- color: [
|
|
|
- [0.2, '#23AFAF'],
|
|
|
- [0.4, '#2270DA'],
|
|
|
- [0.6, '#E99D02'],
|
|
|
- [1, '#F45656']
|
|
|
- ],
|
|
|
- }
|
|
|
- },
|
|
|
- axisTick: {
|
|
|
- show: true,
|
|
|
- lineStyle: {
|
|
|
- color: 'auto',
|
|
|
- width: 2
|
|
|
- },
|
|
|
- length: 10,
|
|
|
- splitNumber: 5
|
|
|
- },
|
|
|
- splitLine: {
|
|
|
- show: true,
|
|
|
- length: -12,
|
|
|
- lineStyle: {
|
|
|
- color: 'auto',
|
|
|
- width: 2
|
|
|
- }
|
|
|
- },
|
|
|
- axisLabel: {
|
|
|
- show: true,
|
|
|
- color: "#ffffff",
|
|
|
- fontSize: 20,
|
|
|
- fontFamily: "SourceHanSansSC-Regular",
|
|
|
- // position: "top",
|
|
|
- distance: -30,
|
|
|
- formatter: function (v) {
|
|
|
- switch (v + "") {
|
|
|
- case "0":
|
|
|
- return "0";
|
|
|
- case "10":
|
|
|
- return "10";
|
|
|
- case "20":
|
|
|
- return "20";
|
|
|
- case "30":
|
|
|
- return "30";
|
|
|
- case "40":
|
|
|
- return "40";
|
|
|
- case "50":
|
|
|
- return "50";
|
|
|
- case "60":
|
|
|
- return "60";
|
|
|
- case "70":
|
|
|
- return "70";
|
|
|
- case "80":
|
|
|
- return "80";
|
|
|
- case "90":
|
|
|
- return "90";
|
|
|
- case "100":
|
|
|
- return "100";
|
|
|
- }
|
|
|
- },
|
|
|
- },
|
|
|
- pointer: { //仪表盘指针
|
|
|
- show: 0,
|
|
|
- length: '0%',
|
|
|
- width: 1
|
|
|
- },
|
|
|
- anchor: {
|
|
|
- show: true,
|
|
|
- showAbove: true,
|
|
|
- size: 30,
|
|
|
- itemStyle: {
|
|
|
- color: '#EAEBF1',
|
|
|
- }
|
|
|
- },
|
|
|
- detail: {
|
|
|
- show: false
|
|
|
- },
|
|
|
- data: []
|
|
|
- },
|
|
|
+ // {
|
|
|
+ // name: '',
|
|
|
+ // type: 'gauge',
|
|
|
+ // splitNumber: 5, //刻度数量
|
|
|
+ // min: 0,
|
|
|
+ // max: 100,
|
|
|
+ // radius: "90%",
|
|
|
+ // zlevel: 1,
|
|
|
+ // axisLine: {
|
|
|
+ // show: true,
|
|
|
+ // lineStyle: {
|
|
|
+ // width: 0,
|
|
|
+ // shadowBlur: 0,
|
|
|
+ // color: [
|
|
|
+ // [0.2, '#23AFAF'],
|
|
|
+ // [0.4, '#2270DA'],
|
|
|
+ // [0.6, '#E99D02'],
|
|
|
+ // [1, '#F45656']
|
|
|
+ // ],
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // axisTick: {
|
|
|
+ // show: true,
|
|
|
+ // lineStyle: {
|
|
|
+ // color: 'auto',
|
|
|
+ // width: 2
|
|
|
+ // },
|
|
|
+ // length: 10,
|
|
|
+ // splitNumber: 5
|
|
|
+ // },
|
|
|
+ // splitLine: {
|
|
|
+ // show: true,
|
|
|
+ // length: -12,
|
|
|
+ // lineStyle: {
|
|
|
+ // color: 'auto',
|
|
|
+ // width: 2
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // axisLabel: {
|
|
|
+ // show: true,
|
|
|
+ // color: "#ffffff",
|
|
|
+ // fontSize: 20,
|
|
|
+ // fontFamily: "SourceHanSansSC-Regular",
|
|
|
+ // // position: "top",
|
|
|
+ // distance: -30,
|
|
|
+ // formatter: function (v) {
|
|
|
+ // switch (v + "") {
|
|
|
+ // case "0":
|
|
|
+ // return "0";
|
|
|
+ // case "10":
|
|
|
+ // return "10";
|
|
|
+ // case "20":
|
|
|
+ // return "20";
|
|
|
+ // case "30":
|
|
|
+ // return "30";
|
|
|
+ // case "40":
|
|
|
+ // return "40";
|
|
|
+ // case "50":
|
|
|
+ // return "50";
|
|
|
+ // case "60":
|
|
|
+ // return "60";
|
|
|
+ // case "70":
|
|
|
+ // return "70";
|
|
|
+ // case "80":
|
|
|
+ // return "80";
|
|
|
+ // case "90":
|
|
|
+ // return "90";
|
|
|
+ // case "100":
|
|
|
+ // return "100";
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // pointer: { //仪表盘指针
|
|
|
+ // show: 0,
|
|
|
+ // length: '0%',
|
|
|
+ // width: 1
|
|
|
+ // },
|
|
|
+ // anchor: {
|
|
|
+ // show: true,
|
|
|
+ // showAbove: true,
|
|
|
+ // size: 30,
|
|
|
+ // itemStyle: {
|
|
|
+ // color: '#EAEBF1',
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // detail: {
|
|
|
+ // show: false
|
|
|
+ // },
|
|
|
+ // data: []
|
|
|
+ // },
|
|
|
{
|
|
|
//指针上的圆
|
|
|
type: "pie",
|
|
|
@@ -3414,7 +3322,7 @@ let app = new Vue({
|
|
|
hoverAnimation: false,
|
|
|
legendHoverLink: false,
|
|
|
radius: ["0%", "4%"],
|
|
|
- center: ["50%", "50%"],
|
|
|
+ center: ['49.6%', '61%'],
|
|
|
label: {
|
|
|
normal: {
|
|
|
show: false,
|
|
|
@@ -4413,6 +4321,19 @@ let app = new Vue({
|
|
|
},
|
|
|
data: categoryData,
|
|
|
},
|
|
|
+ // 配置图片相关
|
|
|
+ graphic: {
|
|
|
+ elements: [{
|
|
|
+ type: 'image',//需要填充图片,配置image,如果不需要图片可以配置其他的, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
|
|
|
+ style: {
|
|
|
+ image: './img/3D/chinaMap.png', //这里添加图片地址
|
|
|
+ width: 1680,
|
|
|
+ // height: auto
|
|
|
+ },
|
|
|
+ left: 'center',//
|
|
|
+ top: '260' //配置图片居中
|
|
|
+ }]
|
|
|
+ },
|
|
|
series: [
|
|
|
{
|
|
|
type: "effectScatter",
|
|
|
@@ -4528,6 +4449,7 @@ let app = new Vue({
|
|
|
leftEcharts9Fun () {
|
|
|
let that = this;
|
|
|
this.leftEcharts9 = echarts.init(this.$refs["leftEcharts9"]);
|
|
|
+ return
|
|
|
// var ROOT_PATH = 'https://echarts.apache.org/examples';
|
|
|
let option = {
|
|
|
backgroundColor: "#00000000",
|
|
|
@@ -4697,6 +4619,25 @@ let app = new Vue({
|
|
|
},
|
|
|
],
|
|
|
};
|
|
|
+ that.leftEcharts10.on('click', function (param) {
|
|
|
+ console.log(param,'看看点击了')
|
|
|
+ that.titleName = param.name
|
|
|
+ that.echartEnterpriseShow = true
|
|
|
+ // 如果是接口版数据版
|
|
|
+ // let findData = dataList.find(item => {
|
|
|
+ // return item.mdnb_textfield == param.name
|
|
|
+ // })
|
|
|
+ // common1[0] = findData.mdnb_amountfield18
|
|
|
+ // common1[1] = findData.mdnb_amountfield20
|
|
|
+ // common1[2] = findData.mdnb_amountfield19
|
|
|
+ // common1[3] = findData.mdnb_amountfield26
|
|
|
+ // common1[4] = findData.mdnb_amountfield27
|
|
|
+ // common1[5] = findData.mdnb_amountfield25
|
|
|
+ // common2[0] = findData.mdnb_decimalfield6
|
|
|
+ // setTimeout(() => {
|
|
|
+ // that.initChartBall()
|
|
|
+ // });
|
|
|
+ })
|
|
|
//轮播
|
|
|
tools.loopShowTooltip(that.leftEcharts10, option, {
|
|
|
interval: 2000,
|
|
|
@@ -4733,15 +4674,17 @@ let app = new Vue({
|
|
|
option = {
|
|
|
tooltip: {
|
|
|
trigger: "axis",
|
|
|
+ showContent: true,
|
|
|
+ alwaysShowContent: true,
|
|
|
formatter:
|
|
|
"指标：" +
|
|
|
- "{c0}" +
|
|
|
+ "{c0}" + '%' +
|
|
|
"<br/>" +
|
|
|
"发展线：" +
|
|
|
- "{c1}" +
|
|
|
+ "{c1}" + '%' +
|
|
|
"<br/>" +
|
|
|
"生存线：" +
|
|
|
- "{c2}", //+ '<br/>'+ '{a1}：{c1}' + '%',
|
|
|
+ "{c2}" + '%', //+ '<br/>'+ '{a1}：{c1}' + '%',
|
|
|
axisPointer: {
|
|
|
type: "shadow",
|
|
|
},
|
|
|
@@ -4797,7 +4740,7 @@ let app = new Vue({
|
|
|
},
|
|
|
axisLabel: {
|
|
|
show: true,
|
|
|
- formatter: "{value}%",
|
|
|
+ formatter: "{value}",
|
|
|
textStyle: {
|
|
|
color: "#fff",
|
|
|
fontSize: 20,
|
|
|
@@ -4830,8 +4773,8 @@ let app = new Vue({
|
|
|
]),
|
|
|
},
|
|
|
},
|
|
|
- data: dataList[this.count + 1][1],
|
|
|
- // data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][2] : left12[this.count + 1][2]
|
|
|
+ // data: dataList[this.count + 1][1],
|
|
|
+ data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][2] : left12[this.count + 1][2]
|
|
|
},
|
|
|
{
|
|
|
name: "",
|
|
|
@@ -4851,8 +4794,8 @@ let app = new Vue({
|
|
|
]),
|
|
|
},
|
|
|
},
|
|
|
- data: dataList[this.count + 1][1],
|
|
|
- // data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][1] : left12[this.count + 1][1]
|
|
|
+ // data: dataList[this.count + 1][1],
|
|
|
+ data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][1] : left12[this.count + 1][1]
|
|
|
},
|
|
|
{
|
|
|
name: "",
|
|
|
@@ -4872,8 +4815,8 @@ let app = new Vue({
|
|
|
]),
|
|
|
},
|
|
|
},
|
|
|
- data: dataList[this.count + 1][0],
|
|
|
- // data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][0] : left12[this.count + 1][0]
|
|
|
+ // data: dataList[this.count + 1][0],
|
|
|
+ data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][0] : left12[this.count + 1][0]
|
|
|
},
|
|
|
],
|
|
|
};
|
|
|
@@ -5501,7 +5444,7 @@ let app = new Vue({
|
|
|
},
|
|
|
axisLabel: {
|
|
|
show: true,
|
|
|
- rotate: 0,
|
|
|
+ rotate: 50,
|
|
|
interval: 0,
|
|
|
textStyle: {
|
|
|
padding: [14, 0, 0, 0],
|
|
|
@@ -5604,6 +5547,7 @@ let app = new Vue({
|
|
|
leftEcharts16Fun () {
|
|
|
let that = this;
|
|
|
this.leftEcharts16 = echarts.init(this.$refs["leftEcharts16"]);
|
|
|
+ return
|
|
|
// var ROOT_PATH = 'https://echarts.apache.org/examples';
|
|
|
let option = {
|
|
|
backgroundColor: "#00000000",
|
|
|
@@ -6924,6 +6868,9 @@ let app = new Vue({
|
|
|
},
|
|
|
changeTopColor () {
|
|
|
this.list = document.getElementsByClassName('row-item')
|
|
|
+ setTimeout(() => {
|
|
|
+ this.list[1].classList.add('light')
|
|
|
+ }, 1000)
|
|
|
for (var i = 0; i < this.list.length; i++) {
|
|
|
if (i == 1) {
|
|
|
this.list[i].classList.add('light')
|
zhbyyy
