webpackJsonp([101],{"48t1":function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=a("Dd8w"),s=a.n(i),n=a("yfAY"),r=a("MZdq"),l=a("x1DN"),o=(a("vMX1"),a("dGwE")),c=a("xT6B"),h=a("Bv8y"),u=Object(c.b)(30,!0),m={mixins:[h.a],data:function(){return{formateDate:c.a,checkAll:!0,isIndeterminate:!1,radio:"1",chartLoading:!1,chartOptions:{},personTypes:[],res:null,resultStatusTypes:[{label:"调用成功",value:1},{label:"调用失败",value:2}],form:{time:u,applicationType:this.$route.matched[1].meta.serviceCode,statisticType:4,resultStatus:[1,2]},monitorType:"",channelList:[],timeInterval:{}}},created:function(){this.fetchChannelList(),this.fetchData()},methods:{fetchChannelList:function(){var t=this;r.b.fetchChannelList(this.applicationIdStore).then(function(e){t.channelList=e,t.channelList.unshift({label:"全部",value:""})}).catch(function(e){t.$message.error(e.message)})},handleCheckAllChange:function(t){var e=this.resultStatusTypes.map(function(t){return t.value});this.form.resultStatus=t?e:[],this.monitorType=t?3:0,this.isIndeterminate=!1},handleCheckedCitiesChange:function(t){var e=t.length;this.checkAll=e===this.resultStatusTypes.length,this.isIndeterminate=e>0&&e<this.resultStatusTypes.length},toggelChart:function(){this.chartOptions=this.computeChart(this.res)},computeChart:function(t){var e=this,a=[];this.form.resultStatus.map(function(t){e.resultStatusTypes.some(function(e){if(e.value==t)return a.push(e.label),!0})});var i=[],s=!1,r=[{resultStatus:1,detail:this.res.successStatisticResult.statisticResults},{resultStatus:2,detail:this.res.failedStatisticResult.statisticResults}].map(function(a){var r={name:Object(n.c)(a.resultStatus,e.resultStatusTypes),type:"line",stack:"总量",data:[],itemStyle:{normal:{lineStyle:{color:1==a.resultStatus?"#3399FF":"#67DAC1"}}}};return a.detail.map(function(a){var n=3==t.statisticType||4==t.statisticType?e.formateDate(new Date(a.startTime),"yyyy/MM/dd"):e.formateDate(new Date(a.startTime),"yyyy/MM/dd hh:mm:ss");r.data.push(a.count),s||i.push(n)}),s=!0,r});return{legend:a,xData:i,series:r}},fetchData:function(){var t=this;if(this.form.time){this.timeInterval=r.b.timeInterval(this.form.time[0],this.form.time[1]);var e={days:3,hours:2,minutes:1},a=void 0;for(var i in this.timeInterval){if(!(this.timeInterval[i]<=60))break;a=e[i]}if(this.form.statisticType<a&&(this.form.statisticType=a),this.timeInterval.days>365)this.$message.error("请选择一年内的时间");else if(this.form.resultStatus.length){var n=s()({},this.form);n.time&&n.time.length>1&&(n.startTime=n.time[0].getTime(),n.endTime=n.time[1].getTime(),delete n.time),n.startTime!=n.endTime?(this.chartLoading=!0,r.b.idCardChart(n).then(function(e){setTimeout(function(){t.res=e.data,t.toggelChart(),t.chartLoading=!1},500)}).catch(function(e){t.chartLoading=!1})):this.$message.warning("请选择不同的时间点")}else this.$message.error("请选择监控项")}else this.$message.error("请选择查询时间段")}},components:{cascader:l.a,lineMarker:function(){return a.e(240).then(a.bind(null,"DiZk"))},dates:o.a},watch:{$route:function(t,e){this.form.applicationType=t.matched[1].meta.serviceCode,this.fetchData()}}},d={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"app-container"},[a("el-card",{attrs:{shadow:"hover"}},[a("el-form",{ref:"queryForm",attrs:{model:t.form}},[a("el-form-item",{staticClass:"channell",attrs:{prop:"channelCode"}},[a("label",{staticStyle:{color:"#2C2D2F","font-weight":"400","margin-right":"10px"}},[t._v("渠   道：")]),t._v(" "),a("el-select",{staticStyle:{width:"200px"},attrs:{placeholder:"全部"},model:{value:t.form.channelCode,callback:function(e){t.$set(t.form,"channelCode",e)},expression:"form.channelCode"}},t._l(t.channelList,function(t,e){return a("el-option",{key:e,attrs:{label:t.label,value:t.value}})}),1)],1),t._v(" "),a("el-form-item",{attrs:{label:"时间段：",prop:"status"}},[a("dates",{model:{value:t.form.time,callback:function(e){t.$set(t.form,"time",e)},expression:"form.time"}})],1),t._v(" "),a("el-form-item",[a("el-button",{staticStyle:{"margin-bottom":"26px"},attrs:{type:"warning"},on:{click:t.fetchData}},[t._v("查询")])],1)],1),t._v(" "),a("el-radio-group",{on:{change:t.fetchData},model:{value:t.form.statisticType,callback:function(e){t.$set(t.form,"statisticType",e)},expression:"form.statisticType"}},[t.timeInterval.minutes<=60?a("el-radio",{attrs:{label:1}},[t._v("分")]):t._e(),t._v(" "),t.timeInterval.hours<=60?a("el-radio",{attrs:{label:2}},[t._v("时")]):t._e(),t._v(" "),t.timeInterval.days<=60?a("el-radio",{attrs:{label:3}},[t._v("日")]):t._e(),t._v(" "),a("el-radio",{attrs:{label:4}},[t._v("周")])],1),t._v(" "),a("line-marker",{directives:[{name:"loading",rawName:"v-loading",value:t.chartLoading,expression:"chartLoading"}],attrs:{width:"100%",option:t.chartOptions,height:"300px"}})],1)],1)},staticRenderFns:[]};var f=a("VU/8")(m,d,!1,function(t){a("vPz4")},"data-v-20d71780",null);e.default=f.exports},"7k7H":function(t,e,a){(t.exports=a("FZ+f")(!1)).push([t.i,"\n.left[data-v-20d71780] {\n  display: inline-block;\n  margin-right: 20px;\n  position: absolute;\n  right: 110px;\n}\n[data-v-20d71780] .el-input--suffix .el-input__inner {\n  width: 380px;\n}\n.channell[data-v-20d71780] .el-input {\n  width: 380px;\n}\n",""])},vPz4:function(t,e,a){var i=a("7k7H");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);a("rjj0")("fc373622",i,!0)}});