parent: e3308bbf | patch | commit | ignore whitespace
shuishen
2023-01-12 75e1fcc4b1519eedc40febf00198b76aef77bf75 
社区感知中警情相关更改
6 files modified
334 ■■■■■ changed files
src/components/map/components/mapPopup.vue 4 ●●●●● patch | view | raw | blame | history
src/styles/dc/index.scss 6 ●●●●● patch | view | raw | blame | history
src/views/home/components/bottomContainer.vue 48 ●●●●● patch | view | raw | blame | history
src/views/home/index.vue 46 ●●●●● patch | view | raw | blame | history
src/views/house/index.vue 155 ●●●●● patch | view | raw | blame | history
src/views/layout/index.vue 75 ●●●●● patch | view | raw | blame | history 
 src/components/map/components/mapPopup.vue


@@ -33,8 +33,8 @@


                                        <div>{{ dataPopup.JJYXM }}</div>


                                    </div>


                                    <div class="item">


                                        <div>接警时间:</div>


                                        <div>{{ dataPopup.JJSJ }}</div>


                                        <div>报警时间:</div>


                                        <div>{{ dataPopup.BJSJ }}</div>


                                    </div>


                                    <div class="item">


                                        <div>报警人:</div>




 src/styles/dc/index.scss


@@ -100,6 +100,12 @@


    align-items: center;


    justify-content: center;


    position: absolute;


    left: 10px;


    bottom: 178px;


    width: 36px;


    height: 36px;


    font-size: 20px;




    color: #fff;


    border-right: 10px solid transparent;


    box-sizing: content-box;




 src/views/home/components/bottomContainer.vue


@@ -27,7 +27,7 @@


                        <span class="num">序号</span>


                        <span class="receiving-alarm-unit">接警单位</span>


                        <span class="receiving-alarm-people">接警员</span>


                        <span class="receiving-alarm-time">接警时间</span>


                        <span class="receiving-alarm-time">报警时间</span>


                        <span class="call-people">报警人</span>


                        <span class="call-phone">联系电话</span>


                        <span class="call-police-content">报警内容</span>


@@ -45,8 +45,8 @@


                            <span class="num" v-text="item.index"></span>


                            <span class="receiving-alarm-unit" v-text="item.JJDWMC"></span>


                            <span class="receiving-alarm-people" v-text="item.JJYXM"></span>


                            <span class="receiving-alarm-time" :title="item.JJSJ"


                                v-text="item.JJSJ.substring(0, 10)"></span>


                            <span class="receiving-alarm-time" :title="item.BJSJ"


                                v-text="item.BJSJ.substring(0, 10)"></span>


                            <span class="call-people" v-text="item.BJRXM"></span>


                            <span class="call-phone" v-text="item.LXDH"></span>


                            <span class="call-police-content" :title="item.BJNR" v-text="item.BJNR"></span>


@@ -73,9 +73,9 @@


                        min-width="12.6%"></el-table-column>


                    <el-table-column :show-overflow-tooltip="true" prop="JJYXM" label="接警员"


                        min-width="7.6%"></el-table-column>


                    <el-table-column :show-overflow-tooltip="true" label="接警时间" min-width="9.6%">


                    <el-table-column :show-overflow-tooltip="true" label="报警时间" min-width="9.6%">


                        <template slot-scope="scope">


                            <span>{{ scope.row.JJSJ.substring(0, 10) }}</span>


                            <span>{{ scope.row.BJSJ.substring(0, 10) }}</span>


                        </template>


                    </el-table-column>


                    <el-table-column :show-overflow-tooltip="true" prop="BJRXM" label="报警人"


@@ -293,7 +293,7 @@


            //     ZDDWYZB: 25,


            //     JJDWMC: '信州公安局派出所',


            //     JJYXM: '欧阳西门',


            //     JJSJ: '2022-12-12 12:12:12',


            //     : '2022-12-12 12:12:12',


            //     BJRXM: '西门庆祝',


            //     LXDH: 17335843642,


            //     BJNR: '今日在某小区查获私人赌博场所,今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所',


@@ -304,7 +304,7 @@


            // {


            //     JJDWMC: '信州公安局派出所',


            //     JJYXM: '欧阳西门',


            //     JJSJ: '2022-12-12 12:12:12',


            //     : '2022-12-12 12:12:12',


            //     BJRXM: '西门庆祝',


            //     LXDH: 17335843642,


            //     BJNR: '今日在某小区查获私人赌博场所,今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所',


@@ -315,7 +315,7 @@


            // {


            //     JJDWMC: '信州公安局派出所',


            //     JJYXM: '欧阳西门',


            //     JJSJ: '2022-12-12 12:12:12',


            //     : '2022-12-12 12:12:12',


            //     BJRXM: '西门庆祝',


            //     LXDH: 17335843642,


            //     BJNR: '今日在某小区查获私人赌博场所',


@@ -326,7 +326,7 @@


            // {


            //     JJDWMC: '信州公安局派出所',


            //     JJYXM: '欧阳西门',


            //     JJSJ: '2022-12-12 12:12:12',


            //     : '2022-12-12 12:12:12',


            //     BJRXM: '西门庆祝',


            //     LXDH: 17335843642,


            //     BJNR: '今日在某小区查获私人赌博场所',


@@ -337,7 +337,7 @@


            // {


            //     JJDWMC: '信州公安局派出所',


            //     JJYXM: '欧阳西门',


            //     JJSJ: '2022-12-12 12:12:12',


            //     : '2022-12-12 12:12:12',


            //     BJRXM: '西门庆祝',


            //     LXDH: 17335843642,


            //     BJNR: '今日在某小区查获私人赌博场所',


@@ -348,7 +348,7 @@


            // {


            //     JJDWMC: '信州公安局派出所',


            //     JJYXM: '欧阳西门',


            //     JJSJ: '2022-12-12 12:12:12',


            //     : '2022-12-12 12:12:12',


            //     BJRXM: '西门庆祝',


            //     LXDH: 17335843642,


            //     BJNR: '今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所',


@@ -359,7 +359,7 @@


            // {


            //     JJDWMC: '信州公安局派出所',


            //     JJYXM: '欧阳西门',


            //     JJSJ: '2022-12-12 12:12:12',


            //     : '2022-12-12 12:12:12',


            //     BJRXM: '西门庆祝',


            //     LXDH: 17335843642,


            //     BJNR: '今日在某小区查获私人赌博场所',


@@ -396,7 +396,7 @@


            //     ZDDWYZB: 25,


            //     JJDWMC: '信州公安局派出所',


            //     JJYXM: '欧阳西门',


            //     JJSJ: '2022-12-12 12:12:12',


            //     : '2022-12-12 12:12:12',


            //     BJRXM: '西门庆祝',


            //     LXDH: 17335843642,


            //     BJNR: '今日在某小区查获私人赌博场所,今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所',


@@ -407,7 +407,7 @@


            // {


            //     JJDWMC: '信州公安局派出所',


            //     JJYXM: '欧阳西门',


            //     JJSJ: '2022-12-12 12:12:12',


            //     : '2022-12-12 12:12:12',


            //     BJRXM: '西门庆祝',


            //     LXDH: 17335843642,


            //     BJNR: '今日在某小区查获私人赌博场所,今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所',


@@ -418,7 +418,7 @@


            // {


            //     JJDWMC: '信州公安局派出所',


            //     JJYXM: '欧阳西门',


            //     JJSJ: '2022-12-12 12:12:12',


            //     : '2022-12-12 12:12:12',


            //     BJRXM: '西门庆祝',


            //     LXDH: 17335843642,


            //     BJNR: '今日在某小区查获私人赌博场所',


@@ -429,7 +429,7 @@


            // {


            //     JJDWMC: '信州公安局派出所',


            //     JJYXM: '欧阳西门',


            //     JJSJ: '2022-12-12 12:12:12',


            //     : '2022-12-12 12:12:12',


            //     BJRXM: '西门庆祝',


            //     LXDH: 17335843642,


            //     BJNR: '今日在某小区查获私人赌博场所',


@@ -440,7 +440,7 @@


            // {


            //     JJDWMC: '信州公安局派出所',


            //     JJYXM: '欧阳西门',


            //     JJSJ: '2022-12-12 12:12:12',


            //     : '2022-12-12 12:12:12',


            //     BJRXM: '西门庆祝',


            //     LXDH: 17335843642,


            //     BJNR: '今日在某小区查获私人赌博场所',


@@ -451,7 +451,7 @@


            // {


            //     JJDWMC: '信州公安局派出所',


            //     JJYXM: '欧阳西门',


            //     JJSJ: '2022-12-12 12:12:12',


            //     : '2022-12-12 12:12:12',


            //     BJRXM: '西门庆祝',


            //     LXDH: 17335843642,


            //     BJNR: '今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所',


@@ -462,7 +462,7 @@


            // {


            //     JJDWMC: '信州公安局派出所',


            //     JJYXM: '欧阳西门',


            //     JJSJ: '2022-12-12 12:12:12',


            //     : '2022-12-12 12:12:12',


            //     BJRXM: '西门庆祝',


            //     LXDH: 17335843642,


            //     BJNR: '今日在某小区查获私人赌博场所',


@@ -772,16 +772,6 @@


        margin-bottom: 14px;


        width: calc(100% - 24px);


        height: calc(100% - 80px);




        :deep(.el-table__body-wrapper) {


            td {


                .cell {


                    overflow: hidden;


                    text-overflow: ellipsis;


                    white-space: nowrap;


                }


            }


        }




        .pages {


            height: 40px;




 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: 2023-01-11 17:21:27


 * @LastEditTime: 2023-01-12 11:48:22


 * @FilePath: \srs-police-affairs\src\views\home\index.vue


 * @Description: 小区-栋-层-房屋


 *


@@ -176,59 +176,59 @@


            <div v-show="policeInformationType == '接警信息'" class="box">


                <div class="item">


                    <div>接警单位编号:</div>


                    <div>{{ policeSituationDetailArr.JJDWBH }}</div>


                    <div>{{ policeSituationDetailObj.JJDWBH }}</div>


                </div>


                <div class="item">


                    <div>接警单位名称:</div>


                    <div>{{ policeSituationDetailArr.JJDWMC }}</div>


                    <div>{{ policeSituationDetailObj.JJDWMC }}</div>


                </div>


                <div class="item">


                    <div>接警单编号:</div>


                    <div>{{ policeSituationDetailArr.JJDBH }}</div>


                    <div>{{ policeSituationDetailObj.JJDBH }}</div>


                </div>


                <div class="item">


                    <div>接警员编号:</div>


                    <div>{{ policeSituationDetailArr.JJYBH }}</div>


                    <div>{{ policeSituationDetailObj.JJYBH }}</div>


                </div>


                <div class="item">


                    <div>接警员姓名:</div>


                    <div>{{ policeSituationDetailArr.JJYXM }}</div>


                    <div>{{ policeSituationDetailObj.JJYXM }}</div>


                </div>


                <div class="item">


                    <div>接警时间:</div>


                    <div>{{ policeSituationDetailArr.JJSJ }}</div>


                    <div>报警时间:</div>


                    <div>{{ policeSituationDetailObj.BJSJ }}</div>


                </div>


                <div class="item">


                    <div>报警电话:</div>


                    <div>{{ policeSituationDetailArr.LXDH }}</div>


                    <div>{{ policeSituationDetailObj.LXDH }}</div>


                </div>


                <div class="item">


                    <div>报警人姓名:</div>


                    <div>{{ policeSituationDetailArr.BJRXM }}</div>


                    <div>{{ policeSituationDetailObj.BJRXM }}</div>


                </div>


                <div class="item">


                    <div>报警类别:</div>


                    <div>{{ policeSituationDetailArr.BJLB }}</div>


                    <div>{{ policeSituationDetailObj.BJLB }}</div>


                </div>




                <div class="item">


                    <div>报警类型:</div>


                    <div>{{ policeSituationDetailArr.BJLX }}</div>


                    <div>{{ policeSituationDetailObj.BJLX }}</div>


                </div>




                <div class="dialog-content">


                    <div>事发地址:</div>


                    <div>{{ policeSituationDetailArr.SFDZ }}</div>


                    <div>{{ policeSituationDetailObj.SFDZ }}</div>


                </div>




                <div class="dialog-content">


                    <div>报警内容:</div>


                    <div>{{ policeSituationDetailArr.BJNR }}</div>


                    <div>{{ policeSituationDetailObj.BJNR }}</div>


                </div>




                <div class="dialog-content">


                    <div>备注:</div>


                    <div>{{ policeSituationDetailArr.MEMO }}</div>


                    <div>{{ policeSituationDetailObj.MEMO }}</div>


                </div>


            </div>




@@ -477,7 +477,7 @@


            underwayArr: [],


            activityType: 0,


            policeSituationHistoryType: 0,


            policeSituationDetailArr: {},


            policeSituationDetailObj: {},


            CJdata: {},




        }


@@ -552,7 +552,7 @@


            if (type == '出警信息') {


                this.CJdata = {}




                getActAsPoliceList(this.policeSituationDetailArr.JJDBH).then(res => {


                getActAsPoliceList(this.policeSituationDetailObj.JJDBH).then(res => {


                    if (res.data.data.records.length > 0) {


                        this.CJdata = res.data.data.records[0]


                    }


@@ -585,7 +585,6 @@


        // 获取小区列表


        getResidentialQuartersList (adcode) {


            getResidentialQuartersList(adcode).then(res => {


                console.log(res.data.data, 111)


                let position = []


                res.data.data.forEach(item => {


                    position = JSON.parse(item.geom).coordinates


@@ -855,7 +854,7 @@


                    ]


                })


            } else {


                this.policeSituationDetailArr = e


                this.policeSituationDetailObj = e


                this.policeSituationVisible = true


            }


        },


@@ -1100,10 +1099,10 @@




        // 获取设备分页数据


        getEquipmentPaging (params) {


            this.equimentTableData = []


            this.equimentPagingTotal = 0




            getEquipmentPaging({ page: this.currentPage, count: this.pagesize, ...params }).then(res => {


                this.equimentTableData = []


                this.equimentPagingTotal = 0




                if (res.data.data.list.length > 0) {


                    this.equimentTableData = res.data.data.list




@@ -1271,9 +1270,6 @@


        },




        indexMethod (index) {


            setTimeout(() => {


                console.log(index, 5000)


            })


            return index + 1


        }


    },




 src/views/house/index.vue


@@ -2,7 +2,7 @@


 * @Author: shuishen 1109946754@qq.com


 * @Date: 2022-08-18 16:18:17


 * @LastEditors: shuishen 1109946754@qq.com


 * @LastEditTime: 2023-01-11 17:41:19


 * @LastEditTime: 2023-01-12 11:50:27


 * @FilePath: \srs-police-affairs\src\views\house\index.vue


 * @Description: 小区-栋-层-房屋


 * 


@@ -38,8 +38,8 @@


                </div>


            </div>




            <div v-show="contentShow" class="result-content">


                <div class="housing-estate-info">


            <div v-show="contentShow" class="result-content" ref="resultContentBox">


                <div class="housing-estate-info" ref="housingEstateInfoBox">


                    <div class="housing-title">


                        {{ housingData.name }}


                        <div class="progress"></div>


@@ -67,7 +67,7 @@


                    </div>


                </div>




                <div class="nav-tab">


                <div class="nav-tab" ref="navTabBox">


                    <div class="nav" :class="navType == 0 ? 'choosed' : ''" @click="navClick" data-type="0">基本信息</div>


                    <div class="nav" :class="navType == 1 ? 'choosed' : ''" @click="navClick" data-type="1">报警信息</div>


                </div>


@@ -307,17 +307,25 @@


                    </div>


                </div>




                <div class="police-info" v-show="navType == 1">


                    <el-table :data="callPoliceData" style="width: 100%"


                <div class="police-info" v-show="navType == 1" ref="policeTableBox">


                    <el-table :data="callPoliceData" style="width: 100%" :height="currentTableHeight"


                        :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"


                        :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }"


                        :row-class-name="tableRowClassName" @row-click="clickData">


                        <el-table-column prop="name" label="名称" width="130"></el-table-column>


                        <el-table-column prop="time" label="时间" width="150"></el-table-column>


                        <el-table-column prop="type" label="类别" width="120"></el-table-column>


                        <el-table-column prop="JJDWMC" :show-overflow-tooltip="true" label="接警单位"


                            min-width="34%"></el-table-column>


                        <el-table-column prop="BJSJ" :show-overflow-tooltip="true" label="报警时间" min-width="26%">


                            <template slot-scope="scope">


                                <span>{{ scope.row.BJSJ.substring(0, 10) }}</span>


                            </template>


                        </el-table-column>


                        <el-table-column prop="JJYXM" :show-overflow-tooltip="true" label="接警员"


                            min-width="20%"></el-table-column>


                        <el-table-column prop="BJRXM" :show-overflow-tooltip="true" label="报警人"


                            min-width="20%"></el-table-column>


                    </el-table>




                    <div class="pages" ref="ElPagination" v-if="policeSituationHistoryArr.length > 0">


                    <div class="pages" ref="ElPagination">


                        <el-pagination background layout="prev, pager, next" :page-size="callPolicePage.pageSize"


                            :page-count="callPolicePage.count" :current-page="callPolicePage.currentPage"


                            @current-change="handleCurrentChange"></el-pagination>


@@ -340,7 +348,70 @@


                    :key="index">{{ item.name }}</div>


            </div>


        </div>


        <el-dialog title="信息详情" :modal="false" :visible.sync="dialogVisible" :before-close="handleClose"




        <el-dialog title="报警信息" :modal="true" :visible.sync="policeSituationVisible"


            :before-close="policeSituationBeforeClose" :close-on-click-modal="true" class="policeSituation-details-box">


            <div class="box">


                <div class="item">


                    <div>接警单位编号:</div>


                    <div>{{ policeSituationDetailObj.JJDWBH }}</div>


                </div>


                <div class="item">


                    <div>接警单位名称:</div>


                    <div>{{ policeSituationDetailObj.JJDWMC }}</div>


                </div>


                <div class="item">


                    <div>接警单编号:</div>


                    <div>{{ policeSituationDetailObj.JJDBH }}</div>


                </div>


                <div class="item">


                    <div>接警员编号:</div>


                    <div>{{ policeSituationDetailObj.JJYBH }}</div>


                </div>


                <div class="item">


                    <div>接警员姓名:</div>


                    <div>{{ policeSituationDetailObj.JJYXM }}</div>


                </div>


                <div class="item">


                    <div>报警时间:</div>


                    <div>{{ policeSituationDetailObj.BJSJ }}</div>


                </div>


                <div class="item">


                    <div>报警电话:</div>


                    <div>{{ policeSituationDetailObj.LXDH }}</div>


                </div>


                <div class="item">


                    <div>报警人姓名:</div>


                    <div>{{ policeSituationDetailObj.BJRXM }}</div>


                </div>


                <div class="item">


                    <div>报警类别:</div>


                    <div>{{ policeSituationDetailObj.BJLB }}</div>


                </div>




                <div class="item">


                    <div>报警类型:</div>


                    <div>{{ policeSituationDetailObj.BJLX }}</div>


                </div>




                <div class="dialog-content">


                    <div>事发地址:</div>


                    <div>{{ policeSituationDetailObj.SFDZ }}</div>


                </div>




                <div class="dialog-content">


                    <div>报警内容:</div>


                    <div>{{ policeSituationDetailObj.BJNR }}</div>


                </div>




                <div class="dialog-content">


                    <div>备注:</div>


                    <div>{{ policeSituationDetailObj.MEMO }}</div>


                </div>


            </div>


        </el-dialog>




        <el-dialog title="信息详情" :modal="false" :visible.sync="policeSituationVisible" :before-close="handleClose"


            :close-on-click-modal="true" class="police-affairs-details-box">


            <div class="item">


                <div>名称：</div>


@@ -443,7 +514,7 @@


            parkArr: [{ name: '停车场1', position: '北门', type: '地面停车场' }, { name: '停车场2', position: '南门', type: '地面停车场' }, { name: '停车场3', position: '西门', type: '地下停车场' }],


            businessArr: [{ name: '商铺1', position: '北门', type: '超市' }, { name: '商铺2', position: '南门', type: '水果店' }, { name: '商铺3', position: '西门', type: '快递站' }],


            arrTitle: [{ title: '警务名称' }, { title: '警务时间' }, { title: '警务类型' }, { title: '责任警员' }, { title: '涉案金额' }, { title: '所属辖区' }, { title: '处理时长' }, { title: '案件级别' }],


            dialogVisible: false,


            policeSituationVisible: false,


            JWdetails: {},


            residentDetailsTitle: '',


            residentDetailsShow: false,


@@ -617,12 +688,18 @@


            // 报警信息


            policeSituationHistoryArr: [],




            // 详情


            policeSituationDetailObj: {},




            callPolicePage: {


                total: 0,


                pageSize: 15,


                count: 0,


                currentPage: 1


            }


            },




            // table高度


            currentTableHeight: 0,


        }


    },


    watch: {


@@ -638,6 +715,8 @@


        // this.getSearchExtensively('ebf48ecaa1fd436fa3d40c4600aa051f', '361100', '万达')


        // this.getAoiByPt('117.9471794', '28.4474852', '361100', '0', '361102', '10')


        // this.getUnitbuild('6E513C5E5D1611EAB6183C15FB00027B', '361102')




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


    },


    mounted () {


        this.$parent.$parent.resize('400px', true)


@@ -657,6 +736,7 @@


                siteHeading: -3,


                sitePitch: -45


            })




        })


    },


    updated () {


@@ -666,8 +746,10 @@


        navClick (e) {


            this.navType = e.target.dataset.type




            // if (this.navType == 1) {


            // }


            if (this.navType == 1) {


                this.callPolicePage.currentPage = 1


                this.getAlarmList()


            }


        },




        // 获取小区列表


@@ -682,6 +764,9 @@


            getResidentialQuartersInfo(areaId, adcode).then(res => {


                this.getHouses(res.data.data.build[1].build_id, '361102')


                this.housingData.name = res.data.data.aoi_name




                this.callPolicePage.currentPage = 1


                this.getAlarmList()


                this.buildingList = []


                res.data.data.build.forEach(item => {


                    let position = JSON.parse(item.center).coordinates


@@ -763,10 +848,6 @@


        tableRowClassName ({ row, rowIndex }) {


            row.index = rowIndex


            return 'rows'


        },




        clickData (row) {


            this.dialogVisible = true


        },




        residentDetailsClick (params) {


@@ -1036,9 +1117,10 @@


        },




        // 获取历史接警记录


        getAlarmList (params) {


            getAlarmList({ ...params, size: this.pagesize }).then(res => {


                this.callPolicePage.pageCount = res.data.data.pages


        getAlarmList () {




            getAlarmList({ current: this.callPolicePage.currentPage, size: this.pagesize, sfdz: this.housingData.name }).then(res => {


                this.callPolicePage.count = res.data.data.pages




                this.callPoliceData = []




@@ -1050,16 +1132,32 @@


                    this.callPoliceData = []


                }




                // this.setTableHeight()


                this.setTableHeight()


            })




        },




        // 分页选择事件


        handleCurrentChange: function (currentPage) {


            this.callPolicePage.currentPage = currentPage




            this.getAlarmList({ current: this.currentPage })


            this.getAlarmList()


        },




        // 警情列表点击事件


        clickData (row) {


            this.policeSituationDetailObj = row


            this.policeSituationVisible = true


        },




        // 获取table高度


        setTableHeight () {


            this.$nextTick(() => {


                if (this.$refs.policeTableBox && this.$refs.ElPagination && this.$refs.policeTableBox.offsetHeight != 0) {


                    this.currentTableHeight = this.$refs.resultContentBox.offsetHeight - this.$refs.housingEstateInfoBox.offsetHeight - this.$refs.navTabBox.offsetHeight - this.$refs.ElPagination.offsetHeight


                }


            })


        }


    },




    destroyed () {


@@ -1076,6 +1174,8 @@


            layerName: 'deepDataLayer',


            type: 'VectorLayer'


        })




        window.removeEventListener('resize', this.setTableHeight)


    }


}


</script>


@@ -1676,6 +1776,13 @@


                .tableClass td {


                    width: 200px;


                }




                .pages {


                    height: 40px;


                    display: flex;


                    align-items: center;


                    justify-content: center;


                }


            }


        }


    }




 src/views/layout/index.vue


@@ -2,7 +2,7 @@


 * @Author: shuishen 1109946754@qq.com


 * @Date: 2022-08-18 16:18:24


 * @LastEditors: shuishen 1109946754@qq.com


 * @LastEditTime: 2023-01-06 17:01:29


 * @LastEditTime: 2023-01-12 10:26:58


 * @FilePath: \srs-police-affairs\src\views\layout\index.vue


 * @Description: 


 * 


@@ -12,21 +12,13 @@


    <div class="wrapper">


        <div class="main-header">


            <div class="menu-list left">


                <div


                    @mouseenter="item.childrenFlag = true"


                    @mouseleave="item.childrenFlag = false"


                    class="nav-list"


                    @click="goToPath(item)"


                    v-for="(item, index) in menuLeftList"


                    :key="index"


                >


                <div @mouseenter="item.childrenFlag = true" @mouseleave="item.childrenFlag = false" class="nav-list"


                    @click="goToPath(item)" v-for="(item, index) in menuLeftList" :key="index">


                    <span :class="{ on: currentUrl.indexOf(item.path) != -1 }">{{ item.menuName }}</span>


                    <div class="sub-nav-list" v-show="item.children && item.childrenFlag">


                        <div


                            v-for="(subItem, subIndex) in item.children"


                            :key="subIndex"


                            @click="goToPath(subItem)"


                        >{{ subItem.menuName }}</div>


                        <div v-for="(subItem, subIndex) in item.children" :key="subIndex" @click="goToPath(subItem)">{{


                            subItem.menuName


                        }}</div>


                    </div>


                </div>


            </div>


@@ -37,21 +29,13 @@




            <!-- 菜单导航 -->


            <div class="menu-list right">


                <div


                    @mouseenter="item.childrenFlag = true"


                    @mouseleave="item.childrenFlag = false"


                    class="nav-list"


                    @click="goToPath(item)"


                    v-for="(item, index) in menuRightList"


                    :key="index"


                >


                <div @mouseenter="item.childrenFlag = true" @mouseleave="item.childrenFlag = false" class="nav-list"


                    @click="goToPath(item)" v-for="(item, index) in menuRightList" :key="index">


                    <span :class="{ on: currentUrl.indexOf(item.path) != -1 }">{{ item.menuName }}</span>


                    <div class="sub-nav-list" v-show="item.children && item.childrenFlag">


                        <div


                            v-for="(subItem, subIndex) in item.children"


                            :key="subIndex"


                            @click="goToPath(subItem)"


                        >{{ subItem.menuName }}</div>


                        <div v-for="(subItem, subIndex) in item.children" :key="subIndex" @click="goToPath(subItem)">{{


                            subItem.menuName


                        }}</div>


                    </div>


                </div>


            </div>


@@ -90,25 +74,15 @@


            <!-- 地图区域 -->


            <map-box ref="modalForm">


                <!-- 主体内容区域 -->


                <div


                    slot="mainContent"


                    class="main-content"


                    id="MainContent"


                    :class="{ 'spread': leftShow && show, 'take-back': leftShow && !show }"


                >


                <div slot="mainContent" class="main-content" id="MainContent"


                    :class="{ 'spread': leftShow && show, 'take-back': leftShow && !show }">


                    <router-view ref="target-name"></router-view>


                </div>




                <el-button


                    slot="showButton"


                    v-show="leftShow"


                    class="flexible-btn"


                <el-button slot="showButton" v-show="leftShow" class="flexible-btn"


                    :class="{ 'spread': leftShow && show, 'take-back': leftShow && !show }"


                    :icon="show ? 'el-icon-arrow-left' : 'el-icon-arrow-right'"


                    id="FlexibleBtn"


                    type="primary"


                    @click="flexibelClick"


                ></el-button>


                    :icon="show ? 'el-icon-arrow-left' : 'el-icon-arrow-right'" id="FlexibleBtn" type="primary"


                    @click="flexibelClick"></el-button>


            </map-box>


        </div>


    </div>


@@ -336,7 +310,7 @@


            overflow: hidden;


            letter-spacing: 6px;




            & > img {


            &>img {


                // width: 100%;


                height: 80%;


                margin: 0 10px 0 10px;


@@ -352,7 +326,7 @@


                // border-radius: 10px 16px 10px 16px;


                transform: skew(58deg);




                & > span {


                &>span {


                    transform: skew(-58deg);


                }


            }


@@ -366,7 +340,7 @@


                // border-radius: 16px 10px 16px 10px;


                transform: skew(-58deg);




                & > span {


                &>span {


                    transform: skew(58deg);


                }


            }


@@ -376,10 +350,11 @@


            display: flex;


            align-items: center;




            & > .nav-list {


            &>.nav-list {




                // color: rgba(32, 106, 181, 1);


                // border-bottom: 2px solid #409eff;


                & > span.on {


                &>span.on {


                    color: rgba(252, 189, 86, 1);


                }


            }


@@ -508,7 +483,7 @@


                    justify-content: space-around;


                    padding-top: 4px;




                    & > div {


                    &>div {


                        width: 100px;


                        height: 40px;


                        background-color: rgba(168, 222, 255, 0.6);


@@ -532,7 +507,11 @@


        height: 100%;




        .main-content.spread {


            position: absolute;


            top: 60px;


            height: calc(100% - 60px);


            width: 400px;


            z-index: 99;


        }




        .main-content.take-back {