{"version":3,"sources":["webpack:///./src/views/monitor/supervise/virtualList.vue?ee7e","webpack:///./src/views/monitor/supervise/virtualList.vue?9480","webpack:///src/views/monitor/supervise/virtualList.vue","webpack:///./src/views/monitor/supervise/virtualList.vue?f90a","webpack:///./src/views/monitor/supervise/virtualList.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","style","height","boxHeight","_l","item","index","key","class","currentIndex","nodeIndex","rowHeight","lineHeight","top","offsetIndex","attrs","on","$event","jumpNodeIndex","staticStyle","_v","_s","time","point","locationStatus","acc","speed","address","showAddress","data","scopedSlots","_u","fn","row","staticRenderFns","component"],"mappings":"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","file":"js/chunk-2dba0923.def40d17.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./virtualList.vue?vue&type=style&index=0&id=46a1c024&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{ref:\"box\",staticClass:\"vl-box\",style:({ height: _vm.height + 'px' })},[_c('div',{style:({ height: _vm.boxHeight + 'px' })},_vm._l((_vm.offsetData),function(item,index){return _c('div',{key:index,staticClass:\"vl-box-item\",class:{'active_item': _vm.currentIndex >= item.nodeIndex},style:({\n                    height: _vm.rowHeight + 'px',\n                    lineHeight: _vm.rowHeight + 'px',\n                    top: (index + _vm.offsetIndex) * _vm.rowHeight + 'px'\n                }),attrs:{\"data-index\":item.nodeIndex},on:{\"click\":function($event){return _vm.jumpNodeIndex(item.nodeIndex)}}},[_c('div',{staticStyle:{\"min-width\":\"166px\"}},[_vm._v(\"时间: \"+_vm._s(item.time))]),_c('div',{staticStyle:{\"min-width\":\"223px\"}},[_vm._v(\"经度:\"+_vm._s(item.point[0])+\" 纬度:\"+_vm._s(item.point[1]))]),_c('div',{staticStyle:{\"min-width\":\"92px\"}},[_vm._v(\"设备状态: 在线\")]),_c('div',{staticStyle:{\"min-width\":\"106px\"}},[_vm._v(\"定位状态: \"+_vm._s(item.locationStatus))]),_c('div',{staticStyle:{\"min-width\":\"52px\"}},[_vm._v(\"ACC: \"+_vm._s(item.acc))]),_c('div',{staticStyle:{\"min-width\":\"59px\"}},[_vm._v(\"速度: \"+_vm._s(item.speed))]),_c('div',{attrs:{\"title\":item.address}},[_vm._v(\"地址: \"+_vm._s(_vm.showAddress(item.address)))])])}),0)]),_c('el-table',{staticStyle:{\"display\":\"none\"},attrs:{\"data\":_vm.data,\"id\":\"out-table\",\"border\":\"\"}},[_c('el-table-column',{attrs:{\"prop\":\"time\",\"label\":\"时间\"}}),_c('el-table-column',{attrs:{\"label\":\"经度\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\n                var row = ref.row;\nreturn [_vm._v(\" \"+_vm._s(row.point[0])+\" \")]}}])}),_c('el-table-column',{attrs:{\"label\":\"纬度\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\n                var row = ref.row;\nreturn [_vm._v(\" \"+_vm._s(row.point[1])+\" \")]}}])}),_c('el-table-column',{attrs:{\"label\":\"设备状态\"}},[[_vm._v(\" 在线 \")]],2),_c('el-table-column',{attrs:{\"label\":\"定位状态\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\n                var row = ref.row;\nreturn [_vm._v(\" \"+_vm._s(row.locationStatus)+\" \")]}}])}),_c('el-table-column',{attrs:{\"prop\":\"acc\",\"label\":\"ACC\"}}),_c('el-table-column',{attrs:{\"prop\":\"speed\",\"label\":\"速度\"}}),_c('el-table-column',{attrs:{\"label\":\"地址\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\n                var row = ref.row;\nreturn [_vm._v(\" \"+_vm._s(_vm.showAddress(row.address))+\" \")]}}])})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div ref=\"box\" class=\"vl-box\" :style=\"{ height: height + 'px' }\">\r\n            <div :style=\"{ height: boxHeight + 'px' }\" >\r\n                <div\r\n                    class=\"vl-box-item\"\r\n                    :style=\"{\r\n                        height: rowHeight + 'px',\r\n                        lineHeight: rowHeight + 'px',\r\n                        top: (index + offsetIndex) * rowHeight + 'px'\r\n                    }\"\r\n                    v-for=\"(item,index) in offsetData\"\r\n                    :key=\"index\"\r\n                    :data-index=\"item.nodeIndex\"\r\n                    :class=\"{'active_item': currentIndex >= item.nodeIndex}\"\r\n                    @click=\"jumpNodeIndex(item.nodeIndex)\"\r\n                >\r\n                    <div style=\"min-width:166px;\">时间: {{item.time}}</div>\r\n                    <div style=\"min-width:223px;\">经度:{{ item.point[0] }} 纬度:{{item.point[1]}}</div>\r\n                    <div style=\"min-width:92px;\">设备状态: 在线</div>\r\n                    <div style=\"min-width:106px;\">定位状态: {{item.locationStatus}}</div>\r\n                    <div style=\"min-width:52px;\">ACC: {{item.acc}}</div>\r\n                    <div style=\"min-width:59px;\">速度: {{item.speed}}</div>\r\n                    <div :title=\"item.address\">地址: {{showAddress(item.address)}}</div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <el-table :data=\"data\" id=\"out-table\" border style=\"display:none;\">\r\n            <el-table-column prop=\"time\" label=\"时间\" />\r\n            <el-table-column label=\"经度\">\r\n                <template slot-scope=\"{row}\">\r\n                    {{ row.point[0] }}\r\n                </template>\r\n            </el-table-column>\r\n            <el-table-column label=\"纬度\">\r\n                <template slot-scope=\"{row}\">\r\n                    {{ row.point[1] }}\r\n                </template>\r\n            </el-table-column>\r\n            <el-table-column label=\"设备状态\">\r\n                <template>\r\n                    在线\r\n                </template>\r\n            </el-table-column>\r\n            <el-table-column label=\"定位状态\">\r\n                <template slot-scope=\"{row}\">\r\n                    {{row.locationStatus}}\r\n                </template>\r\n            </el-table-column>\r\n            <el-table-column prop=\"acc\" label=\"ACC\"/>\r\n            <el-table-column prop=\"speed\" label=\"速度\" />\r\n            <el-table-column label=\"地址\">\r\n                <template slot-scope=\"{row}\">\r\n                    {{showAddress(row.address)}}\r\n                </template>\r\n            </el-table-column>\r\n        </el-table>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'virtualList',\r\n    props: {\r\n        data: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        currentIndex: {\r\n            type: Number,\r\n            default: 0,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            height: 240,\r\n            rowHeight: 30,\r\n            offset: 0,\r\n            offsetIndex: 0,\r\n            copyData: [],\r\n        }\r\n    },\r\n    computed: {\r\n        boxHeight() {\r\n            return this.data.length * this.rowHeight;\r\n        },\r\n        offsetData() {\r\n            let count = Math.ceil(this.height / this.rowHeight);\r\n            let index = Math.floor(this.offset / this.rowHeight);\r\n            this.offsetIndex = index;\r\n            console.log('offsetData', this.data.slice(index, count + index))\r\n            return this.data.slice(index, count + index)\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n        // this.$refs.box.addEventListener('scroll', () => {\r\n        //     console.log('this.$refs.box.scrollTop', this.$refs.box.scrollTop)\r\n        //     this.offset = this.$refs.box.scrollTop;   \r\n        // },false)\r\n    },\r\n    watch: {\r\n        currentIndex(value){\r\n            if(value >= 5 && value < this.data.length - 3){\r\n               let offset = (value - 4) * this.rowHeight;\r\n               this.$refs.box.scrollTop = offset;\r\n               this.offset = offset;\r\n            }else if(value < 5){\r\n                this.$refs.box.scrollTop = 0;\r\n               this.offset = 0;\r\n            }\r\n        }\r\n    },\r\n    methods: {\r\n        toExport() {\r\n            let excelName = '导出轨迹列表.xlsx';\r\n            var xlsxParam = { raw: true };//转换成excel时，使用原始的格式\r\n            // 克隆节点\r\n            let tables = document.getElementById(\"out-table\").cloneNode(true);\r\n            // 判断是否为固定列，解决（为固定列时，会重复生成表格）\r\n            if (tables.querySelector('.el-table__fixed') !== null) {\r\n                tables.removeChild(tables.querySelector('.el-table__fixed'))\r\n            }\r\n            let table_book = this.$XLSX.utils.table_to_book(tables,xlsxParam);\r\n            var table_write = this.$XLSX.write(table_book, {\r\n                bookType: \"xlsx\",\r\n                bookSST: true,\r\n                type: \"array\"\r\n            });\r\n            try {\r\n                this.$FileSaver.saveAs(\r\n                    new Blob([table_write], { type: \"application/octet-stream\" }),\r\n                    excelName\r\n                );\r\n            } catch (e) {\r\n                if (typeof console !== \"undefined\") console.log(e, table_write);\r\n            }\r\n            return table_write;\r\n        },\r\n        jumpNodeIndex(nodeIndex){\r\n            this.$emit('jump', nodeIndex);\r\n        },\r\n        showAddress(v) {\r\n            if(v.length > 33) {\r\n                return v.substring(0,33) + \"...\";\r\n            } else {\r\n                return v;\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.vl-box {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    background-color: rgba(0,0,0,0.6);\r\n    color: #fff;\r\n}\r\n.vl-box > div {\r\n    overflow: hidden;\r\n    position: relative;\r\n}\r\n.vl-box > div > div {\r\n    position: absolute;\r\n    width: 100%;\r\n}\r\n.vl-box-item {\r\n    box-sizing: border-box;\r\n    border-bottom: 1px solid #ccc;\r\n    padding-left: 18px;\r\n    cursor: pointer;\r\n    display: flex;\r\n\r\n    div{\r\n        margin-right: 10px;\r\n    }\r\n}\r\n.active_item{\r\n    /* background-color: rgba(157,153,191,0.7); */\r\n    background-color: rgba(223,231,41,0.3);\r\n    color: #fff;\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./virtualList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./virtualList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./virtualList.vue?vue&type=template&id=46a1c024&scoped=true&\"\nimport script from \"./virtualList.vue?vue&type=script&lang=js&\"\nexport * from \"./virtualList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./virtualList.vue?vue&type=style&index=0&id=46a1c024&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"46a1c024\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}