{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!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":1677567450861},{"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//\nimport avgChart from \"../chart/avgChart.vue\";\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\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nexport default {\n  name: 'typeChart',\n  //类型组件\n  props: ['typeValue', 'pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName', 'startEndData'],\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    regionTable: regionTable,\n    pieChart: pieChart,\n    avgChart: avgChart,\n    thermalChart: thermalChart\n  },\n  data: function data() {\n    return {\n      // 类型数值\n      total: 0,\n      // 速度数值\n      speed: 0,\n      // 流量数值\n      flow: 0,\n      isRefer: true,\n      valueShow: {},\n      //排队数\n      queue: '',\n      newDataArr: []\n    };\n  },\n  created: function created() {},\n  methods: {\n    // 计算类型数量的总和\n    getDataArr: function getDataArr(val) {\n      this.newDataArr = val;\n      this.getNewQueue(this.newDataArr);\n    },\n    getTotal: function getTotal(dataArr) {\n      if (this.title == '类型') {\n        return dataArr[0].type_data.reduce(function (prev, cur) {\n          return cur.quantity + prev;\n        }, 0);\n      }\n    },\n    // 计算类型的数值\n    getNewQueue: function getNewQueue(val) {\n      if (val[0].n_queue) {\n        this.queue = val[0].n_queue;\n      } else if (val[0].ave_queue) {\n        this.queue = val[0].ave_queue;\n      } else if (val[0].headway) {\n        this.newDataArr[0].headway = val[0].headway;\n      } else if (val[0].ave_headway) {\n        this.newDataArr[0].headway = val[0].ave_headway;\n      } else if (val[0].n_stay) {\n        this.newDataArr[0].n_stay = val[0].n_stay;\n      } else if (val[0].ave_stay) {\n        this.newDataArr[0].n_stay = val[0].ave_stay;\n      }\n    }\n  },\n  computed: {// 获取类型的总数量\n  },\n  mounted: function mounted() {},\n  watch: {// 监听触发数据\n    // dataArr: {\n    //     handler(newVal) {\n    //         // console.log('dataArr', newVal);\n    //         if (newVal != undefined && newVal.length != 0) {\n    //             this.getNewQueue(newVal);\n    //         }\n    //     },\n    //     immediate: true\n    // }\n    // typeValue:{\n    //          handler(newVal) {\n    //         // console.log('dataArr', newVal);\n    //     },\n    //      immediate: true\n    // }\n  }\n};",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <!-- <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ componentName }} {{ triggerType }}</p> -->\r\n        <!-- 触发数据数值渲染 -->\r\n        <div class=\"typeContent\">\r\n            <div v-if=\"newDataArr && newDataArr.length != 0 && newDataArr != undefined\">\r\n                <div v-if=\"title == '类型'\" style=\"display:flex\">\r\n                    <el-card v-for=\"(n, i) in newDataArr[0].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                                {{ newDataArr[0].time ? newDataArr[0].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=\"newDataArr && newDataArr.length != 0 && newDataArr != 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\">\r\n                            {{ getTotal(newDataArr) }}\r\n                        </span>\r\n                    </div>\r\n                    <div style=\"font-size: 30px; font-weight: bold\"\r\n                        v-if=\"title == '速度' && dataArr.length != 0 && dataArr != undefined\">\r\n                        <span style=\"font-size: 15px;\">速度</span><br />\r\n                        <!-- <span style=\"font-size: 30px; font-weight: bold\">{{ typeValue.speed }}</span> -->\r\n                        <span style=\"font-size: 30px; font-weight: bold\">{{ newDataArr[0].speed }}</span>\r\n                    </div>\r\n                    <div style=\"font-size: 30px; font-weight: bold\"\r\n                        v-if=\"title == '流量' && dataArr.length != 0 && dataArr != undefined\">\r\n                        <span style=\"font-size: 15px;\">流量</span><br />\r\n                        <span style=\"font-size: 30px; font-weight: bold\">{{ newDataArr[0].flow }}</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\">{{ newDataArr[0].headway }}</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\">{{ queue }}</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\">{{ newDataArr[0].n_stay }}</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\">{{ newDataArr[0].ave_delay }}</span>\r\n                    </div>\r\n                    <div>\r\n                        <div>\r\n                            {{ newDataArr[0].time ? newDataArr[0].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        </div>\r\n        <div v-show=\"echartArr.includes('表格')\">\r\n            <div class=\"tableTitle\" v-if=\"newDataArr && newDataArr.length != 0 && newDataArr != undefined\">\r\n                <div>\r\n                    <span\r\n                        style=\"width: 10px;height:10px;border-radius: 50%;background-color: #3297ff;display: inline-block;vertical-align: middle;margin-right: 8px;\"></span>\r\n                    <span style=\"font-size:18px;\">{{ this.chartName + '-' + this.componentName + '-' + '表格' + '-' +\r\n                        triggerType }}</span>\r\n                </div>\r\n                <div class=\"tableTime\">\r\n                    {{ newDataArr[0].time ? newDataArr[0].time : '' }}\r\n                </div>\r\n            </div>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"newDataArr\" :triggerType=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"newDataArr\" :triggerType=\"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=\"newDataArr\"\r\n                :status=\"triggerType\" :title=\"title\" :typeValue=\"typeValue\" ref=\"lineChartRef\"  />\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=\"newDataArr\"\r\n                :status=\"triggerType\" :title=\"title\" :typeValue=\"typeValue\" ref=\"pieChartRef\" />\r\n        </div>\r\n        <div class=\"border\" v-if=\"echartArr.includes('均值图')\">\r\n            <detailDialog />\r\n            <avgChart ref=\"avgChartRef\" :componentName=\"componentName\" :chartName=\"chartName\" :pageType=\"pageType\"\r\n                :list=\"newDataArr\" :status=\"triggerType\" :title=\"title\" :typeValue=\"typeValue\" />\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=\"newDataArr\"\r\n                :status=\"triggerType\" :title=\"title\" :typeValue=\"typeValue\" ref=\"barChartRef\" />\r\n        </div>\r\n        <div class=\"border\" v-if=\"echartArr.includes('矩阵图')\">\r\n            <detailDialog />\r\n            <thermalChart :componentName=\"componentName\"  :pageType=\"pageType\" :list=\"newDataArr\"\r\n                :status=\"triggerType\" :title=\"title\" :typeValue=\"typeValue\" ref=\"ODChartRef\" />\r\n        </div>\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\nimport thermalChart from '../chart/thermalChart.vue';\r\nexport default {\r\n    name: 'typeChart', //类型组件\r\n    props: ['typeValue', 'pageType', 'triggerType', 'dataArr', 'echartArr', 'componentName', 'title', 'chartName','startEndData'],\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        thermalChart\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            valueShow: {},\r\n            //排队数\r\n            queue: '',\r\n            newDataArr: []\r\n        };\r\n    },\r\n    created() {\r\n           \r\n           \r\n        \r\n    },\r\n    methods: {\r\n        // 计算类型数量的总和\r\n        getDataArr(val) {\r\n            this.newDataArr = val\r\n            this.getNewQueue(this.newDataArr)\r\n        },\r\n        getTotal(dataArr) {\r\n            if (this.title == '类型') {\r\n                return dataArr[0].type_data.reduce(function (prev, cur) {\r\n                    return cur.quantity + prev;\r\n                }, 0);\r\n            }\r\n        },\r\n        // 计算类型的数值\r\n        getNewQueue(val) {\r\n           \r\n            if (val[0].n_queue) {\r\n                this.queue = val[0].n_queue;\r\n            } else if (val[0].ave_queue) {\r\n                this.queue = val[0].ave_queue;\r\n            } else if (val[0].headway) {\r\n                this.newDataArr[0].headway = val[0].headway;\r\n            } else if (val[0].ave_headway) {\r\n                this.newDataArr[0].headway = val[0].ave_headway;\r\n            }else if (val[0].n_stay) {\r\n                this.newDataArr[0].n_stay = val[0].n_stay;\r\n            } else if (val[0].ave_stay) {\r\n                this.newDataArr[0].n_stay = val[0].ave_stay;\r\n            }\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        //         // console.log('dataArr', newVal);\r\n        //         if (newVal != undefined && newVal.length != 0) {\r\n        //             this.getNewQueue(newVal);\r\n        //         }\r\n        //     },\r\n\r\n        //     immediate: true\r\n        // }\r\n        // typeValue:{\r\n        //          handler(newVal) {\r\n        //         // console.log('dataArr', newVal);\r\n        //     },\r\n        //      immediate: true\r\n        // }\r\n    }\r\n};\r\n</script>\r\n<style scoped>\r\n.tableTitle {\r\n    background: #f7f8fa;\r\n    margin-bottom: 5px;\r\n    padding: 8px;\r\n}\r\n\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>\r\n"],"sourceRoot":"src/components/target"}]}