{"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=6b70790a&lang=scss&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\suyi1111\\src\\views\\center.vue","mtime":1668086877000},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKI2NlbnRlciB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwovLyAgIGJhY2tncm91bmQ6IHVybCgifkAvYXNzZXRzL2JveDAwMS5wbmciKSBuby1yZXBlYXQ7Ci8vICAgYmFja2dyb3VuZC1zaXplOiAxMDAlOwogIC51cCB7CiAgICB3aWR0aDogODAlOwogICAgZGlzcGxheTogZmxleDsKICAgIGZsZXgtd3JhcDogd3JhcDsKICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kOwogICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgIHRvcDogMjAlOwogICAgbWFyZ2luLWxlZnQ6IDglOwogICAgLml0ZW0gewogICAgICBib3JkZXItcmFkaXVzOiA2cHg7CiAgICAgIHBhZGRpbmctdG9wOiA4cHg7CiAgICAgIG1hcmdpbi10b3A6IDhweDsKICAgICAgd2lkdGg6IDMyJTsKICAgICAgaGVpZ2h0OiA3MHB4OwogICAgICAuZHYtZGlnLWZsb3AgewogICAgICAgIHdpZHRoOiAxNTBweDsKICAgICAgICBoZWlnaHQ6IDMwcHg7CiAgICAgIH0KICAgIH0KICB9CiAgLnRpdHsKICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgIGhlaWdodDogODBweDsKICAgIGZvbnQtc2l6ZTogMjBweDsKICAgIGNvbG9yOiAjZmZmOwogICAgbGluZS1oZWlnaHQ6IDgwcHg7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICBsZWZ0OiA1MCU7CiAgICB0b3A6IDI1cHg7Cn0KICAuZG93biB7CiAgICBwYWRkaW5nOiA2cHggNHB4OwogICAgcGFkZGluZy1ib3R0b206IDA7CiAgICB3aWR0aDogMTAwJTsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBoZWlnaHQ6IDI1NXB4OwogICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogICAgLmJnLWNvbG9yLWJsYWNrIHsKICAgICAgYm9yZGVyLXJhZGl1czogNXB4OwogICAgfQogICAgLnJhbmtpbmcgewogICAgICBwYWRkaW5nOiAxMHB4OwogICAgICB3aWR0aDogNTklOwogICAgICAuZHYtc2NyLXJhbmstYm9hcmQgewogICAgICAgIGhlaWdodDogMjI1cHg7CiAgICAgIH0KICAgIH0KICAgIC5wZXJjZW50IHsKICAgICAgd2lkdGg6IDQwJTsKICAgICAgZGlzcGxheTogZmxleDsKICAgICAgZmxleC13cmFwOiB3cmFwOwogICAgICAuaXRlbSB7CiAgICAgICAgd2lkdGg6IDUwJTsKICAgICAgICBoZWlnaHQ6IDEyMHB4OwogICAgICAgIHNwYW4gewogICAgICAgICAgbWFyZ2luLXRvcDogOHB4OwogICAgICAgICAgZm9udC1zaXplOiAxNHB4OwogICAgICAgICAgZGlzcGxheTogZmxleDsKICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOwogICAgICAgIH0KICAgICAgfQogICAgICAud2F0ZXIgewogICAgICAgIHdpZHRoOiAxMDAlOwogICAgICAgIC5kdi13YS1sZS1wbyB7CiAgICAgICAgICBoZWlnaHQ6IDEyMHB4OwogICAgICAgIH0KICAgICAgfQogICAgfQogIH0KfQo="},{"version":3,"sources":["center.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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\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\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  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: 80%;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-around;\n        position: absolute;\n    top: 20%;\n    margin-left: 8%;\n    .item {\n      border-radius: 6px;\n      padding-top: 8px;\n      margin-top: 8px;\n      width: 32%;\n      height: 70px;\n      .dv-dig-flop {\n        width: 150px;\n        height: 30px;\n      }\n    }\n  }\n  .tit{\n    text-align: center;\n    height: 80px;\n    font-size: 20px;\n    color: #fff;\n    line-height: 80px;\n    position: absolute;\n    left: 50%;\n    top: 25px;\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"]}]}