{"remainingRequest":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\src\\views\\center.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\src\\views\\center.vue","mtime":1669956428220},{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBDZW50ZXJDaGFydCBmcm9tICdAL2NvbXBvbmVudHMvZWNoYXJ0L2NlbnRlci9jZW50ZXJDaGFydFJhdGUnCmV4cG9ydCBkZWZhdWx0IHsKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgdGl0bGVJdGVtOiBbCiAgICAgICAgewogICAgICAgICAgdGl0bGU6ICfku4rlubTntK/orqHku7vliqHlu7rmrKHmlbAnLAogICAgICAgICAgbnVtYmVyOiB7CiAgICAgICAgICAgIG51bWJlcjogWzEyMF0sCiAgICAgICAgICAgIHRvRml4ZWQ6IDEsCiAgICAgICAgICAgIHRleHRBbGlnbjogJ2xlZnQnLAogICAgICAgICAgICBjb250ZW50OiAne250fScsCiAgICAgICAgICAgIHN0eWxlOiB7CiAgICAgICAgICAgICAgZm9udFNpemU6IDI2CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9LAogICAgICAgIHsKICAgICAgICAgIHRpdGxlOiAn5pys5pyI57Sv6K6h5Lu75Yqh5qyh5pWwJywKICAgICAgICAgIG51bWJlcjogewogICAgICAgICAgICBudW1iZXI6IFsxOF0sCiAgICAgICAgICAgIHRvRml4ZWQ6IDEsCiAgICAgICAgICAgIHRleHRBbGlnbjogJ2xlZnQnLAogICAgICAgICAgICBjb250ZW50OiAne250fScsCiAgICAgICAgICAgIHN0eWxlOiB7CiAgICAgICAgICAgICAgZm9udFNpemU6IDI2CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9LAogICAgICAgIHsKICAgICAgICAgIHRpdGxlOiAn5LuK5pel57Sv6K6h5Lu75Yqh5qyh5pWwJywKICAgICAgICAgIG51bWJlcjogewogICAgICAgICAgICBudW1iZXI6IFsyXSwKICAgICAgICAgICAgdG9GaXhlZDogMSwKICAgICAgICAgICAgdGV4dEFsaWduOiAnbGVmdCcsCiAgICAgICAgICAgIGNvbnRlbnQ6ICd7bnR9JywKICAgICAgICAgICAgc3R5bGU6IHsKICAgICAgICAgICAgICBmb250U2l6ZTogMjYKICAgICAgICAgICAgfQogICAgICAgICAgfQogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgdGl0bGU6ICfku4rlubTlpLHotKXku7vliqHmrKHmlbAnLAogICAgICAgICAgbnVtYmVyOiB7CiAgICAgICAgICAgIG51bWJlcjogWzE0XSwKICAgICAgICAgICAgdG9GaXhlZDogMSwKICAgICAgICAgICAgdGV4dEFsaWduOiAnbGVmdCcsCiAgICAgICAgICAgIGNvbnRlbnQ6ICd7bnR9JywKICAgICAgICAgICAgc3R5bGU6IHsKICAgICAgICAgICAgICBmb250U2l6ZTogMjYKICAgICAgICAgICAgfQogICAgICAgICAgfQogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgdGl0bGU6ICfku4rlubTmiJDlip/ku7vliqHmrKHmlbAnLAogICAgICAgICAgbnVtYmVyOiB7CiAgICAgICAgICAgIG51bWJlcjogWzEwNl0sCiAgICAgICAgICAgIHRvRml4ZWQ6IDEsCiAgICAgICAgICAgIHRleHRBbGlnbjogJ2xlZnQnLAogICAgICAgICAgICBjb250ZW50OiAne250fScsCiAgICAgICAgICAgIHN0eWxlOiB7CiAgICAgICAgICAgICAgZm9udFNpemU6IDI2CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9LAogICAgICAgIHsKICAgICAgICAgIHRpdGxlOiAn5LuK5bm06L6+5qCH5Lu75Yqh5Liq5pWwJywKICAgICAgICAgIG51bWJlcjogewogICAgICAgICAgICBudW1iZXI6IFsxMDBdLAogICAgICAgICAgICB0b0ZpeGVkOiAxLAogICAgICAgICAgICB0ZXh0QWxpZ246ICdsZWZ0JywKICAgICAgICAgICAgY29udGVudDogJ3tudH0nLAogICAgICAgICAgICBzdHlsZTogewogICAgICAgICAgICAgIGZvbnRTaXplOiAyNgogICAgICAgICAgICB9CiAgICAgICAgICB9CiAgICAgICAgfQogICAgICBdLAogICAgICByYW5raW5nOiB7CiAgICAgICAgZGF0YTogWwogICAgICAgICAgewogICAgICAgICAgICBuYW1lOiAn5ZGo5Y+jJywKICAgICAgICAgICAgdmFsdWU6IDU1CiAgICAgICAgICB9LAogICAgICAgICAgewogICAgICAgICAgICBuYW1lOiAn5Y2X6ZizJywKICAgICAgICAgICAgdmFsdWU6IDEyMAogICAgICAgICAgfSwKICAgICAgICAgIHsKICAgICAgICAgICAgbmFtZTogJ+ilv+WzoScsCiAgICAgICAgICAgIHZhbHVlOiA3OAogICAgICAgICAgfSwKICAgICAgICAgIHsKICAgICAgICAgICAgbmFtZTogJ+mpu+mprOW6lycsCiAgICAgICAgICAgIHZhbHVlOiA2NgogICAgICAgICAgfSwKICAgICAgICAgIHsKICAgICAgICAgICAgbmFtZTogJ+aWsOS5oScsCiAgICAgICAgICAgIHZhbHVlOiA4MAogICAgICAgICAgfSwKICAgICAgICAgIHsKICAgICAgICAgICAgbmFtZTogJ+aWsOS5oTInLAogICAgICAgICAgICB2YWx1ZTogODAKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIG5hbWU6ICfmlrDkuaEzJywKICAgICAgICAgICAgdmFsdWU6IDgwCiAgICAgICAgICB9LAogICAgICAgICAgewogICAgICAgICAgICBuYW1lOiAn5paw5LmhNCcsCiAgICAgICAgICAgIHZhbHVlOiA4MAogICAgICAgICAgfSwKICAgICAgICAgIHsKICAgICAgICAgICAgbmFtZTogJ+aWsOS5oTUnLAogICAgICAgICAgICB2YWx1ZTogODAKICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIG5hbWU6ICfmlrDkuaE2JywKICAgICAgICAgICAgdmFsdWU6IDgwCiAgICAgICAgICB9CiAgICAgICAgXSwKICAgICAgICBjYXJvdXNlbDogJ3NpbmdsZScsCiAgICAgICAgdW5pdDogJ+S6uicKICAgICAgfSwKICAgICAgd2F0ZXI6IHsKICAgICAgICBkYXRhOiBbMjQsIDQ1XSwKICAgICAgICBzaGFwZTogJ3JvdW5kUmVjdCcsCiAgICAgICAgZm9ybWF0dGVyOiAne3ZhbHVlfSUnLAogICAgICAgIHdhdmVOdW06IDMKICAgICAgfSwKICAgICAgLy8g6YCa6L+H546H5ZKM6L6+5qCH546H55qE57uE5Lu25aSN55So5pWw5o2uCiAgICAgIHJhdGU6IFsKICAgICAgICB7CiAgICAgICAgICBpZDogJ2NlbnRlclJhdGUxJywKICAgICAgICAgIHRpcHM6IDYwLAogICAgICAgICAgY29sb3JEYXRhOiB7CiAgICAgICAgICAgIHRleHRTdHlsZTogJyMzZmMwZmInLAogICAgICAgICAgICBzZXJpZXM6IHsKICAgICAgICAgICAgICBjb2xvcjogWycjMDBiY2Q0NGEnLCAndHJhbnNwYXJlbnQnXSwKICAgICAgICAgICAgICBkYXRhQ29sb3I6IHsKICAgICAgICAgICAgICAgIG5vcm1hbDogJyMwM2E5ZjQnLAogICAgICAgICAgICAgICAgc2hhZG93Q29sb3I6ICcjOTdlMmY1JwogICAgICAgICAgICAgIH0KICAgICAgICAgICAgfQogICAgICAgICAgfQogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgaWQ6ICdjZW50ZXJSYXRlMicsCiAgICAgICAgICB0aXBzOiA0MCwKICAgICAgICAgIGNvbG9yRGF0YTogewogICAgICAgICAgICB0ZXh0U3R5bGU6ICcjNjdlMGUzJywKICAgICAgICAgICAgc2VyaWVzOiB7CiAgICAgICAgICAgICAgY29sb3I6IFsnI2ZhZjNhMzc4JywgJ3RyYW5zcGFyZW50J10sCiAgICAgICAgICAgICAgZGF0YUNvbG9yOiB7CiAgICAgICAgICAgICAgICBub3JtYWw6ICcjZmY5ODAwJywKICAgICAgICAgICAgICAgIHNoYWRvd0NvbG9yOiAnI2ZjZWJhZCcKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIF0KICAgIH0KICB9LAogIG1vdW50ZWQoKXsKICAgIHZhciBkb20gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgndmlkZW9FbGVtZW50JykKICAgIGNvbnNvbGUubG9nKGRvbSwnMTExJyk7CiAgfSwKICBjb21wb25lbnRzOiB7CiAgICBDZW50ZXJDaGFydAogIH0KfQo="},{"version":3,"sources":["center.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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                    <video src=\"@/assets/newimgs/videoScreen.mp4\" style=\" width:100%;height:100%;object-fit:cover\" autoplay controls></video>\n      <!-- <iframe class=\"iframe\" src=\"http://mediaplay.kksmg.com/2022/11/30/h264_720p_600k_44300-DFTVHD-20221130065500-10800-406958-600k_mp4.mp4\" frameborder=\"0\" width=\"100%\"\n          height=\"600px\" style=\"overflow:hidden;margin-top: -220px;\"></iframe> -->\n    </div>\n  </div>\n</template>\n\n<script>\nimport CenterChart from '@/components/echart/center/centerChartRate'\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  width: 100%;\n  height: 100%;\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"]}]}