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