{"remainingRequest":"D:\\Hjm项目\\suyi1111\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\suyi1111\\src\\views\\center.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\suyi1111\\src\\views\\center.vue","mtime":1668740748189},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBDZW50ZXJDaGFydCBmcm9tICdAL2NvbXBvbmVudHMvZWNoYXJ0L2NlbnRlci9jZW50ZXJDaGFydFJhdGUnCgpleHBvcnQgZGVmYXVsdCB7CiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHRpdGxlSXRlbTogWwogICAgICAgIHsKICAgICAgICAgIHRpdGxlOiAn5LuK5bm057Sv6K6h5Lu75Yqh5bu65qyh5pWwJywKICAgICAgICAgIG51bWJlcjogewogICAgICAgICAgICBudW1iZXI6IFsxMjBdLAogICAgICAgICAgICB0b0ZpeGVkOiAxLAogICAgICAgICAgICB0ZXh0QWxpZ246ICdsZWZ0JywKICAgICAgICAgICAgY29udGVudDogJ3tudH0nLAogICAgICAgICAgICBzdHlsZTogewogICAgICAgICAgICAgIGZvbnRTaXplOiAyNgogICAgICAgICAgICB9CiAgICAgICAgICB9CiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICB0aXRsZTogJ+acrOaciOe0r+iuoeS7u+WKoeasoeaVsCcsCiAgICAgICAgICBudW1iZXI6IHsKICAgICAgICAgICAgbnVtYmVyOiBbMThdLAogICAgICAgICAgICB0b0ZpeGVkOiAxLAogICAgICAgICAgICB0ZXh0QWxpZ246ICdsZWZ0JywKICAgICAgICAgICAgY29udGVudDogJ3tudH0nLAogICAgICAgICAgICBzdHlsZTogewogICAgICAgICAgICAgIGZvbnRTaXplOiAyNgogICAgICAgICAgICB9CiAgICAgICAgICB9CiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICB0aXRsZTogJ+S7iuaXpee0r+iuoeS7u+WKoeasoeaVsCcsCiAgICAgICAgICBudW1iZXI6IHsKICAgICAgICAgICAgbnVtYmVyOiBbMl0sCiAgICAgICAgICAgIHRvRml4ZWQ6IDEsCiAgICAgICAgICAgIHRleHRBbGlnbjogJ2xlZnQnLAogICAgICAgICAgICBjb250ZW50OiAne250fScsCiAgICAgICAgICAgIHN0eWxlOiB7CiAgICAgICAgICAgICAgZm9udFNpemU6IDI2CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9LAogICAgICAgIHsKICAgICAgICAgIHRpdGxlOiAn5LuK5bm05aSx6LSl5Lu75Yqh5qyh5pWwJywKICAgICAgICAgIG51bWJlcjogewogICAgICAgICAgICBudW1iZXI6IFsxNF0sCiAgICAgICAgICAgIHRvRml4ZWQ6IDEsCiAgICAgICAgICAgIHRleHRBbGlnbjogJ2xlZnQnLAogICAgICAgICAgICBjb250ZW50OiAne250fScsCiAgICAgICAgICAgIHN0eWxlOiB7CiAgICAgICAgICAgICAgZm9udFNpemU6IDI2CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9LAogICAgICAgIHsKICAgICAgICAgIHRpdGxlOiAn5LuK5bm05oiQ5Yqf5Lu75Yqh5qyh5pWwJywKICAgICAgICAgIG51bWJlcjogewogICAgICAgICAgICBudW1iZXI6IFsxMDZdLAogICAgICAgICAgICB0b0ZpeGVkOiAxLAogICAgICAgICAgICB0ZXh0QWxpZ246ICdsZWZ0JywKICAgICAgICAgICAgY29udGVudDogJ3tudH0nLAogICAgICAgICAgICBzdHlsZTogewogICAgICAgICAgICAgIGZvbnRTaXplOiAyNgogICAgICAgICAgICB9CiAgICAgICAgICB9CiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICB0aXRsZTogJ+S7iuW5tOi+vuagh+S7u+WKoeS4quaVsCcsCiAgICAgICAgICBudW1iZXI6IHsKICAgICAgICAgICAgbnVtYmVyOiBbMTAwXSwKICAgICAgICAgICAgdG9GaXhlZDogMSwKICAgICAgICAgICAgdGV4dEFsaWduOiAnbGVmdCcsCiAgICAgICAgICAgIGNvbnRlbnQ6ICd7bnR9JywKICAgICAgICAgICAgc3R5bGU6IHsKICAgICAgICAgICAgICBmb250U2l6ZTogMjYKICAgICAgICAgICAgfQogICAgICAgICAgfQogICAgICAgIH0KICAgICAgXSwKICAgICAgcmFua2luZzogewogICAgICAgIGRhdGE6IFsKICAgICAgICAgIHsKICAgICAgICAgICAgbmFtZTogJ+WRqOWPoycsCiAgICAgICAgICAgIHZhbHVlOiA1NQogICAgICAgICAgfSwKICAgICAgICAgIHsKICAgICAgICAgICAgbmFtZTogJ+WNl+mYsycsCiAgICAgICAgICAgIHZhbHVlOiAxMjAKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIG5hbWU6ICfopb/ls6EnLAogICAgICAgICAgICB2YWx1ZTogNzgKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIG5hbWU6ICfpqbvpqazlupcnLAogICAgICAgICAgICB2YWx1ZTogNjYKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIG5hbWU6ICfmlrDkuaEnLAogICAgICAgICAgICB2YWx1ZTogODAKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIG5hbWU6ICfmlrDkuaEyJywKICAgICAgICAgICAgdmFsdWU6IDgwCiAgICAgICAgICB9LAogICAgICAgICAgewogICAgICAgICAgICBuYW1lOiAn5paw5LmhMycsCiAgICAgICAgICAgIHZhbHVlOiA4MAogICAgICAgICAgfSwKICAgICAgICAgIHsKICAgICAgICAgICAgbmFtZTogJ+aWsOS5oTQnLAogICAgICAgICAgICB2YWx1ZTogODAKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIG5hbWU6ICfmlrDkuaE1JywKICAgICAgICAgICAgdmFsdWU6IDgwCiAgICAgICAgICB9LAogICAgICAgICAgewogICAgICAgICAgICBuYW1lOiAn5paw5LmhNicsCiAgICAgICAgICAgIHZhbHVlOiA4MAogICAgICAgICAgfQogICAgICAgIF0sCiAgICAgICAgY2Fyb3VzZWw6ICdzaW5nbGUnLAogICAgICAgIHVuaXQ6ICfkuronCiAgICAgIH0sCiAgICAgIHdhdGVyOiB7CiAgICAgICAgZGF0YTogWzI0LCA0NV0sCiAgICAgICAgc2hhcGU6ICdyb3VuZFJlY3QnLAogICAgICAgIGZvcm1hdHRlcjogJ3t2YWx1ZX0lJywKICAgICAgICB3YXZlTnVtOiAzCiAgICAgIH0sCiAgICAgIC8vIOmAmui/h+eOh+WSjOi+vuagh+eOh+eahOe7hOS7tuWkjeeUqOaVsOaNrgogICAgICByYXRlOiBbCiAgICAgICAgewogICAgICAgICAgaWQ6ICdjZW50ZXJSYXRlMScsCiAgICAgICAgICB0aXBzOiA2MCwKICAgICAgICAgIGNvbG9yRGF0YTogewogICAgICAgICAgICB0ZXh0U3R5bGU6ICcjM2ZjMGZiJywKICAgICAgICAgICAgc2VyaWVzOiB7CiAgICAgICAgICAgICAgY29sb3I6IFsnIzAwYmNkNDRhJywgJ3RyYW5zcGFyZW50J10sCiAgICAgICAgICAgICAgZGF0YUNvbG9yOiB7CiAgICAgICAgICAgICAgICBub3JtYWw6ICcjMDNhOWY0JywKICAgICAgICAgICAgICAgIHNoYWRvd0NvbG9yOiAnIzk3ZTJmNScKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9LAogICAgICAgIHsKICAgICAgICAgIGlkOiAnY2VudGVyUmF0ZTInLAogICAgICAgICAgdGlwczogNDAsCiAgICAgICAgICBjb2xvckRhdGE6IHsKICAgICAgICAgICAgdGV4dFN0eWxlOiAnIzY3ZTBlMycsCiAgICAgICAgICAgIHNlcmllczogewogICAgICAgICAgICAgIGNvbG9yOiBbJyNmYWYzYTM3OCcsICd0cmFuc3BhcmVudCddLAogICAgICAgICAgICAgIGRhdGFDb2xvcjogewogICAgICAgICAgICAgICAgbm9ybWFsOiAnI2ZmOTgwMCcsCiAgICAgICAgICAgICAgICBzaGFkb3dDb2xvcjogJyNmY2ViYWQnCiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9CiAgICAgICAgICB9CiAgICAgICAgfQogICAgICBdCiAgICB9CiAgfSwKICBtb3VudGVkKCl7CiAgICB2YXIgZG9tID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3ZpZGVvRWxlbWVudCcpCiAgICBjb25zb2xlLmxvZyhkb20sJzExMScpOwogIH0sCiAgY29tcG9uZW50czogewogICAgQ2VudGVyQ2hhcnQKICB9Cn0K"},{"version":3,"sources":["center.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA;;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;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>\n  <div id=\"center\">\n    <div class=\"tit\">视频监控</div>\n    <div class=\"up\">\n<!-- \n                    <video class=\"videoing\" controls=\"controls\" muted=\"true\" autoplay=\"autoplay\" loop=\"loop\" id=\"videoUrlql\" style=\"width: 100%;\">\n                      <source src=\"../assets/-LONG-INTRO-480p-MP4.mp4\" type=\"video/mp4\" />\n                      <object width=\"500\" height=\"300\">\n                        <embed width=\"500\" height=\"300\" />\n                      </object>\n                    </video> -->\n      <iframe class=\"iframe\" src=\"http://umayle.com:8574\" frameborder=\"0\" width=\"100%\"\n          height=\"600px\" style=\"overflow:hidden;\"></iframe>\n\n    </div>\n  </div>\n</template>\n\n<script>\nimport CenterChart from '@/components/echart/center/centerChartRate'\n\nexport default {\n  data() {\n    return {\n      titleItem: [\n        {\n          title: '今年累计任务建次数',\n          number: {\n            number: [120],\n            toFixed: 1,\n            textAlign: 'left',\n            content: '{nt}',\n            style: {\n              fontSize: 26\n            }\n          }\n        },\n        {\n          title: '本月累计任务次数',\n          number: {\n            number: [18],\n            toFixed: 1,\n            textAlign: 'left',\n            content: '{nt}',\n            style: {\n              fontSize: 26\n            }\n          }\n        },\n        {\n          title: '今日累计任务次数',\n          number: {\n            number: [2],\n            toFixed: 1,\n            textAlign: 'left',\n            content: '{nt}',\n            style: {\n              fontSize: 26\n            }\n          }\n        },\n        {\n          title: '今年失败任务次数',\n          number: {\n            number: [14],\n            toFixed: 1,\n            textAlign: 'left',\n            content: '{nt}',\n            style: {\n              fontSize: 26\n            }\n          }\n        },\n        {\n          title: '今年成功任务次数',\n          number: {\n            number: [106],\n            toFixed: 1,\n            textAlign: 'left',\n            content: '{nt}',\n            style: {\n              fontSize: 26\n            }\n          }\n        },\n        {\n          title: '今年达标任务个数',\n          number: {\n            number: [100],\n            toFixed: 1,\n            textAlign: 'left',\n            content: '{nt}',\n            style: {\n              fontSize: 26\n            }\n          }\n        }\n      ],\n      ranking: {\n        data: [\n          {\n            name: '周口',\n            value: 55\n          },\n          {\n            name: '南阳',\n            value: 120\n          },\n          {\n            name: '西峡',\n            value: 78\n          },\n          {\n            name: '驻马店',\n            value: 66\n          },\n          {\n            name: '新乡',\n            value: 80\n          },\n          {\n            name: '新乡2',\n            value: 80\n          },\n          {\n            name: '新乡3',\n            value: 80\n          },\n          {\n            name: '新乡4',\n            value: 80\n          },\n          {\n            name: '新乡5',\n            value: 80\n          },\n          {\n            name: '新乡6',\n            value: 80\n          }\n        ],\n        carousel: 'single',\n        unit: '人'\n      },\n      water: {\n        data: [24, 45],\n        shape: 'roundRect',\n        formatter: '{value}%',\n        waveNum: 3\n      },\n      // 通过率和达标率的组件复用数据\n      rate: [\n        {\n          id: 'centerRate1',\n          tips: 60,\n          colorData: {\n            textStyle: '#3fc0fb',\n            series: {\n              color: ['#00bcd44a', 'transparent'],\n              dataColor: {\n                normal: '#03a9f4',\n                shadowColor: '#97e2f5'\n              }\n            }\n          }\n        },\n        {\n          id: 'centerRate2',\n          tips: 40,\n          colorData: {\n            textStyle: '#67e0e3',\n            series: {\n              color: ['#faf3a378', 'transparent'],\n              dataColor: {\n                normal: '#ff9800',\n                shadowColor: '#fcebad'\n              }\n            }\n          }\n        }\n      ]\n    }\n  },\n  mounted(){\n    var dom = document.getElementById('videoElement')\n    console.log(dom,'111');\n  },\n  components: {\n    CenterChart\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n#center {\n  display: flex;\n  flex-direction: column;\n//   background: url(\"~@/assets/box001.png\") no-repeat;\n//   background-size: 100%;\n  .up {\n    width: 100%;\n    display: flex;\n    flex-flow: row nowrap;\n    justify-content: center;\n  }\n  .tit{\n    width: 100%;\n    text-align: center;\n    height: 80px;\n    font-size: 20px;\n    color: #fff;\n    line-height: 80px;\n    margin-top: -15px;\n    \n}\n  .down {\n    padding: 6px 4px;\n    padding-bottom: 0;\n    width: 100%;\n    display: flex;\n    height: 255px;\n    justify-content: space-between;\n    .bg-color-black {\n      border-radius: 5px;\n    }\n    .ranking {\n      padding: 10px;\n      width: 59%;\n      .dv-scr-rank-board {\n        height: 225px;\n      }\n    }\n    .percent {\n      width: 40%;\n      display: flex;\n      flex-wrap: wrap;\n      .item {\n        width: 50%;\n        height: 120px;\n        span {\n          margin-top: 8px;\n          font-size: 14px;\n          display: flex;\n          justify-content: center;\n        }\n      }\n      .water {\n        width: 100%;\n        .dv-wa-le-po {\n          height: 120px;\n        }\n      }\n    }\n  }\n}\n</style>\n"]}]}