{"remainingRequest":"D:\\Hjm项目\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\suyiScreen\\src\\views\\center.vue?vue&type=style&index=0&id=0dd05c26&lang=scss&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\suyiScreen\\src\\views\\center.vue","mtime":1670672751113},{"path":"D:\\Hjm项目\\suyiScreen\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyiScreen\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyiScreen\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyiScreen\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCiNjZW50ZXIgew0KICB3aWR0aDogMTAwJTsNCiAgaGVpZ2h0OiAxMDAlOw0KICBkaXNwbGF5OiBmbGV4Ow0KICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOw0KLy8gICBiYWNrZ3JvdW5kOiB1cmwoIn5AL2Fzc2V0cy9ib3gwMDEucG5nIikgbm8tcmVwZWF0Ow0KLy8gICBiYWNrZ3JvdW5kLXNpemU6IDEwMCU7DQogIC51cCB7DQogICAgd2lkdGg6IDEwMCU7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBmbGV4LWZsb3c6IHJvdyBub3dyYXA7DQogICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQogIH0NCiAgLnRpdHsNCiAgICB3aWR0aDogMTAwJTsNCiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgaGVpZ2h0OiA3MHB4Ow0KICAgIGZvbnQtc2l6ZTogMjBweDsNCiAgICBjb2xvcjogI2ZmZjsNCiAgICBsaW5lLWhlaWdodDogODBweDsNCiAgICBtYXJnaW4tdG9wOiAtNnB4Ow0KICAgIA0KfQ0KICAuZG93biB7DQogICAgcGFkZGluZzogNnB4IDRweDsNCiAgICBwYWRkaW5nLWJvdHRvbTogMDsNCiAgICB3aWR0aDogMTAwJTsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIGhlaWdodDogMjU1cHg7DQogICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOw0KICAgIC5iZy1jb2xvci1ibGFjayB7DQogICAgICBib3JkZXItcmFkaXVzOiA1cHg7DQogICAgfQ0KICAgIC5yYW5raW5nIHsNCiAgICAgIHBhZGRpbmc6IDEwcHg7DQogICAgICB3aWR0aDogNTklOw0KICAgICAgLmR2LXNjci1yYW5rLWJvYXJkIHsNCiAgICAgICAgaGVpZ2h0OiAyMjVweDsNCiAgICAgIH0NCiAgICB9DQogICAgLnBlcmNlbnQgew0KICAgICAgd2lkdGg6IDQwJTsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBmbGV4LXdyYXA6IHdyYXA7DQogICAgICAuaXRlbSB7DQogICAgICAgIHdpZHRoOiA1MCU7DQogICAgICAgIGhlaWdodDogMTIwcHg7DQogICAgICAgIHNwYW4gew0KICAgICAgICAgIG1hcmdpbi10b3A6IDhweDsNCiAgICAgICAgICBmb250LXNpemU6IDE0cHg7DQogICAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgICAgLndhdGVyIHsNCiAgICAgICAgd2lkdGg6IDEwMCU7DQogICAgICAgIC5kdi13YS1sZS1wbyB7DQogICAgICAgICAgaGVpZ2h0OiAxMjBweDsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0K"},{"version":3,"sources":["center.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0LA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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":"center.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div id=\"center\">\r\n    <div class=\"tit\">视频监控</div>\r\n    <div class=\"up\">\r\n\r\n                    <video src=\"@/assets/newimgs/videoScreen.mp4\" style=\" width:100%;height:100%;object-fit:cover\" autoplay controls></video>\r\n      \r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CenterChart from '@/components/echart/center/centerChartRate'\r\nexport default {\r\n  data() {\r\n    return {\r\n      titleItem: [\r\n        {\r\n          title: '今年累计任务建次数',\r\n          number: {\r\n            number: [120],\r\n            toFixed: 1,\r\n            textAlign: 'left',\r\n            content: '{nt}',\r\n            style: {\r\n              fontSize: 26\r\n            }\r\n          }\r\n        },\r\n        {\r\n          title: '本月累计任务次数',\r\n          number: {\r\n            number: [18],\r\n            toFixed: 1,\r\n            textAlign: 'left',\r\n            content: '{nt}',\r\n            style: {\r\n              fontSize: 26\r\n            }\r\n          }\r\n        },\r\n        {\r\n          title: '今日累计任务次数',\r\n          number: {\r\n            number: [2],\r\n            toFixed: 1,\r\n            textAlign: 'left',\r\n            content: '{nt}',\r\n            style: {\r\n              fontSize: 26\r\n            }\r\n          }\r\n        },\r\n        {\r\n          title: '今年失败任务次数',\r\n          number: {\r\n            number: [14],\r\n            toFixed: 1,\r\n            textAlign: 'left',\r\n            content: '{nt}',\r\n            style: {\r\n              fontSize: 26\r\n            }\r\n          }\r\n        },\r\n        {\r\n          title: '今年成功任务次数',\r\n          number: {\r\n            number: [106],\r\n            toFixed: 1,\r\n            textAlign: 'left',\r\n            content: '{nt}',\r\n            style: {\r\n              fontSize: 26\r\n            }\r\n          }\r\n        },\r\n        {\r\n          title: '今年达标任务个数',\r\n          number: {\r\n            number: [100],\r\n            toFixed: 1,\r\n            textAlign: 'left',\r\n            content: '{nt}',\r\n            style: {\r\n              fontSize: 26\r\n            }\r\n          }\r\n        }\r\n      ],\r\n      ranking: {\r\n        data: [\r\n          {\r\n            name: '周口',\r\n            value: 55\r\n          },\r\n          {\r\n            name: '南阳',\r\n            value: 120\r\n          },\r\n          {\r\n            name: '西峡',\r\n            value: 78\r\n          },\r\n          {\r\n            name: '驻马店',\r\n            value: 66\r\n          },\r\n          {\r\n            name: '新乡',\r\n            value: 80\r\n          },\r\n          {\r\n            name: '新乡2',\r\n            value: 80\r\n          },\r\n          {\r\n            name: '新乡3',\r\n            value: 80\r\n          },\r\n          {\r\n            name: '新乡4',\r\n            value: 80\r\n          },\r\n          {\r\n            name: '新乡5',\r\n            value: 80\r\n          },\r\n          {\r\n            name: '新乡6',\r\n            value: 80\r\n          }\r\n        ],\r\n        carousel: 'single',\r\n        unit: '人'\r\n      },\r\n      water: {\r\n        data: [24, 45],\r\n        shape: 'roundRect',\r\n        formatter: '{value}%',\r\n        waveNum: 3\r\n      },\r\n      // 通过率和达标率的组件复用数据\r\n      rate: [\r\n        {\r\n          id: 'centerRate1',\r\n          tips: 60,\r\n          colorData: {\r\n            textStyle: '#3fc0fb',\r\n            series: {\r\n              color: ['#00bcd44a', 'transparent'],\r\n              dataColor: {\r\n                normal: '#03a9f4',\r\n                shadowColor: '#97e2f5'\r\n              }\r\n            }\r\n          }\r\n        },\r\n        {\r\n          id: 'centerRate2',\r\n          tips: 40,\r\n          colorData: {\r\n            textStyle: '#67e0e3',\r\n            series: {\r\n              color: ['#faf3a378', 'transparent'],\r\n              dataColor: {\r\n                normal: '#ff9800',\r\n                shadowColor: '#fcebad'\r\n              }\r\n            }\r\n          }\r\n        }\r\n      ]\r\n    }\r\n  },\r\n  mounted(){\r\n    var dom = document.getElementById('videoElement')\r\n    console.log(dom,'111');\r\n  },\r\n  components: {\r\n    CenterChart\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n#center {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n//   background: url(\"~@/assets/box001.png\") no-repeat;\r\n//   background-size: 100%;\r\n  .up {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    justify-content: center;\r\n  }\r\n  .tit{\r\n    width: 100%;\r\n    text-align: center;\r\n    height: 70px;\r\n    font-size: 20px;\r\n    color: #fff;\r\n    line-height: 80px;\r\n    margin-top: -6px;\r\n    \r\n}\r\n  .down {\r\n    padding: 6px 4px;\r\n    padding-bottom: 0;\r\n    width: 100%;\r\n    display: flex;\r\n    height: 255px;\r\n    justify-content: space-between;\r\n    .bg-color-black {\r\n      border-radius: 5px;\r\n    }\r\n    .ranking {\r\n      padding: 10px;\r\n      width: 59%;\r\n      .dv-scr-rank-board {\r\n        height: 225px;\r\n      }\r\n    }\r\n    .percent {\r\n      width: 40%;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      .item {\r\n        width: 50%;\r\n        height: 120px;\r\n        span {\r\n          margin-top: 8px;\r\n          font-size: 14px;\r\n          display: flex;\r\n          justify-content: center;\r\n        }\r\n      }\r\n      .water {\r\n        width: 100%;\r\n        .dv-wa-le-po {\r\n          height: 120px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}