{"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":1673327200872},{"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//\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      // 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,OAAA,UAAA;AACA,OAAA,UAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,UAAA;AACA,OAAA,WAAA;AACA,OAAA,eAAA;AACA,OAAA,SAAA;AACA,OAAA,EAAA;AACA,eAAA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,UAAA,EAAA,UADA;AAEA,IAAA,UAAA,EAAA,UAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,UAAA,EAAA,UALA;AAMA,IAAA,WAAA,EAAA,WANA;AAOA,IAAA,eAAA,EAAA,eAPA;AAQA,IAAA,SAAA,EAAA,SARA;AASA,IAAA,EAAA,EAAA;AATA,GADA;AAYA,EAAA,KAAA,EAAA;AACA,IAAA,UAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA;AADA,GAZA;AAiBA,EAAA,IAjBA,kBAiBA;AACA,WAAA;AACA,MAAA,MAAA,EAAA,MADA;AAEA,MAAA,MAAA,EAAA,MAFA;AAGA,MAAA,aAAA,EAAA,KAHA;AAKA;AACA;AAEA,MAAA,MAAA,EAAA,KARA;AASA,MAAA,MAAA,EAAA;AATA,KAAA;AAWA,GA7BA;AA8BA,EAAA,OA9BA,qBA8BA,CAAA,CA9BA;AA+BA,EAAA,OAAA,EAAA;AACA;AACA,IAAA,YAFA,0BAEA;AACA,WAAA,MAAA,GAAA,CAAA,KAAA,MAAA;;AAEA,UAAA,KAAA,MAAA,IAAA,KAAA,EAAA;AACA,aAAA,KAAA,CAAA,MAAA,CAAA,KAAA,CAAA,MAAA,GAAA,KAAA,IAAA;AACA,aAAA,KAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,GAAA,OAAA;AACA,OAHA,MAGA,IAAA,KAAA,MAAA,IAAA,IAAA,EAAA;AACA,aAAA,KAAA,CAAA,MAAA,CAAA,KAAA,CAAA,MAAA,GAAA,KAAA,KAAA,CAAA,aAAA,CAAA,YAAA,GAAA,EAAA,GAAA,IAAA;AACA,aAAA,KAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,GAAA,MAAA;AACA;AACA,KAZA;AAaA;AACA,IAAA,aAdA,2BAcA;AACA,WAAA,MAAA,GAAA,CAAA,KAAA,MAAA;;AACA,UAAA,KAAA,MAAA,IAAA,KAAA,EAAA;AACA,aAAA,KAAA,CAAA,OAAA,CAAA,KAAA,CAAA,MAAA,GAAA,KAAA,IAAA;AACA,aAAA,KAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,GAAA,OAAA;AACA,OAHA,MAGA,IAAA,KAAA,MAAA,IAAA,IAAA,EAAA;AACA,aAAA,KAAA,CAAA,OAAA,CAAA,KAAA,CAAA,MAAA,GAAA,KAAA,KAAA,CAAA,cAAA,CAAA,YAAA,GAAA,EAAA,GAAA,IAAA;AACA,aAAA,KAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,GAAA,MAAA;AACA;AACA;AAvBA,GA/BA;AAwDA,EAAA,OAxDA,qBAwDA,CAAA;AAxDA,CAAA","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                        <typeChart :pageType=\"'断面'\" triggerType=\"触发\"/>\r\n                        <speedChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <flowChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <congestionChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <lineUpChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                        <delayChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                        <checkChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                    </div>\r\n                </div>\r\n\r\n                \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=\"触发\"/>\r\n                        <speedChart pageType=\"区域\" triggerType=\"触发\" />\r\n                        <flowChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        \r\n                        <lineUpChart pageType=\"区域\" triggerType=\"触发\" />\r\n                        <checkChart pageType=\"区域\" triggerType=\"周期时刻\" />\r\n                        <delayChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        <congestionChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        <headWayChart pageType=\"区域\" triggerType=\"周期统计\" />\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            // 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\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 .5s linear;\r\n}\r\n</style>"],"sourceRoot":"src/views/bounced"}]}