{"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\\tableShow.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1673314894700},{"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\\babel-loader\\lib\\index.js","mtime":1673232709513},{"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\r\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            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            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwFA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA","file":"tableShow.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        {\r\n                    steam_id:0,\r\n                    timestamp:2022-10-01 09:15:10.156,\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\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        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"time\" 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=\"type\" 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='speed' label=\"入流流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"出流流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"time\" 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=\"event\" label=\"出流平均速度\"></el-table-column>\r\n           \r\n        </el-table>\r\n\r\n\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 v-model=\"value\" placeholder=\"请选择\">\r\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </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\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            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            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\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.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\r\n</style>"]}]}