{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1675936707056},{"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\r\nexport default {\r\n    name: 'tableShow', //表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        type: {\r\n            type: String\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A']\r\n        };\r\n    },\r\n    methods: {\r\n        handleCommand(command) {\r\n            // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true;\r\n            }\r\n        }\r\n    },\r\n    mounted() { \r\n        console.log(this.type,'129129');\r\n    }\r\n};\r\n",{"version":3,"sources":["regionTable.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsHA;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;AACA;AACA","file":"regionTable.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n\r\n    <!-- 区域的表格 -->\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n\r\n\r\n        <div v-if=\"msg\">\r\n            <!-- 触发 -->\r\n            <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发' \">\r\n                <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"graphical_id\" label=\"区域编号\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"time\" label=\"时间戳\"></el-table-column>\r\n                <el-table-column align=\"center\" label=\"目标类型\">\r\n                    <template slot-scope=\"scope\">\r\n                        <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n                        <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n                        <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n                    </template>\r\n                </el-table-column>\r\n                <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\">\r\n                    <template slot-scope=\"scope\">\r\n                        <span v-if=\"scope.row.occ == '1'\">占用</span>\r\n\r\n                    </template>\r\n                </el-table-column>\r\n                <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n            </el-table>\r\n            <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期时刻' \">\r\n                <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"graphical_id\" label=\"区域编号\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"time\" label=\"时间戳\"></el-table-column>\r\n                <el-table-column align=\"center\" label=\"目标类型\">\r\n                    <template slot-scope=\"scope\">\r\n                        <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n                        <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n                        <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n                    </template>\r\n                </el-table-column>\r\n                <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\">\r\n                    <template slot-scope=\"scope\">\r\n                        <span v-if=\"scope.row.occ == '1'\">占用</span>\r\n\r\n                    </template>\r\n                </el-table-column>\r\n                <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n            </el-table>\r\n            <!-- 周期统计 -->\r\n            <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\r\n                <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n                <el-table-column align=\"center\" label=\"目标类型\">\r\n                    <template slot-scope=\"scope\">\r\n                        <span v-if=\"scope.row.type == 'Person'\">行人</span>\r\n                        <span v-if=\"scope.row.type == 'Motor Vehicle'\">机动车</span>\r\n                        <span v-if=\"scope.row.type == 'Non_Motor'\">非机动车</span>\r\n                    </template>\r\n                </el-table-column>\r\n                <el-table-column align=\"center\" prop=\"enter_flow\" label=\"驶入流量\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"leave_flow\" label=\"驶离流量\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"ave_stay\" label=\"平均存车数\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"ave_queue\" label=\"平均排队数\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"ave_occ\" label=\"平均占有率\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"ave_delay\" label=\"平均延误\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"ave_speed\" label=\"平均速度\"></el-table-column>\r\n            </el-table>\r\n        </div>\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n                    </el-time-select>\r\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select>\r\n                        <el-option> </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"dialogVisible\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\">确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'tableShow', //表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        type: {\r\n            type: String\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A']\r\n        };\r\n    },\r\n    methods: {\r\n        handleCommand(command) {\r\n            // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true;\r\n            }\r\n        }\r\n    },\r\n    mounted() { \r\n        console.log(this.type,'129129');\r\n    }\r\n};\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n\r\n.down .moreIcon {\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.tableContent {\r\n    border: 1px solid #e4e7ed;\r\n}\r\n</style>"]}]}