|
@@ -54,15 +54,15 @@
|
|
<div class="left-card">
|
|
<div class="left-card">
|
|
<div class="item">
|
|
<div class="item">
|
|
<p>在途车辆</p>
|
|
<p>在途车辆</p>
|
|
- <p><span class="number">76</span><span class="number-text">台</span></p>
|
|
|
|
|
|
+ <p><span class="number">{{carCount1}}</span><span class="number-text">台</span></p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="item">
|
|
<p>装货车辆</p>
|
|
<p>装货车辆</p>
|
|
- <p><span class="number" style="color:#ffa523;">86</span><span class="number-text">台</span></p>
|
|
|
|
|
|
+ <p><span class="number" style="color:#ffa523">{{carCount2}}</span><span class="number-text">台</span></p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="item">
|
|
<p>卸货车辆</p>
|
|
<p>卸货车辆</p>
|
|
- <p><span class="number" style="color: #2483ff;">16</span><span class="number-text">台</span></p>
|
|
|
|
|
|
+ <p><span class="number" style="color:#2483ff">{{carCount3}}</span><span class="number-text">台</span></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
</el-col>
|
|
@@ -211,10 +211,13 @@
|
|
|
|
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ carCount1:'',
|
|
|
|
+ carCount2:'',
|
|
|
|
+ carCount3:'',
|
|
chartsData: [],
|
|
chartsData: [],
|
|
nowDate: null, //存放年月日变量
|
|
nowDate: null, //存放年月日变量
|
|
nowTime: null, //存放时分秒变量
|
|
nowTime: null, //存放时分秒变量
|
|
- timer: "", //定义一个定时器的变量
|
|
|
|
|
|
+ timer: '', //定义一个定时器的变量
|
|
currentTime: new Date(), // 获取当前时间
|
|
currentTime: new Date(), // 获取当前时间
|
|
timer: '',
|
|
timer: '',
|
|
dialogVisible: false,
|
|
dialogVisible: false,
|
|
@@ -354,6 +357,10 @@
|
|
getChartsData().toPromise().then(res => {
|
|
getChartsData().toPromise().then(res => {
|
|
console.log(res)
|
|
console.log(res)
|
|
this.chartsData = res
|
|
this.chartsData = res
|
|
|
|
+ this.carCount1 = res[6].biViewInfoList[0].count
|
|
|
|
+ this.carCount2 = res[6].biViewInfoList[1].count
|
|
|
|
+ this.carCount3 = res[6].biViewInfoList[2].count
|
|
|
|
+
|
|
this.initCharts()
|
|
this.initCharts()
|
|
})
|
|
})
|
|
// if (this.vesselBankFlag !== 'V') {
|
|
// if (this.vesselBankFlag !== 'V') {
|
|
@@ -413,23 +420,22 @@
|
|
this.second = check(second);
|
|
this.second = check(second);
|
|
|
|
|
|
function check(i) {
|
|
function check(i) {
|
|
- const num = (i < 10) ? ("0" + i) : i;
|
|
|
|
|
|
+ const num = (i < 10) ? ('0' + i) : i;
|
|
return num;
|
|
return num;
|
|
}
|
|
}
|
|
- this.nowDate = year + "-" + this.month + "-" + this.day;
|
|
|
|
- this.nowTime = this.hour + ":" + this.minute + ":" + this.second;
|
|
|
|
|
|
+ this.nowDate = year + '-' + this.month + '-' + this.day;
|
|
|
|
+ this.nowTime = this.hour + ':' + this.minute + ':' + this.second;
|
|
},
|
|
},
|
|
initCharts() {
|
|
initCharts() {
|
|
let app = this;
|
|
let app = this;
|
|
- var roseCharts = document.getElementsByClassName("roseChart");
|
|
|
|
|
|
+ var roseCharts = document.getElementsByClassName('roseChart');
|
|
for (let i = 0; i < roseCharts.length; i++) {
|
|
for (let i = 0; i < roseCharts.length; i++) {
|
|
let myChart = app.$echarts.init(roseCharts[i]);
|
|
let myChart = app.$echarts.init(roseCharts[i]);
|
|
let color = []
|
|
let color = []
|
|
let data = []
|
|
let data = []
|
|
- let text = ""
|
|
|
|
- let formatter = ""
|
|
|
|
|
|
+ let text = ''
|
|
|
|
+ let formatter = ''
|
|
let graphicText = ''
|
|
let graphicText = ''
|
|
- debugger
|
|
|
|
switch (i) {
|
|
switch (i) {
|
|
case 0:
|
|
case 0:
|
|
// 圆环图各环节的颜色
|
|
// 圆环图各环节的颜色
|
|
@@ -537,7 +543,7 @@
|
|
selectedMode: true, // 图例选择的模式,控制是否可以通过点击图例改变系列的显示状态。默认开启图例选择,可以设成 false 关闭。
|
|
selectedMode: true, // 图例选择的模式,控制是否可以通过点击图例改变系列的显示状态。默认开启图例选择,可以设成 false 关闭。
|
|
top: '10%',
|
|
top: '10%',
|
|
left: 'center',
|
|
left: 'center',
|
|
- con: "circle",
|
|
|
|
|
|
+ con: 'circle',
|
|
itemWidth: 10, // 设置宽度
|
|
itemWidth: 10, // 设置宽度
|
|
itemHeight: 10, // 设置高度
|
|
itemHeight: 10, // 设置高度
|
|
itemGap: 40, // 设置间距
|
|
itemGap: 40, // 设置间距
|
|
@@ -598,10 +604,10 @@
|
|
data: data // 系列中的数据内容数组。
|
|
data: data // 系列中的数据内容数组。
|
|
}]
|
|
}]
|
|
})
|
|
})
|
|
- myChart.off("click");
|
|
|
|
- myChart.on("click", function(params) {
|
|
|
|
|
|
+ myChart.off('click');
|
|
|
|
+ myChart.on('click', function(params) {
|
|
// var a = params.dataIndex
|
|
// var a = params.dataIndex
|
|
- console.log(params, "我被点击了");
|
|
|
|
|
|
+ console.log(params, '我被点击了');
|
|
app.dialogVisible = true
|
|
app.dialogVisible = true
|
|
})
|
|
})
|
|
}
|
|
}
|
|
@@ -818,14 +824,12 @@
|
|
label: {
|
|
label: {
|
|
show: true,
|
|
show: true,
|
|
position: 'top',
|
|
position: 'top',
|
|
- color: "#b0b1b3"
|
|
|
|
|
|
+ color: '#b0b1b3'
|
|
},
|
|
},
|
|
data: [3000, 4000, 4200, 4500, 6000, 5600, 4500, 5020, 4500, 5400, 4300]
|
|
data: [3000, 4000, 4200, 4500, 6000, 5600, 4500, 5020, 4500, 5400, 4300]
|
|
}]
|
|
}]
|
|
};
|
|
};
|
|
-
|
|
|
|
myChart7.setOption(zoption)
|
|
myChart7.setOption(zoption)
|
|
-
|
|
|
|
},
|
|
},
|
|
handleClose(done) {
|
|
handleClose(done) {
|
|
this.$confirm('确认关闭?')
|
|
this.$confirm('确认关闭?')
|
|
@@ -1221,7 +1225,7 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
- setTimeout(1000)
|
|
|
|
|
|
+ // setTimeout(1000)
|
|
if (parseInt(result)) {
|
|
if (parseInt(result)) {
|
|
console.log('result:', result);
|
|
console.log('result:', result);
|
|
this.text = parseInt(result)
|
|
this.text = parseInt(result)
|
|
@@ -1985,4 +1989,5 @@
|
|
right: 10px;
|
|
right: 10px;
|
|
bottom: 10px;
|
|
bottom: 10px;
|
|
}
|
|
}
|
|
|
|
+
|
|
</style>
|
|
</style>
|