{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1672365886440},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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//\nimport typeChart from \"../../components/target/typeChart.vue\";\nimport speedChart from \"../../components/target/speedChart.vue\";\nimport flowChart from \"../../components/target/flowChart.vue\";\nimport headWayChart from \"../../components/target/headWayChart.vue\";\nimport checkChart from \"../../components/target/checkChart.vue\";\nimport lineUpChart from \"../../components/target/lineUpChart.vue\";\nexport default {\n  components: {\n    typeChart: typeChart,\n    speedChart: speedChart,\n    flowChart: flowChart,\n    headWayChart: headWayChart,\n    checkChart: checkChart,\n    lineUpChart: lineUpChart\n  },\n  data: function data() {\n    return {\n      title1: '01断面',\n      title2: '01区域',\n      dialogVisible: false\n    };\n  },\n  created: function created() {},\n  methods: {\n    handleCommand: function handleCommand(command) {\n      // 用户名下拉菜单选择事件\n      if (command == 'show') {\n        this.dialogVisible = true;\n      }\n    },\n    handleClose: function handleClose(done) {\n      this.$confirm('确认关闭？').then(function (_) {\n        done();\n      }).catch(function (_) {});\n    }\n  }\n};",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,OAAA,SAAA;AACA,OAAA,UAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,UAAA;AACA,OAAA,WAAA;AACA,eAAA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,UAAA,EAAA,UAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,UAAA,EAAA,UALA;AAMA,IAAA,WAAA,EAAA;AANA,GADA;AASA,EAAA,IATA,kBASA;AACA,WAAA;AACA,MAAA,MAAA,EAAA,MADA;AAEA,MAAA,MAAA,EAAA,MAFA;AAGA,MAAA,aAAA,EAAA;AAHA,KAAA;AAKA,GAfA;AAgBA,EAAA,OAhBA,qBAgBA,CACA,CAjBA;AAkBA,EAAA,OAAA,EAAA;AACA,IAAA,aADA,yBACA,OADA,EACA;AAAA;AACA,UAAA,OAAA,IAAA,MAAA,EAAA;AACA,aAAA,aAAA,GAAA,IAAA;AACA;AACA,KALA;AAMA,IAAA,WANA,uBAMA,IANA,EAMA;AACA,WAAA,QAAA,CAAA,OAAA,EACA,IADA,CACA,UAAA,CAAA,EAAA;AACA,QAAA,IAAA;AACA,OAHA,EAIA,KAJA,CAIA,UAAA,CAAA,EAAA,CAAA,CAJA;AAKA;AAZA;AAlBA,CAAA","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.down{\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n}\r\n</style>"],"sourceRoot":"src/views/bounced"}]}