chunk-fc275d4c.f23846f8.js.map 15.5 KB
{"version":3,"sources":["webpack:///./src/views/reportForms/faultStatistiWeek.vue?a9cf","webpack:///src/views/reportForms/faultStatistiWeek.vue","webpack:///./src/views/reportForms/faultStatistiWeek.vue?ecde","webpack:///./src/views/reportForms/faultStatistiWeek.vue","webpack:///./src/views/reportForms/faultStatistiWeek.vue?a9fc","webpack:///./src/views/reportForms/faultStatistiWeek.vue?470b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","$event","type","indexOf","_k","keyCode","key","btnAction","attrs","sysTitle","ref","projectCallBackEmit","staticStyle","model","value","form","callback","$$v","$set","expression","_v","column","_m","staticRenderFns","component"],"mappings":"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","file":"static/js/chunk-fc275d4c.f23846f8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"dv-body\",on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.btnAction('query')}}},[_c('sys-head',{attrs:{\"title\":_vm.sysTitle,\"remark\":'(点击故障次数绿色柱子查看故障详情,搜索后表格默认展示第一周故障详情)'}}),_c('div',{staticClass:\"time-select\"},[_c('bus-project',{ref:\"childSelectProject\",attrs:{\"defaultSelectIndex\":1},on:{\"selectCallBackEmit\":_vm.projectCallBackEmit}}),_c('el-col',{attrs:{\"span\":56}},[_c('el-date-picker',{staticStyle:{\"width\":\"210px\"},attrs:{\"type\":\"date\",\"placeholder\":\"选择日期\",\"value-format\":\"yyyy-MM-dd\"},model:{value:(_vm.form.startTime),callback:function ($$v) {_vm.$set(_vm.form, \"startTime\", $$v)},expression:\"form.startTime\"}})],1),_c('el-button',{staticStyle:{\"margin\":\"0.2vw\"},attrs:{\"icon\":\"el-icon-search\"},on:{\"click\":function($event){return _vm.btnAction('query')}}},[_vm._v(\"搜索\")]),_c('el-button',{staticStyle:{\"margin\":\"0.2vw\"},on:{\"click\":function($event){return _vm.btnAction('excel')}}},[_vm._v(\"Excel\")]),_c('sys-export',{ref:\"childExport\",attrs:{\"fileName\":_vm.sysTitle,\"excelColumn\":_vm.column}})],1),_vm._m(0),_c('div',{staticClass:\"dv-body-bottom\"},[_c('div',{staticClass:\"dv-body-bottom-content\"},[_c('div',{staticClass:\"dv-body-bottom-tableMTTR\"},[_c('sys-table',{ref:\"childTable\",attrs:{\"tableHeight\":\"240\",\"tableColumn\":_vm.column}})],1)])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"dv-body-top\"},[_c('div',{staticClass:\"dv-body-top-echartOne\",attrs:{\"id\":\"MTTR\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"dv-body\" v-on:keyup.enter=\"btnAction('query')\">\r\n\t\t<sys-head :title=\"sysTitle\" :remark=\"'(点击故障次数绿色柱子查看故障详情,搜索后表格默认展示第一周故障详情)'\"></sys-head>\r\n\t\t<div class=\"time-select\">\r\n\t\t\t<bus-project ref=\"childSelectProject\" :defaultSelectIndex=\"1\" @selectCallBackEmit=\"projectCallBackEmit\"></bus-project>\r\n\t\t\t<el-col :span=\"56\">\r\n\t\t\t\t<el-date-picker v-model=\"form.startTime\" type=\"date\" placeholder=\"选择日期\" value-format=\"yyyy-MM-dd\" style=\"width: 210px;\"> </el-date-picker>\r\n\t\t\t</el-col>\r\n\t\t\t<el-button @click=\"btnAction('query')\" icon=\"el-icon-search\" style=\"margin: 0.2vw;\">搜索</el-button>\r\n\t\t\t<el-button @click=\"btnAction('excel')\" style=\"margin: 0.2vw;\">Excel</el-button>\r\n\t\t\t<sys-export ref=\"childExport\" :fileName=\"sysTitle\" :excelColumn=\"column\"></sys-export>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"dv-body-top\">\r\n\t\t\t<div class=\"dv-body-top-echartOne\" id=\"MTTR\"></div>\r\n\t\t</div>\r\n\t\t<div class=\"dv-body-bottom\">\r\n\t\t\t<div class=\"dv-body-bottom-content\">\r\n\t\t\t\t<div class=\"dv-body-bottom-tableMTTR\">\r\n\t\t\t\t\t<sys-table ref=\"childTable\" tableHeight=\"240\" :tableColumn=\"column\"></sys-table>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n<!-- 故障次数近4周对比-->\r\n<script>\r\nexport default {\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tbaseUrl: !window.baseOnLineOrOff ? 'http://127.0.0.1:10099' : window.appConfig.baseUlrOnLine,\r\n\t\t\tsysTitle: '故障次数近4周对比 ver:' + window.appConfig.appId,\r\n\t\t\t// 选择日期\r\n\t\t\tform: {\r\n\t\t\t\tstartTime: new Date().format('yyyy-MM-dd'),\r\n\t\t\t},\r\n\t\t\tsysData: {\r\n\t\t\t\teChars: [],\r\n\t\t\t\tsysTable: [],\r\n\t\t\t},\r\n\t\t\tparams: {\r\n\t\t\t\tnowSelectProjectVal: '',\r\n\t\t\t\tisFrist: false,\r\n\t\t\t},\r\n\t\t\tcolumn: window.faultStatisti,\r\n\t\t}\r\n\t},\r\n\tmethods: {\r\n\t\t// 项目下拉框选择\r\n\t\tprojectCallBackEmit(selectObj) {\r\n\t\t\tthis.params.nowSelectProjectVal = selectObj.selectKey\r\n\t\t\tif (this.params.isFrist) return\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.getData('query')\r\n\t\t\t\tthis.params.isFrist = true\r\n\t\t\t}, 500)\r\n\t\t},\r\n\t\t//搜索、导出\r\n\t\tbtnAction(falg) {\r\n\t\t\tthis.getData(falg)\r\n\t\t},\r\n\r\n\t\tgetData(falg) {\r\n\t\t\tif (this.params.nowSelectProjectVal == '') {\r\n\t\t\t\tthis.$alert('请选择项目号', '提示', { dangerouslyUseHTMLString: true })\r\n\t\t\t\treturn\r\n\t\t\t}\r\n\t\t\tif (this.form.startTime == null) {\r\n\t\t\t\tthis.$alert('请选择日期', '提示', { dangerouslyUseHTMLString: true })\r\n\t\t\t\treturn\r\n\t\t\t}\r\n\t\t\tlet opt = {\r\n\t\t\t\turlSuffix: `${this.baseUrl}/api/BulletinBoard/FailureMonthWeekCountAndTime?projectCode=${this.params.nowSelectProjectVal}&currentDate=${this.form.startTime}`,\r\n\t\t\t\tlogTitle: '表格数据',\r\n\t\t\t\tisUrlALL: true,\r\n\t\t\t\tisLoad: true,\r\n\t\t\t\tfalg: falg,\r\n\t\t\t}\r\n\t\t\tlet callBackFn = (res) => {\r\n\t\t\t\tif (!this.ajaxSuccessDataBefore(res)) return\r\n\t\t\t\tthis.sysData.eChars = res.data.data.reverse()\r\n\t\t\t\tlet optionCil = this.initEchartMttr()\r\n\t\t\t\tthis.initEchart(optionCil)\r\n\r\n\t\t\t\tif (falg == 'excel') {\r\n\t\t\t\t\tlet excelData = res.data.data.map((item) => item.AlarmListData).flat()\r\n\t\t\t\t\tthis.$refs.childExport.exportExcel(excelData)\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.popupList(this.sysData.eChars[0].TimePeriod)\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t''.ajax(this, opt, callBackFn)\r\n\t\t},\r\n\r\n\t\t// 柱状图数据渲染\r\n\t\tinitEchartMttr() {\r\n\t\t\tlet seriesOne = []\r\n\t\t\tlet seriesTwo = []\r\n\t\t\tlet seriesThree = []\r\n\t\t\tlet sumAlarmSumTime = 0\r\n\t\t\tlet sumAlarmCount = 0\r\n\t\t\tthis.sysData.eChars.forEach((x) => {\r\n\t\t\t\tseriesOne.push(x.AlarmCount)\r\n\t\t\t\tseriesTwo.push(x.TimePeriod)\r\n\t\t\t\tseriesThree.push(x.AlarmSumTime)\r\n\t\t\t\tsumAlarmSumTime += x.AlarmSumTime\r\n\t\t\t\tsumAlarmCount += x.AlarmCount\r\n\t\t\t})\r\n\t\t\tlet chartDom = document.getElementById('MTTR')\r\n\t\t\tvar myChart = this.$echarts.init(chartDom)\r\n\t\t\t//x轴数据\r\n\t\t\tfaultOption.xAxis.data = seriesTwo\r\n\t\t\t//柱子数据\r\n\t\t\tfaultOption.series[0].data = seriesOne\r\n\t\t\tfaultOption.series[1].data = seriesThree\r\n\r\n\t\t\tfaultOption.title.text = `故障次数近4周对比,总次数:${sumAlarmCount},总分钟数:${''.roundNumber(sumAlarmSumTime)}`\r\n\t\t\tfaultOption && myChart.setOption(faultOption)\r\n\r\n\t\t\treturn faultOption\r\n\t\t},\r\n\t\t// 柱状图点击事件1\r\n\t\tinitEchart(option) {\r\n\t\t\tlet myChart = this.$echarts.init(document.getElementById('MTTR'))\r\n\t\t\tlet chart = myChart\r\n\t\t\tchart.getZr().on('click', (params) => {\r\n\t\t\t\tconst position = [params.offsetX, params.offsetY]\r\n\t\t\t\tif (chart.containPixel('grid', position)) {\r\n\t\t\t\t\tlet index = chart.convertFromPixel({ seriesIndex: 0 }, [params.offsetX, params.offsetY])[0]\r\n\t\t\t\t\tvar op = myChart.getOption()\r\n\t\t\t\t\tvar xValue = op.xAxis[0].data[index]\r\n\t\t\t\t\tif (params.event.cancelBubble == false) {\r\n\t\t\t\t\t\tparams.event.cancelBubble = true\r\n\t\t\t\t\t\tthis.popupList(xValue)\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t})\r\n\r\n\t\t\tif (chart != null) chart.setOption(option)\r\n\t\t},\r\n\t\t// 表格数据处理\r\n\t\tpopupList(xValue) {\r\n\t\t\tlet temp = []\r\n\t\t\tthis.sysData.eChars.forEach((x) => {\r\n\t\t\t\tif (x.TimePeriod == xValue) {\r\n\t\t\t\t\tif (x.AlarmListData != null) {\r\n\t\t\t\t\t\ttemp = x.AlarmListData\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\ttemp = []\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\tthis.$refs.childTable.setDataSource(temp)\r\n\t\t},\r\n\t\tajaxSuccessDataBefore(res, title) {\r\n\t\t\tif (res.data == null || res.data.length == 0) {\r\n\t\t\t\tthis.$refs.childTable.setDataSource([])\r\n\t\t\t\tthis.$echarts.init(document.getElementById('MTTR')).clear()\r\n\t\t\t\tthis.$alert('业务操作查询无数据!', '提示', { dangerouslyUseHTMLString: true })\r\n\t\t\t\treturn false\r\n\t\t\t}\r\n\t\t\treturn true\r\n\t\t},\r\n\t},\r\n\tmounted() {\r\n\t\tdebugger\r\n\t},\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dv-body {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground-color: #fff;\r\n\tbox-sizing: border-box;\r\n\ttext-align: center;\r\n\t.dv-body-top {\r\n\t\tdisplay: flex;\r\n\t\tflex: 1;\r\n\t\tjustify-content: center;\r\n\t\twidth: 100%;\r\n\t\theight: 45%;\r\n\t\t// border: 1px solid yellowgreen;\r\n\r\n\t\t.dv-body-top-echartOne {\r\n\t\t\twidth: 98%;\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\t\t.dv-body-top-echartTwo {\r\n\t\t\twidth: 50%;\r\n\t\t}\r\n\t}\r\n\t.dv-body-bottom {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\twidth: 100%;\r\n\t\theight: 47.4%;\r\n\t\t// border: 1px solid red;\r\n\r\n\t\t.dv-body-bottom-content {\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\t// background-color: yellow;\r\n\t\t}\r\n\t\t.dv-body-bottom-tableMTTR {\r\n\t\t\twidth: 99%;\r\n\t\t\theight: 270px;\r\n\t\t\t//border: 1px solid #000;\r\n\t\t\tbox-shadow: 5px 5px 5px #888888;\r\n\t\t\tmargin-right: 57px;\r\n\t\t\tmargin: 33px auto;\r\n\t\t}\r\n\t\t.dv-body-bottom-content2 {\r\n\t\t\twidth: 50%;\r\n\r\n\t\t\t// background-color: green;\r\n\t\t}\r\n\t\t.dv-body-bottom-tableMTBF {\r\n\t\t\twidth: 620px;\r\n\t\t\theight: 300px;\r\n\t\t\t//border: 1px solid #000;\r\n\t\t\tbox-shadow: 5px 5px 5px #888888;\r\n\t\t\tmargin-right: 57px;\r\n\t\t\tmargin: 33px auto;\r\n\t\t}\r\n\t}\r\n}\r\n</style>\r\n<style lang=\"scss\">\r\n// }\r\n.el-table td,\r\n.el-table th {\r\n\tpadding: 6px 0 !important;\r\n}\r\n.el-table thead {\r\n\tcolor: #909399;\r\n\tfont-weight: 500;\r\n\t//   display: none;\r\n}\r\n.sys-time-select {\r\n\tdisplay: flex;\r\n\twidth: 100%;\r\n}\r\n\r\n.time-select {\r\n\tdisplay: flex;\r\n\tpadding-left: 20px;\r\n\twidth: 100%;\r\n\talign-items: center;\r\n\tjustify-items: center;\r\n}\r\n.el-button {\r\n\tbackground-color: #1bb293 !important;\r\n\tcolor: #fff !important;\r\n\tborder: none !important;\r\n\tmargin: 5px 0.2vw;\r\n}\r\n.el-table .cell {\r\n\ttext-align: center;\r\n}\r\n.el-table_1_column_1 .cell {\r\n\tfont-weight: 600;\r\n}\r\n.el-table_2_column_14 .cell {\r\n\tfont-weight: 600;\r\n\t//background-color: #eca600;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./faultStatistiWeek.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./faultStatistiWeek.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./faultStatistiWeek.vue?vue&type=template&id=6ac2287a&scoped=true&\"\nimport script from \"./faultStatistiWeek.vue?vue&type=script&lang=js&\"\nexport * from \"./faultStatistiWeek.vue?vue&type=script&lang=js&\"\nimport style0 from \"./faultStatistiWeek.vue?vue&type=style&index=0&id=6ac2287a&lang=scss&scoped=true&\"\nimport style1 from \"./faultStatistiWeek.vue?vue&type=style&index=1&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6ac2287a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./faultStatistiWeek.vue?vue&type=style&index=0&id=6ac2287a&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./faultStatistiWeek.vue?vue&type=style&index=1&lang=scss&\""],"sourceRoot":""}