|
|
@@ -2,7 +2,7 @@ let app = new Vue({
|
|
|
el: '#app',
|
|
|
data () {
|
|
|
return {
|
|
|
- projectNum:'',
|
|
|
+ projectNum: '', // 项目列表弹窗顶部类目筛选条件
|
|
|
centerType: false, // 中间3D饼图
|
|
|
boardType: '', // 哪边的项目看板
|
|
|
pullShow: false, // 选择年份弹窗
|
|
|
@@ -124,15 +124,16 @@ let app = new Vue({
|
|
|
},
|
|
|
// 计算展示的年份
|
|
|
countYear () {
|
|
|
- this.year = new Date().getFullYear()
|
|
|
- for (i = 2022; true; i++) {
|
|
|
- if (i == this.year) {
|
|
|
- this.pollList.push(i)
|
|
|
- return
|
|
|
- } else {
|
|
|
- this.pollList.push(i)
|
|
|
- }
|
|
|
- }
|
|
|
+ this.year = 2024
|
|
|
+ // this.year = new Date().getFullYear()
|
|
|
+ // for (i = 2022; true; i++) {
|
|
|
+ // if (i == this.year) {
|
|
|
+ // this.pollList.push(i)
|
|
|
+ // return
|
|
|
+ // } else {
|
|
|
+ // this.pollList.push(i)
|
|
|
+ // }
|
|
|
+ // }
|
|
|
},
|
|
|
comeIn () {
|
|
|
if (this.versions) {
|
|
|
@@ -354,7 +355,7 @@ let app = new Vue({
|
|
|
if (res.data.rows.length > 0) {
|
|
|
let dataList = this.classify(res.data.rows[0].mdnb_entryentity, 'mdnb_textfield1')
|
|
|
// 传统产业分析
|
|
|
- if (dataList[0].length > left7.length || dataList[0].length == left7.length) {
|
|
|
+ if (dataList[0].data.length > left7.length || dataList[0].length == left7.length) {
|
|
|
for (let i = 0; i < left7.length; i++) {
|
|
|
left7[i].num = dataList[0].data[i].mdnb_integerfield13
|
|
|
left7[i].y = dataList[0].data[i].mdnb_amountfield8
|
|
|
@@ -362,7 +363,7 @@ let app = new Vue({
|
|
|
this.initChartL5()
|
|
|
}
|
|
|
// 战略性新兴产业
|
|
|
- if (dataList[1].length > left8.length || dataList[1].length == left8.length) {
|
|
|
+ if (dataList[1].data.length > left8.length || dataList[1].length == left8.length) {
|
|
|
for (let i = 0; i < left8.length; i++) {
|
|
|
left8[i].num = dataList[1].data[i].mdnb_integerfield13
|
|
|
left8[i].y = dataList[1].data[i].mdnb_amountfield8
|
|
|
@@ -370,7 +371,7 @@ let app = new Vue({
|
|
|
this.initChartL6()
|
|
|
}
|
|
|
// 特色优势产业
|
|
|
- if (dataList[2].length > left9.length || dataList[2].length == left9.length) {
|
|
|
+ if (dataList[2].data.length > left9.length || dataList[2].length == left9.length) {
|
|
|
for (let i = 0; i < left9.length; i++) {
|
|
|
left9[i].num = dataList[2].data[i].mdnb_integerfield13
|
|
|
left9[i].y = dataList[2].data[i].mdnb_amountfield8
|
|
|
@@ -378,7 +379,7 @@ let app = new Vue({
|
|
|
this.initChartL7()
|
|
|
}
|
|
|
// 公共基础等产业
|
|
|
- if (dataList[3].length > left10.length || dataList[3].length == left10.length) {
|
|
|
+ if (dataList[3].data.length > left10.length || dataList[3].length == left10.length) {
|
|
|
for (let i = 0; i < left10.length; i++) {
|
|
|
left10[i].num = dataList[3].data[i].mdnb_integerfield13
|
|
|
left10[i].y = dataList[3].data[i].mdnb_amountfield8
|
|
|
@@ -760,9 +761,9 @@ let app = new Vue({
|
|
|
}
|
|
|
post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getTwoLevelData', value).then(res => {
|
|
|
that.config6.data = []
|
|
|
- if(this.projectNum == 211||this.projectNum == 212){
|
|
|
+ if (this.projectNum == 211 || this.projectNum == 212) {
|
|
|
that.config6.header = ["所属集团", "项目名称", '实施主体', '投中项目阶段', '投资总额(万元)']
|
|
|
- }else if(this.projectNum == 2141){
|
|
|
+ } else if (this.projectNum == 2141) {
|
|
|
that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '本年度计划投资额(万元)']
|
|
|
}
|
|
|
that.originalConfig6 = res.data
|
|
|
@@ -793,7 +794,7 @@ let app = new Vue({
|
|
|
mdnb_textfield13,
|
|
|
mdnb_textfield16,
|
|
|
mdnb_textfield23,
|
|
|
- mdnb_datefield: this.year + '-01-01'
|
|
|
+ mdnb_datefield: this.year - 1 + '-01-01'
|
|
|
},
|
|
|
pageSize: 1000
|
|
|
}
|
|
|
@@ -819,8 +820,10 @@ let app = new Vue({
|
|
|
});
|
|
|
},
|
|
|
// 左边穿透二级
|
|
|
- leftPenetrateTwo (mdnb_textfield12, mdnb_textfield19, mdnb_textfield15, mdnb_textfield17, mdnb_textfield20,num) {
|
|
|
- this.projectNum = num
|
|
|
+ leftPenetrateTwo (mdnb_textfield12, mdnb_textfield19, mdnb_textfield15, mdnb_textfield17, mdnb_textfield20, num) {
|
|
|
+ console.log(num,'????????')
|
|
|
+ // num && (this.projectNum = num)
|
|
|
+ // console.log(this.projectNum)
|
|
|
this.boardType = 'left'
|
|
|
let that = this
|
|
|
if (that.versions) {
|
|
|
@@ -829,7 +832,7 @@ let app = new Vue({
|
|
|
access_token: this.access_token,
|
|
|
"data": {
|
|
|
mdnb_combofield: this.mockData ? 'B' : 'A',
|
|
|
- mdnb_datefield: this.year + '-01-01',
|
|
|
+ mdnb_datefield: this.year - 1 + '-01-01',
|
|
|
mdnb_textfield12,
|
|
|
mdnb_textfield19,
|
|
|
mdnb_textfield15,
|
|
|
@@ -844,29 +847,76 @@ let app = new Vue({
|
|
|
if (res.data.rows.length > 0) {
|
|
|
that.originalConfig6 = res.data.rows[0].mdnb_entryentity11
|
|
|
that.config6.data = []
|
|
|
- if(this.projectNum == 211||this.projectNum == 212){
|
|
|
+ if (this.projectNum == 211 || this.projectNum == 212) {
|
|
|
that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '已占用额度(万元)']
|
|
|
- }else if(this.projectNum == 2141){
|
|
|
+ res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
|
|
|
+ that.config6.data[index] = []
|
|
|
+ that.config6.data[index][0] = item.mdnb_textfield7
|
|
|
+ that.config6.data[index][1] = item.mdnb_textfield6
|
|
|
+ that.config6.data[index][2] = item.mdnb_textfield8
|
|
|
+ that.config6.data[index][3] = item.mdnb_textfield25
|
|
|
+ that.config6.data[index][4] = item.mdnb_textfield26
|
|
|
+ that.config6.data[index][5] = item.mdnb_amountfield22 / 10000
|
|
|
+ })
|
|
|
+ } else if (this.projectNum == 2141) {
|
|
|
that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '本年度计划投资额(万元)']
|
|
|
- }else if(this.projectNum == 2142){
|
|
|
- that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质','是否主业','本年度计划投资额(万元)']
|
|
|
- }else if(this.projectNum == 2143){
|
|
|
- that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质','项目管理类型','本年度计划投资额(万元)']
|
|
|
- }else if(this.projectNum == 215){
|
|
|
- that.config6.header = ["所属集团", "项目名称", '投资主体', '产业类别I级', '产业类别II级','本年度计划投资额(万元)']
|
|
|
- }else if(this.projectNum == 216){
|
|
|
- that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质','项目管理类型','本年度计划投资额(万元)']
|
|
|
+ res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
|
|
|
+ that.config6.data[index] = []
|
|
|
+ that.config6.data[index][0] = item.mdnb_textfield7
|
|
|
+ that.config6.data[index][1] = item.mdnb_textfield6
|
|
|
+ that.config6.data[index][2] = item.mdnb_textfield8
|
|
|
+ that.config6.data[index][3] = item.mdnb_textfield25
|
|
|
+ that.config6.data[index][4] = item.mdnb_textfield26
|
|
|
+ that.config6.data[index][5] = item.mdnb_amountfield22 / 10000
|
|
|
+ })
|
|
|
+ } else if (this.projectNum == 2142) {
|
|
|
+ that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '是否主业', '本年度计划投资额(万元)']
|
|
|
+ res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
|
|
|
+ that.config6.data[index] = []
|
|
|
+ that.config6.data[index][0] = item.mdnb_textfield7
|
|
|
+ that.config6.data[index][1] = item.mdnb_textfield6
|
|
|
+ that.config6.data[index][2] = item.mdnb_textfield8
|
|
|
+ that.config6.data[index][3] = item.mdnb_textfield25
|
|
|
+ that.config6.data[index][4] = item.mdnb_textfield26
|
|
|
+ that.config6.data[index][5] = item.mdnb_textfield21
|
|
|
+ that.config6.data[index][6] = item.mdnb_amountfield22 / 10000
|
|
|
+ })
|
|
|
+ } else if (this.projectNum == 2143) {
|
|
|
+ that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '项目管理类型', '本年度计划投资额(万元)']
|
|
|
+ res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
|
|
|
+ that.config6.data[index] = []
|
|
|
+ that.config6.data[index][0] = item.mdnb_textfield7
|
|
|
+ that.config6.data[index][1] = item.mdnb_textfield6
|
|
|
+ that.config6.data[index][2] = item.mdnb_textfield8
|
|
|
+ that.config6.data[index][3] = item.mdnb_textfield25
|
|
|
+ that.config6.data[index][4] = item.mdnb_textfield26
|
|
|
+ that.config6.data[index][5] = item.mdnb_textfield22
|
|
|
+ that.config6.data[index][6] = item.mdnb_amountfield22 / 10000
|
|
|
+ })
|
|
|
+ } else if (this.projectNum == 215) {
|
|
|
+ that.config6.header = ["所属集团", "项目名称", '投资主体', '产业类别I级', '产业类别II级', '本年度计划投资额(万元)']
|
|
|
+ res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
|
|
|
+ that.config6.data[index] = []
|
|
|
+ that.config6.data[index][0] = item.mdnb_textfield7
|
|
|
+ that.config6.data[index][1] = item.mdnb_textfield6
|
|
|
+ that.config6.data[index][2] = item.mdnb_textfield8
|
|
|
+ that.config6.data[index][3] = item.mdnb_textfield9
|
|
|
+ that.config6.data[index][4] = item.mdnb_textfield10
|
|
|
+ that.config6.data[index][5] = item.mdnb_amountfield22 / 10000
|
|
|
+ })
|
|
|
+ } else if (this.projectNum == 216) {
|
|
|
+ that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '项目阶段', '本年度计划投资额(万元)']
|
|
|
+ res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
|
|
|
+ that.config6.data[index] = []
|
|
|
+ that.config6.data[index][0] = item.mdnb_textfield7
|
|
|
+ that.config6.data[index][1] = item.mdnb_textfield6
|
|
|
+ that.config6.data[index][2] = item.mdnb_textfield8
|
|
|
+ that.config6.data[index][3] = item.mdnb_textfield25
|
|
|
+ that.config6.data[index][4] = item.mdnb_textfield26
|
|
|
+ that.config6.data[index][5] = item.mdnb_textfield24
|
|
|
+ that.config6.data[index][6] = item.mdnb_amountfield22 / 10000
|
|
|
+ })
|
|
|
}
|
|
|
-
|
|
|
- // res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
|
|
|
- // that.config6.data[index] = []
|
|
|
- // that.config6.data[index][0] = item.mdnb_textfield6
|
|
|
- // that.config6.data[index][1] = item.mdnb_textfield7
|
|
|
- // that.config6.data[index][2] = item.mdnb_textfield8
|
|
|
- // that.config6.data[index][3] = item.mdnb_textfield9
|
|
|
- // that.config6.data[index][4] = item.mdnb_textfield10
|
|
|
- // that.config6.data[index][5] = item.mdnb_amountfield22
|
|
|
- // })
|
|
|
}
|
|
|
that.config6 = { ...that.config6 }
|
|
|
that.projectListTipShow = true
|
|
|
@@ -877,15 +927,76 @@ let app = new Vue({
|
|
|
if (res.data.rows.length > 0) {
|
|
|
that.originalConfig6 = res.data.rows[0].mdnb_entryentity11
|
|
|
that.config6.data = []
|
|
|
- res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
|
|
|
- that.config6.data[index] = []
|
|
|
- that.config6.data[index][0] = item.mdnb_textfield6
|
|
|
- that.config6.data[index][1] = item.mdnb_textfield7
|
|
|
- that.config6.data[index][2] = item.mdnb_textfield8
|
|
|
- that.config6.data[index][3] = item.mdnb_textfield9
|
|
|
- that.config6.data[index][4] = item.mdnb_textfield10
|
|
|
- that.config6.data[index][5] = item.mdnb_amountfield22
|
|
|
- })
|
|
|
+ if (this.projectNum == 211 || this.projectNum == 212) {
|
|
|
+ that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '已占用额度(万元)']
|
|
|
+ res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
|
|
|
+ that.config6.data[index] = []
|
|
|
+ that.config6.data[index][0] = item.mdnb_textfield7
|
|
|
+ that.config6.data[index][1] = item.mdnb_textfield6
|
|
|
+ that.config6.data[index][2] = item.mdnb_textfield8
|
|
|
+ that.config6.data[index][3] = item.mdnb_textfield25
|
|
|
+ that.config6.data[index][4] = item.mdnb_textfield26
|
|
|
+ that.config6.data[index][5] = item.mdnb_amountfield22 / 10000
|
|
|
+ })
|
|
|
+ } else if (this.projectNum == 2141) {
|
|
|
+ that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '本年度计划投资额(万元)']
|
|
|
+ res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
|
|
|
+ that.config6.data[index] = []
|
|
|
+ that.config6.data[index][0] = item.mdnb_textfield7
|
|
|
+ that.config6.data[index][1] = item.mdnb_textfield6
|
|
|
+ that.config6.data[index][2] = item.mdnb_textfield8
|
|
|
+ that.config6.data[index][3] = item.mdnb_textfield25
|
|
|
+ that.config6.data[index][4] = item.mdnb_textfield26
|
|
|
+ that.config6.data[index][5] = item.mdnb_amountfield22 / 10000
|
|
|
+ })
|
|
|
+ } else if (this.projectNum == 2142) {
|
|
|
+ that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '是否主业', '本年度计划投资额(万元)']
|
|
|
+ res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
|
|
|
+ that.config6.data[index] = []
|
|
|
+ that.config6.data[index][0] = item.mdnb_textfield7
|
|
|
+ that.config6.data[index][1] = item.mdnb_textfield6
|
|
|
+ that.config6.data[index][2] = item.mdnb_textfield8
|
|
|
+ that.config6.data[index][3] = item.mdnb_textfield25
|
|
|
+ that.config6.data[index][4] = item.mdnb_textfield26
|
|
|
+ that.config6.data[index][5] = item.mdnb_textfield21
|
|
|
+ that.config6.data[index][6] = item.mdnb_amountfield22 / 10000
|
|
|
+ })
|
|
|
+ } else if (this.projectNum == 2143) {
|
|
|
+ that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '项目管理类型', '本年度计划投资额(万元)']
|
|
|
+ res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
|
|
|
+ that.config6.data[index] = []
|
|
|
+ that.config6.data[index][0] = item.mdnb_textfield7
|
|
|
+ that.config6.data[index][1] = item.mdnb_textfield6
|
|
|
+ that.config6.data[index][2] = item.mdnb_textfield8
|
|
|
+ that.config6.data[index][3] = item.mdnb_textfield25
|
|
|
+ that.config6.data[index][4] = item.mdnb_textfield26
|
|
|
+ that.config6.data[index][5] = item.mdnb_textfield22
|
|
|
+ that.config6.data[index][6] = item.mdnb_amountfield22 / 10000
|
|
|
+ })
|
|
|
+ } else if (this.projectNum == 215) {
|
|
|
+ that.config6.header = ["所属集团", "项目名称", '投资主体', '产业类别I级', '产业类别II级', '本年度计划投资额(万元)']
|
|
|
+ res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
|
|
|
+ that.config6.data[index] = []
|
|
|
+ that.config6.data[index][0] = item.mdnb_textfield7
|
|
|
+ that.config6.data[index][1] = item.mdnb_textfield6
|
|
|
+ that.config6.data[index][2] = item.mdnb_textfield8
|
|
|
+ that.config6.data[index][3] = item.mdnb_textfield9
|
|
|
+ that.config6.data[index][4] = item.mdnb_textfield10
|
|
|
+ that.config6.data[index][5] = item.mdnb_amountfield22 / 10000
|
|
|
+ })
|
|
|
+ } else if (this.projectNum == 216) {
|
|
|
+ that.config6.header = ["所属集团", "项目名称", '投资主体', '项目类型', '项目性质', '项目阶段', '本年度计划投资额(万元)']
|
|
|
+ res.data.rows[0].mdnb_entryentity11.forEach((item, index) => {
|
|
|
+ that.config6.data[index] = []
|
|
|
+ that.config6.data[index][0] = item.mdnb_textfield7
|
|
|
+ that.config6.data[index][1] = item.mdnb_textfield6
|
|
|
+ that.config6.data[index][2] = item.mdnb_textfield8
|
|
|
+ that.config6.data[index][3] = item.mdnb_textfield25
|
|
|
+ that.config6.data[index][4] = item.mdnb_textfield26
|
|
|
+ that.config6.data[index][5] = item.mdnb_textfield24
|
|
|
+ that.config6.data[index][6] = item.mdnb_amountfield22 / 10000
|
|
|
+ })
|
|
|
+ }
|
|
|
that.config6 = { ...that.config6 }
|
|
|
that.projectListTipShow = true
|
|
|
}
|
|
|
@@ -1350,7 +1461,7 @@ let app = new Vue({
|
|
|
if (location == 'right') {
|
|
|
that.rightPenetrateTwo('', '', that.findCode(param.name))
|
|
|
} else if (location == 'left') {
|
|
|
- that.leftPenetrateTwo(mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, param.name)
|
|
|
+ that.leftPenetrateTwo(mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, param.name,that.projectNum)
|
|
|
} else if (location == 'center') {
|
|
|
that.centerPenetrateTwo(typeCTwo, paramCTwo, that.findCode(param.name), portType)
|
|
|
}
|
|
|
@@ -1493,7 +1604,7 @@ let app = new Vue({
|
|
|
if (location == 'right') {
|
|
|
that.rightPenetrateTwo('', '', that.findCode(param.name))
|
|
|
} else if (location == 'left') {
|
|
|
- that.leftPenetrateTwo(mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, param.name)
|
|
|
+ that.leftPenetrateTwo(mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, param.name,that.projectNum)
|
|
|
} else if (location == 'center') {
|
|
|
that.centerPenetrateTwo(typeCTwo, paramCTwo, that.findCode(param.name), portType)
|
|
|
}
|
|
|
@@ -1633,7 +1744,7 @@ let app = new Vue({
|
|
|
if (location == 'right') {
|
|
|
that.rightPenetrateTwo('', '', that.findCode(param.name))
|
|
|
} else if (location == 'left') {
|
|
|
- that.leftPenetrateTwo(mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, param.name)
|
|
|
+ that.leftPenetrateTwo(mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, param.name,that.projectNum)
|
|
|
} else if (location == 'center') {
|
|
|
that.centerPenetrateTwo(typeCTwo, paramCTwo, that.findCode(param.name), portType)
|
|
|
}
|
|
|
@@ -2029,6 +2140,7 @@ let app = new Vue({
|
|
|
point: {
|
|
|
events: {
|
|
|
click: function (e) {
|
|
|
+ that.projectNum = 2142
|
|
|
that.showChartLTipDouble(e.point.name, 'left', '投资计划分析', e.point.name, '', '')
|
|
|
}
|
|
|
}
|
|
|
@@ -2050,6 +2162,7 @@ let app = new Vue({
|
|
|
point: {
|
|
|
events: {
|
|
|
click: function (e) {
|
|
|
+ that.projectNum = 2142
|
|
|
that.showChartLTipDouble(e.point.name, 'left', '投资计划分析', e.point.name, '', '')
|
|
|
}
|
|
|
}
|
|
|
@@ -2139,6 +2252,7 @@ let app = new Vue({
|
|
|
point: {
|
|
|
events: {
|
|
|
click: function (e) { //点击事件
|
|
|
+ that.projectNum = 2142
|
|
|
that.showChartLTipDouble(e.point.name, 'left', '投资计划分析', e.point.name, '', '')
|
|
|
},
|
|
|
mouseOver: function (e) { //鼠标移入停止轮播并且找到移入的当前数据设为选中
|
|
|
@@ -2155,6 +2269,7 @@ let app = new Vue({
|
|
|
point: {
|
|
|
events: {
|
|
|
click: function (e) {
|
|
|
+ that.projectNum = 2142
|
|
|
that.showChartLTipDouble(e.point.name, 'left', '投资计划分析', e.point.name, '', '')
|
|
|
}
|
|
|
}
|
|
|
@@ -2186,6 +2301,7 @@ let app = new Vue({
|
|
|
point: {
|
|
|
events: {
|
|
|
click: function (e) {
|
|
|
+ that.projectNum = 2142
|
|
|
that.showChartLTipDouble(e.point.name, 'left', '投资计划分析', e.point.name, '', '')
|
|
|
}
|
|
|
}
|
|
|
@@ -2207,6 +2323,7 @@ let app = new Vue({
|
|
|
point: {
|
|
|
events: {
|
|
|
click: function (e) {
|
|
|
+ that.projectNum = 2142
|
|
|
that.showChartLTipDouble(e.point.name, 'left', '投资计划分析', e.point.name, '', '')
|
|
|
}
|
|
|
}
|
|
|
@@ -2270,6 +2387,7 @@ let app = new Vue({
|
|
|
point: {
|
|
|
events: {
|
|
|
click: function (e) {
|
|
|
+ that.projectNum = 2143
|
|
|
that.showChartLTipDouble(e.point.name, 'left', '投资计划分析', e.point.name, '', '')
|
|
|
}
|
|
|
}
|
|
|
@@ -2291,6 +2409,7 @@ let app = new Vue({
|
|
|
point: {
|
|
|
events: {
|
|
|
click: function (e) {
|
|
|
+ that.projectNum = 2143
|
|
|
that.showChartLTipDouble(e.point.name, 'left', '投资计划分析', e.point.name, '', '')
|
|
|
}
|
|
|
}
|
|
|
@@ -2302,6 +2421,7 @@ let app = new Vue({
|
|
|
}, 2000);
|
|
|
},
|
|
|
legendItemClick: function (event) {
|
|
|
+ that.projectNum = 2143
|
|
|
that.showChartLTipDouble(e.point.name, 'left', '投资计划分析', e.point.name, '', '')
|
|
|
return true;
|
|
|
}
|
|
|
@@ -2381,6 +2501,7 @@ let app = new Vue({
|
|
|
point: {
|
|
|
events: {
|
|
|
click: function (e) { //点击事件
|
|
|
+ that.projectNum = 2143
|
|
|
that.showChartLTipDouble(e.point.name, 'left', '投资计划分析', e.point.name, '', '')
|
|
|
},
|
|
|
mouseOver: function (e) { //鼠标移入停止轮播并且找到移入的当前数据设为选中
|
|
|
@@ -2398,6 +2519,7 @@ let app = new Vue({
|
|
|
point: {
|
|
|
events: {
|
|
|
click: function (e) {
|
|
|
+ that.projectNum = 2143
|
|
|
that.showChartLTipDouble(e.point.name, 'left', '投资计划分析', e.point.name, '', '')
|
|
|
}
|
|
|
}
|
|
|
@@ -2429,6 +2551,7 @@ let app = new Vue({
|
|
|
point: {
|
|
|
events: {
|
|
|
click: function (e) {
|
|
|
+ that.projectNum = 2143
|
|
|
that.showChartLTipDouble(e.point.name, 'left', '投资计划分析', e.point.name, '', '')
|
|
|
}
|
|
|
}
|
|
|
@@ -4151,56 +4274,248 @@ let app = new Vue({
|
|
|
that.center1Chart.tooltip.refresh(point);
|
|
|
}
|
|
|
} else {
|
|
|
- // 南丁格尔图
|
|
|
let myChart = echarts.init(this.$refs['echartC1'])
|
|
|
- option = {
|
|
|
- color: ['#064F78', '#BDB35D', '#623726', '#955773', '#B57C63', '#73A88E', '#09736D', '#13400B', '#0D3265'],
|
|
|
+ data = center2
|
|
|
+ arrName = getArrayValue(data, "name");
|
|
|
+ arrValue = getArrayValue(data, "value");
|
|
|
+ sumValue = eval(arrValue.join("+"));
|
|
|
+ objData = array2obj(data, "name");
|
|
|
+ optionData = getData(data);
|
|
|
+ function getArrayValue (array, key) {
|
|
|
+ var key = key || "value";
|
|
|
+ var res = [];
|
|
|
+ if (array) {
|
|
|
+ array.forEach(function (t) {
|
|
|
+ res.push(t[key]);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ return res;
|
|
|
+ }
|
|
|
+
|
|
|
+ function array2obj (array, key) {
|
|
|
+ var resObj = {};
|
|
|
+ for (var i = 0; i < array.length; i++) {
|
|
|
+ resObj[array[i][key]] = array[i];
|
|
|
+ }
|
|
|
+ return resObj;
|
|
|
+ }
|
|
|
+
|
|
|
+ function getData (data) {
|
|
|
+ var res = {
|
|
|
+ series: [],
|
|
|
+ yAxis: [],
|
|
|
+ };
|
|
|
+ for (let i = 0; i < data.length; i++) {
|
|
|
+ // console.log([70 - i * 15 + '%', 67 - i * 15 + '%']);
|
|
|
+ res.series.push({
|
|
|
+ name: "",
|
|
|
+ type: "pie",
|
|
|
+ clockWise: false, //顺时加载
|
|
|
+ hoverAnimation: false, //鼠标移入变大
|
|
|
+ radius: [73 - i * 25 + "%", 63 - i * 25 + "%"],
|
|
|
+ center: ["35%", "50%"],
|
|
|
+ label: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ itemStyle: {
|
|
|
+ label: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ labelLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ borderWidth: 5,
|
|
|
+ },
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ value: data[i].value,
|
|
|
+ name: data[i].name,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: sumValue - data[i].value,
|
|
|
+ name: "",
|
|
|
+ itemStyle: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ },
|
|
|
+ tooltip: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ hoverAnimation: false,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ });
|
|
|
+ res.series.push({
|
|
|
+ name: "",
|
|
|
+ type: "pie",
|
|
|
+ silent: true,
|
|
|
+ z: 1,
|
|
|
+ clockWise: false, //顺时加载
|
|
|
+ hoverAnimation: false, //鼠标移入变大
|
|
|
+ radius: [73 - i * 25 + "%", 63 - i * 25 + "%"],
|
|
|
+ center: ["35%", "50%"],
|
|
|
+ label: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ itemStyle: {
|
|
|
+ label: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ labelLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ borderWidth: 5,
|
|
|
+ },
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ value: 7.5,
|
|
|
+ itemStyle: {
|
|
|
+ color: "#4d638050",
|
|
|
+ borderWidth: 0,
|
|
|
+ },
|
|
|
+ tooltip: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ hoverAnimation: false,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 2.5,
|
|
|
+ name: "",
|
|
|
+ itemStyle: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ },
|
|
|
+ tooltip: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ hoverAnimation: false,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ });
|
|
|
+ res.yAxis.push(((data[i].value / sumValue) * 100).toFixed(2) + "%");
|
|
|
+ }
|
|
|
+ return res;
|
|
|
+ }
|
|
|
+ let option = {
|
|
|
+ // graphic: {
|
|
|
+ // elements: [{
|
|
|
+ // type: 'image',//需要填充图片,配置image,如果不需要图片可以配置其他的, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
|
|
|
+ // style: {
|
|
|
+ // image: './images/loop.png', //这里添加图片地址
|
|
|
+ // width: 320,
|
|
|
+ // height: 320
|
|
|
+ // },
|
|
|
+ // left: '30',//
|
|
|
+ // top: 'middle' //配置图片居中
|
|
|
+ // }]
|
|
|
+ // },
|
|
|
legend: {
|
|
|
+ show: true,
|
|
|
+ trigger: 'item',
|
|
|
icon: "circle",
|
|
|
- top: 'bottom',
|
|
|
- orient: 'vertical', // vertical 竖着
|
|
|
- left: '70%',
|
|
|
- textStyle: {
|
|
|
- color: '#fff',
|
|
|
- fontSize: 20,
|
|
|
- fontFamily: 'Microsoft YaHei'
|
|
|
+ top: "center",
|
|
|
+ left: "70%",
|
|
|
+ data: arrName,
|
|
|
+ width: 50,
|
|
|
+ padding: [0, 5],
|
|
|
+ itemGap: 25,
|
|
|
+ formatter: function (data) {
|
|
|
+ let a = center2.find(item => item.name == data)
|
|
|
+ console.log(a)
|
|
|
+ // return `${data}<br/><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${a.color}"></span> ${a.value}亿 <br/><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${a.color}"></span> ${a.num}个`
|
|
|
+ return `${data}<br/>`
|
|
|
},
|
|
|
- },
|
|
|
- tooltip: {
|
|
|
- trigger: 'item',
|
|
|
+
|
|
|
textStyle: {
|
|
|
- color: '#fff', //X轴文字颜色
|
|
|
fontSize: 20,
|
|
|
+ color: '#fff',
|
|
|
fontFamily: 'Microsoft YaHei'
|
|
|
- },
|
|
|
- formatter: data => {
|
|
|
- return `${data.name}:${data.percent}%<br/>${data.data.y}亿,${data.data.num}个`
|
|
|
+ // rich: {
|
|
|
+ // title: {
|
|
|
+ // fontSize: 14,
|
|
|
+ // lineHeight: 15,
|
|
|
+ // color: "rgb(0, 178, 246)",
|
|
|
+ // },
|
|
|
+ // value: {
|
|
|
+ // fontSize: 18,
|
|
|
+ // lineHeight: 20,
|
|
|
+ // color: "#fff",
|
|
|
+ // },
|
|
|
+ // },
|
|
|
},
|
|
|
},
|
|
|
- series: [
|
|
|
+ // tooltip: {
|
|
|
+ // show: false,
|
|
|
+ // normal: {
|
|
|
+ // show: false,
|
|
|
+ // trigger: "item",
|
|
|
+ // label: {
|
|
|
+ // margin: 10, // label 距离轴的距离
|
|
|
+ // color: '#FFF', // 文字的颜色
|
|
|
+ // fontStyle: 'normal', // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
|
|
|
+ // fontWeight: 'normal', // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
|
|
|
+ // fontSize: '20', // 文字字体大小
|
|
|
+ // lineHeight: '50', // 行高
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // // formatter: "{a}<br>{b}:{c}({d}%)666",
|
|
|
+ // textStyle: {
|
|
|
+ // color: '#FFF', // 文字的颜色
|
|
|
+ // fontStyle: 'normal', // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
|
|
|
+ // fontWeight: 'normal', // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
|
|
|
+ // },
|
|
|
+ // formatter: data => {
|
|
|
+ // console.log(data)
|
|
|
+ // // 小圆点
|
|
|
+ // return `<br /><span style="display:inline-block;border-radius:50%;margin-right:10px; width:7px;height:7px;background-color:blue"></span>${data.name}:${data.percent}`
|
|
|
+ // },
|
|
|
+
|
|
|
+ // },
|
|
|
+ color: ['#064F78', '#BDB35D', '#623726', '#955773', '#B57C63', '#73A88E', '#09736D', '#13400B', '#0D3265'],
|
|
|
+ grid: {
|
|
|
+ top: "10%",
|
|
|
+ bottom: "52%",
|
|
|
+ left: "36%",
|
|
|
+ containLabel: false,
|
|
|
+ },
|
|
|
+ yAxis: [
|
|
|
{
|
|
|
- name: '',
|
|
|
- type: 'pie',
|
|
|
- radius: [0, 220],
|
|
|
- center: ['50%', '50%'],
|
|
|
- roseType: 'area',
|
|
|
- itemStyle: {
|
|
|
- borderRadius: 8
|
|
|
+ type: "category",
|
|
|
+ inverse: true,
|
|
|
+ axisLine: {
|
|
|
+ show: false,
|
|
|
},
|
|
|
- label: {
|
|
|
- normal: {
|
|
|
- show: false,
|
|
|
+ axisTick: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ interval: 0,
|
|
|
+ inside: true,
|
|
|
+ textStyle: {
|
|
|
+ color: "#fff",
|
|
|
+ fontSize: 20,
|
|
|
+ fontFamily: 'Microsoft YaHei'
|
|
|
+ },
|
|
|
+ show: true,
|
|
|
+ formatter: data => {
|
|
|
+ return '---- ' + data
|
|
|
},
|
|
|
},
|
|
|
- data: center2
|
|
|
- }
|
|
|
- ]
|
|
|
- };
|
|
|
+ data: optionData.yAxis,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ xAxis: [
|
|
|
+ {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ series: optionData.series,
|
|
|
+ }
|
|
|
myChart.setOption(option)
|
|
|
- tools.loopShowTooltip(myChart, option, {
|
|
|
- interval: 2000,
|
|
|
- loopSeries: true,
|
|
|
- });
|
|
|
+ // tools.loopShowTooltip(myChart, option, {
|
|
|
+ // interval: 500,
|
|
|
+ // loopSeries: true,
|
|
|
+ // });
|
|
|
}
|
|
|
},
|
|
|
initChartC2 () {
|
|
|
@@ -5313,8 +5628,8 @@ let app = new Vue({
|
|
|
},
|
|
|
// 设置提示的位置
|
|
|
position: (p) => {
|
|
|
- // return ['15%', '25%']
|
|
|
- return [p[0]-70, p[1]-70]
|
|
|
+ // return ['15%', '25%']
|
|
|
+ return [p[0] - 70, p[1] - 70]
|
|
|
|
|
|
// console.log(params,'???????位置信息是什么鬼')
|
|
|
// if (params.name == '新建') {
|