{"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>"]}]}