{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=style&index=0&id=84f76fcc&scoped=true&lang=css&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1675935904354},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\postcss-loader\\src\\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\n\n\n\n\n\n\n\n\n\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\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",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2JA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"tableShow.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\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        <!-- 触发 -->\r\n        <div v-if=\"msg\">\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=\"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\" 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=\"占用状态\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n\r\n            </el-table>\r\n\r\n\r\n            <!-- 周期统计 -->\r\n            <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\r\n                <el-table-column align=\"center\" prop=\"gate_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=\"interval\" label=\"时间序号\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"type\" 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=\"in_flow\" label=\"入流流量\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"out_flow\" label=\"出流流量\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"flow\" label=\"断面流量\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"in_spd\" label=\"入流平均速度\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"out_spd\" label=\"出流平均速度\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"speed\" label=\"断面的平均速度\"></el-table-column>\r\n            </el-table>\r\n        </div>\r\n        <div v-else>\r\n            <el-empty :image-size=\"100\"></el-empty>\r\n        </div>\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 v-model=\"value\" placeholder=\"请选择\">\r\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\r\n                        </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></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            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\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        onSubmit() { },\r\n        handleClose() { }\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\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</style>"]}]}