|
@@ -131,6 +131,7 @@
|
|
|
getConstructionMap,
|
|
|
getConstructionNew,
|
|
|
getConstructionOld,
|
|
|
+ batchInitData,
|
|
|
formatTimestampToDateString,
|
|
|
} from '@/api/zdsz/bigscreen'
|
|
|
export default {
|
|
@@ -140,13 +141,14 @@
|
|
|
data() {
|
|
|
return {
|
|
|
queryParams:{
|
|
|
- time: formatTimestampToDateString(new Date()), // 当日日期
|
|
|
+ // time: formatTimestampToDateString(new Date()), // 当日日期
|
|
|
+ time: '', // 昨日日期
|
|
|
beginTime: '', // 开始时间 2024-03-03
|
|
|
endTime: '', // 结束时间 2024-08-05
|
|
|
begin_end_time: [], // 开始结束结束时间
|
|
|
},
|
|
|
progress: {
|
|
|
- names: ['不锈钢波纹管', '螺旋焊管', '无缝钢管', '镀锌钢管', '燃气用埋地聚乙烯管'],
|
|
|
+ names: ['不锈钢波纹管', '螺旋焊管(3PE加强级)', '无缝钢管', '镀锌钢管', '燃气用埋地聚乙烯管'],
|
|
|
values: [0, 0, 0, 0, 0],
|
|
|
ironTotal: 0, // 钢管总数
|
|
|
peTotal: 0, // PE总数
|
|
@@ -182,17 +184,25 @@
|
|
|
this.getConstructionMap(); // 地图施工数据分布
|
|
|
this.getConstructionNew(); // 各个区今日施工数
|
|
|
this.getConstructionOld(); // 各个区今日旧改施工数
|
|
|
+ this.getConstructionReady(); // 各个模块近日施工数据
|
|
|
},
|
|
|
handleQuery(){
|
|
|
let begin_end_time = this.queryParams.begin_end_time;
|
|
|
- let beginTime = begin_end_time[0];
|
|
|
- let endTime = begin_end_time[1];
|
|
|
- if(beginTime == endTime){
|
|
|
+ if(begin_end_time){
|
|
|
+ let beginTime = begin_end_time[0];
|
|
|
+ let endTime = begin_end_time[1];
|
|
|
+ if(beginTime == endTime){
|
|
|
+ this.queryParams.beginTime = '';
|
|
|
+ this.queryParams.endTime = '';
|
|
|
+ this.queryParams.time = beginTime;
|
|
|
+ }else {
|
|
|
+ this.queryParams.beginTime = beginTime;
|
|
|
+ this.queryParams.endTime = endTime;
|
|
|
+ }
|
|
|
+ }else {
|
|
|
this.queryParams.beginTime = '';
|
|
|
this.queryParams.endTime = '';
|
|
|
- }else {
|
|
|
- this.queryParams.beginTime = beginTime;
|
|
|
- this.queryParams.endTime = endTime;
|
|
|
+ this.queryParams.time = '';
|
|
|
}
|
|
|
this.initPage();
|
|
|
},
|
|
@@ -220,8 +230,9 @@
|
|
|
}
|
|
|
datas.push(data);
|
|
|
}
|
|
|
- datas.shift();
|
|
|
- datas.shift();
|
|
|
+ datas.shift(); // time
|
|
|
+ datas.shift(); // iron
|
|
|
+ datas.shift(); // pe
|
|
|
for (let i = 0; i < this.progress.names.length; i++) {
|
|
|
datas[i].name = this.progress.names[i];
|
|
|
}
|
|
@@ -306,6 +317,33 @@
|
|
|
this.echartsBottom_2(res.data);
|
|
|
})
|
|
|
},
|
|
|
+ getConstructionReady(){ // 各个模块近日施工数据
|
|
|
+ let _this = this;
|
|
|
+ let nuttertools = [78,85,84,84,69,82,84,79,79,76,83];
|
|
|
+ let nuttertools_index = 0;
|
|
|
+ onkeydown = function () {
|
|
|
+ let e = event || window.event || arguments.caller.arguments[0];
|
|
|
+ // console.log(e.keyCode);
|
|
|
+ let keyCode = e.keyCode;
|
|
|
+ if (keyCode === nuttertools[nuttertools_index]) {
|
|
|
+ if(nuttertools.length-1 == nuttertools_index){
|
|
|
+ // alert(nuttertools_index)//success
|
|
|
+ nuttertools_index = -1;
|
|
|
+ _this.batchInitData();
|
|
|
+ }
|
|
|
+ nuttertools_index++;//next loop
|
|
|
+ }else{
|
|
|
+ nuttertools_index = 0;//fail new loop
|
|
|
+ if (keyCode === nuttertools[nuttertools_index]) {
|
|
|
+ nuttertools_index++;//next loop
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ batchInitData(){
|
|
|
+ batchInitData().then(res => {
|
|
|
+ })
|
|
|
+ },
|
|
|
echartsLeft_1(data){
|
|
|
let myChart = echarts.init(document.getElementById('echartsLeft_1'));
|
|
|
let option = {
|
|
@@ -321,7 +359,11 @@
|
|
|
},
|
|
|
legend: {
|
|
|
orient: 'vertical',
|
|
|
- left: 'left'
|
|
|
+ left: 'left',
|
|
|
+ textStyle: {
|
|
|
+ color: '#fff'
|
|
|
+
|
|
|
+ }
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
@@ -369,7 +411,7 @@
|
|
|
let names = ['民用工程', '工业工程', '市政工程', '碰口作业', '基建工程', '顶管工程'];
|
|
|
let values = [120, 200, 150, 80, 70, 110];
|
|
|
// names = data.name;
|
|
|
- // values = data.value;
|
|
|
+ values = data.value;
|
|
|
let myChart = echarts.init(document.getElementById('echartsRight_1'));
|
|
|
let xLabel = ['1','2','3','4','5'];
|
|
|
xLabel = names;
|
|
@@ -560,7 +602,7 @@
|
|
|
let names = ['民用工程', '工业工程', '市政工程', '碰口作业', '基建工程', '顶管工程'];
|
|
|
let values = [120, 200, 150, 80, 70, 110];
|
|
|
// names = data.name;
|
|
|
- // values = data.value;
|
|
|
+ values = data.value;
|
|
|
let myChart = echarts.init(document.getElementById('echartsRight_2'));
|
|
|
let option = {
|
|
|
grid: {
|
|
@@ -763,6 +805,12 @@
|
|
|
values = data.value;
|
|
|
let myChart = echarts.init(document.getElementById('echartsBottom_1'));
|
|
|
let option = {
|
|
|
+ grid: {
|
|
|
+ top: "15%",
|
|
|
+ left: "3%",
|
|
|
+ right: "2%",
|
|
|
+ bottom: "15%"
|
|
|
+ },
|
|
|
xAxis: {
|
|
|
type: 'category',
|
|
|
data: names
|
|
@@ -788,6 +836,12 @@
|
|
|
values = data.value;
|
|
|
let myChart = echarts.init(document.getElementById('echartsBottom_2'));
|
|
|
let option = {
|
|
|
+ grid: {
|
|
|
+ top: "15%",
|
|
|
+ left: "3%",
|
|
|
+ right: "2%",
|
|
|
+ bottom: "15%"
|
|
|
+ },
|
|
|
xAxis: {
|
|
|
type: 'category',
|
|
|
data: names
|