| 1 |
- webpackJsonp([23],{SqVF:function(e,t,a){e.exports=a.p+"static/img/jianguo.bb959f3.png"},wuWd:function(e,t){},xnJD:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=a("HzJ8"),r=a.n(i),s=(a("pc3H"),a("+/Yu")),n=a.n(s),l={components:{},data:function(){return{usedata:{irrigationarea:"100",usewater:"1580",wateryield:"3000",waterresidue:"1420",useelectricity:"2",usewatercost:"2000",useelectricitycost:"2300",accumulatedusetime:"500"},value:"",value2:"",pickerOptions:{shortcuts:[{text:"最近一周",onClick:function(e){var t=new Date,a=new Date;a.setTime(a.getTime()-6048e5),e.$emit("pick",[a,t])}},{text:"最近一个月",onClick:function(e){var t=new Date,a=new Date;a.setTime(a.getTime()-2592e6),e.$emit("pick",[a,t])}},{text:"最近三个月",onClick:function(e){var t=new Date,a=new Date;a.setTime(a.getTime()-7776e6),e.$emit("pick",[a,t])}},{text:"最近半年",onClick:function(e){var t=new Date,a=new Date;a.setTime(a.getTime()-15552e6),e.$emit("pick",[a,t])}},{text:"最近一年",onClick:function(e){var t=new Date,a=new Date;a.setTime(a.getTime()-31536e6),e.$emit("pick",[a,t])}}]},yearoptions:[],hisoptions:[],selectnum:0,tableloading:!1,consumedata:[{wellid:"125478451",userid:"4841121211",offtime:"1636076311",ontime:"1636076311",irrigateduration:"60",oncewater:"60",oncetricity:"60",usewater:"60",oncemoney:"60",balance:"120",residuewater:"120"},{wellid:"125478451",userid:"4841121211",offtime:"1636076311",ontime:"1636076311",irrigateduration:"60",oncewater:"60",oncetricity:"60",usewater:"60",oncemoney:"60",balance:"120",residuewater:"120"},{wellid:"125478451",userid:"4841121211",offtime:"1636076311",ontime:"1636076311",irrigateduration:"60",oncewater:"60",oncetricity:"60",usewater:"60",oncemoney:"60",balance:"120",residuewater:"120"},{wellid:"125478451",userid:"4841121211",offtime:"1636076311",ontime:"1636076311",irrigateduration:"60",oncewater:"60",oncetricity:"60",usewater:"60",oncemoney:"60",balance:"120",residuewater:"120"},{wellid:"125478451",userid:"4841121211",offtime:"1636076311",ontime:"1636076311",irrigateduration:"60",oncewater:"60",oncetricity:"60",usewater:"60",oncemoney:"60",balance:"120",residuewater:"120"}],rechargedata:[{id:"1",userid:"4841121211",rechargetime:"1636076311",rechargewater:"50",rechargemoney:"50",balance:"170",operator:"李建国"},{id:"2",userid:"4841121211",rechargetime:"1636076311",rechargewater:"50",rechargemoney:"50",balance:"170",operator:"李建国"},{id:"3",userid:"4841121211",rechargetime:"1636076311",rechargewater:"50",rechargemoney:"50",balance:"170",operator:"李建国"},{id:"4",userid:"4841121211",rechargetime:"1636076311",rechargewater:"50",rechargemoney:"50",balance:"170",operator:"李建国"},{id:"5",userid:"4841121211",rechargetime:"1636076311",rechargewater:"50",rechargemoney:"50",balance:"170",operator:"李建国"}]}},computed:{},watch:{},methods:{statistical:function(){var e=this;this.ChartData=[{name:"用水量(m³)",data:[],fillColor:{linearGradient:{x1:0,y1:0,x2:0,y2:1},stops:[[0,"rgba(3,145,255,0.25)"],[1,"#fff"]]}},{name:"用电量(°)",data:[],fillColor:{linearGradient:{x1:0,y1:0,x2:0,y2:1},stops:[[0,"rgba(79,212,170,0.25)"],[1,"#fff"]]}}],this.$axios({method:"POST",url:"/api/api_gateway?method=forecast.worm_lamp.device_polyline_data",data:this.qs.stringify({device_type_id:3,d_id:"819",end_time:"1636422105",start_time:1627954905})}).then(function(t){if(e.dataLoading=!1,t.data.data.length){var a=t.data.data,i=!0,s=!1,n=void 0;try{for(var l,o=r()(a);!(i=(l=o.next()).done);i=!0){var c=l.value;e.ChartData[0].data.unshift([1e3*c.addtime+288e5,Number(c.humidity)]),e.ChartData[1].data.unshift([1e3*c.addtime+288e5,Number(c.others)])}}catch(e){s=!0,n=e}finally{try{!i&&o.return&&o.return()}finally{if(s)throw n}}console.log(e.ChartData),e.hisoptions=e.optionFn(e.ChartData)}else e.hisoptions={}})},optionFn:function(e){return{chart:{type:"area",zoomType:"x",backgroundColor:"rgba(0,0,0,0)"},title:{text:"",align:"left"},lang:{noData:"暂无数据"},noData:{style:{fontWeight:"bold",fontSize:"15px",color:"#303030"}},xAxis:{crosshair:!0,type:"datetime",dateTimeLabelFormats:{millisecond:"%H:%M:%S.%L",second:"%H:%M:%S",minute:"%H:%M",hour:"%H:%M",day:"%m-%d",week:"%m-%d",month:"%Y-%m",year:"%Y"},lineColor:"#000",labels:{style:{color:"#000"}}},yAxis:{title:{text:""},lineColor:"#000",labels:{style:{color:"#000"}}},legend:{align:"center",verticalAlign:"top",itemStyle:{color:"#000"}},plotOptions:{series:{label:{connectorAllowed:!1},pointStart:2010,marker:{enabled:!1,radius:5}}},series:e,colors:["#0391ff","#4fd4aa"],credits:{enabled:!1},tooltip:{shared:!0,headerFormat:"<b>{point.x:%Y-%m-%e %H:%M:%S}</b><br>"},responsive:{rules:[{condition:{maxWidth:500},chartOptions:{}}]},previous:0}},setecharts:function(){var e=this;this.intcharts(),window.addEventListener("resize",function(){e.myChart.resize()})},intcharts:function(){n.a.init(document.getElementById("progress")).setOption({color:["#73c0de","#fac858","#ee6666","#91cc75","#5470c6","#bc69f6","#ff7e00"],tooltip:{trigger:"item"},legend:{icon:"circle",x:"right",y:"center",width:"100",data:["一号机井","二号机井","三号机井","四号机井","五号机井"]},series:[{name:"用电比例",type:"pie",selectedMode:"single",radius:[0,"50%"],label:!1,labelLine:{show:!1},data:[{value:1548,name:"一号机井"},{value:775,name:"二号机井"},{value:679,name:"三号机井"},{value:888,name:"四号机井"},{value:951,name:"五号机井"}]},{name:"用水比例",type:"pie",radius:["65%","80%"],labelLine:{length:100},label:!1,data:[{value:1048,name:"一号机井"},{value:335,name:"二号机井"},{value:310,name:"三号机井"},{value:251,name:"四号机井"},{value:234,name:"五号机井"}]}]})},selecttab:function(e){this.selectnum=e}},beforeCreate:function(){},created:function(){},beforeMount:function(){},mounted:function(){var e=(new Date).getFullYear();console.log(e);for(var t=0;t<3;t++){var a={value:"选项"+(t+1),label:e-t};this.yearoptions.push(a)}this.statistical(),this.setecharts()},beforeUpdate:function(){},updated:function(){},beforeDestroy:function(){},destroyed:function(){},activated:function(){}},o={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"statement"},[a("div",{staticClass:"statement_title"},[e._m(0),e._v(" "),a("div",{staticClass:"userinfobox"},[e._m(1),e._v(" "),a("div",{staticClass:"userinfobox_right"},[a("div",{staticClass:"userinfobox_right_item"},[a("p",[e._v(e._s(e.usedata.irrigationarea))]),e._v(" "),a("p",[e._v("灌溉面积(亩)")])]),e._v(" "),a("div",{staticClass:"userinfobox_right_item"},[a("p",[e._v(e._s(e.usedata.usewater))]),e._v(" "),a("p",[e._v("已用水量(吨)")])]),e._v(" "),a("div",{staticClass:"userinfobox_right_item"},[a("p",[e._v(e._s(e.usedata.wateryield))]),e._v(" "),a("p",[e._v("水量定额(吨)")])]),e._v(" "),a("div",{staticClass:"userinfobox_right_item"},[a("p",[e._v(e._s(e.usedata.waterresidue))]),e._v(" "),a("p",[e._v("剩余水量(吨)")])]),e._v(" "),a("div",{staticClass:"userinfobox_right_item"},[a("p",[e._v(e._s(e.usedata.useelectricity))]),e._v(" "),a("p",[e._v("已用电量(度)")])]),e._v(" "),a("div",{staticClass:"userinfobox_right_item"},[a("p",[e._v(e._s(e.usedata.usewatercost))]),e._v(" "),a("p",[e._v("已用水费(元)")])]),e._v(" "),a("div",{staticClass:"userinfobox_right_item"},[a("p",[e._v(e._s(e.usedata.useelectricitycost))]),e._v(" "),a("p",[e._v("已用电费(元)")])]),e._v(" "),a("div",{staticClass:"userinfobox_right_item"},[a("p",[e._v(e._s(e.usedata.accumulatedusetime))]),e._v(" "),a("p",[e._v("累计使用时间(h)")])])])])]),e._v(" "),a("div",{staticClass:"statement_body"},[a("div",{staticClass:"statement_body_left"},[a("div",{staticClass:"statement_body_left_title"},[e._m(2),e._v(" "),a("div",{staticClass:"statement_body_input"},[a("el-date-picker",{attrs:{type:"daterange",align:"right","unlink-panels":"","range-separator":"至","start-placeholder":"开始日期","end-placeholder":"结束日期","picker-options":e.pickerOptions,size:"mini"},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}})],1)]),e._v(" "),a("div",{staticClass:"statement_body_left_high"},[Object.keys(e.hisoptions).length>0?a("highcharts",{staticClass:"highcharts",attrs:{options:e.hisoptions}}):e._e()],1)]),e._v(" "),a("div",{staticClass:"statement_body_right"},[a("div",{staticClass:"statement_body_right_title"},[e._m(3),e._v(" "),a("div",{staticClass:"statement_body_input"},[a("el-select",{attrs:{placeholder:"请选择",size:"mini"},model:{value:e.value,callback:function(t){e.value=t},expression:"value"}},e._l(e.yearoptions,function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})}),1)],1)]),e._v(" "),a("div",{ref:"progress",staticStyle:{width:"100%",height:"310px"},attrs:{id:"progress"}}),e._v(" "),e._m(4)])]),e._v(" "),a("div",{staticClass:"statement_footer"},[a("div",{staticClass:"statement_footer_title"},[a("div",{staticClass:"tableinfo_title_tab"},[a("p",{class:0==e.selectnum?"selectp":"nonep",on:{click:function(t){return e.selecttab(0)}}},[e._v("\n 使用记录\n ")]),e._v(" "),a("p",{class:1==e.selectnum?"selectp":"nonep",on:{click:function(t){return e.selecttab(1)}}},[e._v("\n 机井信息\n ")])]),e._v(" "),a("div",{staticClass:"statement_body_input"},[a("el-date-picker",{attrs:{type:"daterange",align:"right","unlink-panels":"","range-separator":"至","start-placeholder":"开始日期","end-placeholder":"结束日期","picker-options":e.pickerOptions,size:"mini"},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}})],1)]),e._v(" "),a("div",{directives:[{name:"loading",rawName:"v-loading",value:e.tableloading,expression:"tableloading"}],staticClass:"tablebox"},[0==e.selectnum?a("el-table",{staticStyle:{width:"100%"},attrs:{data:e.consumedata,stripe:""}},[a("el-table-column",{attrs:{prop:"wellid",label:"机井编号"}}),e._v(" "),a("el-table-column",{attrs:{prop:"userid",label:"用户卡号"}}),e._v(" "),a("el-table-column",{attrs:{prop:"offtime",label:"开启时间",width:"180"},scopedSlots:e._u([{key:"default",fn:function(t){return[e._v(e._s(e._f("formatTime")(1e3*t.row.offtime)))]}}],null,!1,1783324354)}),e._v(" "),a("el-table-column",{attrs:{prop:"ontime",label:"关闭时间",width:"180"},scopedSlots:e._u([{key:"default",fn:function(t){return[e._v(e._s(e._f("formatTime")(1e3*t.row.ontime)))]}}],null,!1,1780956396)}),e._v(" "),a("el-table-column",{attrs:{prop:"irrigateduration",label:"灌溉时长(min)"}}),e._v(" "),a("el-table-column",{attrs:{prop:"oncetricity",label:"本次用电量(度)"}}),e._v(" "),a("el-table-column",{attrs:{prop:"oncewater",label:"本次用水量(吨)"}}),e._v(" "),a("el-table-column",{attrs:{prop:"usewater",label:"累计用水量(吨)"}}),e._v(" "),a("el-table-column",{attrs:{prop:"oncemoney",label:"使用金额(元)"}}),e._v(" "),a("el-table-column",{attrs:{prop:"balance",label:"卡剩余金额(元)"}}),e._v(" "),a("el-table-column",{attrs:{prop:"residuewater",label:"剩余水量(吨)"}})],1):e._e(),e._v(" "),1==e.selectnum?a("el-table",{staticStyle:{width:"100%"},attrs:{data:e.rechargedata,stripe:""}},[a("el-table-column",{attrs:{prop:"id",label:"序号"}}),e._v(" "),a("el-table-column",{attrs:{prop:"userid",label:"用户卡号"}}),e._v(" "),a("el-table-column",{attrs:{prop:"rechargetime",label:"充值时间"},scopedSlots:e._u([{key:"default",fn:function(t){return[e._v(e._s(e._f("formatTime")(1e3*t.row.rechargetime)))]}}],null,!1,2961995936)}),e._v(" "),a("el-table-column",{attrs:{prop:"rechargewater",label:"充值水量(吨)"}}),e._v(" "),a("el-table-column",{attrs:{prop:"rechargemoney",label:"充值金额(元)"}}),e._v(" "),a("el-table-column",{attrs:{prop:"balance",label:"充值后金额(元)"}}),e._v(" "),a("el-table-column",{attrs:{prop:"operator",label:"操作人"}})],1):e._e(),e._v(" "),a("el-pagination",{attrs:{background:"",layout:"prev, pager, next",total:1e3}})],1)])])},staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("p",{staticClass:"cityinfo_title"},[t("i",{staticClass:"el-icon-s-grid"}),this._v("农户信息")])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"userinfobox_left"},[t("img",{attrs:{src:a("SqVF"),alt:""}}),this._v(" "),t("div",{staticClass:"userinfobox_left_l"},[t("p",[this._v("李建国")]),this._v(" "),t("p",[this._v("河南省郑州市金水区")]),this._v(" "),t("p",[this._v("2021-11-10 10:16:00")])])])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",{staticClass:"cityinfo_title"},[t("i",{staticClass:"el-icon-s-grid"}),this._v("用水统计")])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",{staticClass:"cityinfo_title"},[t("i",{staticClass:"el-icon-s-grid"}),this._v("用水比例")])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"hint"},[t("p",[this._v("外环："),t("span",[this._v("用水比例")])]),this._v(" "),t("p",[this._v("内环；"),t("span",[this._v("用电比例")])])])}]};var c=a("C7Lr")(l,o,!1,function(e){a("wuWd")},"data-v-e241ab98",null);t.default=c.exports}});
|
