{"version":3,"sources":["webpack:///./src/mainhtml/spf_echats.vue?9e0d","webpack:///src/mainhtml/spf_echats.vue","webpack:///./src/mainhtml/spf_echats.vue?e857","webpack:///./src/mainhtml/spf_echats.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","attrs","staticRenderFns","component"],"mappings":"yHAAA,ICQA,EDRIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,CAAC,OAAS,SAASC,MAAM,CAAC,GAAK,cACjJC,EAAkB,G,6CCStB,oCACA,OACE,KADF,aAEE,OACE,MAAJ,CACM,IAAN,wBAGE,UACF,0FAEE,QAAF,CACI,SAAJ,GAEM,IAAN,6CACA,eACM,IAAN,KACA,6BACA,0BACA,WACA,yEAEQ,EAAR,GACQ,EAAR,SAEM,EAAN,CACQ,MAAR,CAEA,aAFA,KAGU,KAHV,KAIU,UAAV,CACY,MADZ,UAEY,WAFZ,OAGY,SAAZ,IAGQ,QAAR,CACU,QADV,OAEU,YAAV,CACY,KADZ,QAEY,WAAZ,CACc,MAAd,UAIQ,KAAR,CACU,KADV,KAEU,MAFV,IAGU,OAHV,KAIU,cAAV,GAEQ,QAAR,CACU,QAAV,CACY,SAAZ,CAAc,MAAd,EAAc,UAAd,GACY,UAAZ,CAAc,MAAd,EAAc,KAAd,gBACY,QAAZ,CAAc,MAAd,GACY,YAAZ,CAAc,MAAd,KAGQ,OAAR,CAEU,UAFV,GAKU,KAAV,MALA,MAMU,KANV,EAOU,UAAV,CACY,MADZ,UAEY,WAFZ,OAGY,SAAZ,IAIQ,MAAR,CACA,CACU,KADV,WAGA,OAHA,GAIU,YAAV,CACY,KAAZ,UAEU,UAAV,CACY,OAAZ,MAMQ,MAAR,CACA,CACU,KADV,QAEU,KAFV,KAGU,IAHV,EAIU,IAJV,EAKU,SAAV,EALA,EAMU,UAAV,CACY,UAAZ,YAGA,CACU,KADV,QAEU,KAFV,KAGU,IAHV,EAIU,IAJV,EAKU,SAAV,EALA,GAMU,UAAV,CACY,UAAZ,YACc,OAAd,KACA,EAEA,iBAMQ,OAAR,CACA,CACU,KADV,KAEU,KAFV,OAGU,WAHV,EAIU,WAJV,EAMA,OANA,GAOU,UAAV,CACY,OAAZ,CACc,MADd,UAEc,UAAd,CACgB,MAAhB,cAKA,CACU,KADV,KAEU,KAFV,MAGU,WAHV,EAIU,YAJV,GAMA,OANA,GAOU,UAAV,CACY,OAAZ,CACc,MAAd,eAOM,OAAN,kBACM,EAAN,cAEI,UACE,IAAN,WACM,IAAN,GACQ,KAAR,EADA,cAEQ,MAAR,aAFA,EAGQ,KAAR,aAEM,IAAN,4EAPA,MAUA,UACM,OAAN,GAEI,WAAJ,KAEM,IAAN,WACM,EAAN,2BACA,gBACA,0BACA,wBAFM,IAIN,WACM,EAAN,6BACM,IAAN,kBACA,uDACA,kCAZA,UAkBM,MAAN,mBACA,kBAEA,SAII,eACE,IAAN,YACM,EAAN,4DACM,IAAN,iBACQ,EAAR,iCAEM,OAAN,KC9M8gB,I,YCO1gBC,EAAY,eACd,EACAV,EACAS,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-2d0cefdb.c4562bfb.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"height\":\"440px\"},attrs:{\"id\":\"myChart\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\r\n    <div id=\"myChart\" style=\"height: 440px\"></div>\r\n</template>\r\n<script>\r\n    import * as echarts from 'echarts';\r\n\timport axios from 'axios';\r\n\timport config from \"@/config\";\r\n    var option;\r\n    var systemDate;\r\n\tconst base_url = config.baseUrl + 'spf/';\r\n    export default {\r\n        name: 'spf_echats',\r\n        data () {\r\n            return {\r\n                msg: 'Welcome use Echarts'\r\n            }\r\n        },\r\n        mounted(){\r\n\t\t\taxios.get(base_url + \"j30tspfcjhq\").then(response => this.drawLine(response.data)).catch(error => console.log(error, \"error\"));\r\n        },\r\n        methods: {\r\n            drawLine(data){\r\n                // 基于准备好的dom，初始化echarts实例\r\n                let myChart = echarts.init(document.getElementById('myChart'));\r\n                let systemDate = this.addDate();\r\n                var fontSize = 18;\r\n                var maxmj = data.maxmj==0?250:data.maxmj+100;\r\n                var maxts = data.maxts==0?25:data.maxts+5;\r\n                var floatStyle='center';\r\n                if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {//如果是移动端修改Echarts参数\r\n                // 执行相应代码或直接跳转到手机页面\r\n                    fontSize=12;\r\n                    floatStyle='right';\r\n                }\r\n                option = {\r\n                    title: {\r\n                        // text: '日期  '+this.timeForMat(30,'yyyy年-mm月-dd日')+\"-\"+this.timeForMat(1,'yyyy年-mm月-dd日'),\r\n\t\t\t\t\t\ttext: '日期 ' + data.rqqj,\r\n                        left: '0%',\r\n                        textStyle: {\r\n                            color: '#333333',\r\n                            fontWeight: 'bold',\r\n                            fontSize: fontSize\r\n                        }\r\n                    },\r\n                    tooltip: {\r\n                        trigger: 'axis',\r\n                        axisPointer: {\r\n                            type: 'cross',\r\n                            crossStyle: {\r\n                                color: '#999'\r\n                            }\r\n                        }\r\n                    },\r\n                    grid: {\r\n                        left: '1%',\r\n                        right: '0',\r\n                        bottom: '1%',\r\n                        containLabel: true\r\n                    },\r\n                    toolbox: {\r\n                        feature: {\r\n                            dataView: {show: false, readOnly: false},\r\n                            magicType: {show: false, type: ['line', 'bar']},\r\n                            restore: {show: false},\r\n                            saveAsImage: {show: false}\r\n                        }\r\n                    },\r\n                    legend: {\r\n                        /*icon:\"circle\",*/\r\n                        itemWidth: 13,  // 设置宽度\r\n                        /*itemHeight: 30, // 设置高度\r\n                        itemGap: 60, // 设置间距*/\r\n                        data: [ '套数','面积'],\r\n                        left: floatStyle,\r\n                        textStyle: {\r\n                            color: '#00448C',\r\n                            fontWeight: 'bold',\r\n                            fontSize: fontSize\r\n                        },\r\n\r\n                    },\r\n                    xAxis: [\r\n                        {\r\n                            type: 'category',\r\n                            // data: this.getDateArray(),\r\n\t\t\t\t\t\t\tdata: data.rq,\r\n                            axisPointer: {\r\n                                type: 'shadow'\r\n                            },\r\n                            axisLabel: {    //底部文字倾斜\r\n                                rotate:40,\r\n                            },\r\n\r\n\r\n                        },\r\n                    ],\r\n                    yAxis: [\r\n                        {\r\n                            type: 'value',\r\n                            name: '套数',\r\n                            min: 0,\r\n                            max: maxts,\r\n                            interval: maxts/5,\r\n                            axisLabel: {\r\n                                formatter: '{value}'\r\n                            }\r\n                        },\r\n                        {\r\n                            type: 'value',\r\n                            name: '面积',\r\n                            min: 0,\r\n                            max: maxmj,\r\n                            interval: maxmj/10,\r\n                            axisLabel: {\r\n                                formatter: function (value) {\r\n                                    if(value==0){\r\n                                        return value;\r\n                                    }else{\r\n                                        return value.toFixed(3);\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    ],\r\n                    series: [\r\n                        {\r\n                            name: '套数',\r\n                            type: 'line',\r\n                            yAxisIndex: 0,\r\n                            symbolSize: 8,\r\n                            // data: [14, 15, 11, 6, 11, 10, 20, 23, 23, 16, 12, 6,11,5,12,14, 15, 11, 6, 11, 10, 20, 23, 23, 16, 12, 6,11,5,12],\r\n\t\t\t\t\t\t\tdata: data.ts,\r\n                            itemStyle : {\r\n                                normal : {\r\n                                    color: \"#F56D38\",\r\n                                    lineStyle:{\r\n                                        color:'#F56D38'\r\n                                    },\r\n                                }\r\n                            },\r\n                        },\r\n                        {\r\n                            name: '面积',\r\n                            type: 'bar',\r\n                            yAxisIndex: 1,\r\n                            barMaxWidth:15,\r\n                            // data: [2.6, 5.9, 9.0, 26, 28.7, 70.7, 175.6, 182.2, 18.7, 18.8, 6.0, 2.3,2.6, 5.9, 9.0, 26, 28.7, 70.7, 175.6, 182.2, 18.7, 18.8, 6.0, 2.3,12,23,21,12,11,23],\r\n\t\t\t\t\t\t\tdata: data.mj,\r\n                            itemStyle : {\r\n                                normal : {\r\n                                    color: \"#386CF0\",\r\n                                }\r\n                            },\r\n                        }\r\n                    ]\r\n                };\r\n                // 绘制图表\r\n                window.onresize = myChart.resize;\r\n                myChart.setOption(option);\r\n            },\r\n            addDate() {\r\n                var nowDate = new Date();\r\n                let date = {\r\n                    year: nowDate.getFullYear(),\r\n                    month: nowDate.getMonth() + 1,\r\n                    date: nowDate.getDate(),\r\n                }\r\n                var systemDate = date.year + '-'  + (date.month >= 10 ? date.month : '0' + date.month) + '-'  + (date.date >= 10 ? date.date : '0'+ date.date);\r\n                //let systemDate = date.year + '-' + 0 + date.month + '-' + 0 + date.date;\r\n                //返回天数数字\r\n                var dateArray=new Array();\r\n                return systemDate;\r\n            },\r\n             timeForMat (count,type) {\r\n                // 拼接时间\r\n                let time1 = new Date()\r\n                time1.setTime(time1.getTime() - (24 * 60 * 60 * 1000))\r\n                let Y1 = time1.getFullYear()\r\n                let M1 = ((time1.getMonth() + 1) > 10 ? (time1.getMonth() + 1) : '0' + (time1.getMonth() + 1))\r\n                let D1 = (time1.getDate() > 10 ? time1.getDate() : '0' + time1.getDate())\r\n                let timer1 = Y1 + '-' + M1 + '-' + D1 // 当前时间\r\n                let time2 = new Date()\r\n                time2.setTime(time2.getTime() - (24 * 60 * 60 * 1000 * count))\r\n                let Y2 = time2.getFullYear()\r\n                let M2 = ((time2.getMonth() + 1) > 9 ? (time2.getMonth() + 1) : '0' + (time2.getMonth() + 1))\r\n                let D2 = (time2.getDate() > 9 ? time2.getDate() : '0' + time2.getDate())\r\n                // let timer2 = Y2 + '-' + M2 + '-' + D2 // 之前的7天或者30天\r\n                // return {\r\n                // // t1: timer1,\r\n                // // t2: timer2\r\n                // }\r\n                 if(type=='yyyy年-mm月-dd日'){\r\n                     return Y2 + '年' + M2 + '月' + D2+'日' ;\r\n                 }else{\r\n                     return M2 + '-' + D2 ;\r\n                 }\r\n                return M2 + '-' + D2 ;\r\n            },\r\n            getDateArray(){\r\n                var dateArray=new Array()\r\n                dateArray[0]=new Date().getFullYear() + '-' +this.timeForMat(30,'mm-dd');\r\n                for (var i=1;i<30;i++){\r\n                    dateArray[i]=this.timeForMat(30-i,'mm-dd');\r\n                }\r\n                return dateArray;\r\n            }\r\n        },\r\n    }\r\n</script>","import mod from \"-!../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/babel-loader/lib/index.js??ref--13-0!../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./spf_echats.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/babel-loader/lib/index.js??ref--13-0!../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./spf_echats.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./spf_echats.vue?vue&type=template&id=2610005f&\"\nimport script from \"./spf_echats.vue?vue&type=script&lang=js&\"\nexport * from \"./spf_echats.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}