{"remainingRequest":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!F:\\lixiaobang\\suyi\\suyiScreen\\src\\views\\center.vue?vue&type=script&lang=js&","dependencies":[{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\src\\views\\center.vue","mtime":1670891618096},{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670891604112},{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\babel-loader\\lib\\index.js","mtime":1670891602826},{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670891604112},{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js","mtime":1670891614530}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgQ2VudGVyQ2hhcnQgZnJvbSAnQC9jb21wb25lbnRzL2VjaGFydC9jZW50ZXIvY2VudGVyQ2hhcnRSYXRlJw0KZXhwb3J0IGRlZmF1bHQgew0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICB0aXRsZUl0ZW06IFsNCiAgICAgICAgew0KICAgICAgICAgIHRpdGxlOiAn5LuK5bm057Sv6K6h5Lu75Yqh5bu65qyh5pWwJywNCiAgICAgICAgICBudW1iZXI6IHsNCiAgICAgICAgICAgIG51bWJlcjogWzEyMF0sDQogICAgICAgICAgICB0b0ZpeGVkOiAxLA0KICAgICAgICAgICAgdGV4dEFsaWduOiAnbGVmdCcsDQogICAgICAgICAgICBjb250ZW50OiAne250fScsDQogICAgICAgICAgICBzdHlsZTogew0KICAgICAgICAgICAgICBmb250U2l6ZTogMjYNCiAgICAgICAgICAgIH0NCiAgICAgICAgICB9DQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB0aXRsZTogJ+acrOaciOe0r+iuoeS7u+WKoeasoeaVsCcsDQogICAgICAgICAgbnVtYmVyOiB7DQogICAgICAgICAgICBudW1iZXI6IFsxOF0sDQogICAgICAgICAgICB0b0ZpeGVkOiAxLA0KICAgICAgICAgICAgdGV4dEFsaWduOiAnbGVmdCcsDQogICAgICAgICAgICBjb250ZW50OiAne250fScsDQogICAgICAgICAgICBzdHlsZTogew0KICAgICAgICAgICAgICBmb250U2l6ZTogMjYNCiAgICAgICAgICAgIH0NCiAgICAgICAgICB9DQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB0aXRsZTogJ+S7iuaXpee0r+iuoeS7u+WKoeasoeaVsCcsDQogICAgICAgICAgbnVtYmVyOiB7DQogICAgICAgICAgICBudW1iZXI6IFsyXSwNCiAgICAgICAgICAgIHRvRml4ZWQ6IDEsDQogICAgICAgICAgICB0ZXh0QWxpZ246ICdsZWZ0JywNCiAgICAgICAgICAgIGNvbnRlbnQ6ICd7bnR9JywNCiAgICAgICAgICAgIHN0eWxlOiB7DQogICAgICAgICAgICAgIGZvbnRTaXplOiAyNg0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0NCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIHRpdGxlOiAn5LuK5bm05aSx6LSl5Lu75Yqh5qyh5pWwJywNCiAgICAgICAgICBudW1iZXI6IHsNCiAgICAgICAgICAgIG51bWJlcjogWzE0XSwNCiAgICAgICAgICAgIHRvRml4ZWQ6IDEsDQogICAgICAgICAgICB0ZXh0QWxpZ246ICdsZWZ0JywNCiAgICAgICAgICAgIGNvbnRlbnQ6ICd7bnR9JywNCiAgICAgICAgICAgIHN0eWxlOiB7DQogICAgICAgICAgICAgIGZvbnRTaXplOiAyNg0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0NCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIHRpdGxlOiAn5LuK5bm05oiQ5Yqf5Lu75Yqh5qyh5pWwJywNCiAgICAgICAgICBudW1iZXI6IHsNCiAgICAgICAgICAgIG51bWJlcjogWzEwNl0sDQogICAgICAgICAgICB0b0ZpeGVkOiAxLA0KICAgICAgICAgICAgdGV4dEFsaWduOiAnbGVmdCcsDQogICAgICAgICAgICBjb250ZW50OiAne250fScsDQogICAgICAgICAgICBzdHlsZTogew0KICAgICAgICAgICAgICBmb250U2l6ZTogMjYNCiAgICAgICAgICAgIH0NCiAgICAgICAgICB9DQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB0aXRsZTogJ+S7iuW5tOi+vuagh+S7u+WKoeS4quaVsCcsDQogICAgICAgICAgbnVtYmVyOiB7DQogICAgICAgICAgICBudW1iZXI6IFsxMDBdLA0KICAgICAgICAgICAgdG9GaXhlZDogMSwNCiAgICAgICAgICAgIHRleHRBbGlnbjogJ2xlZnQnLA0KICAgICAgICAgICAgY29udGVudDogJ3tudH0nLA0KICAgICAgICAgICAgc3R5bGU6IHsNCiAgICAgICAgICAgICAgZm9udFNpemU6IDI2DQogICAgICAgICAgICB9DQogICAgICAgICAgfQ0KICAgICAgICB9DQogICAgICBdLA0KICAgICAgcmFua2luZzogew0KICAgICAgICBkYXRhOiBbDQogICAgICAgICAgew0KICAgICAgICAgICAgbmFtZTogJ+WRqOWPoycsDQogICAgICAgICAgICB2YWx1ZTogNTUNCiAgICAgICAgICB9LA0KICAgICAgICAgIHsNCiAgICAgICAgICAgIG5hbWU6ICfljZfpmLMnLA0KICAgICAgICAgICAgdmFsdWU6IDEyMA0KICAgICAgICAgIH0sDQogICAgICAgICAgew0KICAgICAgICAgICAgbmFtZTogJ+ilv+WzoScsDQogICAgICAgICAgICB2YWx1ZTogNzgNCiAgICAgICAgICB9LA0KICAgICAgICAgIHsNCiAgICAgICAgICAgIG5hbWU6ICfpqbvpqazlupcnLA0KICAgICAgICAgICAgdmFsdWU6IDY2DQogICAgICAgICAgfSwNCiAgICAgICAgICB7DQogICAgICAgICAgICBuYW1lOiAn5paw5LmhJywNCiAgICAgICAgICAgIHZhbHVlOiA4MA0KICAgICAgICAgIH0sDQogICAgICAgICAgew0KICAgICAgICAgICAgbmFtZTogJ+aWsOS5oTInLA0KICAgICAgICAgICAgdmFsdWU6IDgwDQogICAgICAgICAgfSwNCiAgICAgICAgICB7DQogICAgICAgICAgICBuYW1lOiAn5paw5LmhMycsDQogICAgICAgICAgICB2YWx1ZTogODANCiAgICAgICAgICB9LA0KICAgICAgICAgIHsNCiAgICAgICAgICAgIG5hbWU6ICfmlrDkuaE0JywNCiAgICAgICAgICAgIHZhbHVlOiA4MA0KICAgICAgICAgIH0sDQogICAgICAgICAgew0KICAgICAgICAgICAgbmFtZTogJ+aWsOS5oTUnLA0KICAgICAgICAgICAgdmFsdWU6IDgwDQogICAgICAgICAgfSwNCiAgICAgICAgICB7DQogICAgICAgICAgICBuYW1lOiAn5paw5LmhNicsDQogICAgICAgICAgICB2YWx1ZTogODANCiAgICAgICAgICB9DQogICAgICAgIF0sDQogICAgICAgIGNhcm91c2VsOiAnc2luZ2xlJywNCiAgICAgICAgdW5pdDogJ+S6uicNCiAgICAgIH0sDQogICAgICB3YXRlcjogew0KICAgICAgICBkYXRhOiBbMjQsIDQ1XSwNCiAgICAgICAgc2hhcGU6ICdyb3VuZFJlY3QnLA0KICAgICAgICBmb3JtYXR0ZXI6ICd7dmFsdWV9JScsDQogICAgICAgIHdhdmVOdW06IDMNCiAgICAgIH0sDQogICAgICAvLyDpgJrov4fnjoflkozovr7moIfnjofnmoTnu4Tku7blpI3nlKjmlbDmja4NCiAgICAgIHJhdGU6IFsNCiAgICAgICAgew0KICAgICAgICAgIGlkOiAnY2VudGVyUmF0ZTEnLA0KICAgICAgICAgIHRpcHM6IDYwLA0KICAgICAgICAgIGNvbG9yRGF0YTogew0KICAgICAgICAgICAgdGV4dFN0eWxlOiAnIzNmYzBmYicsDQogICAgICAgICAgICBzZXJpZXM6IHsNCiAgICAgICAgICAgICAgY29sb3I6IFsnIzAwYmNkNDRhJywgJ3RyYW5zcGFyZW50J10sDQogICAgICAgICAgICAgIGRhdGFDb2xvcjogew0KICAgICAgICAgICAgICAgIG5vcm1hbDogJyMwM2E5ZjQnLA0KICAgICAgICAgICAgICAgIHNoYWRvd0NvbG9yOiAnIzk3ZTJmNScNCiAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0NCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIGlkOiAnY2VudGVyUmF0ZTInLA0KICAgICAgICAgIHRpcHM6IDQwLA0KICAgICAgICAgIGNvbG9yRGF0YTogew0KICAgICAgICAgICAgdGV4dFN0eWxlOiAnIzY3ZTBlMycsDQogICAgICAgICAgICBzZXJpZXM6IHsNCiAgICAgICAgICAgICAgY29sb3I6IFsnI2ZhZjNhMzc4JywgJ3RyYW5zcGFyZW50J10sDQogICAgICAgICAgICAgIGRhdGFDb2xvcjogew0KICAgICAgICAgICAgICAgIG5vcm1hbDogJyNmZjk4MDAnLA0KICAgICAgICAgICAgICAgIHNoYWRvd0NvbG9yOiAnI2ZjZWJhZCcNCiAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KICAgICAgXQ0KICAgIH0NCiAgfSwNCiAgbW91bnRlZCgpew0KICAgIHZhciBkb20gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgndmlkZW9FbGVtZW50JykNCiAgICBjb25zb2xlLmxvZyhkb20sJzExMScpOw0KICB9LA0KICBjb21wb25lbnRzOiB7DQogICAgQ2VudGVyQ2hhcnQNCiAgfQ0KfQ0K"},{"version":3,"sources":["center.vue"],"names":[],"mappings":";;;;;;;;;;;;AAYA;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;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;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"]}]}