{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\components\\target\\congestionChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1673506578706},{"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\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'congestionChart', //拥堵组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\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    mounted() {},\r\n    watch: {}\r\n};\r\n",{"version":3,"sources":["congestionChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA;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","file":"congestionChart.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>\r\n        <div></div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'congestionChart', //拥堵组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\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    mounted() {},\r\n    watch: {}\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    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"]}]}