|
|
@@ -2,6 +2,10 @@ let app = new Vue({
|
|
|
el: '#app',
|
|
|
data () {
|
|
|
return {
|
|
|
+ changeYear: true,
|
|
|
+ pullShow: false, // 选择年份弹窗
|
|
|
+ pollList: [2021, 2022, 2023, 2024],
|
|
|
+ year: 2023, // 选择的年份
|
|
|
boardUrl: '', // 跳转路径
|
|
|
boardTipShow: false, // 项目看板弹窗专用
|
|
|
lineCommonCompany: [], //双柱状图弹窗上面的折线图x轴
|
|
|
@@ -67,7 +71,7 @@ let app = new Vue({
|
|
|
oddRowBGC: "#061F42",
|
|
|
evenRowBGC: "#0C284A",
|
|
|
},
|
|
|
- originalConfig6:[],
|
|
|
+ originalConfig6: [],
|
|
|
config6: {
|
|
|
rowNum: 15,
|
|
|
waitTime: 1000,
|
|
|
@@ -131,42 +135,55 @@ let app = new Vue({
|
|
|
}
|
|
|
},
|
|
|
mounted () {
|
|
|
- if (this.versions) {
|
|
|
- // 接口版
|
|
|
- this.getAppToken()
|
|
|
- setTimeout(() => {
|
|
|
- this.changeTopColor()
|
|
|
- // 大屏二
|
|
|
- this.initChinaChart()
|
|
|
- // 大屏三
|
|
|
- this.initChartR5()
|
|
|
- this.changeYellow()
|
|
|
- })
|
|
|
- } else {
|
|
|
- // 假数据版
|
|
|
- setTimeout(() => {
|
|
|
- this.initChartL1()
|
|
|
- this.initChartL2()
|
|
|
- this.initChartL3()
|
|
|
- this.initChartL4()
|
|
|
- this.initChartL5()
|
|
|
- this.initChartL6()
|
|
|
- this.initChartL7()
|
|
|
- this.initChartL8()
|
|
|
- this.initChartL10()
|
|
|
- this.initChartL11()
|
|
|
- this.changeTopColor()
|
|
|
- // 大屏二
|
|
|
- this.initChinaChart()
|
|
|
- // 大屏三
|
|
|
- this.initChartR1()
|
|
|
- this.initChartR2()
|
|
|
- this.initChartR3()
|
|
|
- this.changeYellow()
|
|
|
- })
|
|
|
- }
|
|
|
+ this.comeIn()
|
|
|
},
|
|
|
methods: {
|
|
|
+ comeIn () {
|
|
|
+ if (this.versions) {
|
|
|
+ // 接口版
|
|
|
+ this.getAppToken()
|
|
|
+ setTimeout(() => {
|
|
|
+ this.changeTopColor()
|
|
|
+ // 大屏二
|
|
|
+ this.initChinaChart()
|
|
|
+ // 大屏三
|
|
|
+ this.initChartR5()
|
|
|
+ this.changeYellow()
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ // 假数据版
|
|
|
+ setTimeout(() => {
|
|
|
+ this.initChartL1()
|
|
|
+ this.initChartL2()
|
|
|
+ this.initChartL3()
|
|
|
+ this.initChartL4()
|
|
|
+ this.initChartL5()
|
|
|
+ this.initChartL6()
|
|
|
+ this.initChartL7()
|
|
|
+ this.initChartL8()
|
|
|
+ this.initChartL10()
|
|
|
+ this.initChartL11()
|
|
|
+ this.changeTopColor()
|
|
|
+ // 大屏二
|
|
|
+ this.initChinaChart()
|
|
|
+ // 大屏三
|
|
|
+ this.initChartR1()
|
|
|
+ this.initChartR2()
|
|
|
+ this.initChartR3()
|
|
|
+ this.changeYellow()
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ chooseTime (value) {
|
|
|
+ let that = this
|
|
|
+ this.changeYear = false
|
|
|
+ this.year = value
|
|
|
+ this.pullShow = false
|
|
|
+ setTimeout(item => {
|
|
|
+ that.changeYear = true
|
|
|
+ that.comeIn()
|
|
|
+ })
|
|
|
+ },
|
|
|
// 获取token
|
|
|
getAppToken () {
|
|
|
let value = {
|
|
|
@@ -690,7 +707,7 @@ let app = new Vue({
|
|
|
});
|
|
|
},
|
|
|
// 左边穿透一级
|
|
|
- leftPenetrateOne (mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, typeNum, type, param,paramCTwo) {
|
|
|
+ leftPenetrateOne (mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, typeNum, type, param, paramCTwo) {
|
|
|
return new Promise((resolve, err) => {
|
|
|
let value = {
|
|
|
access_token: this.access_token,
|
|
|
@@ -930,24 +947,24 @@ let app = new Vue({
|
|
|
let a = this.commonCompanyAll.find((item, index) => {
|
|
|
return item.simplename == code
|
|
|
})
|
|
|
- return a?a.number.slice(0, 4):''
|
|
|
+ return a ? a.number.slice(0, 4) : ''
|
|
|
},
|
|
|
// 找项目编码
|
|
|
- findProjectCode(a,b){
|
|
|
- let c = this.originalConfig6.find(item=>{
|
|
|
- return item.projectname == a && item.orgName == b
|
|
|
+ findProjectCode (a, b) {
|
|
|
+ let c = this.originalConfig6.find(item => {
|
|
|
+ return item.projectname == a && item.orgName == b
|
|
|
})
|
|
|
return c.projectno
|
|
|
},
|
|
|
// 去项目看板
|
|
|
goLookBoard (e) {
|
|
|
- console.log(e.row[0],e.row[2],'8888888888')
|
|
|
+ console.log(e.row[0], e.row[2], '8888888888')
|
|
|
// this.findProjectCode(e.row[0],e.row[2])
|
|
|
// 当前页面打开
|
|
|
// window.location.href = `http://192.168.2.111:8080/ierp/accessTokenLogin.do?access_token=${this.access_token}&redirect=http://192.168.2.111:8080/ierp/index.html?formId=mdnb_threetoproject&prj=PL_ZZGY_0_2023_000036`
|
|
|
// 新页面打开
|
|
|
// window.open('http://192.168.2.111:8080/ierp/accessTokenLogin.do?access_token=${this.access_token}&redirect=http://192.168.2.111:8080/ierp/index.html?formId=mdnb_threetoproject&prj=PL_ZZGY_0_2023_000036')
|
|
|
- this.boardUrl = `http://192.168.2.111:8080/ierp/accessTokenLogin.do?access_token=${this.access_token}&redirect=http://192.168.2.111:8080/ierp/index.html?formId=mdnb_threetoproject&prj=${this.findProjectCode(e.row[0],e.row[2])}`
|
|
|
+ this.boardUrl = `http://192.168.2.111:8080/ierp/accessTokenLogin.do?access_token=${this.access_token}&redirect=http://192.168.2.111:8080/ierp/index.html?formId=mdnb_threetoproject&prj=${this.findProjectCode(e.row[0], e.row[2])}`
|
|
|
this.boardTipShow = true
|
|
|
},
|
|
|
// 根据key分组
|
|
|
@@ -1809,11 +1826,9 @@ let app = new Vue({
|
|
|
var chartData = left5
|
|
|
var timer = null;
|
|
|
var i = 0;
|
|
|
-
|
|
|
let that = this
|
|
|
-
|
|
|
var option = {
|
|
|
- colors: ['#064F78','#623726','#955773',,'#B57C63','#BDB35D','#73A88E','#09736D','#13400B','#0D3265'],
|
|
|
+ colors: ['#064F78', '#623726', '#955773', , '#B57C63', '#BDB35D', '#73A88E', '#09736D', '#13400B', '#0D3265'],
|
|
|
chart: {
|
|
|
type: 'pie',
|
|
|
backgroundColor: 'rgba(0,0,0,0)',
|
|
|
@@ -2042,9 +2057,9 @@ let app = new Vue({
|
|
|
}]
|
|
|
}
|
|
|
|
|
|
- var chart = Highcharts.chart('echartL2', option);
|
|
|
+ that.left1Chart = Highcharts.chart('echartL2', option);
|
|
|
function autoTooltip (point) {
|
|
|
- chart.tooltip.refresh(point);
|
|
|
+ that.left1Chart.tooltip.refresh(point);
|
|
|
}
|
|
|
},
|
|
|
initChartL3 () {
|
|
|
@@ -2054,7 +2069,7 @@ let app = new Vue({
|
|
|
|
|
|
let that = this
|
|
|
var chart = Highcharts.chart('echartL3', {
|
|
|
- colors: ['#064F78','#623726','#955773',,'#B57C63','#BDB35D','#73A88E','#09736D','#13400B','#0D3265'],
|
|
|
+ colors: ['#064F78', '#623726', '#955773', , '#B57C63', '#BDB35D', '#73A88E', '#09736D', '#13400B', '#0D3265'],
|
|
|
chart: {
|
|
|
type: 'pie',
|
|
|
backgroundColor: 'rgba(0,0,0,0)',
|
|
|
@@ -2477,7 +2492,7 @@ let app = new Vue({
|
|
|
let that = this
|
|
|
|
|
|
var option = {
|
|
|
- colors: ['#064F78','#623726','#955773',,'#B57C63','#BDB35D','#73A88E','#09736D','#13400B','#0D3265'],
|
|
|
+ colors: ['#064F78', '#623726', '#955773', , '#B57C63', '#BDB35D', '#73A88E', '#09736D', '#13400B', '#0D3265'],
|
|
|
chart: {
|
|
|
type: 'pie',
|
|
|
backgroundColor: 'rgba(0,0,0,0)',
|
|
|
@@ -2687,7 +2702,7 @@ let app = new Vue({
|
|
|
let that = this
|
|
|
|
|
|
var option = {
|
|
|
- colors: ['#064F78','#623726','#955773',,'#B57C63','#BDB35D','#73A88E','#09736D','#13400B','#0D3265'],
|
|
|
+ colors: ['#064F78', '#623726', '#955773', , '#B57C63', '#BDB35D', '#73A88E', '#09736D', '#13400B', '#0D3265'],
|
|
|
chart: {
|
|
|
type: 'pie',
|
|
|
backgroundColor: 'rgba(0,0,0,0)',
|
|
|
@@ -2897,7 +2912,7 @@ let app = new Vue({
|
|
|
let that = this
|
|
|
|
|
|
var option = {
|
|
|
- colors: ['#064F78','#623726','#955773',,'#B57C63','#BDB35D','#73A88E','#09736D','#13400B','#0D3265'],
|
|
|
+ colors: ['#064F78', '#623726', '#955773', , '#B57C63', '#BDB35D', '#73A88E', '#09736D', '#13400B', '#0D3265'],
|
|
|
chart: {
|
|
|
type: 'pie',
|
|
|
backgroundColor: 'rgba(0,0,0,0)',
|
|
|
@@ -3108,7 +3123,7 @@ let app = new Vue({
|
|
|
let that = this
|
|
|
|
|
|
var option = {
|
|
|
- colors: ['#064F78','#623726','#955773',,'#B57C63','#BDB35D','#73A88E','#09736D','#13400B','#0D3265'],
|
|
|
+ colors: ['#064F78', '#623726', '#955773', , '#B57C63', '#BDB35D', '#73A88E', '#09736D', '#13400B', '#0D3265'],
|
|
|
chart: {
|
|
|
type: 'pie',
|
|
|
backgroundColor: 'rgba(0,0,0,0)',
|
|
|
@@ -3774,7 +3789,7 @@ let app = new Vue({
|
|
|
var i = 0;
|
|
|
let that = this
|
|
|
var option = {
|
|
|
- colors: ['#064F78','#623726','#955773',,'#B57C63','#BDB35D','#73A88E','#09736D','#13400B','#0D3265'],
|
|
|
+ colors: ['#064F78', '#623726', '#955773', , '#B57C63', '#BDB35D', '#73A88E', '#09736D', '#13400B', '#0D3265'],
|
|
|
chart: {
|
|
|
type: 'pie',
|
|
|
backgroundColor: 'rgba(0,0,0,0)',
|
|
|
@@ -5086,7 +5101,7 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
|
offset: 0,
|
|
|
- color: '#a79c57',
|
|
|
+ color: '#064F78',
|
|
|
},
|
|
|
{
|
|
|
offset: 1,
|
|
|
@@ -5106,7 +5121,7 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
|
offset: 0,
|
|
|
- color: '#cc8c29',
|
|
|
+ color: '#623726',
|
|
|
},
|
|
|
{
|
|
|
offset: 1,
|
|
|
@@ -5126,7 +5141,7 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
|
offset: 0,
|
|
|
- color: '#034a39',
|
|
|
+ color: '#955773',
|
|
|
},
|
|
|
{
|
|
|
offset: 1,
|
|
|
@@ -5146,7 +5161,7 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
|
offset: 0,
|
|
|
- color: '#383062',
|
|
|
+ color: '#B57C63',
|
|
|
},
|
|
|
{
|
|
|
offset: 1,
|
|
|
@@ -5166,7 +5181,7 @@ let app = new Vue({
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
{
|
|
|
offset: 0,
|
|
|
- color: '#91a65f',
|
|
|
+ color: '#BDB35D',
|
|
|
},
|
|
|
{
|
|
|
offset: 1,
|
zhbyyy
