{"remainingRequest":"D:\\Hjm项目\\suyi1111\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\suyi1111\\src\\views\\center.vue?vue&type=style&index=0&id=288a5f22&lang=scss&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\suyi1111\\src\\views\\center.vue","mtime":1669806671969},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\sass-loader\\dist\\cjs.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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKI2NlbnRlciB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwovLyAgIGJhY2tncm91bmQ6IHVybCgifkAvYXNzZXRzL2JveDAwMS5wbmciKSBuby1yZXBlYXQ7Ci8vICAgYmFja2dyb3VuZC1zaXplOiAxMDAlOwogIC51cCB7CiAgICB3aWR0aDogMTAwJTsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBmbGV4LWZsb3c6IHJvdyBub3dyYXA7CiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgIG92ZXJmbG93OiBoaWRkZW47CiAgfQogIC50aXR7CiAgICB3aWR0aDogMTAwJTsKICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgIGhlaWdodDogODBweDsKICAgIGZvbnQtc2l6ZTogMjBweDsKICAgIGNvbG9yOiAjZmZmOwogICAgbGluZS1oZWlnaHQ6IDgwcHg7CiAgICBtYXJnaW4tdG9wOiAtMTVweDsKICAgIAp9CiAgLmRvd24gewogICAgcGFkZGluZzogNnB4IDRweDsKICAgIHBhZGRpbmctYm90dG9tOiAwOwogICAgd2lkdGg6IDEwMCU7CiAgICBkaXNwbGF5OiBmbGV4OwogICAgaGVpZ2h0OiAyNTVweDsKICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICAgIC5iZy1jb2xvci1ibGFjayB7CiAgICAgIGJvcmRlci1yYWRpdXM6IDVweDsKICAgIH0KICAgIC5yYW5raW5nIHsKICAgICAgcGFkZGluZzogMTBweDsKICAgICAgd2lkdGg6IDU5JTsKICAgICAgLmR2LXNjci1yYW5rLWJvYXJkIHsKICAgICAgICBoZWlnaHQ6IDIyNXB4OwogICAgICB9CiAgICB9CiAgICAucGVyY2VudCB7CiAgICAgIHdpZHRoOiA0MCU7CiAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgIGZsZXgtd3JhcDogd3JhcDsKICAgICAgLml0ZW0gewogICAgICAgIHdpZHRoOiA1MCU7CiAgICAgICAgaGVpZ2h0OiAxMjBweDsKICAgICAgICBzcGFuIHsKICAgICAgICAgIG1hcmdpbi10b3A6IDhweDsKICAgICAgICAgIGZvbnQtc2l6ZTogMTRweDsKICAgICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgICAgICB9CiAgICAgIH0KICAgICAgLndhdGVyIHsKICAgICAgICB3aWR0aDogMTAwJTsKICAgICAgICAuZHYtd2EtbGUtcG8gewogICAgICAgICAgaGVpZ2h0OiAxMjBweDsKICAgICAgICB9CiAgICAgIH0KICAgIH0KICB9Cn0K"},{"version":3,"sources":["center.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgMA;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>\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://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  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    overflow: hidden;\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"]}]}