{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=style&index=0&id=3a3b80e6&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1673318378970},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"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\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\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\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\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",{"version":3,"sources":["headWayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKA;AACA;AACA;;AAEA;AACA;AACA;AACA;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>"]}]}