3

guanqb

2022-10-24 6a418bd7f145a3783129109153724edf6a0e33d0

3

 src/views/home/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:17
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-10-24 10:46:00
 * @LastEditTime: 2022-10-24 11:43:39
 * @FilePath: \srs-police-affairs\src\views\home\index.vue
 * @Description: 小区-栋-层-房屋
 * 
@@ -202,21 +202,23 @@
                    >近一月</span>
                </div>
            </div>
            <div class="body">

            <div class="body" ref="tableBox">
                <el-table
                    :data="timetype == 0 ? pliceSituationWeekArr : pliceSituationMouthArr"
                    style="width: 100%"
                    :header-cell-style="{'text-align':'center','background-color':'#203c60','borderColor':'#324e75'}"
                    :cell-style="{'text-align':'center','borderColor':'#324e75'}"
                    :row-class-name="tableRowClassName"
                    :height="currentTableHeight"
                >
                    <el-table-column prop="num" label="序号" width="50"></el-table-column>
                    <el-table-column prop="type" label="警情类别" width="100"></el-table-column>
                    <el-table-column prop="comingPhone" label="报警电话" width="150"></el-table-column>
                    <el-table-column prop="dealTime" label="接警时间" width="100"></el-table-column>
                    <el-table-column prop="dealPolice" label="经办民警" width="100"></el-table-column>
                    <el-table-column prop="callPeople" label="报警人" width="100"></el-table-column>
                    <el-table-column prop="callPhone" label="报警人联系人" width="150"></el-table-column>
                    <el-table-column prop="num" label="序号"></el-table-column>
                    <el-table-column prop="type" label="警情类别"></el-table-column>
                    <el-table-column prop="comingPhone" label="报警电话"></el-table-column>
                    <el-table-column prop="dealTime" label="接警时间"></el-table-column>
                    <el-table-column prop="dealPolice" label="经办民警"></el-table-column>
                    <el-table-column prop="callPeople" label="报警人"></el-table-column>
                    <el-table-column prop="callPhone" label="报警人联系人"></el-table-column>
                    <el-table-column prop="callContent" label="报警内容"></el-table-column>
                </el-table>
            </div>
@@ -510,7 +512,8 @@
                    }
                }]
            },
            eventTime: ''
            value1: '',
            value2: ''
        }
    },

@@ -538,6 +541,8 @@
            document.querySelector('.dc-container .dc-zoom-controller').classList.add('homebottom')
            document.querySelector('.dc-container .dc-location-bar').classList.add('homebottom')
            document.querySelector('.screen-full-btn').classList.add('homebottom')

            this.setDomStyle()
        })

        // axios.get('/user/getUserList').then((res) => {
@@ -546,8 +551,8 @@

        this.clickChart()

        this.setDomLeft()
        window.addEventListener('resize', this.setDomLeft)

        window.addEventListener('resize', this.setDomStyle)
    },

    updated () {
@@ -1451,10 +1456,12 @@
        },

        // 修改下拉容器的left
        setDomLeft () {
        setDomStyle () {
            const bodyWidth = document.body.clientWidth
            const domWidth = this.$refs.RegionSelect.offsetWidth
            this.$refs.RegionSelect.style.left = (bodyWidth - domWidth) / 2 + 'px'

            this.currentTableHeight = this.$refs.tableBox.offsetHeight
        }
    },
    watch: {},
@@ -1495,7 +1502,7 @@
        document.querySelector('.dc-container .dc-zoom-controller').classList.remove('homebottom')
        document.querySelector('.dc-container .dc-location-bar').classList.remove('homebottom')
        document.querySelector('.screen-full-btn').classList.remove('homebottom')
        window.removeEventListener('resize', this.setDomLeft)
        window.removeEventListener('resize', this.setDomStyle)
    },
}
</script>
@@ -1770,34 +1777,36 @@
        background-color: $bg-color;
        transform: translate(-50%, 0);
        box-sizing: border-box;
        border: 4px solid #3366e2;
        border-radius: 12px;
        .header {
            width: 100%;
            height: 24px;
            height: 36px;

            .bottomTitle {
                display: flex;
                float: left;
                width: 34%;
                margin-left: 33%;
                height: 24px;
                line-height: 24px;
                height: 36px;
                line-height: 36px;
                color: #fff;
                text-align: center;

                .leftBor {
                    width: 0px;
                    height: 0px;
                    border: 12px solid #3366e2;
                    border: 18px solid #3366e2;
                    border-bottom-color: transparent;
                    border-left-color: transparent;
                }

                .rightBor {
                    width: 0px;
                    height: 0px;
                    border: 12px solid #3366e2;
                    border: 18px solid #3366e2;
                    border-bottom-color: transparent;
                    border-right-color: transparent;
                }

                .topName {
                    width: calc(100% - 48px);
                    background-color: #3366e2;
@@ -1806,11 +1815,10 @@
            }

            .timeTab {
                float: left;
                margin-left: 10%;
                float: right;
                width: 20%;
                height: 24px;
                line-height: 34px;
                height: 36px;
                line-height: 36px;
                .beforetime {
                    color: rgb(98, 95, 95);
                    cursor: pointer;
@@ -1828,7 +1836,7 @@
            height: calc(100% - 40px);
            width: calc(100% - 40px);
            margin: 10px 0 0 20px;
            overflow: hidden;
            overflow: scroll;
        }
    }


 src/views/police/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:17
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-10-18 16:40:56
 * @LastEditTime: 2022-10-24 11:41:03
 * @FilePath: \srs-police-affairs\src\views\police\index.vue
 * @Description: 辖区管理
 * 
@@ -261,12 +261,10 @@
        const that = this

        this.$nextTick(() => {
            that.currentTableHeight = that.$refs.tableBox.offsetHeight - 88
            this.setTableHeight()
        })

        window.addEventListener('resize', () => {
            that.currentTableHeight = that.$refs.tableBox.offsetHeight - 88
        })
        window.addEventListener('resize', this.setTableHeight)
    },
    mounted () {
        this.navClick(1)
@@ -448,6 +446,10 @@
        disposeTime (s) {
            return s < 10 ? "0" + s : s
        },

        setTableHeight () {
            this.currentTableHeight = this.$refs.tableBox.offsetHeight - 88
        }
    },

    destroyed () {
@@ -460,6 +462,8 @@
            layerName: 'phoneLayers',
            type: 'VectorLayer'
        })

        window.removeEventListener('resize', this.setTableHeight)
    }
}
</script>