1 line
16 KiB
JSON
1 line
16 KiB
JSON
{"remainingRequest":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\babel-loader\\lib\\index.js!F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!F:\\workspace\\webstorm\\SafetyScreen-ui2\\src\\components\\home\\rightThree.vue?vue&type=script&lang=js","dependencies":[{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\src\\components\\home\\rightThree.vue","mtime":1740032704207},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\babel.config.js","mtime":1740032703932},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740032832373},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\babel-loader\\lib\\index.js","mtime":1740032833520},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740032832373},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui2\\node_modules\\vue-loader\\lib\\index.js","mtime":1740032833997}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKdmFyIF9pbnRlcm9wUmVxdWlyZURlZmF1bHQgPSByZXF1aXJlKCJGOi93b3Jrc3BhY2Uvd2Vic3Rvcm0vU2FmZXR5U2NyZWVuLXVpMi9ub2RlX21vZHVsZXMvQGJhYmVsL3J1bnRpbWUvaGVscGVycy9pbnRlcm9wUmVxdWlyZURlZmF1bHQuanMiKS5kZWZhdWx0Owp2YXIgX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQgPSByZXF1aXJlKCJGOi93b3Jrc3BhY2Uvd2Vic3Rvcm0vU2FmZXR5U2NyZWVuLXVpMi9ub2RlX21vZHVsZXMvQGJhYmVsL3J1bnRpbWUvaGVscGVycy9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkLmpzIikuZGVmYXVsdDsKT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsICJfX2VzTW9kdWxlIiwgewogIHZhbHVlOiB0cnVlCn0pOwpleHBvcnRzLmRlZmF1bHQgPSB2b2lkIDA7CnZhciBlY2hhcnRzID0gX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQocmVxdWlyZSgiZWNoYXJ0cyIpKTsKdmFyIF9zY3JlZW4gPSByZXF1aXJlKCIuLi8uLi9hcGkvc2NyZWVuIik7CnZhciBfY29tbW9uRGlhbG9nID0gX2ludGVyb3BSZXF1aXJlRGVmYXVsdChyZXF1aXJlKCIuL2NvbW1vbkRpYWxvZy52dWUiKSk7Ci8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCnZhciBfZGVmYXVsdCA9IGV4cG9ydHMuZGVmYXVsdCA9IHsKICBuYW1lOiAnYWNjZXNzUmF0ZVBhZ2UnLAogIGNvbXBvbmVudHM6IHsKICAgIGZpeE1hdGVyaWFsQW5hbHlzaXNEaWFsb2c6IF9jb21tb25EaWFsb2cuZGVmYXVsdAogIH0sCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGRhdGFPYmo6IHt9LAogICAgICBtYVR5cGU6ICcnCiAgICB9OwogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHZhciBfdGhpcyA9IHRoaXM7CiAgICB0aGlzLiRldmVudEJ1cy4kb24oJ21hVHlwZScsIGZ1bmN0aW9uIChtYVR5cGUpIHsKICAgICAgX3RoaXMubWFUeXBlID0gbWFUeXBlOwogICAgICBfdGhpcy5nZXRNYWludGVuYW5jZUJ5TW9udGhBcGlQYWdlKCk7CiAgICB9KTsKICAgIHNldEludGVydmFsKGZ1bmN0aW9uICgpIHsKICAgICAgX3RoaXMuZ2V0TWFpbnRlbmFuY2VCeU1vbnRoQXBpUGFnZSgpOwogICAgfSwgNjAgKiAxMDAwKTsKICB9LAogIGRlc3Ryb3llZDogZnVuY3Rpb24gZGVzdHJveWVkKCkgewogICAgdGhpcy4kZXZlbnRCdXMuJG9mZignbWFUeXBlJyk7CiAgfSwKICBtZXRob2RzOiB7CiAgICBnZXRNYWludGVuYW5jZUJ5TW9udGhBcGlQYWdlOiBmdW5jdGlvbiBnZXRNYWludGVuYW5jZUJ5TW9udGhBcGlQYWdlKCkgewogICAgICB2YXIgX3RoaXMyID0gdGhpczsKICAgICAgdmFyIHBhcmFtcyA9IHsKICAgICAgICBtYVR5cGU6IHRoaXMubWFUeXBlCiAgICAgIH07CiAgICAgIHRoaXMuZGF0YU9iaiA9IHt9OwogICAgICAoMCwgX3NjcmVlbi5nZXRNYWludGVuYW5jZUJ5TW9udGhBcGkpKHBhcmFtcykudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgaWYgKHJlcy5jb2RlID09IDIwMCkgewogICAgICAgICAgX3RoaXMyLmRhdGFPYmogPSByZXMuZGF0YTsKICAgICAgICAgIF90aGlzMi5nZXRJbml0RGF0YSgpOwogICAgICAgIH0KICAgICAgfSk7CiAgICB9LAogICAgZ2V0SW5pdERhdGE6IGZ1bmN0aW9uIGdldEluaXREYXRhKCkgewogICAgICB2YXIgb3B0aW9uID0gewogICAgICAgIGJhY2tncm91bmRDb2xvcjogJ3RyYW5zcGFyZW50JywKICAgICAgICB0b29sdGlwOiB7CiAgICAgICAgICBmb3JtYXR0ZXI6ICd7YX0gPGJyLz57Yn0gOiB7Y30lJwogICAgICAgIH0sCiAgICAgICAgdGl0bGU6IHsKICAgICAgICAgIHRleHQ6ICIiLmNvbmNhdCh0aGlzLmRhdGFPYmoubnVtMiksCiAgICAgICAgICBsZWZ0OiAnY2VudGVyJywKICAgICAgICAgIHRvcDogJzI1JScsCiAgICAgICAgICBpdGVtR2FwOiA2LAogICAgICAgICAgdGV4dFN0eWxlOiB7CiAgICAgICAgICAgIGNvbG9yOiAnIzFDRkZBMycsCiAgICAgICAgICAgIGZvbnRTaXplOiAyMiwKICAgICAgICAgICAgZm9udFdlaWdodDogJ2JvbGQnCiAgICAgICAgICB9LAogICAgICAgICAgc3VidGV4dDogIlx1N0VGNFx1NEZFRVx1NTQwOFx1NjgzQ1xuICgiLmNvbmNhdCh0aGlzLmRhdGFPYmoucmF0ZTIsICIpIiksCiAgICAgICAgICBzdWJ0ZXh0U3R5bGU6IHsKICAgICAgICAgICAgY29sb3I6ICcjRDlEOUQ5JywKICAgICAgICAgICAgZm9udFNpemU6IDE0LAogICAgICAgICAgICBsaW5lSGVpZ2h0OiAyMAogICAgICAgICAgfQogICAgICAgIH0sCiAgICAgICAgc2VyaWVzOiBbewogICAgICAgICAgdHlwZTogJ2dhdWdlJywKICAgICAgICAgIHJhZGl1czogJzg0JScsCiAgICAgICAgICBzdGFydEFuZ2xlOiAnMzYwJywKICAgICAgICAgIGVuZEFuZ2xlOiAnMCcsCiAgICAgICAgICBtaW46IDAsCiAgICAgICAgICBtYXg6IDEwMCwKICAgICAgICAgIHBvaW50ZXI6IHsKICAgICAgICAgICAgc2hvdzogZmFsc2UKICAgICAgICAgIH0sCiAgICAgICAgICBkZXRhaWw6IHsKICAgICAgICAgICAgc2hvdzogZmFsc2UKICAgICAgICAgIH0sCiAgICAgICAgICBkYXRhOiBbewogICAgICAgICAgICB2YWx1ZTogMQogICAgICAgICAgfV0sCiAgICAgICAgICBheGlzTGluZTogewogICAgICAgICAgICBzaG93OiB0cnVlLAogICAgICAgICAgICBsaW5lU3R5bGU6IHsKICAgICAgICAgICAgICBjb2xvcjogW1sxLCAnIzE4RTI5QyddXSwKICAgICAgICAgICAgICB3aWR0aDogMiwKICAgICAgICAgICAgICBvcGFjaXR5OiAxCiAgICAgICAgICAgIH0KICAgICAgICAgIH0sCiAgICAgICAgICBheGlzVGljazogewogICAgICAgICAgICBzaG93OiBmYWxzZQogICAgICAgICAgfSwKICAgICAgICAgIHNwbGl0TGluZTogewogICAgICAgICAgICBzaG93OiBmYWxzZSwKICAgICAgICAgICAgbGVuZ3RoOiAtNDQsCiAgICAgICAgICAgIGxpbmVTdHlsZTogewogICAgICAgICAgICAgIGNvbG9yOiAnIzE4RTI5QycsCiAgICAgICAgICAgICAgd2lkdGg6IDAsCiAgICAgICAgICAgICAgdHlwZTogJ3NvbGlkJwogICAgICAgICAgICB9CiAgICAgICAgICB9LAogICAgICAgICAgYXhpc0xhYmVsOiB7CiAgICAgICAgICAgIHNob3c6IGZhbHNlCiAgICAgICAgICB9CiAgICAgICAgfV0KICAgICAgfTsKICAgICAgdmFyIG15Q2hhcnRzID0gZWNoYXJ0cy5pbml0KGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJyNhY2Nlc3NSYXRlRWNoYXJ0c1BpZScpKTsKICAgICAgbXlDaGFydHMuc2V0T3B0aW9uKG9wdGlvbik7CiAgICB9LAogICAgaGFuZGxlQ2xpY2s6IGZ1bmN0aW9uIGhhbmRsZUNsaWNrKCkgewogICAgICAvLyB0aGlzLiRyZWZzLmZpeE1hdGVyaWFsLnNldE9wZW4oeyBvcGVuOiB0cnVlLCBtYVR5cGU6IHRoaXMubWFUeXBlIH0pCiAgICB9CiAgfQp9Ow=="},{"version":3,"names":["echarts","_interopRequireWildcard","require","_screen","_commonDialog","_interopRequireDefault","name","components","fixMaterialAnalysisDialog","data","dataObj","maType","mounted","_this","$eventBus","$on","getMaintenanceByMonthApiPage","setInterval","destroyed","$off","methods","_this2","params","getMaintenanceByMonthApi","then","res","code","getInitData","option","backgroundColor","tooltip","formatter","title","text","concat","num2","left","top","itemGap","textStyle","color","fontSize","fontWeight","subtext","rate2","subtextStyle","lineHeight","series","type","radius","startAngle","endAngle","min","max","pointer","show","detail","value","axisLine","lineStyle","width","opacity","axisTick","splitLine","length","axisLabel","myCharts","init","document","querySelector","setOption","handleClick"],"sources":["src/components/home/rightThree.vue"],"sourcesContent":["<template>\r\n <div class=\"access-rate-page\">\r\n <div class=\"access-rate-box\">\r\n <div class=\"access-rate-box-title-bg\">\r\n <h5 class=\"access-rate-box-title\">当月维修分析</h5>\r\n </div>\r\n <div class=\"box_header\" @click=\"handleClick\">\r\n <div class=\"box_left_bg\">\r\n <div class=\"box_left_bg_upkeep\">\r\n <div class=\"box_left_bg_img\">\r\n <img src=\"../../assets/img/myImage/upkeep.png\" alt=\"\" />\r\n </div>\r\n <div class=\"box_left_bg_number\">{{ dataObj.rate }}</div>\r\n <div class=\"box_left_bg_title\">\r\n <span>待维修</span><span> ({{ dataObj.num }}) </span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"box_left_pie\">\r\n <div id=\"accessRateEchartsPie\"></div>\r\n </div>\r\n <div class=\"box_right_bg\">\r\n <div class=\"box_left_bg_upkeep\">\r\n <div class=\"box_left_bg_img\">\r\n <img src=\"../../assets/img/myImage/scrap.png\" alt=\"\" />\r\n </div>\r\n <div class=\"box_left_bg_number\">{{ dataObj.rate3 }}</div>\r\n <div class=\"box_left_bg_title\">\r\n <span>待报废</span><span> ({{ dataObj.num3 }}) </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- <fixMaterialAnalysisDialog ref=\"fixMaterial\" /> -->\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\nimport * as echarts from 'echarts';\r\nimport { getMaintenanceByMonthApi } from \"../../api/screen\";\r\nimport fixMaterialAnalysisDialog from './commonDialog.vue';\r\n\r\nexport default {\r\n name: 'accessRatePage',\r\n components: { fixMaterialAnalysisDialog },\r\n data() {\r\n return {\r\n dataObj: {},\r\n maType: ''\r\n }\r\n },\r\n mounted() {\r\n this.$eventBus.$on('maType', (maType) => {\r\n this.maType = maType\r\n this.getMaintenanceByMonthApiPage()\r\n });\r\n setInterval(() => {\r\n this.getMaintenanceByMonthApiPage()\r\n }, 60 * 1000);\r\n\r\n },\r\n destroyed() {\r\n this.$eventBus.$off('maType');\r\n },\r\n methods: {\r\n getMaintenanceByMonthApiPage() {\r\n let params = {\r\n maType: this.maType\r\n }\r\n this.dataObj = {}\r\n getMaintenanceByMonthApi(params).then(res => {\r\n if (res.code == 200) {\r\n this.dataObj = res.data\r\n this.getInitData();\r\n }\r\n })\r\n },\r\n getInitData() {\r\n let option = {\r\n backgroundColor: 'transparent',\r\n tooltip: {\r\n formatter: '{a} <br/>{b} : {c}%',\r\n },\r\n title: {\r\n text: `${this.dataObj.num2}`,\r\n left: 'center',\r\n top: '25%',\r\n itemGap: 6,\r\n textStyle: {\r\n color: '#1CFFA3',\r\n fontSize: 22,\r\n fontWeight: 'bold',\r\n },\r\n subtext: `维修合格\\n (${this.dataObj.rate2})`,\r\n subtextStyle: {\r\n color: '#D9D9D9',\r\n fontSize: 14,\r\n lineHeight: 20\r\n },\r\n },\r\n series: [\r\n {\r\n type: 'gauge',\r\n radius: '84%',\r\n startAngle: '360',\r\n endAngle: '0',\r\n min: 0,\r\n max: 100,\r\n pointer: {\r\n show: false,\r\n },\r\n detail: {\r\n show: false,\r\n },\r\n data: [\r\n {\r\n value: 1,\r\n },\r\n ],\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: [[1, '#18E29C']],\r\n width: 2,\r\n opacity: 1,\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n splitLine: {\r\n show: false,\r\n length: -44,\r\n lineStyle: {\r\n color: '#18E29C',\r\n width: 0,\r\n type: 'solid',\r\n },\r\n },\r\n axisLabel: {\r\n show: false,\r\n },\r\n },\r\n ],\r\n };\r\n\r\n let myCharts = echarts.init(document.querySelector('#accessRateEchartsPie'));\r\n myCharts.setOption(option)\r\n },\r\n handleClick() {\r\n // this.$refs.fixMaterial.setOpen({ open: true, maType: this.maType })\r\n }\r\n },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.access-rate-page {\r\n margin-bottom: 31px;\r\n\r\n .access-rate-box {\r\n .access-rate-box-title-bg {\r\n width: 433px;\r\n height: 50px;\r\n background: url(../../assets/img/myImage/title_right.png) no-repeat center;\r\n background-size: 100% 100%;\r\n position: relative;\r\n\r\n .access-rate-box-title {\r\n position: absolute;\r\n left: 6%;\r\n top: 28%;\r\n font-size: 20px;\r\n font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;\r\n font-weight: 500;\r\n color: #ffffff;\r\n line-height: 23px;\r\n letter-spacing: 2px;\r\n }\r\n }\r\n\r\n .box_header {\r\n width: 433px;\r\n height: 113px;\r\n box-sizing: border-box;\r\n margin-top: 25px;\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: center;\r\n .box_left_bg {\r\n width: 151px;\r\n height: 137px;\r\n background: url(../../assets/img/myImage/left_bg.png) no-repeat center;\r\n background-size: 100% 100%;\r\n margin-right: -15px;\r\n .box_left_bg_upkeep {\r\n margin-top: 33px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n .box_left_bg_img {\r\n width: 16px;\r\n height: 16px;\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n .box_left_bg_number {\r\n font-size: 22px;\r\n font-family: Roboto, Roboto;\r\n font-weight: bold;\r\n color: #ffffff;\r\n line-height: 26px;\r\n margin: 8px 0;\r\n }\r\n .box_left_bg_title {\r\n font-size: 14px;\r\n font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.8);\r\n line-height: 16px;\r\n }\r\n }\r\n }\r\n\r\n .box_right_bg {\r\n width: 151px;\r\n height: 137px;\r\n background: url(../../assets/img/myImage/right_bg.png) no-repeat center;\r\n background-size: 100% 100%;\r\n margin-left: -15px;\r\n .box_left_bg_upkeep {\r\n margin-top: 33px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n .box_left_bg_img {\r\n width: 16px;\r\n height: 16px;\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n .box_left_bg_number {\r\n font-size: 22px;\r\n font-family: Roboto, Roboto;\r\n font-weight: bold;\r\n color: #ffffff;\r\n line-height: 26px;\r\n margin: 8px 0;\r\n }\r\n .box_left_bg_title {\r\n font-size: 14px;\r\n font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.8);\r\n line-height: 16px;\r\n }\r\n }\r\n }\r\n .box_left_pie {\r\n width: calc(433px - 302px);\r\n height: 137px;\r\n border-radius: 50%;\r\n background: #003870;\r\n #accessRateEchartsPie {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n"],"mappings":";;;;;;;;AAuCA,IAAAA,OAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAEA;EACAI,IAAA;EACAC,UAAA;IAAAC,yBAAA,EAAAA;EAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,OAAA;MACAC,MAAA;IACA;EACA;EACAC,OAAA,WAAAA,QAAA;IAAA,IAAAC,KAAA;IACA,KAAAC,SAAA,CAAAC,GAAA,qBAAAJ,MAAA;MACAE,KAAA,CAAAF,MAAA,GAAAA,MAAA;MACAE,KAAA,CAAAG,4BAAA;IACA;IACAC,WAAA;MACAJ,KAAA,CAAAG,4BAAA;IACA;EAEA;EACAE,SAAA,WAAAA,UAAA;IACA,KAAAJ,SAAA,CAAAK,IAAA;EACA;EACAC,OAAA;IACAJ,4BAAA,WAAAA,6BAAA;MAAA,IAAAK,MAAA;MACA,IAAAC,MAAA;QACAX,MAAA,OAAAA;MACA;MACA,KAAAD,OAAA;MACA,IAAAa,gCAAA,EAAAD,MAAA,EAAAE,IAAA,WAAAC,GAAA;QACA,IAAAA,GAAA,CAAAC,IAAA;UACAL,MAAA,CAAAX,OAAA,GAAAe,GAAA,CAAAhB,IAAA;UACAY,MAAA,CAAAM,WAAA;QACA;MACA;IACA;IACAA,WAAA,WAAAA,YAAA;MACA,IAAAC,MAAA;QACAC,eAAA;QACAC,OAAA;UACAC,SAAA;QACA;QACAC,KAAA;UACAC,IAAA,KAAAC,MAAA,MAAAxB,OAAA,CAAAyB,IAAA;UACAC,IAAA;UACAC,GAAA;UACAC,OAAA;UACAC,SAAA;YACAC,KAAA;YACAC,QAAA;YACAC,UAAA;UACA;UACAC,OAAA,iCAAAT,MAAA,MAAAxB,OAAA,CAAAkC,KAAA;UACAC,YAAA;YACAL,KAAA;YACAC,QAAA;YACAK,UAAA;UACA;QACA;QACAC,MAAA,GACA;UACAC,IAAA;UACAC,MAAA;UACAC,UAAA;UACAC,QAAA;UACAC,GAAA;UACAC,GAAA;UACAC,OAAA;YACAC,IAAA;UACA;UACAC,MAAA;YACAD,IAAA;UACA;UACA9C,IAAA,GACA;YACAgD,KAAA;UACA,EACA;UACAC,QAAA;YACAH,IAAA;YACAI,SAAA;cACAnB,KAAA;cACAoB,KAAA;cACAC,OAAA;YACA;UACA;UACAC,QAAA;YACAP,IAAA;UACA;UACAQ,SAAA;YACAR,IAAA;YACAS,MAAA;YACAL,SAAA;cACAnB,KAAA;cACAoB,KAAA;cACAZ,IAAA;YACA;UACA;UACAiB,SAAA;YACAV,IAAA;UACA;QACA;MAEA;MAEA,IAAAW,QAAA,GAAAlE,OAAA,CAAAmE,IAAA,CAAAC,QAAA,CAAAC,aAAA;MACAH,QAAA,CAAAI,SAAA,CAAA1C,MAAA;IACA;IACA2C,WAAA,WAAAA,YAAA;MACA;IAAA;EAEA;AACA","ignoreList":[]}]} |