1 line
12 KiB
JSON
1 line
12 KiB
JSON
{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1673506578707},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"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//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue'\r\nexport default {\r\n name: 'headWayChart', //车头时距组件\r\n props:['pageType','triggerType'],\r\n components: {\r\n lineChart,\r\n barChart,\r\n tableShow,\r\n detailDialog,\r\n thermalChart,\r\n regionTable,\r\n avgChart\r\n },\r\n data() {\r\n return {\r\n tableData: [\r\n {\r\n steam_id:0,\r\n timestamp:'2022-10-01 09:15:10.156',\r\n obj_id:125,\r\n type:'car',\r\n plate:'苏A0131M',\r\n speed:35.2,\r\n event:'in',\r\n lane:0,\r\n headWay:6.5,\r\n },\r\n {\r\n steam_id:0,\r\n timestamp:'2022-10-01 09:15:10.156',\r\n obj_id:125,\r\n type:'car',\r\n plate:'苏A0131M',\r\n speed:70.2,\r\n event:'in',\r\n lane:0,\r\n headWay:6.5,\r\n },\r\n {\r\n steam_id:0,\r\n timestamp:'2022-10-01 09:15:10.156',\r\n obj_id:125,\r\n type:'car',\r\n plate:'苏A0131M',\r\n speed:60.2,\r\n event:'in',\r\n lane:0,\r\n headWay:6.5,\r\n }\r\n ],\r\n // triggerType: '周期统计',\r\n periodicTime: [\r\n {\r\n time: '17:00',\r\n type: '货车',\r\n lane: '西城车道',\r\n lineUp: '200',\r\n check: '300',\r\n ownStatus: '空',\r\n speed: '50',\r\n CongestionStatus: '拥堵'\r\n },\r\n {\r\n time: '22:00',\r\n type: '货车',\r\n lane: '西城车道',\r\n lineUp: '200',\r\n check: '300',\r\n ownStatus: '空',\r\n speed: '30',\r\n CongestionStatus: '拥堵'\r\n },\r\n {\r\n time: '24:00',\r\n type: '货车',\r\n lane: '西城车道',\r\n lineUp: '200',\r\n check: '300',\r\n ownStatus: '空',\r\n speed: '80',\r\n CongestionStatus: '拥堵'\r\n }\r\n ],\r\n periodicStatistic: [\r\n {\r\n time: '9:40',\r\n type: '小汽车',\r\n event: 'out',\r\n lane: '西北大道',\r\n speed: '60',\r\n avgFlow: '200'\r\n },\r\n {\r\n time: '10:40',\r\n type: '小汽车',\r\n event: 'out',\r\n lane: '西北大道',\r\n speed: '55',\r\n avgFlow: '50'\r\n },\r\n {\r\n time: '11:40',\r\n type: '小汽车',\r\n event: 'out',\r\n lane: '西北大道',\r\n speed: '61',\r\n avgFlow: '40'\r\n }\r\n ]\r\n }\r\n },\r\n methods: {\r\n },\r\n mounted() {\r\n\r\n }\r\n}\r\n",{"version":3,"sources":["headWayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA;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;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;;AAEA;AACA","file":"headWayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n <div class=\"setion\">\r\n <p class=\"chartTitle\"><span class=\"titleIcon\"></span> 车头时距组件</p>\r\n <div class=\"typeContent\">\r\n <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n <div style=\"padding: 14px;\">\r\n <span>数值</span>\r\n <div class=\"bottom clearfix\">\r\n <time class=\"time\">17:49</time>\r\n <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n </div>\r\n </div>\r\n\r\n\r\n </el-card>\r\n <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n </div>\r\n <div v-if=\"pageType == '区域'\">\r\n <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n </div>\r\n <div class=\"border\">\r\n <detailDialog :msg=\"tableData\" />\r\n <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\"/>\r\n <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n </div>\r\n <div class=\"border\">\r\n <detailDialog :msg=\"tableData\" />\r\n <avgChart :list=\"tableData\" v-if=\"triggerType=='触发'\"/>\r\n <avgChart :list=\"periodicTime\" v-if=\"triggerType=='周期时刻'\"/>\r\n <avgChart :list=\"periodicStatistic\" v-if=\"triggerType=='周期统计'\" />\r\n </div>\r\n\r\n </div>\r\n </div>\r\n</template>\r\n \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue'\r\nexport default {\r\n name: 'headWayChart', //车头时距组件\r\n props:['pageType','triggerType'],\r\n components: {\r\n lineChart,\r\n barChart,\r\n tableShow,\r\n detailDialog,\r\n thermalChart,\r\n regionTable,\r\n avgChart\r\n },\r\n data() {\r\n return {\r\n tableData: [\r\n {\r\n steam_id:0,\r\n timestamp:'2022-10-01 09:15:10.156',\r\n obj_id:125,\r\n type:'car',\r\n plate:'苏A0131M',\r\n speed:35.2,\r\n event:'in',\r\n lane:0,\r\n headWay:6.5,\r\n },\r\n {\r\n steam_id:0,\r\n timestamp:'2022-10-01 09:15:10.156',\r\n obj_id:125,\r\n type:'car',\r\n plate:'苏A0131M',\r\n speed:70.2,\r\n event:'in',\r\n lane:0,\r\n headWay:6.5,\r\n },\r\n {\r\n steam_id:0,\r\n timestamp:'2022-10-01 09:15:10.156',\r\n obj_id:125,\r\n type:'car',\r\n plate:'苏A0131M',\r\n speed:60.2,\r\n event:'in',\r\n lane:0,\r\n headWay:6.5,\r\n }\r\n ],\r\n // triggerType: '周期统计',\r\n periodicTime: [\r\n {\r\n time: '17:00',\r\n type: '货车',\r\n lane: '西城车道',\r\n lineUp: '200',\r\n check: '300',\r\n ownStatus: '空',\r\n speed: '50',\r\n CongestionStatus: '拥堵'\r\n },\r\n {\r\n time: '22:00',\r\n type: '货车',\r\n lane: '西城车道',\r\n lineUp: '200',\r\n check: '300',\r\n ownStatus: '空',\r\n speed: '30',\r\n CongestionStatus: '拥堵'\r\n },\r\n {\r\n time: '24:00',\r\n type: '货车',\r\n lane: '西城车道',\r\n lineUp: '200',\r\n check: '300',\r\n ownStatus: '空',\r\n speed: '80',\r\n CongestionStatus: '拥堵'\r\n }\r\n ],\r\n periodicStatistic: [\r\n {\r\n time: '9:40',\r\n type: '小汽车',\r\n event: 'out',\r\n lane: '西北大道',\r\n speed: '60',\r\n avgFlow: '200'\r\n },\r\n {\r\n time: '10:40',\r\n type: '小汽车',\r\n event: 'out',\r\n lane: '西北大道',\r\n speed: '55',\r\n avgFlow: '50'\r\n },\r\n {\r\n time: '11:40',\r\n type: '小汽车',\r\n event: 'out',\r\n lane: '西北大道',\r\n speed: '61',\r\n avgFlow: '40'\r\n }\r\n ]\r\n }\r\n },\r\n methods: {\r\n },\r\n mounted() {\r\n\r\n }\r\n}\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n width: 100%;\r\n margin-bottom: 20px;\r\n position: relative;\r\n}\r\n</style>"]}]} |