1 line
8.7 KiB
JSON
1 line
8.7 KiB
JSON
{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=style&index=0&id=8d18f94e&scoped=true&lang=css&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1673399846020},{"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\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 margin-bottom: 20px;\n position: relative;\n}\n",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"typeChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\n <!-- 触发类型 -->\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 />\n <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n </div>\n <div class=\"border\">\n <detailDialog />\n <barChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n <barChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n <barChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n </div>\n <div class=\"border\">\n <detailDialog :msg=\"tableData\"/>\n <pieChart />\n </div>\n </div>\n </div>\n</template>\n \n<script>\nimport lineChart from '../chart/lineChart.vue';\nimport barChart from '../chart/barChart.vue';\nimport tableShow from '../chart/tableShow.vue';\nimport pieChart from '../chart/pieChart.vue'\nimport detailDialog from '../chart/detailDialog.vue';\nimport regionTable from '../chart/regionTable.vue';\nexport default {\n name: 'typeChart', //类型组件\n props: ['pageType', 'triggerType'],\n components: {\n lineChart,\n barChart,\n tableShow,\n detailDialog,\n regionTable,\n pieChart,\n },\n data() {\n return {\n tableData: [{\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 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 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 ],\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 mounted() {}\n};\n</script>\n<style scoped>\n.typeContent {\n box-sizing: border-box;\n}\n\n.border {\n width: 100%;\n margin-bottom: 20px;\n position: relative;\n}\n</style>"]}]} |