{"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\\chart\\tableShow.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1677388318083},{"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//\n//\n//\n//\nexport default {\n  name: 'tableShow',\n  //表格组件\n  props: {\n    msg: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n    triggerType: {\n      type: String\n    }\n  },\n  data: function data() {\n    return {\n      dialogVisible: false,\n      startTime: '',\n      endTime: '',\n      checkList: ['复选框 A'],\n      options: [{\n        value: '选项1',\n        label: '黄金糕'\n      }, {\n        value: '选项2',\n        label: '双皮奶'\n      }, {\n        value: '选项3',\n        label: '蚵仔煎'\n      }, {\n        value: '选项4',\n        label: '龙须面'\n      }, {\n        value: '选项5',\n        label: '北京烤鸭'\n      }],\n      value: ''\n    };\n  },\n  methods: {\n    handleCommand: function handleCommand(command) {\n      // 用户名下拉菜单选择事件\n      if (command == 'show') {\n        this.dialogVisible = true;\n      }\n    },\n    onSubmit: function onSubmit() {},\n    handleClose: function handleClose() {}\n  },\n  mounted: function mounted() {}\n};",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0HA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,GAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA,KADA;AAOA,IAAA,WAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA;AAPA,GAFA;AAaA,EAAA,IAbA,kBAaA;AACA,WAAA;AACA,MAAA,aAAA,EAAA,KADA;AAEA,MAAA,SAAA,EAAA,EAFA;AAGA,MAAA,OAAA,EAAA,EAHA;AAIA,MAAA,SAAA,EAAA,CAAA,OAAA,CAJA;AAKA,MAAA,OAAA,EAAA,CACA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OADA,EAKA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OALA,EASA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OATA,EAaA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAbA,EAiBA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAjBA,CALA;AA2BA,MAAA,KAAA,EAAA;AA3BA,KAAA;AA6BA,GA3CA;AA4CA,EAAA,OAAA,EAAA;AACA,IAAA,aADA,yBACA,OADA,EACA;AACA;AACA,UAAA,OAAA,IAAA,MAAA,EAAA;AACA,aAAA,aAAA,GAAA,IAAA;AACA;AACA,KANA;AAOA,IAAA,QAPA,sBAOA,CAAA,CAPA;AAQA,IAAA,WARA,yBAQA,CAAA;AARA,GA5CA;AAsDA,EAAA,OAtDA,qBAsDA,CAAA;AAtDA,CAAA","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=\"triggerType == '触发'\">\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=\"time\" 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                        <span v-if=\"scope.row.type == 'Motor Vehicle|Non_Motor'\">机动车|非机动车</span>\r\n                        <span v-if=\"scope.row.type == 'Motor Vehicle|Person'\">机动车|行人</span>\r\n                        <span v-if=\"scope.row.type == 'Person|Non_Motor'\">行人|非机动车</span>\r\n                        <span v-if=\"scope.row.type == 'Person|Motor Vehicle'\">行人|机动车</span>\r\n                        <span v-if=\"scope.row.type == 'Person|Non_Motor|Motor Vehicle'\">行人|非机动车|机动车</span>\r\n                        <span v-if=\"scope.row.type == 'Person|Motor Vehicle|Non_Motor'\">行人|非机动车|机动车</span>\r\n                        <span v-if=\"scope.row.type == 'Non_Motor|Person|Motor Vehicle'\">行人|非机动车|机动车</span>\r\n                        <span v-if=\"scope.row.type == 'Non_Motor|Motor Vehicle|Person'\">行人|非机动车|机动车</span>\r\n                        <span v-if=\"scope.row.type == 'Motor Vehicle|Non_Motor|Person'\">行人|非机动车|机动车</span>\r\n                        <span v-if=\"scope.row.type == 'Motor Vehicle|Person|Non_Motor'\">行人|非机动车|机动车</span>\r\n                       <!-- <span v-if=\"scope.row.type == 'Motor Vehicle|Motor Vehicle|Person'\">行人|非机动车|机动车</span> -->\r\n                        <span v-if=\"scope.row.type == 'Non_Motor|Motor Vehicle'\">非机动车|机动车</span>\r\n                        <span v-if=\"scope.row.type == 'Non_Motor|Person'\">非机动车|行人</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=\"triggerType == '周期统计'\">\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=\"time\" 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                        <span v-if=\"scope.row.type == 'Motor Vehicle|Non_Motor'\">机动车|非机动车</span>\r\n                        <span v-if=\"scope.row.type == 'Motor Vehicle|Person'\">机动车|行人</span>\r\n                        <span v-if=\"scope.row.type == 'Person|Non_Motor'\">行人|非机动车</span>\r\n                        <span v-if=\"scope.row.type == 'Person|Non_Motor|Motor Vehicle'\">行人|非机动车|机动车</span>\r\n                        <span v-if=\"scope.row.type == 'Person|Motor Vehicle|Non_Motor'\">行人|非机动车|机动车</span>\r\n                        <span v-if=\"scope.row.type == 'Non_Motor|Person|Motor Vehicle'\">行人|非机动车|机动车</span>\r\n                        <span v-if=\"scope.row.type == 'Non_Motor|Motor Vehicle|Person'\">行人|非机动车|机动车</span>\r\n                        <span v-if=\"scope.row.type == 'Motor Vehicle|Non_Motor|Person'\">行人|非机动车|机动车</span>\r\n                        <span v-if=\"scope.row.type == 'Motor Vehicle|Person|Non_Motor'\">行人|非机动车|机动车</span>\r\n                       <!-- <span v-if=\"scope.row.type == 'Motor Vehicle|Motor Vehicle|Person'\">行人|非机动车|机动车</span> -->\r\n                        <span v-if=\"scope.row.type == 'Non_Motor|Motor Vehicle'\">非机动车|机动车</span>\r\n                        <span v-if=\"scope.row.type == 'Non_Motor|Person'\">非机动车|行人</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        triggerType: {\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 lang=\"scss\">\r\n/deep/ .el-table{\r\n    height: 709px !important;\r\n    overflow-y: scroll;\r\n    z-index: 9999;\r\n}\r\n.el-table::-webkit-scrollbar { width: 0 !important }\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>"],"sourceRoot":"src/components/chart"}]}