{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=style&index=0&id=35ac0829&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1673752142434},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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\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.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.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n.tableContent {\r\n    border: 1px solid #e4e7ed;\r\n}\r\n",{"version":3,"sources":["regionTable.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4HA;AACA;AACA;;AAEA;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    <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        <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=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"obj_id\" label=\"目标编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"plate\" label=\"车牌\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"speed\" label=\"速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"监测触发事件\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"lane\" label=\"车道\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"headWay\" 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\" prop=\"\" label=\"视频帧\"></el-table-column> -->\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></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=\"占用状态\"></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\" prop=\"type\" label=\"目标类型\"></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\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\r\n                        placeholder=\"起始时间\"\r\n                        v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\"\r\n                    >\r\n                    </el-time-select>\r\n                    <el-time-select\r\n                        placeholder=\"结束时间\"\r\n                        v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\"\r\n                    >\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};\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.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.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n.tableContent {\r\n    border: 1px solid #e4e7ed;\r\n}\r\n</style>"]}]}