1 line
7.5 KiB
JSON
1 line
7.5 KiB
JSON
{"remainingRequest":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!G:\\project\\smart-power-ui\\src\\views\\bigScreen\\v1\\profile\\wraringInfo.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"G:\\project\\smart-power-ui\\src\\views\\bigScreen\\v1\\profile\\wraringInfo.vue","mtime":1620972909922},{"path":"G:\\project\\smart-power-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":1592876569350},{"path":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1610504274351},{"path":"G:\\project\\smart-power-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":1591751774425},{"path":"G:\\project\\smart-power-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1612140853844},{"path":"G:\\project\\smart-power-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1591751767036},{"path":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1610504274351}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLmJpZy13cmFyaW5nLWluZm8td3JhcCB7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IGNhbGMoMTAwJSAtIDMwMHB4KTsNCiAgLnRpdGxlLXQgew0KICAgIGZvbnQtc2l6ZTogMTZweDsNCiAgICBsZXR0ZXItc3BhY2luZzogMXB4Ow0KICAgIGhlaWdodDogNjBweDsNCiAgICB3aWR0aDogMTAwJTsNCiAgICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyOw0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAganVzdGlmeS1jb250ZW50OiBsZWZ0Ow0KICAgIHBhZGRpbmctbGVmdDogNDVweDsNCiAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgIHBhZGRpbmctYm90dG9tOiAxMHB4Ow0KICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgiLi4vLi4vLi4vLi4vYXNzZXRzL2ltYWdlcy9iaWcvYi5wbmciKTsNCiAgICB3aWR0aDogNDEwcHg7DQogIH0NCiAgLmNvdW50LWJsb2NrIHsNCiAgICB3aWR0aDogY2FsYygxMDAlIC0gNDBweCk7DQogICAgaGVpZ2h0OiAxODBweDsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIGZsZXgtd3JhcDogd3JhcDsNCiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQogICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7DQogICAgbWFyZ2luOiA1cHggMjBweDsNCiAgICAuaW5mby1ibG9jay1kaXYgew0KICAgICAgaGVpZ2h0OiBjYWxjKCgxODBweCAtIDIwcHgpIC8gMik7DQogICAgICB3aWR0aDogY2FsYygoMTAwJSAtIDEwcHgpIC8gMik7DQogICAgICBib3JkZXI6IDFweCBzb2xpZCAjMDNhOWY0Ow0KICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgIGZsZXgtd3JhcDogd3JhcDsNCiAgICAgIHBhZGRpbmc6IDhweCAwOw0KICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQogICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAgbWFyZ2luLWJvdHRvbTogMTBweDsNCiAgICAgID4gZGl2IHsNCiAgICAgICAgd2lkdGg6IDEwMCU7DQogICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICAgICAgICBmb250LWZhbWlseTogIlNvdXJjZSBIYW4gU2FucyBDTiI7DQogICAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7DQogICAgICB9DQogICAgICA+IGRpdjpudGgtY2hpbGQoMSkgew0KICAgICAgICBmb250LXNpemU6IDE0cHg7DQogICAgICAgIGNvbG9yOiAjZmZmZmZmOw0KICAgICAgfQ0KICAgICAgPiBkaXY6bnRoLWNoaWxkKDIpIHsNCiAgICAgICAgZm9udC1zaXplOiAxNnB4Ow0KICAgICAgICBjb2xvcjogI2ZmZmZmZjsNCiAgICAgIH0NCiAgICB9DQogICAgLmFsYXJtLWljb24tYmxvY2sgew0KICAgICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgICAgd2lkdGg6IDQ5cHg7DQogICAgICBoZWlnaHQ6IDQ5cHg7DQogICAgICB6LWluZGV4OiAxOw0KICAgICAgYm9yZGVyOiAycHggc29saWQgIzIxZmZmZjsNCiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgICAgIHRvcDogLTEyMHB4Ow0KICAgICAgbGVmdDogMTU1cHg7DQogICAgICBiYWNrZ3JvdW5kOiAjMDQyZmI0Ow0KICAgICAgYm94LXNoYWRvdzogMHB4IDBweCA2MHB4IDE1cHggIzAxMmM5ZTsNCiAgICAgID4gaSB7DQogICAgICAgIGNvbG9yOiAjMjFmZmZmOw0KICAgICAgICBmb250LXNpemU6IDMwcHg7DQogICAgICB9DQogICAgfQ0KICB9DQp9DQo="},{"version":3,"sources":["wraringInfo.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"wraringInfo.vue","sourceRoot":"src/views/bigScreen/v1/profile","sourcesContent":["<template>\r\n <div class=\"big-wraring-info-wrap\">\r\n <div class=\"title-t\">{{title}}</div>\r\n <div class=\"count-block\">\r\n <div class=\"info-block-div\">\r\n <div>报警总数</div>\r\n <div>{{result.alarmTotal}}</div>\r\n </div>\r\n <div class=\"info-block-div\">\r\n <div>已处理率</div>\r\n <div>{{result.processedRate}}%</div>\r\n </div>\r\n <div class=\"info-block-div\">\r\n <div>未处理</div>\r\n <div style=\"color: rgba(255, 47, 96, 1);\">{{result.unProcessed}}</div>\r\n </div>\r\n <div class=\"info-block-div\">\r\n <div>已处理</div>\r\n <div style=\"color: rgba(40, 255, 155, 1);\">{{result.processed}}</div>\r\n </div>\r\n <div class=\"alarm-icon-block\">\r\n <i class=\"iconfont iconbaojing\"></i>\r\n </div>\r\n </div>\r\n <echarts-bar-wrap :styles=\"'width: 100%; height: 220px;'\" :option=\"radarOption\"></echarts-bar-wrap>\r\n </div>\r\n</template>\r\n<script>\r\nimport EchartsBarWrap from \"./echartsBar\";\r\nexport default {\r\n name: \"wraringInfoWrap\",\r\n components: {\r\n EchartsBarWrap\r\n },\r\n props: [\"result\"],\r\n data() {\r\n return {\r\n title: \"警情信息处理情况\",\r\n radarOption: []\r\n };\r\n },\r\n created() {\r\n this.radarOption = [0,0,0];\r\n },\r\n watch: {\r\n result: {\r\n handler: function (obj, oldVal) {\r\n this.radarOption = [];\r\n if (obj) {\r\n this.radarOption.push(obj.alarmTotal)\r\n this.radarOption.push(obj.unProcessed)\r\n this.radarOption.push(obj.processed)\r\n } else {\r\n this.radarOption = [0,0,0];\r\n }\r\n },\r\n deep: true\r\n }\r\n }\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.big-wraring-info-wrap {\r\n width: 100%;\r\n height: calc(100% - 300px);\r\n .title-t {\r\n font-size: 16px;\r\n letter-spacing: 1px;\r\n height: 60px;\r\n width: 100%;\r\n background-size: cover;\r\n display: flex;\r\n justify-content: left;\r\n padding-left: 45px;\r\n align-items: center;\r\n padding-bottom: 10px;\r\n background-image: url(\"../../../../assets/images/big/b.png\");\r\n width: 410px;\r\n }\r\n .count-block {\r\n width: calc(100% - 40px);\r\n height: 180px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n margin: 5px 20px;\r\n .info-block-div {\r\n height: calc((180px - 20px) / 2);\r\n width: calc((100% - 10px) / 2);\r\n border: 1px solid #03a9f4;\r\n display: flex;\r\n flex-wrap: wrap;\r\n padding: 8px 0;\r\n justify-content: center;\r\n align-items: center;\r\n margin-bottom: 10px;\r\n > div {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n font-family: \"Source Han Sans CN\";\r\n font-weight: 500;\r\n }\r\n > div:nth-child(1) {\r\n font-size: 14px;\r\n color: #ffffff;\r\n }\r\n > div:nth-child(2) {\r\n font-size: 16px;\r\n color: #ffffff;\r\n }\r\n }\r\n .alarm-icon-block {\r\n position: relative;\r\n width: 49px;\r\n height: 49px;\r\n z-index: 1;\r\n border: 2px solid #21ffff;\r\n border-radius: 50%;\r\n display: flex;\r\n justify-content: center;\r\n top: -120px;\r\n left: 155px;\r\n background: #042fb4;\r\n box-shadow: 0px 0px 60px 15px #012c9e;\r\n > i {\r\n color: #21ffff;\r\n font-size: 30px;\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]} |