| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2022-10-24 14:49:43 |
| | | * @LastEditTime: 2022-10-24 16:40:25 |
| | | * @FilePath: \srs-police-affairs\src\views\home\index.vue |
| | | * @Description: 小区-栋-层-房屋 |
| | | * |
| | |
| | | let houseMyChart |
| | | let landMyChart |
| | | let equipmentmyChart |
| | | let interTime |
| | | |
| | | import axios from "axios" |
| | | import carList from '@/assets/data/car.js' |
| | |
| | | // 拿到表格挂载后的真实DOM |
| | | const divData = this.$refs.tableBox.querySelector('.el-table__body-wrapper') |
| | | // 拿到元素后,对元素进行定时增加距离顶部距离,实现滚动效果(此配置为每100毫秒移动1像素) |
| | | setInterval(() => { |
| | | console.log(divData.scrollTop) |
| | | interTime = setInterval(() => { |
| | | // 元素自增距离顶部1像素 |
| | | divData.scrollTop += 1 |
| | | // 判断元素是否滚动到底部(可视高度+距离顶部=整个高度) |
| | |
| | | document.querySelector('.dc-container .dc-location-bar').classList.remove('homebottom') |
| | | document.querySelector('.screen-full-btn').classList.remove('homebottom') |
| | | window.removeEventListener('resize', this.setDomStyle) |
| | | clearInterval(interTime) |
| | | }, |
| | | } |
| | | </script> |
| | |
| | | .container { |
| | | color: #fff; |
| | | width: 100%; |
| | | |
| | | :deep(.el-table__body-wrapper) { |
| | | overflow-x: hidden !important; |
| | | } |
| | | |
| | | .left-container { |
| | | position: fixed; |
| | |
| | | |
| | | .case-box { |
| | | height: 30%; |
| | | } |
| | | |
| | | .alert-box :deep(.el-table__body-wrapper) { |
| | | overflow-x: hidden !important; |
| | | } |
| | | |
| | | .alert-box, |
| | |
| | | height: calc(100% - 56px); |
| | | |
| | | /* 解决自定义滚动条 x 轴显示问题 */ |
| | | } |
| | | |
| | | :deep(.el-table__body-wrapper) { |
| | | overflow-x: hidden !important; |
| | | } |
| | | } |
| | | |