{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1675992619804},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"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\r\nimport avgChart from '../chart/avgChart.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'typeChart', //类型组件\r\n    props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        pieChart,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            // 类型数值\r\n            total: 0,\r\n            // 速度数值\r\n            speed: 0,\r\n            // 流量数值\r\n            flow: 0,\r\n            isRefer: true\r\n        };\r\n    },\r\n    created() {\r\n\r\n    },\r\n    methods: {\r\n        // 计算类型的数值\r\n\r\n        getTotal(arr) {\r\n            // console.log(111, '163');\r\n            // if (arr != undefined && arr) {\r\n\r\n\r\n            var sum = arr.reduce(function (prev, cur) {\r\n                return cur.quantity + prev;\r\n            }, 0);\r\n            return sum\r\n        }\r\n\r\n    },\r\n\r\n    computed: {\r\n\r\n    },\r\n    mounted() { },\r\n    watch: {\r\n        // 监听触发数据\r\n        dataArr: {\r\n            handler(newVal) {\r\n                this.total = 0\r\n                if (newVal && newVal[newVal.length - 1] != undefined) {\r\n                    newVal[newVal.length - 1].type_data.forEach(ele => {\r\n                        this.total += ele.quantity\r\n                    })\r\n                }\r\n            },\r\n            deep: true,\r\n            immediate: true\r\n        },\r\n        // cycleTimeData: {\r\n        //     handler(newVal) {\r\n        //         console.log(newVal);\r\n        //     }\r\n        // }\r\n    }\r\n};\r\n",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0HA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"typeChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\" v-if=\"isRefer\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }} {{ triggerType }}</p>\r\n        <!-- 触发数据数值渲染 -->\r\n        <div class=\"typeContent\" v-if=\"triggerType == '触发' || '周期时刻'\">\r\n\r\n            <div v-if=\"dataArr && dataArr.length != 0\">\r\n                <div v-if=\"title == '类型'\" style=\"display:flex\">\r\n                    <el-card v-for=\"(n, i) in dataArr[dataArr.length - 1].type_data\" :key=\"i\"\r\n                        style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                        <div>\r\n                            <span style=\"font-size: 15px;\">{{ n.name }}</span><br />\r\n                            <span style=\"font-size: 30px; font-weight: bold\">{{ n.quantity }}</span>\r\n                        </div>\r\n                        <div>\r\n                            <div>\r\n                                {{ dataArr[dataArr.length - 1].time }}\r\n                            </div>\r\n                        </div>\r\n                    </el-card>\r\n                </div>\r\n            </div>\r\n            <el-card v-show=\"echartArr.includes('数值')\" style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div v-if=\"dataArr && dataArr.length != 0\">\r\n                    <div v-if=\"title == '类型'\">\r\n                        <span style=\"font-size: 15px;\">类型数量总和</span><br />\r\n                        <span style=\"font-size: 30px; font-weight: bold\">\r\n                            {{ this.total }}\r\n                        </span>\r\n                    </div>\r\n                    <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '速度'\">\r\n                        <span style=\"font-size: 15px;\">速度</span><br />\r\n                        <span style=\"font-size: 30px; font-weight: bold\">{{ dataArr[dataArr.length - 1].speed }}</span>\r\n                    </div>\r\n                    <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '流量'\">\r\n                        <span style=\"font-size: 15px;\">流量</span><br />\r\n                        <span style=\"font-size: 30px; font-weight: bold\">{{\r\n                            dataArr[dataArr.length -\r\n                                1].flow\r\n                        }}</span>\r\n                    </div>\r\n                    <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '车头时距'\">\r\n                        <span style=\"font-size: 15px;\">车头时距</span><br />\r\n                        <span style=\"font-size: 30px; font-weight: bold\">{{\r\n                            dataArr[dataArr.length -\r\n                                1].heavy\r\n                        }}</span>\r\n                    </div>\r\n                    <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '排队数'\">\r\n                        <span style=\"font-size: 15px;\">排队数</span>\r\n                        <span style=\"font-size: 30px; font-weight: bold\">{{\r\n                            dataArr[dataArr.length -\r\n                                1].n_queue\r\n                        }}</span>\r\n                    </div>\r\n                    <div style=\"font-size: 30px; font-weight: bold\" v-if=\"title == '检测数'\">\r\n                        <span style=\"font-size: 15px;\">检测数</span>\r\n                        <span style=\"font-size: 30px; font-weight: bold\">{{\r\n                            dataArr[dataArr.length -\r\n                                1].n_stay\r\n                        }}</span>\r\n                    </div>\r\n                    <div>\r\n                        <div>\r\n                            {{ dataArr[dataArr.length - 1].time }}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div v-else>\r\n                    <el-empty :image-size=\"100\"></el-empty>\r\n                </div>\r\n            </el-card>\r\n\r\n        </div>\r\n        <!-- <div class=\"typeContent\" v-if=\"triggerType == '周期时刻'\">\r\n            <el-card v-show=\"echartArr.includes('数值')\" style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div v-if=\"cycleTimeData != undefined\">\r\n                    <div v-if=\"title == '类型'\">\r\n                        <span style=\"font-size: 15px;\">类型数量总和</span><br />\r\n                        <span style=\"font-size: 30px; font-weight: bold\">{{}}</span>\r\n                    </div>\r\n                </div>\r\n                <div v-else>\r\n                    <el-empty :image-size=\"100\"></el-empty>\r\n                </div>\r\n            </el-card>\r\n        </div> -->\r\n        <!-- <el-empty :image-size=\"50\"></el-empty> -->\r\n        <div v-show=\"echartArr.includes('表格')\">\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"dataArr\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"dataArr\" :type=\"triggerType\" />\r\n            </div>\r\n        </div>\r\n        <div class=\"border\" v-if=\"echartArr.includes('曲线图')\">\r\n            <detailDialog />\r\n            <lineChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n                :status=\"triggerType\" :title=\"title\" />\r\n        </div>\r\n        <div class=\"border\" v-if=\"echartArr.includes('饼状图')\">\r\n            <detailDialog />\r\n            <pieChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n                :status=\"triggerType\" :title=\"title\" />\r\n        </div>\r\n        <div class=\"border\" v-if=\"echartArr.includes('均值图')\">\r\n            <detailDialog />\r\n            <avgChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n                :status=\"triggerType\" :title=\"title\" />\r\n        </div>\r\n        <div class=\"border\" v-if=\"echartArr.includes('直方图')\">\r\n            <detailDialog />\r\n            <barChart :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\" :list=\"dataArr\"\r\n                :status=\"triggerType\" :title=\"title\" />\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport avgChart from '../chart/avgChart.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'typeChart', //类型组件\r\n    props: ['pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        pieChart,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            // 类型数值\r\n            total: 0,\r\n            // 速度数值\r\n            speed: 0,\r\n            // 流量数值\r\n            flow: 0,\r\n            isRefer: true\r\n        };\r\n    },\r\n    created() {\r\n\r\n    },\r\n    methods: {\r\n        // 计算类型的数值\r\n\r\n        getTotal(arr) {\r\n            // console.log(111, '163');\r\n            // if (arr != undefined && arr) {\r\n\r\n\r\n            var sum = arr.reduce(function (prev, cur) {\r\n                return cur.quantity + prev;\r\n            }, 0);\r\n            return sum\r\n        }\r\n\r\n    },\r\n\r\n    computed: {\r\n\r\n    },\r\n    mounted() { },\r\n    watch: {\r\n        // 监听触发数据\r\n        dataArr: {\r\n            handler(newVal) {\r\n                this.total = 0\r\n                if (newVal && newVal[newVal.length - 1] != undefined) {\r\n                    newVal[newVal.length - 1].type_data.forEach(ele => {\r\n                        this.total += ele.quantity\r\n                    })\r\n                }\r\n            },\r\n            deep: true,\r\n            immediate: true\r\n        },\r\n        // cycleTimeData: {\r\n        //     handler(newVal) {\r\n        //         console.log(newVal);\r\n        //     }\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>"]}]}