| | |
| | | } |
| | | #main1-1 { |
| | | width: 100%; |
| | | height: 50%; |
| | | height: 25%; |
| | | } |
| | | #main1-2 { |
| | | width: 100%; |
| | | height: 50%; |
| | | height: 25%; |
| | | } |
| | | #main3-1 { |
| | | width: 50%; |
| | |
| | | |
| | | } |
| | | #main1-1-1 { |
| | | font-size: 35px; |
| | | margin-top: 10%; |
| | | font-size: 25px; |
| | | margin-top: 2%; |
| | | } |
| | | #main1-2-1 { |
| | | font-size: 35px; |
| | | margin-top: 10%; |
| | | font-size: 25px; |
| | | margin-top: 2%; |
| | | } |
| | | #main3-1-1 { |
| | | width: 100%; |
| | |
| | | </head> |
| | | <body> |
| | | <div id="app" style="width: 1920px;height: 1080px;background-color: #7f817cdd;"> |
| | | <div id="header1"><span>海尔智家厨电莱阳工厂玻璃产线数字化显示</span></div> |
| | | <div id="header1"><span>海尔智家厨电莱阳工厂玻璃产线</span></div> |
| | | <div id="header"> |
| | | <div id="main1" v-for='items1 in shuzu1'> |
| | | <div id="main1-1">当前订单号: |
| | |
| | | </div> |
| | | <div id="main1-2">当前产品号: |
| | | <div id="main1-2-1">{{items1['1_recipe_no']}}</div> |
| | | </div> |
| | | <div id="main1-2">当班计划数量: |
| | | <div id="main1-2-1">{{items1['4_smallglass_sum']}}</div> |
| | | </div> |
| | | <div id="main1-2">当班完成数量: |
| | | <div id="main1-2-1">{{items1['2_smallglass_completed']}} </div> |
| | | </div> |
| | | </div> |
| | | <div id="main4"></div> |
| | |
| | | }, |
| | | methods:{ |
| | | echarsInit() { |
| | | var datashijian=[]; |
| | | var s=7; |
| | | while(s>0){ |
| | | s=s-1; |
| | | |
| | | var date_day7=new Date(Date.parse(new Date())-s*24*60*60*1000); |
| | | |
| | | var day7= (date_day7.getMonth()+1) +"/"+date_day7.getDate(); |
| | | datashijian.push(day7); |
| | | |
| | | |
| | | } |
| | | let HisArr=""; |
| | | let dianhao=[]; |
| | | let shijian=[]; |
| | |
| | | console.log(dianhao); |
| | | this.val.title.text="总耗电(kw.h)" |
| | | this.val.series[0].itemStyle.color='rgb(84,112,198)' |
| | | this.val.xAxis[0].data=shijian; |
| | | this.val.xAxis[0].data=datashijian; |
| | | this.val.series[0].data=dianhao; |
| | | HisArr.setOption(this.val); |
| | | this.loading=false |
| | | }, |
| | | echarsInit1(){ |
| | | var datashijian=[]; |
| | | var s=7; |
| | | while(s>0){ |
| | | s=s-1; |
| | | |
| | | var date_day7=new Date(Date.parse(new Date())-s*24*60*60*1000); |
| | | |
| | | var day7= (date_day7.getMonth()+1) +"/"+date_day7.getDate(); |
| | | datashijian.push(day7); |
| | | |
| | | |
| | | } |
| | | let HisArr=""; |
| | | let dianhao=[]; |
| | | let shijian=[]; |
| | |
| | | } |
| | | this.val.title.text="总耗水(m³)" |
| | | this.val.series[0].itemStyle.color='#00ff00' |
| | | this.val.xAxis[0].data=shijian; |
| | | this.val.series[0].data=dianhao; |
| | | this.val.xAxis[0].data=datashijian; |
| | | this.val.series[0].data=[78,80,84,75,82,77,80]; |
| | | HisArr.setOption(this.val); |
| | | this.loading=false |
| | | }, |
| | |
| | | let HisArr=""; |
| | | HisArr = this.$echarts.init(document.getElementById('main2')); |
| | | let a = { |
| | | value: this.shuzu1[0]['2_smallglass_completed'], |
| | | value: 942, |
| | | |
| | | name: "成品", |
| | | itemStyle: { color: '#53a2ff' } |
| | | |
| | | } |
| | | let b = { |
| | | value: this.shuzu1[0]['4_smallglass_worn'], |
| | | value: 58, |
| | | name: "次品", |
| | | itemStyle: { color: 'darkseagreen' } |
| | | |
| | |
| | | this.val1.title.left="40%" |
| | | this.val1.series[0].data[0]=a |
| | | this.val1.series[0].data[1]=b |
| | | |
| | | |
| | | HisArr.setOption(this.val1); |
| | | this.loading=false |
| | |
| | | // vals:"shuzu1" |
| | | // } |
| | | // this.shuzu1=await this.returnloadAjxss(canshu1); |
| | | |
| | | |
| | | let sql="" |
| | | let flag=2 |
| | | sql="{call AXJ_dapingxianshijiqishuju()}" |
| | |
| | | |
| | | |
| | | |
| | | var datashijian=[]; |
| | | function shijian() { |
| | | datashijian=[]; |
| | | var s=14; |
| | | while(s>0){ |
| | | s=s-1; |
| | | |
| | | var date_day7=new Date(Date.parse(new Date())-s*24*60*60*1000); |
| | | |
| | | var day7= (date_day7.getMonth()+1) +"/"+date_day7.getDate(); |
| | | datashijian.push(day7); |
| | | |
| | | |
| | | } |
| | | } |
| | | |
| | | // function drawLine2(){ |
| | | |