1 line
9.1 KiB
JSON
1 line
9.1 KiB
JSON
{"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"]}]} |