{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673593542738},{"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\\babel-loader\\lib\\index.js","mtime":1673232709513},{"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//\nimport delayChart from \"../../components/target/delayChart.vue\";\nimport speedChart from \"../../components/target/speedChart.vue\";\nimport flowChart from \"../../components/target/flowChart.vue\";\nimport headWayChart from \"../../components/target/headWayChart.vue\";\nimport checkChart from \"../../components/target/checkChart.vue\";\nimport lineUpChart from \"../../components/target/lineUpChart.vue\";\nimport congestionChart from \"../../components/target/congestionChart.vue\";\nimport typeChart from \"../../components/target/typeChart.vue\";\nimport OD from \"../../components/target/OD.vue\";\nexport default {\n  components: {\n    delayChart: delayChart,\n    speedChart: speedChart,\n    flowChart: flowChart,\n    headWayChart: headWayChart,\n    checkChart: checkChart,\n    lineUpChart: lineUpChart,\n    congestionChart: congestionChart,\n    typeChart: typeChart,\n    OD: OD\n  },\n  props: {\n    activeName: {\n      type: String\n    }\n  },\n  data: function data() {\n    return {\n      title1: '01断面',\n      title2: '01区域',\n      dialogVisible: false,\n      // 触发数据断面与区域相同\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: 19\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        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: 10.5\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: 2.5\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: 11.5\n      }],\n      // 断面的周期统计\n      sectionList: [{\n        steam_id: '0',\n        gate_id: 'Gate_1',\n        name: '西进口',\n        timestamp: '2022-10-1',\n        interval: '53',\n        type: 'truck',\n        in_flow: 90,\n        out_flow: 120,\n        flow: 210,\n        in_spd: 20.1,\n        out_spd: 30.6,\n        speed: 30\n      }, {\n        steam_id: '0',\n        gate_id: 'Gate_1',\n        name: '西进口',\n        timestamp: '2022-10-1',\n        interval: '53',\n        type: 'truck',\n        in_flow: 90,\n        out_flow: 120,\n        flow: 210,\n        in_spd: 20.1,\n        out_spd: 30.6,\n        speed: 40\n      }, {\n        steam_id: '0',\n        gate_id: 'Gate_1',\n        name: '西进口',\n        timestamp: '2022-10-1',\n        interval: '53',\n        type: 'truck',\n        in_flow: 90,\n        out_flow: 120,\n        flow: 210,\n        in_spd: 20.1,\n        out_spd: 30.6,\n        speed: 50\n      }, {\n        steam_id: '0',\n        gate_id: 'Gate_1',\n        name: '西进口',\n        timestamp: '2022-10-1',\n        interval: '53',\n        type: 'truck',\n        in_flow: 90,\n        out_flow: 120,\n        flow: 210,\n        in_spd: 20.1,\n        out_spd: 30.6,\n        speed: 77\n      }],\n      // 区域的周期时刻\n      regionList1: [{\n        zone_id: '0',\n        gate_id: 'Zone_1',\n        name: '西进口左1',\n        timestamp: '2022-10-1',\n        frame: 1000,\n        type: 'car',\n        n_stay: 3,\n        n_queue: 2,\n        occ: 1,\n        speed: 2.6\n      }],\n      // 区域的周期统计\n      regionList2: [{\n        zone_id: '0',\n        gate_id: 'Zone_1',\n        name: '西进口左1',\n        timestamp: '2022-10-1',\n        type: 'car',\n        enter_flow: 1,\n        leave_flow: 3,\n        ave_stay: 3.2,\n        ave_queue: 2.9,\n        ave_occ: 0.56,\n        ave_delay: 16.7,\n        ave_speed: 2.6\n      }, {\n        zone_id: '0',\n        gate_id: 'Zone_1',\n        name: '西进口左1',\n        timestamp: '2022-10-1',\n        type: 'car',\n        enter_flow: 1,\n        leave_flow: 3,\n        ave_stay: 3.2,\n        ave_queue: 2.9,\n        ave_occ: 0.56,\n        ave_delay: 16.7,\n        ave_speed: 2.6\n      }, {\n        zone_id: '0',\n        gate_id: 'Zone_1',\n        name: '西进口左1',\n        timestamp: '2022-10-1',\n        type: 'car',\n        enter_flow: 1,\n        leave_flow: 3,\n        ave_stay: 3.2,\n        ave_queue: 2.9,\n        ave_occ: 0.56,\n        ave_delay: 16.7,\n        ave_speed: 2.6\n      }],\n      // sectionShow: false,\n      // regionShow: false,\n      count1: false,\n      count2: false\n    };\n  },\n  created: function created() {},\n  methods: {\n    // 区域点击事件\n    regionHandle: function regionHandle() {\n      this.count1 = !this.count1;\n\n      if (this.count1 == false) {\n        this.$refs.region.style.height = 47 + 'vh';\n        this.$refs.box.style.height = '100vh';\n      } else if (this.count1 == true) {\n        this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\n        this.$refs.box.style.height = 'auto';\n      }\n    },\n    // 断面点击事件\n    sectionHandle: function sectionHandle() {\n      this.count2 = !this.count2;\n\n      if (this.count2 == false) {\n        this.$refs.section.style.height = 47 + 'vh';\n        this.$refs.box.style.height = '100vh';\n      } else if (this.count2 == true) {\n        this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\n        this.$refs.box.style.height = 'auto';\n      }\n    }\n  },\n  mounted: function mounted() {}\n};",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div ref=\"box\" class=\"box\" style=\"height: 100vh\">\r\n        <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n        <!-- 01断面 -->\r\n        <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n            <div class=\"plate1\">\r\n                <div class=\"section\" ref=\"section\">\r\n                    <div ref=\"sectionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title1 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count2 == true ? 'upActive' : 'active'\" @click=\"sectionHandle()\"></span>\r\n                        </div>\r\n\r\n                        <headWayChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <typeChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- 区域 -->\r\n            <div class=\"plate2\">\r\n                <div class=\"region\" ref=\"region\">\r\n                    <div ref=\"regionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title2 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count1 == true ? 'upActive' : 'active'\" @click=\"regionHandle()\"></span>\r\n                        </div>\r\n                        <OD pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n\r\n                        <lineUpChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <checkChart pageType=\"区域\" triggerType=\"周期时刻\" :data=\"regionList1\" />\r\n                        <delayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <congestionChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <headWayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- 详情框 -->\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n            // 触发数据断面与区域相同\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: 19\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: 10.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: 2.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: 11.5\r\n                }\r\n            ],\r\n\r\n            // 断面的周期统计\r\n            sectionList: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 30\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 40\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 50\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 77\r\n                }\r\n            ],\r\n            // 区域的周期时刻\r\n            regionList1: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 2.6\r\n                }\r\n            ],\r\n            // 区域的周期统计\r\n            regionList2: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                }\r\n            ],\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active {\r\n    transition: all 0.5s linear;\r\n}\r\n</style>"],"sourceRoot":"src/views/bounced"}]}