{"remainingRequest":"/data/jenkins/workspace/badp-bcxin-web-5.x-vue/node_modules/vue-loader/lib/index.js??vue-loader-options!/data/jenkins/workspace/badp-bcxin-web-5.x-vue/src/components/main_meter.vue?vue&type=script&lang=js","dependencies":[{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-vue/src/components/main_meter.vue","mtime":1725957645725},{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-vue/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-vue/node_modules/thread-loader/dist/cjs.js","mtime":499162500000},{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-vue/node_modules/babel-loader/lib/index.js","mtime":456789000000},{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-vue/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/data/jenkins/workspace/badp-bcxin-web-5.x-vue/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\nlet echarts = require('echarts/lib/echarts');\n// 引入柱状图组件\nrequire('echarts/lib/chart/bar');\n// 引入提示框和title组件\nrequire('echarts/lib/component/tooltip');\nrequire('echarts/lib/component/title');\n//import echarts from 'echarts';\nexport default {\n  inject: [\"reload\"],\n  components: {\n    \n  },\n  watch: {\n    chartData() {\n      this.$nextTick(()=> {\n        let datas = this.chartData;\n        this.drawLine(datas);\n      })\n    },\n  },\n  data() {\n    return {\n      showMode:false,\n      startDay: \"\",\n      endDay: \"\",\n      options: [],\n      status: '',\n      chartData: '',\n      selectData: [\n        {\n          name:this.$t('view.finish'),\n          id:1,\n        },\n        {\n          name:this.$t('view.no_finish'),\n          id:0,\n        }\n      ],\n      select:1,\n      pickerOptions1: {\n        disabledDate: time => {\n          let endField;\n          let fields = this.$parent.getAllFields();\n          if (fields)\n            for (let i = 0; i < fields.length; i++) {\n              if (fields[i].prev_Name == this.field.name){\n                endField = fields[i];\n                break;\n              }\n            }\n          if (endField) {\n            return  new Date(endField.value).getTime() < time.getTime();\n          }\n          return false;\n        }\n      },\n      pickerOptions1: {\n        disabledDate: time => {\n          return  new Date(this.endDay).getTime() < time.getTime();\n        }\n      },\n      pickerOptions2: {\n        disabledDate: time => {\n          return  new Date(this.startDay).getTime() > time.getTime();\n        }\n      }\n    };\n  },\n  mounted() {\n    this.getConsuming();\n  },\n  created() {\n    this.getApplications();\n    this.setTime();\n  },\n  methods: {\n    search() {\n      let appId = this.$root.appid;\n      let data = {\n        application: appId,\n        dateRange: \"\",\n        enddate: this.writeCurrentDate(this.endDay),\n        select: this.select,\n        showMode: this.showMode?'all':'mine',\n        startdate: this.writeCurrentDate(this.startDay),\n      };\n      this.$api.getConsuming(\n        appId,\n        data,\n        {\n          onSucess: res => {\n            this.chartData = res.data.data;\n            this.$forceUpdate();\n          }\n        }\n      )\n      \n    },\n\n    //日期格式转换\n    writeCurrentDate(val){\n      let day = new Date(val);\n      let year = day.getFullYear()\n      let Month = day.getMonth() + 1;\n      let Day = day.getDate();\n      Month = Month >= 10 ? Month: \"0\"+Month;\n      Day = Day >= 10 ? Day: \"0\" + Day;\n      let s = year +\"-\" +  Month + \"-\" + Day;\n      return s;\n    },\n    setTime() {\n      this.startDay = this.getCurrentMonthFirst();\n      this.endDay = this.getCurrentMonthLast();\n    },\n    handleCheckChange() {\n      console.log(\"showMode---->\",this.showMode);\n      let startTime = this.writeCurrentDate(this.startDay),\n          endTime = this.writeCurrentDate(this.endDay);\n      let appId = this.$root.appid;\n      let data = {\n        application: appId,\n        dateRange: \"\",\n        enddate: endTime,\n        select: this.select,\n        showMode: this.showMode?'all':'mine',\n        startdate: startTime,\n      };\n      this.$api.getConsuming(\n        appId,\n        data,\n        {\n          onSucess: res => {\n            \n            this.chartData = res.data.data;\n            this.$forceUpdate();\n          }\n        }\n      )\n    },\n    drawLine(datas){\n      if (datas[0].echart.yAxis != \"\") {\n        var myChart = this.$echarts.init(this.$refs.myChart);\n\t\t\t\tvar dataNums = datas[0].echart.num\n\t\t\t\tvar dataLg = dataNums.length;\n\t\t\t\tvar dataNames = datas[0].echart.xAxis\n\t\t\t\tvar seriesData = [];\n\t\t\t\tvar serie = {};\n        var yAxis = datas[0].echart.yAxis;\n\t\t\t\tfor(var i = 0 ; i< dataLg ; i++){\n\t\t\t\t\tvar data = new Array(dataLg).fill(0);  //新建数组\n\t\t\t\t\tdata[i] = dataNums[i]\n\t\t\t\t\tserie = {\n\t\t\t\t\t\tname: dataNames[i],\n\t\t\t\t\t\ttype: 'bar',\n\t\t\t\t\t\tbarCategoryGap: '60%',\n\t\t\t\t\t\tbarGap:'-100%',\n\t\t\t\t\t\tdata: datas[0].echart.yAxis\n\t\t\t\t\t}\n\t\t\t\t\tseriesData.push(serie);\n\t\t\t\t}\n\t\t\t\tmyChart.setOption({\n\t\t\t\t\ttitle: {\n\t\t\t\t\t\ttext: this.$t('flow.use_time'),\n\t\t\t\t\t\tx: 'center'\n\t\t\t\t\t},\n\t\t\t\t\ttooltip: {\n\t\t\t\t\t\ttrigger: 'item'\n\t\t\t\t\t},\n\t\t\t\t\tlegend: {\n\t\t\t\t\t\tdata: datas[0].echart.xAxis,\n\t\t\t\t\t\ty: 'bottom'\n\t\t\t\t\t},\n\t\t\t\t\tgrid: {\n\t\t\t\t\t\tx: 50, y: 30, x2: 15, y2: 60\n\t\t\t\t\t},\n\t\t\t\t\tcalculable: true,\n\t\t\t\t\txAxis: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tshow: false,\n\t\t\t\t\t\t\ttype: 'category',\n\t\t\t\t\t\t\tdata: datas[0].echart.xAxis\n\t\t\t\t\t\t}\n\t\t\t\t\t],\n\t\t\t\t\tyAxis: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype: 'value',\n\t\t\t\t\t\t\taxisLabel: { formatter: '{value} h' }\n\t\t\t\t\t\t}\n\t\t\t\t\t],\n\t\t\t\t\tseries: seriesData\n\t\t\t\t});\n\n\n\t\t\t\tvar seriesData2 = [];\n\t\t\t\tvar serie2 = {};\n\n\t\t\t\tfor(var i = 0 ; i< dataLg ; i++){\n\t\t\t\t\tvar data = new Array(dataLg).fill(0);  //新建数组\n\t\t\t\t\tdata[i] = dataNums[i]\n\t\t\t\t\tserie2 = {\n\t\t\t\t\t\tname: dataNames[i],\n\t\t\t\t\t\ttype: 'bar',\n\t\t\t\t\t\tbarCategoryGap: '60%',\n\t\t\t\t\t\tbarGap:'-100%',\n\t\t\t\t\t\tdata: data\n\t\t\t\t\t}\n\t\t\t\t\tseriesData2.push(serie2);\n        }\n        \n        //第二个\n\t\t\t\tvar myChart = this.$echarts.init(this.$refs.bar) //ec.init(document.getElementById('bar'));\n\t\t\t\tvar option = {\n\t\t\t\t\ttitle: {\n\t\t\t\t\t\ttext: this.$t('flow.num'),\n\t\t\t\t\t\tx: 'center'\n\t\t\t\t\t},\n\t\t\t\t\ttooltip: {\n\t\t\t\t\t\ttrigger: 'item'\n\t\t\t\t\t},\n\t\t\t\t\tlegend: {\n\t\t\t\t\t\tdata: datas[0].echart.xAxis,\n\t\t\t\t\t\ty: 'bottom'\n\t\t\t\t\t},\n\t\t\t\t\tgrid: {\n\t\t\t\t\t\tx: 50, y: 30, x2: 15, y2: 60\n\t\t\t\t\t},\n\t\t\t\t\tcalculable: true,\n\t\t\t\t\tyAxis: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype: 'value',\n\t\t\t\t\t\t\tboundaryGap: [0, 0],\n\t\t\t\t\t\t\taxisLabel: { formatter: '{value}个' }\n\t\t\t\t\t\t}\n\t\t\t\t\t],\n\t\t\t\t\txAxis: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tshow: false,\n\t\t\t\t\t\t\ttype: 'category',\n\t\t\t\t\t\t\tdata: datas[0].echart.xAxis\n\t\t\t\t\t\t}\n\t\t\t\t\t],\n\t\t\t\t\tseries: seriesData2,\n\t\t\t\t}\n        myChart.setOption(option);\n\t\t\t}else {\n        this.initchart();\n      }\n    },\n    initchart() {\n      var myChart = this.$echarts.init(this.$refs.myChart);\n\t\t\tmyChart.setOption({\n\t\t\t\ttitle: {\n\t\t\t\t\ttext: this.$t('flow.use_time'),\n\t\t\t\t\tx: 'center'\n\t\t\t\t},\n\t\t\t\ttooltip: {\n\t\t\t\t\ttrigger: 'item'\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tx: 50, y: 25, x2: 15, y2: 35\n\t\t\t\t},\n\t\t\t\tcalculable: true,\n\t\t\t\txAxis: [\n\t\t\t\t\t{\n\t\t\t\t\t\ttype: 'category',\n\t\t\t\t\t\tdata: [0, 0]\n\t\t\t\t\t}\n\t\t\t\t],\n\t\t\t\tyAxis: [\n\t\t\t\t\t{\n\t\t\t\t\t\ttype: 'value'\n\t\t\t\t\t}\n\t\t\t\t],\n\t\t\t\tseries: [\n\t\t\t\t\t{\n\t\t\t\t\t\ttype: 'bar',\n\t\t\t\t\t\tbarCategoryGap: '60%',\n\t\t\t\t\t\tdata: [0, 0]\n\t\t\t\t\t}\n\t\t\t\t]\n      }, true);\n      var myChart = this.$echarts.init(this.$refs.bar);\n\t\t\tmyChart.setOption({\n\t\t\t\ttitle: {\n\t\t\t\t\ttext: this.$t('flow.num'),\n\t\t\t\t\tx: 'center'\n\t\t\t\t},\n\t\t\t\ttooltip: {\n\t\t\t\t\ttrigger: 'item'\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\tx: 50, y: 25, x2: 15, y2: 35\n\t\t\t\t},\n\t\t\t\tcalculable: true,\n\t\t\t\txAxis: [\n\t\t\t\t\t{\n\t\t\t\t\t\ttype: 'value',\n\t\t\t\t\t\tboundaryGap: [0, 0.01]\n\t\t\t\t\t}\n\t\t\t\t],\n\t\t\t\tyAxis: [\n\t\t\t\t\t{\n\t\t\t\t\t\ttype: 'category',\n\t\t\t\t\t\tdata: [0, 0]\n\t\t\t\t\t}\n\t\t\t\t],\n\t\t\t\tseries: [\n\t\t\t\t\t{\n\t\t\t\t\t\ttype: 'bar',\n\t\t\t\t\t\tbarCategoryGap: '60%',\n\t\t\t\t\t\tdata: [0, 0]\n\t\t\t\t\t}\n\t\t\t\t]\n      }, true);\n\t\t},\n\n    getConsuming() {\n      let startTime = this.getCurrentMonthFirst(),\n          endTime = this.getCurrentMonthLast();\n      let appId = this.status ? this.status : this.$root.appid;\n      let data = {\n        application: appId,\n        dateRange: \"\",\n        enddate: endTime,\n        select: this.select,\n        showMode: \"mine\",\n        startdate: startTime,\n      };\n      this.$api.getConsuming(\n        appId,\n        data,\n        {\n          onSucess: res => {\n            this.chartData = res.data.data;\n          }\n        }\n      )\n    },\n    getApplications() {\n      this.$api.getApplications(\n        {\n          onSucess: res => {\n            //this.options = res.data.data.applications;\n            let arr = [];\n            res.data.data.applications.forEach(app => {\n              if (app.id != \"km\" && app.id != \"pm\" && app.id != \"qm\") {\n                arr.push(app);\n              }\n            });\n            this.status = arr[0].id;\n            this.options = arr;\n            \n\n            // for(let i = 0; i<this.options.length; i++) {\n            //   if(this.options[i].activated) {\n            //     this.status = this.options[i].id;\n            //   }\n            // }\n          }\n        }\n      )\n    },\n    isComplete() {\n      this.getConsuming();\n    },\n\n    //当前月第一天\n    getCurrentMonthFirst(){\n        let date = new Date();\n        date.setDate(1);\n        let month = parseInt(date.getMonth()+1);\n        let day = date.getDate();\n        if (month < 10) {\n            month = '0' + month\n        }\n        if (day < 10) {\n            day = '0' + day\n        }\n        return date.getFullYear() + '-' + month + '-' + day;\n    },\n\n    //当前月最后一天\n    getCurrentMonthLast(){\n        let date=new Date();\n        let currentMonth=date.getMonth();\n        let nextMonth=++currentMonth;\n        let nextMonthFirstDay=new Date(date.getFullYear(),nextMonth,1);\n        let oneDay=1000*60*60*24;\n        let lastTime = new Date(nextMonthFirstDay-oneDay);\n        let month = parseInt(lastTime.getMonth()+1);\n        let day = lastTime.getDate();\n        if (month < 10) {\n            month = '0' + month\n        }\n        if (day < 10) {\n            day = '0' + day\n        }\n        return date.getFullYear() + '-' + month + '-' + day;\n    }\n\n  }\n};\n",null]}