1 line
5.6 KiB
JSON
1 line
5.6 KiB
JSON
{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672365328665},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1672206975777},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1672206975618},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1672206975777},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1672206979279}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue'\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nexport default {\r\n components: {\r\n typeChart,\r\n speedChart,\r\n flowChart,\r\n headWayChart,\r\n checkChart,\r\n lineUpChart\r\n },\r\n data() {\r\n return {\r\n title1: '01断面',\r\n title2: '01区域',\r\n dialogVisible: false,\r\n }\r\n },\r\n created() {\r\n },\r\n methods: {\r\n handleCommand(command) { // 用户名下拉菜单选择事件\r\n if (command == 'show') {\r\n this.dialogVisible = true\r\n }\r\n },\r\n handleClose(done) {\r\n this.$confirm('确认关闭？')\r\n .then(_ => {\r\n done();\r\n })\r\n .catch(_ => { });\r\n },\r\n }\r\n}\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;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":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n\r\n <div>\r\n <p class=\"title\" style=\"margin-bottom: 20px;\">数据看板</p>\r\n <div class=\"dataBoard\">\r\n <div class=\"section\">\r\n <p class=\"board-title\">{{ title1 }}</p>\r\n <typeChart />\r\n <flowChart />\r\n <headWayChart />\r\n </div>\r\n <div class=\"region\">\r\n <p class=\"board-title\">{{ title2 }}</p>\r\n <speedChart />\r\n <headWayChart />\r\n <checkChart />\r\n <lineUpChart />\r\n </div>\r\n </div>\r\n <div class=\"down\">\r\n <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n <span>下拉查看详情<i class=\"el-icon-caret-bottom\"></i></span>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n </div>\r\n\r\n <!-- 详情框 -->\r\n <el-dialog title=\"提示\" :visible.sync=\"dialogVisible\" width=\"30%\" :before-close=\"handleClose\">\r\n <span>这是一段信息</span>\r\n <span slot=\"footer\" class=\"dialog-footer\">\r\n <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n <el-button type=\"primary\" @click=\"dialogVisible = false\">确 定</el-button>\r\n </span>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue'\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nexport default {\r\n components: {\r\n typeChart,\r\n speedChart,\r\n flowChart,\r\n headWayChart,\r\n checkChart,\r\n lineUpChart\r\n },\r\n data() {\r\n return {\r\n title1: '01断面',\r\n title2: '01区域',\r\n dialogVisible: false,\r\n }\r\n },\r\n created() {\r\n },\r\n methods: {\r\n handleCommand(command) { // 用户名下拉菜单选择事件\r\n if (command == 'show') {\r\n this.dialogVisible = true\r\n }\r\n },\r\n handleClose(done) {\r\n this.$confirm('确认关闭？')\r\n .then(_ => {\r\n done();\r\n })\r\n .catch(_ => { });\r\n },\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.dataBoard {\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n width: 48%;\r\n border: 1px solid gray;\r\n box-sizing: border-box;\r\n padding: 15px;\r\n}\r\n\r\n.dataBoard .board-title {\r\n font-size: 17px;\r\n font-weight: bolder;\r\n position: relative;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.dataBoard .board-title::after {\r\n content: \"\";\r\n width: 95%;\r\n height: 10px;\r\n border-top: 1px solid;\r\n border-bottom: 1px solid;\r\n position: absolute;\r\n bottom: -15px;\r\n left: 0;\r\n}\r\n\r\n.test-div i {\r\n font-size: 25px;\r\n}\r\n</style>"]}]} |