{"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=4831b5de&lang=scss&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\suyi1111\\src\\views\\center.vue","mtime":1668690243356},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgojY2VudGVyIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47Ci8vICAgYmFja2dyb3VuZDogdXJsKCJ+QC9hc3NldHMvYm94MDAxLnBuZyIpIG5vLXJlcGVhdDsKLy8gICBiYWNrZ3JvdW5kLXNpemU6IDEwMCU7CiAgLnVwIHsKICAgIHdpZHRoOiAxMDAlOwogICAgZGlzcGxheTogZmxleDsKICAgIGZsZXgtZmxvdzogcm93IG5vd3JhcDsKICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIH0KICAudGl0ewogICAgd2lkdGg6IDEwMCU7CiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICBoZWlnaHQ6IDgwcHg7CiAgICBmb250LXNpemU6IDIwcHg7CiAgICBjb2xvcjogI2ZmZjsKICAgIGxpbmUtaGVpZ2h0OiA4MHB4OwogICAgbWFyZ2luLXRvcDogLTE1cHg7CiAgICAKfQogIC5kb3duIHsKICAgIHBhZGRpbmc6IDZweCA0cHg7CiAgICBwYWRkaW5nLWJvdHRvbTogMDsKICAgIHdpZHRoOiAxMDAlOwogICAgZGlzcGxheTogZmxleDsKICAgIGhlaWdodDogMjU1cHg7CiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47CiAgICAuYmctY29sb3ItYmxhY2sgewogICAgICBib3JkZXItcmFkaXVzOiA1cHg7CiAgICB9CiAgICAucmFua2luZyB7CiAgICAgIHBhZGRpbmc6IDEwcHg7CiAgICAgIHdpZHRoOiA1OSU7CiAgICAgIC5kdi1zY3ItcmFuay1ib2FyZCB7CiAgICAgICAgaGVpZ2h0OiAyMjVweDsKICAgICAgfQogICAgfQogICAgLnBlcmNlbnQgewogICAgICB3aWR0aDogNDAlOwogICAgICBkaXNwbGF5OiBmbGV4OwogICAgICBmbGV4LXdyYXA6IHdyYXA7CiAgICAgIC5pdGVtIHsKICAgICAgICB3aWR0aDogNTAlOwogICAgICAgIGhlaWdodDogMTIwcHg7CiAgICAgICAgc3BhbiB7CiAgICAgICAgICBtYXJnaW4tdG9wOiA4cHg7CiAgICAgICAgICBmb250LXNpemU6IDE0cHg7CiAgICAgICAgICBkaXNwbGF5OiBmbGV4OwogICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgICAgICAgfQogICAgICB9CiAgICAgIC53YXRlciB7CiAgICAgICAgd2lkdGg6IDEwMCU7CiAgICAgICAgLmR2LXdhLWxlLXBvIHsKICAgICAgICAgIGhlaWdodDogMTIwcHg7CiAgICAgICAgfQogICAgICB9CiAgICB9CiAgfQp9Cg=="},{"version":3,"sources":["center.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkMA;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://www.umayle.com:2022/\" 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"]}]}