Merge branch 'master' of http://192.168.0.105:10010/r/srs-police-affairs
| | |
|---|
| | | * @Author: shuishen 1109946754@qq.com |
|---|
| | | * @Date: 2022-08-18 15:58:10 |
|---|
| | | * @LastEditors: shuishen 1109946754@qq.com |
|---|
| | | * @LastEditTime: 2023-01-02 11:43:05 |
|---|
| | | * @LastEditTime: 2023-02-11 15:24:58 |
|---|
| | | * @FilePath: \srs-police-affairs\src\App.vue |
|---|
| | | * @Description: app.vue |
|---|
| | | * |
|---|
| | | * Copyright (c) 2022 by shuishen 1109946754@qq.com, All Rights Reserved. |
|---|
| | | --> |
|---|
| | | <template> |
|---|
| | | <div id="app" :style="{ |
|---|
| | | <div |
|---|
| | | id="app" |
|---|
| | | :style="{ |
|---|
| | | width: (useSceen == true ? currentWidth + 'px' : '100%'), |
|---|
| | | height: (useSceen == true ? currentHeight + 'px' : '100%') |
|---|
| | | }"> |
|---|
| | | }" |
|---|
| | | > |
|---|
| | | <router-view></router-view> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | |
|---|
| | | * @Author: shuishen 1109946754@qq.com |
|---|
| | | * @Date: 2022-12-27 14:19:19 |
|---|
| | | * @LastEditors: shuishen 1109946754@qq.com |
|---|
| | | * @LastEditTime: 2023-02-09 14:52:13 |
|---|
| | | * @LastEditTime: 2023-02-11 14:54:32 |
|---|
| | | * @FilePath: \srs-police-affairs\src\api\home\index.js |
|---|
| | | * @Description: |
|---|
| | | * |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 获取现有地详情弹窗 |
|---|
| | | export const getLandDetail = (type, policeStationId, current, policeName, phone) => { |
|---|
| | | export const getLandDetail = (params) => { |
|---|
| | | return request({ |
|---|
| | | url: `/api/policeStationInfo/policeStationInfo/page`, |
|---|
| | | method: 'get', |
|---|
| | | params: { |
|---|
| | | type, |
|---|
| | | policeStationId, |
|---|
| | | current, |
|---|
| | | policeName, |
|---|
| | | phone |
|---|
| | | } |
|---|
| | | params: params |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | |
|---|
| | | global.viewer.addLayer(sqTitleLayer) |
|---|
| | | let sqTileset = new global.DC.Tileset( |
|---|
| | | // 内网 |
|---|
| | | // 'http://10.141.11.11:18080/sf3d/361102/model/wanda/tileset.json' |
|---|
| | | 'http://10.141.11.11:18080/sf3d/361102/model/wanda/tileset.json' |
|---|
| | | // 外网 |
|---|
| | | 'http://192.168.0.112:18080/sf3d/361102/model/wanda/tileset.json' |
|---|
| | | // 'http://192.168.0.112:18080/sf3d/361102/model/wanda/tileset.json' |
|---|
| | | ) |
|---|
| | | |
|---|
| | | sqTileset.setHeight(-72) |
|---|
| | |
|---|
| | | <template></template> |
|---|
| | | <template> |
|---|
| | | <div></div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <div class="selects-container"> |
|---|
| | | <!-- 选择框 --> |
|---|
| | | <div :class="{ 'selects-box-show': !optionsShow, 'selects-box-hide': optionsShow, 'select-choosable': selectAllClass }" |
|---|
| | | class="selects-box" @click="selectClick"> |
|---|
| | | <div |
|---|
| | | :class="{ 'selects-box-show': !optionsShow, 'selects-box-hide': optionsShow, 'select-choosable': selectAllClass }" |
|---|
| | | class="selects-box" |
|---|
| | | @click="selectClick" |
|---|
| | | > |
|---|
| | | <div class="text" v-text="checkValue"></div> |
|---|
| | | <i class="el-icon-arrow-down"></i> |
|---|
| | | </div> |
|---|
| | | <!-- 下拉框大盒子 --> |
|---|
| | | <div :class="{ 'options-box-show': !optionsShow, 'options-box-hide': optionsShow, issel: options.length >= 4 }" |
|---|
| | | class="select-options" :style="{ height: 35 * options.length + 'px' }"> |
|---|
| | | <div |
|---|
| | | :class="{ 'options-box-show': !optionsShow, 'options-box-hide': optionsShow, issel: options.length >= 4 }" |
|---|
| | | class="select-options" |
|---|
| | | :style="{ height: 35 * options.length + 'px' }" |
|---|
| | | > |
|---|
| | | <!-- 下拉框 --> |
|---|
| | | <div @click="cutValue(item, index)" v-for="(item, index) in options" :key="index">{{ item[optionsName] }} |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | @click="cutValue(item, index)" |
|---|
| | | v-for="(item, index) in options" |
|---|
| | | :key="index" |
|---|
| | | >{{ item[optionsName] }}</div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | |
|---|
| | | margin: 0 !important; |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | width: 630px; |
|---|
| | | height: 500px; |
|---|
| | | width: 1000px; |
|---|
| | | height: 620px; |
|---|
| | | top: 50%; |
|---|
| | | left: 50% !important; |
|---|
| | | transform: translate(-50%, -50%); |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table .cell { |
|---|
| | | font-size: 16px; |
|---|
| | | height: 30px; |
|---|
| | | line-height: 30px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-dialog__body { |
|---|
| | | flex: 1; |
|---|
| | | |
|---|
| | | .el-table th.el-table__cell>.cell { |
|---|
| | | font-size: 16px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-pagination.is-background .el-pager li:not(.disabled).active { |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table .cell { |
|---|
| | | font-size: 16px; |
|---|
| | | height: 30px; |
|---|
| | | line-height: 30px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-dialog__body { |
|---|
| | | flex: 1; |
|---|
| | | |
|---|
| | | .el-table th.el-table__cell>.cell { |
|---|
| | | font-size: 16px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table { |
|---|
| | |
|---|
| | | .el-table thead tr th { |
|---|
| | | padding: 6px 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table__header-wrapper { |
|---|
| | | height: 36px; |
|---|
| | | } |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-select-dropdown__item:hover { |
|---|
| | | background-color: rgba(45,92,200, 0.95)!important; |
|---|
| | | background-color: rgba(45, 92, 200, 0.95) !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-select-dropdown__item:onBlur { |
|---|
| | |
|---|
| | | .el-month-table td .cell { |
|---|
| | | color: #fff; |
|---|
| | | } |
|---|
| | | .el-picker-panel__content{ |
|---|
| | | |
|---|
| | | .el-picker-panel__content { |
|---|
| | | margin: 0; |
|---|
| | | width: 100%!important; |
|---|
| | | width: 100% !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 时间筛选 */ |
|---|
| | |
|---|
| | | background: transparent; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-tree-node:focus>.el-tree-node__content{ |
|---|
| | | .el-tree-node:focus>.el-tree-node__content { |
|---|
| | | background-color: #5daaf0; |
|---|
| | | } |
|---|
| | |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table .cell { |
|---|
| | | line-height: countSizeVh(48); |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | .el-table th.el-table__cell>.cell { |
|---|
| | | height: 100%; |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .current-table-body, |
|---|
| | | .body { |
|---|
| | | margin: countSizeVh(12); |
|---|
| | | margin-top: countSizeVh(10); |
|---|
| | | margin-bottom: countSizeVh(14); |
|---|
| | | width: calc(100% - countSizeVw(24, 1920)); |
|---|
| | | height: calc(100% - countSizeVh(80)); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .body { |
|---|
| | | |
|---|
| | | .warp { |
|---|
| | | height: calc(100% - countSizeVh(44)); |
|---|
| | |
|---|
| | | height: countSizeVh(44); |
|---|
| | | line-height: countSizeVh(44); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .current-table-body { |
|---|
| | | .pages { |
|---|
| | | height: countSizeVh(40); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | .el-checkbox .el-checkbox__inner::after { |
|---|
| | | height: countSizeVh(12); |
|---|
| | | left: countSizeVw(7, 1920); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .equiment-detail { |
|---|
| | | height: countSizeVh(540); |
|---|
| | | |
|---|
| | | .monitor { |
|---|
| | | height: countSizeVh(540); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .others { |
|---|
| | | height: countSizeVh(495); |
|---|
| | | |
|---|
| | | .pages { |
|---|
| | | padding-bottom: countSizeVh(3); |
|---|
| | | padding-top: countSizeVh(10); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table .cell { |
|---|
| | | line-height: countSizeVh(48); |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table th.el-table__cell>.cell { |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | |
|---|
| | | |
|---|
| | | .el-table__body { |
|---|
| | | width: countSizeVw(400, 1920) !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table .el-table__cell { |
|---|
| | | padding: 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table th.el-table__cell { |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table .cell { |
|---|
| | | line-height: countSizeVh(48); |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table th.el-table__cell>.cell { |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table__empty-text { |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table .el-table__cell { |
|---|
| | | padding: 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table th.el-table__cell { |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table .cell { |
|---|
| | | line-height: countSizeVh(48); |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table th.el-table__cell>.cell { |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table__empty-text { |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table .cell { |
|---|
| | | line-height: countSizeVh(48); |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table th.el-table__cell>.cell { |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | |
|---|
| | | |
|---|
| | | .el-table th.el-table__cell { |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table .cell { |
|---|
| | | line-height: countSizeVh(48); |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button--text { |
|---|
| | |
|---|
| | | .el-dialog .el-dialog__body .item>div:nth-of-type(2) { |
|---|
| | | width: calc(100% - countSizeVw(120, 1920)); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .pages { |
|---|
| | | height: countSizeVh(40); |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | &>button { |
|---|
| | | width: countSizeVh(32); |
|---|
| | | height: countSizeVh(32); |
|---|
| | | |
|---|
| | | &>i { |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | &>ul { |
|---|
| | | li { |
|---|
| | | width: countSizeVh(32); |
|---|
| | | height: countSizeVh(32); |
|---|
| | | line-height: countSizeVh(32); |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .header { |
|---|
| | | margin-bottom: countSizeVh(10); |
|---|
| | | padding-left: countSizeVh(10); |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | height: countSizeVh(32); |
|---|
| | | line-height: countSizeVh(32); |
|---|
| | | margin-right: countSizeVw(10, 1920); |
|---|
| | | |
|---|
| | | input { |
|---|
| | | width: countSizeVw(150, 1920); |
|---|
| | | height: countSizeVh(32); |
|---|
| | | font-size: countSizeVh(12); |
|---|
| | | border-radius: countSizeVh(5); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | &>div:first-child input { |
|---|
| | | width: countSizeVw(120, 1920); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button--primary { |
|---|
| | | border: countSizeVh(1) solid rgba(29, 92, 228, 0.6); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button { |
|---|
| | | padding: countSizeVh(6) countSizeVw(10, 1920); |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table th.el-table__cell>.cell { |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table { |
|---|
| | | height: calc(100% - countSizeVh(80)); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-dialog__header { |
|---|
| | | height: countSizeVh(40); |
|---|
| | | line-height: countSizeVh(40); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table__header-wrapper { |
|---|
| | | height: countSizeVh(36); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table { |
|---|
| | | |
|---|
| | | th, |
|---|
| | | td { |
|---|
| | | padding: 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .cell { |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | height: countSizeVh(36); |
|---|
| | | line-height: countSizeVh(36); |
|---|
| | | padding: 0; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table__body-wrapper { |
|---|
| | | height: calc(100% - countSizeVh(36)); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .equiment-details-box { |
|---|
| | | .el-dialog__header span { |
|---|
| | | font-size: countSizeVh(18); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-dialog .el-dialog__body { |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-dialog__header button { |
|---|
| | | font-size: countSizeVh(18); |
|---|
| | | right: countSizeVw(10, 1920); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-dialog { |
|---|
| | | width: countSizeVw(1000, 1920); |
|---|
| | | height: countSizeVh(620); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .land-details-box { |
|---|
| | | .el-dialog__header { |
|---|
| | | height: countSizeVh(40); |
|---|
| | | line-height: countSizeVh(40); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table__header-wrapper { |
|---|
| | | height: countSizeVh(60); |
|---|
| | | line-height: countSizeVh(40); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-dialog__header span { |
|---|
| | | font-size: countSizeVh(18); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-dialog .el-dialog__body { |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | height: calc(100% - countSizeVh(100)); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-dialog__header button { |
|---|
| | | font-size: countSizeVh(18); |
|---|
| | | right: countSizeVw(10, 1920); |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .land-details-box { |
|---|
| | | .el-dialog { |
|---|
| | | width: countSizeVw(630, 1920); |
|---|
| | | height: countSizeVh(500); |
|---|
| | | width: countSizeVw(1000, 1920); |
|---|
| | | height: countSizeVh(620); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table th.el-table__cell>.cell { |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table { |
|---|
| | | height: calc(100% - countSizeVh(80)); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .pages { |
|---|
| | | height: countSizeVh(40); |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | &>button { |
|---|
| | | width: countSizeVh(32); |
|---|
| | | height: countSizeVh(32); |
|---|
| | | |
|---|
| | | &>i { |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | &>ul { |
|---|
| | | li { |
|---|
| | | width: countSizeVh(32); |
|---|
| | | height: countSizeVh(32); |
|---|
| | | line-height: countSizeVh(32); |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table__body-wrapper { |
|---|
| | | height: calc(100% - countSizeVh(80)); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table .cell { |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | height: countSizeVh(30); |
|---|
| | | line-height: countSizeVh(30); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .header { |
|---|
| | | margin-bottom: countSizeVh(10); |
|---|
| | | padding-left: countSizeVh(10); |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | height: countSizeVh(32); |
|---|
| | | line-height: countSizeVh(32); |
|---|
| | | margin-right: countSizeVw(10, 1920); |
|---|
| | | |
|---|
| | | input { |
|---|
| | | width: countSizeVw(150, 1920); |
|---|
| | | height: countSizeVh(32); |
|---|
| | | font-size: countSizeVh(12); |
|---|
| | | border-radius: countSizeVh(5); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | &>div:first-child input { |
|---|
| | | width: countSizeVw(120, 1920); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button--primary { |
|---|
| | | border: countSizeVh(1) solid rgba(29, 92, 228, 0.6); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button { |
|---|
| | | padding: countSizeVh(6) countSizeVw(10, 1920); |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | .el-dialog__header button { |
|---|
| | | font-size: countSizeVh(18); |
|---|
| | | right: countSizeVw(10, 1920); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .keyPerson-details-box { |
|---|
| | | .el-dialog__header span { |
|---|
| | | font-size: countSizeVh(18); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-dialog .el-dialog__body { |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-dialog__header button { |
|---|
| | | font-size: countSizeVh(18); |
|---|
| | | right: countSizeVw(10, 1920); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-dialog { |
|---|
| | | width: countSizeVw(1000, 1920); |
|---|
| | | height: countSizeVh(700); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table__header-wrapper { |
|---|
| | | height: countSizeVh(60); |
|---|
| | | line-height: countSizeVh(40); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table .cell { |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | height: countSizeVh(44); |
|---|
| | | line-height: countSizeVh(44); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-dialog__header { |
|---|
| | | height: countSizeVh(40); |
|---|
| | | line-height: countSizeVh(40); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .pages { |
|---|
| | | height: countSizeVh(40); |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | &>button { |
|---|
| | | width: countSizeVh(32); |
|---|
| | | height: countSizeVh(32); |
|---|
| | | |
|---|
| | | &>i { |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | &>ul { |
|---|
| | | li { |
|---|
| | | width: countSizeVh(32); |
|---|
| | | height: countSizeVh(32); |
|---|
| | | line-height: countSizeVh(32); |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table { |
|---|
| | | height: calc(100% - countSizeVh(100)); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .header { |
|---|
| | | margin-bottom: countSizeVh(10); |
|---|
| | | padding-left: countSizeVh(10); |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | height: countSizeVh(32); |
|---|
| | | line-height: countSizeVh(32); |
|---|
| | | margin-right: countSizeVw(10, 1920); |
|---|
| | | |
|---|
| | | input { |
|---|
| | | width: countSizeVw(150, 1920); |
|---|
| | | height: countSizeVh(32); |
|---|
| | | font-size: countSizeVh(12); |
|---|
| | | border-radius: countSizeVh(5); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | &>div:first-child input { |
|---|
| | | width: countSizeVw(120, 1920); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button--primary { |
|---|
| | | border: countSizeVh(1) solid rgba(29, 92, 228, 0.6); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button { |
|---|
| | | padding: countSizeVh(6) countSizeVw(10, 1920); |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table__body-wrapper { |
|---|
| | | height: calc(100% - countSizeVh(60)); |
|---|
| | | .el-dialog__header button { |
|---|
| | | font-size: countSizeVh(18); |
|---|
| | | right: countSizeVw(10, 1920); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-dialog { |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | |
|---|
| | | .el-dialog__header { |
|---|
| | | height: countSizeVh(40); |
|---|
| | | line-height: countSizeVh(40); |
|---|
| | | |
|---|
| | | span { |
|---|
| | | font-size: countSizeVh(18); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-dialog__body { |
|---|
| | | padding: 0 countSizeVh(10); |
|---|
| | | height: calc(100% - countSizeVh(40)); |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | |
|---|
| | | .header { |
|---|
| | | display: flex; |
|---|
| | | margin-bottom: countSizeVh(10); |
|---|
| | | padding-left: countSizeVh(10); |
|---|
| | | height: countSizeVh(36); |
|---|
| | | line-height: countSizeVh(36); |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | height: countSizeVh(32); |
|---|
| | | line-height: countSizeVh(32); |
|---|
| | | margin-right: countSizeVw(10, 1920); |
|---|
| | | |
|---|
| | | input { |
|---|
| | | width: countSizeVw(150, 1920); |
|---|
| | | height: countSizeVh(32); |
|---|
| | | font-size: countSizeVh(12); |
|---|
| | | text-indent: 1em; |
|---|
| | | color: #ffffff; |
|---|
| | | background-color: rgba(24, 79, 202, 0.6); |
|---|
| | | border: 1px solid rgb(0, 92, 169); |
|---|
| | | border-radius: countSizeVh(5); |
|---|
| | | } |
|---|
| | | |
|---|
| | | input:focus { |
|---|
| | | outline: none; |
|---|
| | | } |
|---|
| | | |
|---|
| | | input::-webkit-input-placeholder { |
|---|
| | | color: rgba(238, 238, 238, 0.7); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button--primary { |
|---|
| | | background-color: rgba(29, 92, 228, 0.6); |
|---|
| | | border: countSizeVh(1) solid rgba(29, 92, 228, 0.6); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button { |
|---|
| | | padding: 0 countSizeVw(12, 1920); |
|---|
| | | height: countSizeVh(32); |
|---|
| | | line-height: countSizeVh(32); |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table { |
|---|
| | | margin-bottom: countSizeVh(10); |
|---|
| | | height: calc(100% - countSizeVh(96)); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .pages { |
|---|
| | | height: countSizeVh(40); |
|---|
| | | line-height: countSizeVh(40); |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | &>button { |
|---|
| | | width: countSizeVh(32); |
|---|
| | | height: countSizeVh(32); |
|---|
| | | |
|---|
| | | &>i { |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | &>ul { |
|---|
| | | li { |
|---|
| | | width: countSizeVh(32); |
|---|
| | | height: countSizeVh(32); |
|---|
| | | line-height: countSizeVh(32); |
|---|
| | | font-size: countSizeVh(16); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-pagination__total { |
|---|
| | | color: #fff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table { |
|---|
| | | |
|---|
| | | th, |
|---|
| | | td { |
|---|
| | | padding: 0 !important; |
|---|
| | | |
|---|
| | | .cell { |
|---|
| | | font-size: countSizeVh(16) !important; |
|---|
| | | height: countSizeVh(36) !important; |
|---|
| | | line-height: countSizeVh(36) !important; |
|---|
| | | padding: 0 !important; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table__header-wrapper { |
|---|
| | | height: countSizeVh(36) !important; |
|---|
| | | line-height: countSizeVh(36) !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table__body-wrapper { |
|---|
| | | height: calc(100% - countSizeVh(36)) !important; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | @media screen and (max-height: 975px) { |
|---|
| | |
|---|
| | | * @Author: shuishen 1109946754@qq.com |
|---|
| | | * @Date: 2023-01-13 15:52:59 |
|---|
| | | * @LastEditors: shuishen 1109946754@qq.com |
|---|
| | | * @LastEditTime: 2023-02-10 15:57:00 |
|---|
| | | * @LastEditTime: 2023-02-11 12:02:48 |
|---|
| | | * @FilePath: \srs-police-affairs\src\views\home\components\bottomContainer.vue |
|---|
| | | * @Description: |
|---|
| | | * |
|---|
| | |
|---|
| | | <div class="header"> |
|---|
| | | <div class="bottom-title">警情动态</div> |
|---|
| | | <div class="timeTab" v-show="historytype"> |
|---|
| | | <span class="beforetime" :class="{ choosed: timetype == 0 }" @click="timeTabClick(0)">周</span> |
|---|
| | | <span class="beforetime" :class="{ choosed: timetype == 1 }" @click="timeTabClick(1)">月</span> |
|---|
| | | <span class="beforetime" :class="{ choosed: timetype == 2 }" @click="timeTabClick(2)">自定义</span> |
|---|
| | | <span |
|---|
| | | class="beforetime" |
|---|
| | | :class="{ choosed: timetype == 0 }" |
|---|
| | | @click="timeTabClick(0)" |
|---|
| | | >周</span> |
|---|
| | | <span |
|---|
| | | class="beforetime" |
|---|
| | | :class="{ choosed: timetype == 1 }" |
|---|
| | | @click="timeTabClick(1)" |
|---|
| | | >月</span> |
|---|
| | | <span |
|---|
| | | class="beforetime" |
|---|
| | | :class="{ choosed: timetype == 2 }" |
|---|
| | | @click="timeTabClick(2)" |
|---|
| | | >自定义</span> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="timeSeclect" v-show="historytype"> |
|---|
| | | <el-date-picker v-show="timetype == 0" v-model="currentWeekTime" @change="datePickerChange" |
|---|
| | | type="week" align="center" format="yyyy 第 WW 周" placeholder="选择周" |
|---|
| | | popper-class="date-week-style"></el-date-picker> |
|---|
| | | <el-date-picker |
|---|
| | | v-show="timetype == 0" |
|---|
| | | v-model="currentWeekTime" |
|---|
| | | @change="datePickerChange" |
|---|
| | | type="week" |
|---|
| | | align="center" |
|---|
| | | format="yyyy 第 WW 周" |
|---|
| | | placeholder="选择周" |
|---|
| | | popper-class="date-week-style" |
|---|
| | | ></el-date-picker> |
|---|
| | | |
|---|
| | | <el-date-picker v-show="timetype == 1" v-model="currentMonthTime" @change="datePickerChange" |
|---|
| | | type="month" align="center" placeholder="选择月" popper-class="date-mouth-style"></el-date-picker> |
|---|
| | | <el-date-picker |
|---|
| | | v-show="timetype == 1" |
|---|
| | | v-model="currentMonthTime" |
|---|
| | | @change="datePickerChange" |
|---|
| | | type="month" |
|---|
| | | align="center" |
|---|
| | | placeholder="选择月" |
|---|
| | | popper-class="date-mouth-style" |
|---|
| | | ></el-date-picker> |
|---|
| | | |
|---|
| | | <el-date-picker v-show="timetype == 2" :clearable="false" v-model="currentTime" type="daterange" |
|---|
| | | align="center" unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" |
|---|
| | | @change="datePickerChange" :picker-options="pickerOptions" |
|---|
| | | popper-class="date-day-style"></el-date-picker> |
|---|
| | | <el-date-picker |
|---|
| | | v-show="timetype == 2" |
|---|
| | | :clearable="false" |
|---|
| | | v-model="currentTime" |
|---|
| | | type="daterange" |
|---|
| | | align="center" |
|---|
| | | unlink-panels |
|---|
| | | range-separator="至" |
|---|
| | | start-placeholder="开始日期" |
|---|
| | | end-placeholder="结束日期" |
|---|
| | | @change="datePickerChange" |
|---|
| | | :picker-options="pickerOptions" |
|---|
| | | popper-class="date-day-style" |
|---|
| | | ></el-date-picker> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="history-tab"> |
|---|
| | | <span class="beforetime" :class="{ choosed: historytype == 0 }" |
|---|
| | | @click="historyTabClick(0)">实时</span> |
|---|
| | | <span class="beforetime" :class="{ choosed: historytype == 1 }" |
|---|
| | | @click="historyTabClick(1)">历史</span> |
|---|
| | | <span |
|---|
| | | class="beforetime" |
|---|
| | | :class="{ choosed: historytype == 0 }" |
|---|
| | | @click="historyTabClick(0)" |
|---|
| | | >实时</span> |
|---|
| | | <span |
|---|
| | | class="beforetime" |
|---|
| | | :class="{ choosed: historytype == 1 }" |
|---|
| | | @click="historyTabClick(1)" |
|---|
| | | >历史</span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="body" v-if="historytype == 0" ref="tableBox" @click="handleSelectClick($event)"> |
|---|
| | | <div |
|---|
| | | class="body" |
|---|
| | | v-if="historytype == 0" |
|---|
| | | ref="tableBox" |
|---|
| | | @click="handleSelectClick($event)" |
|---|
| | | > |
|---|
| | | <ul class="title-header"> |
|---|
| | | <li> |
|---|
| | | <span class="num">序号</span> |
|---|
| | |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | |
|---|
| | | <vue-seamless-scroll v-if="policeSituationRealtimeArr.length > 0" :data="policeSituationRealtimeArr" |
|---|
| | | class="warp" :class-option="classOption"> |
|---|
| | | <vue-seamless-scroll |
|---|
| | | v-if="policeSituationRealtimeArr.length > 0" |
|---|
| | | :data="policeSituationRealtimeArr" |
|---|
| | | class="warp" |
|---|
| | | :class-option="classOption" |
|---|
| | | > |
|---|
| | | <ul class="item"> |
|---|
| | | <li v-for="(item, index) in policeSituationRealtimeArr" :key="index" |
|---|
| | | :data-obj="JSON.stringify(item)" class="row"> |
|---|
| | | <li |
|---|
| | | v-for="(item, index) in policeSituationRealtimeArr" |
|---|
| | | :key="index" |
|---|
| | | :data-obj="JSON.stringify(item)" |
|---|
| | | class="row" |
|---|
| | | > |
|---|
| | | <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.BJSJ" |
|---|
| | | v-text="item.BJSJ.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> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="current-table-body" ref="ElTableBox" v-if="historytype == 1"> |
|---|
| | | <el-table :data="policeSituationHistoryArr" :key="currentPage" style="width: 100%" |
|---|
| | | <el-table |
|---|
| | | :data="policeSituationHistoryArr" |
|---|
| | | :key="currentPage" |
|---|
| | | style="width: 100%" |
|---|
| | | :height="currentTableHeight" |
|---|
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': 'rgba(9, 40, 199, 0.5)', 'borderColor': '#324e75' }" |
|---|
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }" @cell-click="rowClick"> |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="index" label="序号" |
|---|
| | | min-width="6%"></el-table-column> |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="JJDWMC" label="接警单位" |
|---|
| | | min-width="12.6%"></el-table-column> |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="JJYXM" label="接警员" |
|---|
| | | min-width="7.6%"></el-table-column> |
|---|
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }" |
|---|
| | | @cell-click="rowClick" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | :show-overflow-tooltip="true" |
|---|
| | | prop="index" |
|---|
| | | label="序号" |
|---|
| | | min-width="6%" |
|---|
| | | ></el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | :show-overflow-tooltip="true" |
|---|
| | | prop="JJDWMC" |
|---|
| | | label="接警单位" |
|---|
| | | 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 label="报警时间" min-width="9.6%"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <span>{{ scope.row.BJSJ.substring(0, 10) }}</span> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="BJRXM" label="报警人" |
|---|
| | | min-width="7.6%"></el-table-column> |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="LXDH" label="联系电话" |
|---|
| | | min-width="10%"></el-table-column> |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="BJNR" label="报警内容" |
|---|
| | | min-width="12%"></el-table-column> |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="SFDZ" label="事发地址" |
|---|
| | | min-width="12%"></el-table-column> |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="BJLX" label="报警类型" |
|---|
| | | min-width="8%"></el-table-column> |
|---|
| | | <el-table-column :show-overflow-tooltip="true" prop="MEMO" label="备注" |
|---|
| | | min-width="12%"></el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | :show-overflow-tooltip="true" |
|---|
| | | prop="BJRXM" |
|---|
| | | label="报警人" |
|---|
| | | min-width="7.6%" |
|---|
| | | ></el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | :show-overflow-tooltip="true" |
|---|
| | | prop="LXDH" |
|---|
| | | label="联系电话" |
|---|
| | | min-width="10%" |
|---|
| | | ></el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | :show-overflow-tooltip="true" |
|---|
| | | prop="BJNR" |
|---|
| | | label="报警内容" |
|---|
| | | min-width="12%" |
|---|
| | | ></el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | :show-overflow-tooltip="true" |
|---|
| | | prop="SFDZ" |
|---|
| | | label="事发地址" |
|---|
| | | min-width="12%" |
|---|
| | | ></el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | :show-overflow-tooltip="true" |
|---|
| | | prop="BJLX" |
|---|
| | | label="报警类型" |
|---|
| | | min-width="8%" |
|---|
| | | ></el-table-column> |
|---|
| | | <el-table-column |
|---|
| | | :show-overflow-tooltip="true" |
|---|
| | | prop="MEMO" |
|---|
| | | label="备注" |
|---|
| | | min-width="12%" |
|---|
| | | ></el-table-column> |
|---|
| | | </el-table> |
|---|
| | | |
|---|
| | | <div class="pages" ref="ElPagination" v-if="policeSituationHistoryArr.length > 0"> |
|---|
| | | <el-pagination background layout="prev, pager, next" :page-size="pagesize" :page-count="pagesCount" |
|---|
| | | :current-page="currentPage" @current-change="handleCurrentChange"></el-pagination> |
|---|
| | | <el-pagination |
|---|
| | | background |
|---|
| | | layout="prev, pager, next" |
|---|
| | | :page-size="pagesize" |
|---|
| | | :page-count="pagesCount" |
|---|
| | | :current-page="currentPage" |
|---|
| | | @current-change="handleCurrentChange" |
|---|
| | | ></el-pagination> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <svg class="border-svg"> |
|---|
| | | <defs> |
|---|
| | | <path id="bottom-box-path" d="M0,0c56.33,0,112.67,0,169,0c2.5,4.31,6.95,6.19,11,9c0.67,1,1.33,2,2,3c16.33,0,32.67,0,49,0 |
|---|
| | | <path |
|---|
| | | id="bottom-box-path" |
|---|
| | | d="M0,0c56.33,0,112.67,0,169,0c2.5,4.31,6.95,6.19,11,9c0.67,1,1.33,2,2,3c16.33,0,32.67,0,49,0 |
|---|
| | | c55.99,0,112.01,0,168,0c238.64,0,477.36,0,716,0c1.01,1.73,4.64,4.26,5,5c0,20,0,40,0,60c0,49,0,98,0,147c-0.89,1.52,0,19.4,0,25 |
|---|
| | | c0,22.33,0,44.67,0,67c-1.43,0.78-4.01,2.77-5,4c-13,0-26,0-39,0c-3-3.33-6-6.67-9-10c-22,0-44,0-66,0c-2.26,3.84-6.72,5.26-8,10 |
|---|
| | | c-241.98,0-484.02,0-726,0c-64.33,0-128.67,0-193,0c-17,0-34,0-51,0c-5.68,0-16.19,1.49-20-1c-4.4-2.88-3-12.84-3-20 |
|---|
| | | c0-19.33,0-38.67,0-58C0,160.67,0,80.33,0,0z" fill="transparent" /> |
|---|
| | | c0-19.33,0-38.67,0-58C0,160.67,0,80.33,0,0z" |
|---|
| | | fill="transparent" |
|---|
| | | /> |
|---|
| | | <radialGradient id="border-box-gradient" cx="50%" cy="50%" r="50%"> |
|---|
| | | <stop offset="0%" stop-color="#fff" stop-opacity="1" /> |
|---|
| | | <stop offset="100%" stop-color="#fff" stop-opacity="0" /> |
|---|
| | | </radialGradient> |
|---|
| | | <mask id="border-box-mask"> |
|---|
| | | <circle cx="0" cy="0" r="150" fill="url(#border-box-gradient)"> |
|---|
| | | <animateMotion dur="8s" path="M0,0c56.33,0,112.67,0,169,0c2.5,4.31,6.95,6.19,11,9c0.67,1,1.33,2,2,3c16.33,0,32.67,0,49,0 |
|---|
| | | <animateMotion |
|---|
| | | dur="8s" |
|---|
| | | path="M0,0c56.33,0,112.67,0,169,0c2.5,4.31,6.95,6.19,11,9c0.67,1,1.33,2,2,3c16.33,0,32.67,0,49,0 |
|---|
| | | c55.99,0,112.01,0,168,0c238.64,0,477.36,0,716,0c1.01,1.73,4.64,4.26,5,5c0,20,0,40,0,60c0,49,0,98,0,147c-0.89,1.52,0,19.4,0,25 |
|---|
| | | c0,22.33,0,44.67,0,67c-1.43,0.78-4.01,2.77-5,4c-13,0-26,0-39,0c-3-3.33-6-6.67-9-10c-22,0-44,0-66,0c-2.26,3.84-6.72,5.26-8,10 |
|---|
| | | c-241.98,0-484.02,0-726,0c-64.33,0-128.67,0-193,0c-17,0-34,0-51,0c-5.68,0-16.19,1.49-20-1c-4.4-2.88-3-12.84-3-20 |
|---|
| | | c0-19.33,0-38.67,0-58C0,160.67,0,80.33,0,0z" rotate="auto" repeatCount="indefinite" /> |
|---|
| | | c0-19.33,0-38.67,0-58C0,160.67,0,80.33,0,0z" |
|---|
| | | rotate="auto" |
|---|
| | | repeatCount="indefinite" |
|---|
| | | /> |
|---|
| | | </circle> |
|---|
| | | </mask> |
|---|
| | | </defs> |
|---|
| | | |
|---|
| | | <use stroke-width="2" xlink:href="#bottom-box-path" mask="url(#border-box-mask)" stroke="#4fd2dd"> |
|---|
| | | <animate attributeName="stroke-dasharray" from="0, 3220" to="3220, 0" dur="8s" |
|---|
| | | repeatCount="indefinite" /> |
|---|
| | | <use |
|---|
| | | stroke-width="2" |
|---|
| | | xlink:href="#bottom-box-path" |
|---|
| | | mask="url(#border-box-mask)" |
|---|
| | | stroke="#4fd2dd" |
|---|
| | | > |
|---|
| | | <animate |
|---|
| | | attributeName="stroke-dasharray" |
|---|
| | | from="0, 3220" |
|---|
| | | to="3220, 0" |
|---|
| | | dur="8s" |
|---|
| | | repeatCount="indefinite" |
|---|
| | | /> |
|---|
| | | </use> |
|---|
| | | </svg> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | |
|---|
| | | // 获取实时接警记录 |
|---|
| | | getAnswerPolices () { |
|---|
| | | getAnswerPolices({ deptId: this.policeStaionID != '' ? this.policeStaionID : this.userInfo.dept_id }).then(res => { |
|---|
| | | this.policeSituationRealtimeArr = [] |
|---|
| | | // getAnswerPolices({ deptId: this.policeStaionID != '' ? this.policeStaionID : this.userInfo.dept_id }).then(res => { |
|---|
| | | // this.policeSituationRealtimeArr = [] |
|---|
| | | |
|---|
| | | if (res.data.result.length > 0) { |
|---|
| | | this.policeSituationRealtimeArr = res.data.result.map((item, index) => { |
|---|
| | | return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB } |
|---|
| | | }) |
|---|
| | | } else { |
|---|
| | | this.policeSituationRealtimeArr = [] |
|---|
| | | } |
|---|
| | | // if (res.data.result.length > 0) { |
|---|
| | | // this.policeSituationRealtimeArr = res.data.result.map((item, index) => { |
|---|
| | | // return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB } |
|---|
| | | // }) |
|---|
| | | // } else { |
|---|
| | | // this.policeSituationRealtimeArr = [] |
|---|
| | | // } |
|---|
| | | |
|---|
| | | this.$emit('policeSituationChange') |
|---|
| | | }) |
|---|
| | | |
|---|
| | | // this.policeSituationRealtimeArr = [{ |
|---|
| | | // ZDDWXZB: 112, |
|---|
| | | // ZDDWYZB: 25, |
|---|
| | | // JJDWMC: '信州公安局派出所', |
|---|
| | | // JJYXM: '欧阳西门', |
|---|
| | | // BJSJ: '2022-12-12 12:12:12', |
|---|
| | | // BJRXM: '西门庆祝', |
|---|
| | | // LXDH: 17335843642, |
|---|
| | | // BJNR: '今日在某小区查获私人赌博场所,今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
|---|
| | | // SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | // BJLX: '聚众赌博', |
|---|
| | | // MEMO: '人群聚集赌博' |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // JJDWMC: '信州公安局派出所', |
|---|
| | | // JJYXM: '欧阳西门', |
|---|
| | | // BJSJ: '2022-12-12 12:12:12', |
|---|
| | | // BJRXM: '西门庆祝', |
|---|
| | | // LXDH: 17335843642, |
|---|
| | | // BJNR: '今日在某小区查获私人赌博场所,今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
|---|
| | | // SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | // BJLX: '聚众赌博', |
|---|
| | | // MEMO: '人群聚集赌博' |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // JJDWMC: '信州公安局派出所', |
|---|
| | | // JJYXM: '欧阳西门', |
|---|
| | | // BJSJ: '2022-12-12 12:12:12', |
|---|
| | | // BJRXM: '西门庆祝', |
|---|
| | | // LXDH: 17335843642, |
|---|
| | | // BJNR: '今日在某小区查获私人赌博场所', |
|---|
| | | // SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | // BJLX: '聚众赌博', |
|---|
| | | // MEMO: '人群聚集赌博' |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // JJDWMC: '信州公安局派出所', |
|---|
| | | // JJYXM: '欧阳西门', |
|---|
| | | // BJSJ: '2022-12-12 12:12:12', |
|---|
| | | // BJRXM: '西门庆祝', |
|---|
| | | // LXDH: 17335843642, |
|---|
| | | // BJNR: '今日在某小区查获私人赌博场所', |
|---|
| | | // SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | // BJLX: '聚众赌博', |
|---|
| | | // MEMO: '人群聚集赌博' |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // JJDWMC: '信州公安局派出所', |
|---|
| | | // JJYXM: '欧阳西门', |
|---|
| | | // BJSJ: '2022-12-12 12:12:12', |
|---|
| | | // BJRXM: '西门庆祝', |
|---|
| | | // LXDH: 17335843642, |
|---|
| | | // BJNR: '今日在某小区查获私人赌博场所', |
|---|
| | | // SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | // BJLX: '聚众赌博', |
|---|
| | | // MEMO: '人群聚集赌博' |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // JJDWMC: '信州公安局派出所', |
|---|
| | | // JJYXM: '欧阳西门', |
|---|
| | | // BJSJ: '2022-12-12 12:12:12', |
|---|
| | | // BJRXM: '西门庆祝', |
|---|
| | | // LXDH: 17335843642, |
|---|
| | | // BJNR: '今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
|---|
| | | // SFDZ: '上饶市信州区万达华府小区上饶市信州区万达华府小区', |
|---|
| | | // BJLX: '聚众赌博', |
|---|
| | | // MEMO: '人群聚集赌博' |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // JJDWMC: '信州公安局派出所', |
|---|
| | | // JJYXM: '欧阳西门', |
|---|
| | | // BJSJ: '2022-12-12 12:12:12', |
|---|
| | | // BJRXM: '西门庆祝', |
|---|
| | | // LXDH: 17335843642, |
|---|
| | | // BJNR: '今日在某小区查获私人赌博场所', |
|---|
| | | // SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | // BJLX: '聚众赌博', |
|---|
| | | // MEMO: '人群聚集赌博' |
|---|
| | | // }] |
|---|
| | | |
|---|
| | | // this.policeSituationRealtimeArr = this.policeSituationRealtimeArr.map((item, index) => { |
|---|
| | | // return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB } |
|---|
| | | // this.$emit('policeSituationChange') |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | this.policeSituationRealtimeArr = [{ |
|---|
| | | ZDDWXZB: 112, |
|---|
| | | ZDDWYZB: 25, |
|---|
| | | JJDWMC: '信州公安局派出所', |
|---|
| | | JJYXM: '欧阳西门', |
|---|
| | | BJSJ: '2022-12-12 12:12:12', |
|---|
| | | BJRXM: '西门庆祝', |
|---|
| | | LXDH: 17335843642, |
|---|
| | | BJNR: '今日在某小区查获私人赌博场所,今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
|---|
| | | SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | BJLX: '聚众赌博', |
|---|
| | | MEMO: '人群聚集赌博' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | JJDWMC: '信州公安局派出所', |
|---|
| | | JJYXM: '欧阳西门', |
|---|
| | | BJSJ: '2022-12-12 12:12:12', |
|---|
| | | BJRXM: '西门庆祝', |
|---|
| | | LXDH: 17335843642, |
|---|
| | | BJNR: '今日在某小区查获私人赌博场所,今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
|---|
| | | SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | BJLX: '聚众赌博', |
|---|
| | | MEMO: '人群聚集赌博' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | JJDWMC: '信州公安局派出所', |
|---|
| | | JJYXM: '欧阳西门', |
|---|
| | | BJSJ: '2022-12-12 12:12:12', |
|---|
| | | BJRXM: '西门庆祝', |
|---|
| | | LXDH: 17335843642, |
|---|
| | | BJNR: '今日在某小区查获私人赌博场所', |
|---|
| | | SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | BJLX: '聚众赌博', |
|---|
| | | MEMO: '人群聚集赌博' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | JJDWMC: '信州公安局派出所', |
|---|
| | | JJYXM: '欧阳西门', |
|---|
| | | BJSJ: '2022-12-12 12:12:12', |
|---|
| | | BJRXM: '西门庆祝', |
|---|
| | | LXDH: 17335843642, |
|---|
| | | BJNR: '今日在某小区查获私人赌博场所', |
|---|
| | | SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | BJLX: '聚众赌博', |
|---|
| | | MEMO: '人群聚集赌博' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | JJDWMC: '信州公安局派出所', |
|---|
| | | JJYXM: '欧阳西门', |
|---|
| | | BJSJ: '2022-12-12 12:12:12', |
|---|
| | | BJRXM: '西门庆祝', |
|---|
| | | LXDH: 17335843642, |
|---|
| | | BJNR: '今日在某小区查获私人赌博场所', |
|---|
| | | SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | BJLX: '聚众赌博', |
|---|
| | | MEMO: '人群聚集赌博' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | JJDWMC: '信州公安局派出所', |
|---|
| | | JJYXM: '欧阳西门', |
|---|
| | | BJSJ: '2022-12-12 12:12:12', |
|---|
| | | BJRXM: '西门庆祝', |
|---|
| | | LXDH: 17335843642, |
|---|
| | | BJNR: '今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
|---|
| | | SFDZ: '上饶市信州区万达华府小区上饶市信州区万达华府小区', |
|---|
| | | BJLX: '聚众赌博', |
|---|
| | | MEMO: '人群聚集赌博' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | JJDWMC: '信州公安局派出所', |
|---|
| | | JJYXM: '欧阳西门', |
|---|
| | | BJSJ: '2022-12-12 12:12:12', |
|---|
| | | BJRXM: '西门庆祝', |
|---|
| | | LXDH: 17335843642, |
|---|
| | | BJNR: '今日在某小区查获私人赌博场所', |
|---|
| | | SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | BJLX: '聚众赌博', |
|---|
| | | MEMO: '人群聚集赌博' |
|---|
| | | }] |
|---|
| | | |
|---|
| | | this.policeSituationRealtimeArr = this.policeSituationRealtimeArr.map((item, index) => { |
|---|
| | | return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB } |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 获取历史接警记录 |
|---|
| | | getAlarmList (params) { |
|---|
| | | getAlarmList({ ...params, size: this.pagesize, jjdwbh: this.policeStaionID != '' ? this.policeStaionID : this.userInfo.dept_id }).then(res => { |
|---|
| | | this.pagesCount = res.data.data.pages |
|---|
| | | // getAlarmList({ ...params, size: this.pagesize, jjdwbh: this.policeStaionID != '' ? this.policeStaionID : this.userInfo.dept_id }).then(res => { |
|---|
| | | // this.pagesCount = res.data.data.pages |
|---|
| | | |
|---|
| | | this.policeSituationHistoryArr = [] |
|---|
| | | // this.policeSituationHistoryArr = [] |
|---|
| | | |
|---|
| | | if (res.data.data.records.length > 0) { |
|---|
| | | this.policeSituationHistoryArr = res.data.data.records.map((item, index) => { |
|---|
| | | return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB } |
|---|
| | | }) |
|---|
| | | } else { |
|---|
| | | this.policeSituationHistoryArr = [] |
|---|
| | | } |
|---|
| | | // if (res.data.data.records.length > 0) { |
|---|
| | | // this.policeSituationHistoryArr = res.data.data.records.map((item, index) => { |
|---|
| | | // return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB } |
|---|
| | | // }) |
|---|
| | | // } else { |
|---|
| | | // this.policeSituationHistoryArr = [] |
|---|
| | | // } |
|---|
| | | |
|---|
| | | this.setTableHeight() |
|---|
| | | // this.setTableHeight() |
|---|
| | | |
|---|
| | | this.$emit('policeSituationChange') |
|---|
| | | // this.$emit('policeSituationChange') |
|---|
| | | // }) |
|---|
| | | |
|---|
| | | this.policeSituationHistoryArr = [{ |
|---|
| | | ZDDWXZB: 112, |
|---|
| | | ZDDWYZB: 25, |
|---|
| | | JJDWMC: '信州公安局派出所', |
|---|
| | | JJYXM: '欧阳西门', |
|---|
| | | BJSJ: '2022-12-12 12:12:12', |
|---|
| | | BJRXM: '西门庆祝', |
|---|
| | | LXDH: 17335843642, |
|---|
| | | BJNR: '今日在某小区查获私人赌博场所,今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
|---|
| | | SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | BJLX: '聚众赌博', |
|---|
| | | MEMO: '人群聚集赌博' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | JJDWMC: '信州公安局派出所', |
|---|
| | | JJYXM: '欧阳西门', |
|---|
| | | BJSJ: '2022-12-12 12:12:12', |
|---|
| | | BJRXM: '西门庆祝', |
|---|
| | | LXDH: 17335843642, |
|---|
| | | BJNR: '今日在某小区查获私人赌博场所,今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
|---|
| | | SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | BJLX: '聚众赌博', |
|---|
| | | MEMO: '人群聚集赌博' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | JJDWMC: '信州公安局派出所', |
|---|
| | | JJYXM: '欧阳西门', |
|---|
| | | BJSJ: '2022-12-12 12:12:12', |
|---|
| | | BJRXM: '西门庆祝', |
|---|
| | | LXDH: 17335843642, |
|---|
| | | BJNR: '今日在某小区查获私人赌博场所', |
|---|
| | | SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | BJLX: '聚众赌博', |
|---|
| | | MEMO: '人群聚集赌博' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | JJDWMC: '信州公安局派出所', |
|---|
| | | JJYXM: '欧阳西门', |
|---|
| | | BJSJ: '2022-12-12 12:12:12', |
|---|
| | | BJRXM: '西门庆祝', |
|---|
| | | LXDH: 17335843642, |
|---|
| | | BJNR: '今日在某小区查获私人赌博场所', |
|---|
| | | SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | BJLX: '聚众赌博', |
|---|
| | | MEMO: '人群聚集赌博' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | JJDWMC: '信州公安局派出所', |
|---|
| | | JJYXM: '欧阳西门', |
|---|
| | | BJSJ: '2022-12-12 12:12:12', |
|---|
| | | BJRXM: '西门庆祝', |
|---|
| | | LXDH: 17335843642, |
|---|
| | | BJNR: '今日在某小区查获私人赌博场所', |
|---|
| | | SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | BJLX: '聚众赌博', |
|---|
| | | MEMO: '人群聚集赌博' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | JJDWMC: '信州公安局派出所', |
|---|
| | | JJYXM: '欧阳西门', |
|---|
| | | BJSJ: '2022-12-12 12:12:12', |
|---|
| | | BJRXM: '西门庆祝', |
|---|
| | | LXDH: 17335843642, |
|---|
| | | BJNR: '今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
|---|
| | | SFDZ: '上饶市信州区万达华府小区上饶市信州区万达华府小区', |
|---|
| | | BJLX: '聚众赌博', |
|---|
| | | MEMO: '人群聚集赌博' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | JJDWMC: '信州公安局派出所', |
|---|
| | | JJYXM: '欧阳西门', |
|---|
| | | BJSJ: '2022-12-12 12:12:12', |
|---|
| | | BJRXM: '西门庆祝', |
|---|
| | | LXDH: 17335843642, |
|---|
| | | BJNR: '今日在某小区查获私人赌博场所', |
|---|
| | | SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | BJLX: '聚众赌博', |
|---|
| | | MEMO: '人群聚集赌博' |
|---|
| | | }] |
|---|
| | | |
|---|
| | | this.policeSituationHistoryArr = this.policeSituationHistoryArr.map((item, index) => { |
|---|
| | | return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB } |
|---|
| | | }) |
|---|
| | | |
|---|
| | | // this.policeSituationHistoryArr = [{ |
|---|
| | | // ZDDWXZB: 112, |
|---|
| | | // ZDDWYZB: 25, |
|---|
| | | // JJDWMC: '信州公安局派出所', |
|---|
| | | // JJYXM: '欧阳西门', |
|---|
| | | // : '2022-12-12 12:12:12', |
|---|
| | | // BJRXM: '西门庆祝', |
|---|
| | | // LXDH: 17335843642, |
|---|
| | | // BJNR: '今日在某小区查获私人赌博场所,今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
|---|
| | | // SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | // BJLX: '聚众赌博', |
|---|
| | | // MEMO: '人群聚集赌博' |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // JJDWMC: '信州公安局派出所', |
|---|
| | | // JJYXM: '欧阳西门', |
|---|
| | | // : '2022-12-12 12:12:12', |
|---|
| | | // BJRXM: '西门庆祝', |
|---|
| | | // LXDH: 17335843642, |
|---|
| | | // BJNR: '今日在某小区查获私人赌博场所,今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
|---|
| | | // SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | // BJLX: '聚众赌博', |
|---|
| | | // MEMO: '人群聚集赌博' |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // JJDWMC: '信州公安局派出所', |
|---|
| | | // JJYXM: '欧阳西门', |
|---|
| | | // : '2022-12-12 12:12:12', |
|---|
| | | // BJRXM: '西门庆祝', |
|---|
| | | // LXDH: 17335843642, |
|---|
| | | // BJNR: '今日在某小区查获私人赌博场所', |
|---|
| | | // SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | // BJLX: '聚众赌博', |
|---|
| | | // MEMO: '人群聚集赌博' |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // JJDWMC: '信州公安局派出所', |
|---|
| | | // JJYXM: '欧阳西门', |
|---|
| | | // : '2022-12-12 12:12:12', |
|---|
| | | // BJRXM: '西门庆祝', |
|---|
| | | // LXDH: 17335843642, |
|---|
| | | // BJNR: '今日在某小区查获私人赌博场所', |
|---|
| | | // SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | // BJLX: '聚众赌博', |
|---|
| | | // MEMO: '人群聚集赌博' |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // JJDWMC: '信州公安局派出所', |
|---|
| | | // JJYXM: '欧阳西门', |
|---|
| | | // : '2022-12-12 12:12:12', |
|---|
| | | // BJRXM: '西门庆祝', |
|---|
| | | // LXDH: 17335843642, |
|---|
| | | // BJNR: '今日在某小区查获私人赌博场所', |
|---|
| | | // SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | // BJLX: '聚众赌博', |
|---|
| | | // MEMO: '人群聚集赌博' |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // JJDWMC: '信州公安局派出所', |
|---|
| | | // JJYXM: '欧阳西门', |
|---|
| | | // : '2022-12-12 12:12:12', |
|---|
| | | // BJRXM: '西门庆祝', |
|---|
| | | // LXDH: 17335843642, |
|---|
| | | // BJNR: '今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所今日在某小区查获私人赌博场所', |
|---|
| | | // SFDZ: '上饶市信州区万达华府小区上饶市信州区万达华府小区', |
|---|
| | | // BJLX: '聚众赌博', |
|---|
| | | // MEMO: '人群聚集赌博' |
|---|
| | | // }, |
|---|
| | | // { |
|---|
| | | // JJDWMC: '信州公安局派出所', |
|---|
| | | // JJYXM: '欧阳西门', |
|---|
| | | // : '2022-12-12 12:12:12', |
|---|
| | | // BJRXM: '西门庆祝', |
|---|
| | | // LXDH: 17335843642, |
|---|
| | | // BJNR: '今日在某小区查获私人赌博场所', |
|---|
| | | // SFDZ: '上饶市信州区万达华府小区', |
|---|
| | | // BJLX: '聚众赌博', |
|---|
| | | // MEMO: '人群聚集赌博' |
|---|
| | | // }] |
|---|
| | | |
|---|
| | | // this.policeSituationHistoryArr = this.policeSituationHistoryArr.map((item, index) => { |
|---|
| | | // return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB } |
|---|
| | | // }) |
|---|
| | | this.setTableHeight() |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 周月选择 |
|---|
| | |
|---|
| | | <div>值班信息(当日)</div> |
|---|
| | | </div> |
|---|
| | | <div class="table-box"> |
|---|
| | | <el-table size="small" :height="tableHeight" :data="schedulingList" style="width: 100%" |
|---|
| | | <el-table |
|---|
| | | size="small" |
|---|
| | | :height="tableHeight" |
|---|
| | | :data="schedulingList" |
|---|
| | | style="width: 100%" |
|---|
| | | :header-cell-style="{ 'text-align': 'center' }" |
|---|
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }" |
|---|
| | | :row-class-name="tableRowClassName"> |
|---|
| | | :row-class-name="tableRowClassName" |
|---|
| | | > |
|---|
| | | <el-table-column prop="station" label="岗位"></el-table-column> |
|---|
| | | <el-table-column prop="name" label="姓名"></el-table-column> |
|---|
| | | <el-table-column prop="contact" label="联系方式"></el-table-column> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <svg class="border-svg"> |
|---|
| | | <use stroke-width="2" xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c" |
|---|
| | | mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)" stroke="#4fd2dd"> |
|---|
| | | <animate attributeName="stroke-dasharray" from="0, 1442" to="1442, 0" dur="8s" |
|---|
| | | repeatCount="indefinite" /> |
|---|
| | | <use |
|---|
| | | stroke-width="2" |
|---|
| | | xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c" |
|---|
| | | mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)" |
|---|
| | | stroke="#4fd2dd" |
|---|
| | | > |
|---|
| | | <animate |
|---|
| | | attributeName="stroke-dasharray" |
|---|
| | | from="0, 1442" |
|---|
| | | to="1442, 0" |
|---|
| | | dur="8s" |
|---|
| | | repeatCount="indefinite" |
|---|
| | | /> |
|---|
| | | </use> |
|---|
| | | </svg> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <div class="title"> |
|---|
| | | 案件统计 |
|---|
| | | <div class="timer"> |
|---|
| | | <el-date-picker :clearable="false" v-model="eventTime" type="daterange" align="right" |
|---|
| | | unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" |
|---|
| | | @change="caseTimeChange" :picker-options="pickerOptions"></el-date-picker> |
|---|
| | | <el-date-picker |
|---|
| | | :clearable="false" |
|---|
| | | v-model="eventTime" |
|---|
| | | type="daterange" |
|---|
| | | align="right" |
|---|
| | | unlink-panels |
|---|
| | | range-separator="至" |
|---|
| | | start-placeholder="开始日期" |
|---|
| | | end-placeholder="结束日期" |
|---|
| | | @change="caseTimeChange" |
|---|
| | | :picker-options="pickerOptions" |
|---|
| | | ></el-date-picker> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div id="EventChangeEcharts" class="echarts-box"></div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <svg class="border-svg"> |
|---|
| | | <use stroke-width="2" xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c" |
|---|
| | | mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)" stroke="#4fd2dd"> |
|---|
| | | <animate attributeName="stroke-dasharray" from="0, 1442" to="1442, 0" dur="8s" |
|---|
| | | repeatCount="indefinite" /> |
|---|
| | | <use |
|---|
| | | stroke-width="2" |
|---|
| | | xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c" |
|---|
| | | mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)" |
|---|
| | | stroke="#4fd2dd" |
|---|
| | | > |
|---|
| | | <animate |
|---|
| | | attributeName="stroke-dasharray" |
|---|
| | | from="0, 1442" |
|---|
| | | to="1442, 0" |
|---|
| | | dur="8s" |
|---|
| | | repeatCount="indefinite" |
|---|
| | | /> |
|---|
| | | </use> |
|---|
| | | </svg> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <div class="title"> |
|---|
| | | <div>现有设备</div> |
|---|
| | | <div class="title-tab"> |
|---|
| | | <span :class="{ choosed: linetype == 0 }" @click="initEquipmentEcharts(0)">设备种类</span>/ |
|---|
| | | <span :class="{ choosed: linetype == 1 }" @click="initEquipmentEcharts(1)">设备状态</span> |
|---|
| | | <span |
|---|
| | | :class="{ choosed: linetype == 0 }" |
|---|
| | | @click="initEquipmentEcharts(0)" |
|---|
| | | >设备种类</span>/ |
|---|
| | | <span |
|---|
| | | :class="{ choosed: linetype == 1 }" |
|---|
| | | @click="initEquipmentEcharts(1)" |
|---|
| | | >设备状态</span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div style="overflow: hidden;" id="EquipmentEcharts" class="echarts-box"></div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <svg class="border-svg"> |
|---|
| | | <use stroke-width="2" xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c" |
|---|
| | | mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)" stroke="#4fd2dd"> |
|---|
| | | <animate attributeName="stroke-dasharray" from="0, 1442" to="1442, 0" dur="8s" |
|---|
| | | repeatCount="indefinite" /> |
|---|
| | | <use |
|---|
| | | stroke-width="2" |
|---|
| | | xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c" |
|---|
| | | mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)" |
|---|
| | | stroke="#4fd2dd" |
|---|
| | | > |
|---|
| | | <animate |
|---|
| | | attributeName="stroke-dasharray" |
|---|
| | | from="0, 1442" |
|---|
| | | to="1442, 0" |
|---|
| | | dur="8s" |
|---|
| | | repeatCount="indefinite" |
|---|
| | | /> |
|---|
| | | </use> |
|---|
| | | </svg> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | background: $sub-tab-bg-color; |
|---|
| | | cursor: pointer; |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | & > div { |
|---|
| | | height: 26px; |
|---|
| | | line-height: 26px; |
|---|
| | | } |
|---|
| | |
|---|
| | | * @Author: shuishen 1109946754@qq.com |
|---|
| | | * @Date: 2022-08-18 16:18:17 |
|---|
| | | * @LastEditors: shuishen 1109946754@qq.com |
|---|
| | | * @LastEditTime: 2023-02-10 16:07:15 |
|---|
| | | * @LastEditTime: 2023-02-11 16:14:00 |
|---|
| | | * @FilePath: \srs-police-affairs\src\views\home\index.vue |
|---|
| | | * @Description: 小区-栋-层-房屋 |
|---|
| | | * |
|---|
| | |
|---|
| | | <div class="pages" ref="tablePagination"> |
|---|
| | | <el-pagination |
|---|
| | | background |
|---|
| | | layout="prev, pager, next" |
|---|
| | | layout="prev, pager, next, total" |
|---|
| | | :page-size="peoplePage.pageSize" |
|---|
| | | :total="peoplePage.total" |
|---|
| | | :current-page="peoplePage.currentPage" |
|---|
| | |
|---|
| | | <div class="pages" ref="tablePagination"> |
|---|
| | | <el-pagination |
|---|
| | | background |
|---|
| | | layout="prev, pager, next" |
|---|
| | | layout="prev, pager, next, total" |
|---|
| | | :page-size="peoplePage.pageSize" |
|---|
| | | :total="peoplePage.total" |
|---|
| | | :current-page="peoplePage.currentPage" |
|---|
| | |
|---|
| | | :close-on-click-modal="true" |
|---|
| | | class="equiment-details-box" |
|---|
| | | > |
|---|
| | | <div class="equiment-detail"> |
|---|
| | | <div class="others"> |
|---|
| | | <el-table |
|---|
| | | :data="equimentTableData" |
|---|
| | | 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" |
|---|
| | | > |
|---|
| | | <el-table-column type="index" :index="indexMethod" label="序号"></el-table-column> |
|---|
| | | <el-table-column prop="channelId" label="通道编号"></el-table-column> |
|---|
| | | <el-table-column prop="deviceId" label="设备编号"></el-table-column> |
|---|
| | | <el-table-column prop="name" label="名称"></el-table-column> |
|---|
| | | <el-table-column label="状态"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <span>{{ scope.row.status == 0 ? '离线' : '在线' }}</span> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column label="操作"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <el-button |
|---|
| | | @click="play(scope.row)" |
|---|
| | | type="text" |
|---|
| | | size="small" |
|---|
| | | title="播放视频" |
|---|
| | | > |
|---|
| | | <i class="el-icon-video-play"></i> |
|---|
| | | </el-button> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | <div class="pages"> |
|---|
| | | <el-pagination |
|---|
| | | background |
|---|
| | | layout="prev, pager, next" |
|---|
| | | :total="equimentPagingTotal" |
|---|
| | | :page-size="pagesize" |
|---|
| | | pager-count="3" |
|---|
| | | :current-page="currentPage" |
|---|
| | | @current-change="handleCurrentChange" |
|---|
| | | ></el-pagination> |
|---|
| | | </div> |
|---|
| | | <div class="header"> |
|---|
| | | <div> |
|---|
| | | 设备名称： |
|---|
| | | <input type="text" v-model="equimentSearchVal" placeholder="请输入…" /> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <el-button type="primary" icon="el-icon-search" @click="searchEquiment">搜索</el-button> |
|---|
| | | <el-button type="primary" icon="el-icon-delete" @click="clearSearchEquiment">清空</el-button> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <el-table |
|---|
| | | :data="equimentTableData" |
|---|
| | | 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" |
|---|
| | | > |
|---|
| | | <el-table-column type="index" :index="indexMethod" label="序号"></el-table-column> |
|---|
| | | <el-table-column prop="channelId" label="通道编号"></el-table-column> |
|---|
| | | <el-table-column prop="deviceId" label="设备编号"></el-table-column> |
|---|
| | | <el-table-column prop="name" label="设备名称"></el-table-column> |
|---|
| | | <el-table-column label="设备状态"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <span>{{ scope.row.status == 0 ? '离线' : '在线' }}</span> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column label="操作"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <el-button @click="play(scope.row)" type="text" size="small" title="播放视频"> |
|---|
| | | <i class="el-icon-video-play"></i> |
|---|
| | | </el-button> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | |
|---|
| | | <div class="pages"> |
|---|
| | | <el-pagination |
|---|
| | | background |
|---|
| | | layout="prev, pager, next, total" |
|---|
| | | :total="equimentPagingTotal" |
|---|
| | | :page-size="pagesize" |
|---|
| | | pager-count="3" |
|---|
| | | :current-page="currentPage" |
|---|
| | | @current-change="handleCurrentChange" |
|---|
| | | ></el-pagination> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | |
|---|
| | |
|---|
| | | <el-table-column prop="policeName" label="负责人"></el-table-column> |
|---|
| | | <el-table-column prop="phone" label="联系电话"></el-table-column> |
|---|
| | | </el-table> |
|---|
| | | |
|---|
| | | <div class="pages" ref="tablePagination"> |
|---|
| | | <el-pagination |
|---|
| | | background |
|---|
| | | layout="prev, pager, next" |
|---|
| | | layout="prev, pager, next, total" |
|---|
| | | :page-size="landPage.pageSize" |
|---|
| | | :total="landPage.total" |
|---|
| | | :current-page="landPage.currentPage" |
|---|
| | |
|---|
| | | peopleInfoList: [], |
|---|
| | | peoplePage: { |
|---|
| | | total: 0, |
|---|
| | | pageSize: 10, |
|---|
| | | pageSize: 15, |
|---|
| | | currentPage: 1 |
|---|
| | | }, |
|---|
| | | peopleSearchQuery: { |
|---|
| | |
|---|
| | | label: 'label' |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 设备搜索条件 |
|---|
| | | equimentSearchVal: '', |
|---|
| | | // 现有设备表格 |
|---|
| | | equimentTableData: [], |
|---|
| | | equimentCurrentSelect: {}, |
|---|
| | | // 设备分页 |
|---|
| | | currentPage: 1, |
|---|
| | | pagesize: 15, |
|---|
| | | equimentPagingTotal: 0, |
|---|
| | |
|---|
| | | if (this.userInfo.dept_id != '1123598813738675201') { |
|---|
| | | this.policeStationCheckValue = this.userInfo.user_name |
|---|
| | | this.selectAllClass = true |
|---|
| | | this.policeStaionID = this.userInfo.dept_id |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | equimentBeforeClose () { |
|---|
| | | this.equimentVisible = false |
|---|
| | | this.currentPage = 1 |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // initAreaCheckoptions (areaArr) { |
|---|
| | | // areaArr.forEach((item, index) => { |
|---|
| | | // if (item.areaCheckName != '全部') { |
|---|
| | |
|---|
| | | this.$refs.RegionSelect.style.left = (bodyWidth - domWidth) / 2 + 'px' |
|---|
| | | }, |
|---|
| | | |
|---|
| | | showlanddetail (name, type, id) { |
|---|
| | | this.landVisible = true |
|---|
| | | this.landTitle = name |
|---|
| | | this.landType = type |
|---|
| | | this.landDetailId = id |
|---|
| | | this.landPage.currentPage = 1 |
|---|
| | | this.getLandDetail(type, id, this.landPage.currentPage) |
|---|
| | | /** |
|---|
| | | * @description: 显示现有列表表格数据 |
|---|
| | | * @param {*} name |
|---|
| | | * @param {*} typeVale |
|---|
| | | * @param {*} type |
|---|
| | | * @return {*} |
|---|
| | | */ |
|---|
| | | async showequimentdetail (name, typeVale, type) { |
|---|
| | | this.equimentTitle = name |
|---|
| | | |
|---|
| | | this.equimentCurrentSelect = { |
|---|
| | | type: typeVale |
|---|
| | | } |
|---|
| | | |
|---|
| | | await this.getEquipmentPaging(this.equimentCurrentSelect) |
|---|
| | | |
|---|
| | | this.equimentVisible = true |
|---|
| | | }, |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * @description: 设备查询 |
|---|
| | | * @return {*} |
|---|
| | | */ |
|---|
| | | searchEquiment () { |
|---|
| | | this.currentPage = 1 |
|---|
| | | this.getEquipmentPaging(this.equimentCurrentSelect) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * @description: 设备查询清空 |
|---|
| | | * @return {*} |
|---|
| | | */ |
|---|
| | | clearSearchEquiment () { |
|---|
| | | this.currentPage = 1 |
|---|
| | | this.equimentSearchVal = '' |
|---|
| | | this.getEquipmentPaging(this.equimentCurrentSelect) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 获取设备分页数据 |
|---|
| | | getEquipmentPaging (params) { |
|---|
| | | getEquipmentPaging({ page: this.currentPage, count: this.pagesize, ...params }).then(res => { |
|---|
| | | getEquipmentPaging({ |
|---|
| | | page: this.currentPage, |
|---|
| | | count: this.pagesize, |
|---|
| | | dwbh: this.policeStaionID != '' ? this.policeStaionID : this.userInfo.dept_id, |
|---|
| | | query: this.equimentSearchVal, |
|---|
| | | ...params |
|---|
| | | }).then(res => { |
|---|
| | | this.equimentTableData = [] |
|---|
| | | this.equimentPagingTotal = 0 |
|---|
| | | |
|---|
| | |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 设备分页查询 |
|---|
| | | handleCurrentChange: function (currentPage) { |
|---|
| | | this.currentPage = currentPage |
|---|
| | | |
|---|
| | | this.getEquipmentPaging(this.equimentCurrentSelect) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 显示现有列表表格数据 |
|---|
| | | async showequimentdetail (name, typeVale, type) { |
|---|
| | | this.equimentTitle = name |
|---|
| | | |
|---|
| | | this.equimentCurrentSelect = { |
|---|
| | | type: typeVale |
|---|
| | | } |
|---|
| | | |
|---|
| | | let obj = {} |
|---|
| | | |
|---|
| | | obj[type] = typeVale |
|---|
| | | |
|---|
| | | await this.getEquipmentPaging(obj) |
|---|
| | | |
|---|
| | | this.equimentVisible = true |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 设备的视频播放 |
|---|
| | |
|---|
| | | return index + 1 |
|---|
| | | }, |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * @description: 显示现有地弹窗列表 |
|---|
| | | * @param {*} name |
|---|
| | | * @param {*} type |
|---|
| | | * @param {*} id |
|---|
| | | * @return {*} |
|---|
| | | */ |
|---|
| | | showlanddetail (name, type, id) { |
|---|
| | | this.landVisible = true |
|---|
| | | this.landTitle = name |
|---|
| | | this.landType = type |
|---|
| | | this.landDetailId = id |
|---|
| | | this.landPage.currentPage = 1 |
|---|
| | | this.getLandDetail(type, id, this.landPage.currentPage) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | clearLandDetailSearchValue () { |
|---|
| | | this.policeName = '' |
|---|
| | | this.callPhone = '' |
|---|
| | |
|---|
| | | this.getLandDetail(this.landType, this.landDetailId, this.landPage.currentPage, this.policeName, this.callPhone) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | getLandDetail (type, policeStationId, current, policeName = '', phone = '') { |
|---|
| | | getLandDetail (type, id, current, policeName = '', phone = '') { |
|---|
| | | this.landDetailArr = [] |
|---|
| | | this.landPage.total = 0 |
|---|
| | | getLandDetail(type, policeStationId, current, policeName, phone).then(res => { |
|---|
| | | |
|---|
| | | getLandDetail({ |
|---|
| | | type, |
|---|
| | | policeStationId: this.policeStaionID == '1123598813738675201' || this.policeStaionID == '' ? id : '', |
|---|
| | | areaId: this.policeStaionID != '1123598813738675201' && this.policeStaionID != '' ? id : '', |
|---|
| | | current, |
|---|
| | | policeName, |
|---|
| | | phone |
|---|
| | | }).then(res => { |
|---|
| | | this.landDetailArr = res.data.data.records |
|---|
| | | this.landPage.total = res.data.data.total |
|---|
| | | }) |
|---|
| | |
|---|
| | | } else if (this.keyPersonVisible == true) { |
|---|
| | | this.keyPersonVisible = false |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * @description: 现有人员和重点人员列表弹窗关闭的事件 |
|---|
| | | * @return {*} |
|---|
| | | */ |
|---|
| | | equimentBeforeClose () { |
|---|
| | | this.currentPage = 1 |
|---|
| | | this.equimentSearchVal = '' |
|---|
| | | this.equimentTableData = [] |
|---|
| | | this.equimentVisible = false |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | |
|---|
| | | <div class="house-page container"> |
|---|
| | | <div v-show="boxShow" class="container-content"> |
|---|
| | | <div v-show="contentShow" class="search-box"> |
|---|
| | | <el-popover ref="popover" placement="bottom" trigger="manual" v-model="searchTreeShowFlag" |
|---|
| | | popper-class="tree-search-popup" @mousedown.native="preventFocusLost"> |
|---|
| | | <el-tree v-show="searchLazyFlag == true" ref="popupTree" style="overflow: auto;" |
|---|
| | | class="select-tree-box" :load="loadNode" :lazy="true" :props="props" |
|---|
| | | @current-change="currentChangeHandle" @mousedown.native="preventFocusLost"></el-tree> |
|---|
| | | <el-popover |
|---|
| | | ref="popover" |
|---|
| | | placement="bottom" |
|---|
| | | trigger="manual" |
|---|
| | | v-model="searchTreeShowFlag" |
|---|
| | | popper-class="tree-search-popup" |
|---|
| | | @mousedown.native="preventFocusLost" |
|---|
| | | > |
|---|
| | | <el-tree |
|---|
| | | v-show="searchLazyFlag == true" |
|---|
| | | ref="popupTree" |
|---|
| | | style="overflow: auto;" |
|---|
| | | class="select-tree-box" |
|---|
| | | :load="loadNode" |
|---|
| | | :lazy="true" |
|---|
| | | :props="props" |
|---|
| | | @current-change="currentChangeHandle" |
|---|
| | | @mousedown.native="preventFocusLost" |
|---|
| | | ></el-tree> |
|---|
| | | |
|---|
| | | <el-tree v-show="searchLazyFlag == false" :empty-text="treeEmptyText" ref="popupTree" |
|---|
| | | style="overflow: auto;" class="select-tree-box" :data="searchTreeData" :props="defaultProps" |
|---|
| | | :default-expand-all="true" @current-change="currentChangeHandle" |
|---|
| | | @mousedown.native="preventFocusLost"></el-tree> |
|---|
| | | <el-tree |
|---|
| | | v-show="searchLazyFlag == false" |
|---|
| | | :empty-text="treeEmptyText" |
|---|
| | | ref="popupTree" |
|---|
| | | style="overflow: auto;" |
|---|
| | | class="select-tree-box" |
|---|
| | | :data="searchTreeData" |
|---|
| | | :props="defaultProps" |
|---|
| | | :default-expand-all="true" |
|---|
| | | @current-change="currentChangeHandle" |
|---|
| | | @mousedown.native="preventFocusLost" |
|---|
| | | ></el-tree> |
|---|
| | | </el-popover> |
|---|
| | | |
|---|
| | | <el-input ref="searchTreeInput" v-model="searchTreeName" @input="searchInputTree" |
|---|
| | | @focus="searchTreeShowFlag = true" @blur="searchTreeShowFlag = false" v-popover:popover |
|---|
| | | placeholder="请输入搜索条件" style="cursor: pointer;"></el-input> |
|---|
| | | <el-input |
|---|
| | | ref="searchTreeInput" |
|---|
| | | v-model="searchTreeName" |
|---|
| | | @input="searchInputTree" |
|---|
| | | @focus="searchTreeShowFlag = true" |
|---|
| | | @blur="searchTreeShowFlag = false" |
|---|
| | | v-popover:popover |
|---|
| | | placeholder="请输入搜索条件" |
|---|
| | | style="cursor: pointer;" |
|---|
| | | ></el-input> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div v-show="contentShow" class="result-content" ref="resultContentBox"> |
|---|
| | |
|---|
| | | <div class="housing-bg"> |
|---|
| | | <div class="block"> |
|---|
| | | <el-carousel height="150px"> |
|---|
| | | <el-carousel-item v-for="(item, index) in villageInfo.pic_url_list" :key="index"> |
|---|
| | | <el-image style=" height: 100%" :src="item" |
|---|
| | | :preview-src-list="villageInfo.pic_url_list"></el-image> |
|---|
| | | <el-carousel-item |
|---|
| | | v-for="(item, index) in villageInfo.pic_url_list" |
|---|
| | | :key="index" |
|---|
| | | > |
|---|
| | | <el-image |
|---|
| | | style=" height: 100%" |
|---|
| | | :src="item" |
|---|
| | | :preview-src-list="villageInfo.pic_url_list" |
|---|
| | | ></el-image> |
|---|
| | | </el-carousel-item> |
|---|
| | | </el-carousel> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <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 |
|---|
| | | 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> |
|---|
| | | |
|---|
| | | <div class="base-info" v-show="navType == 0"> |
|---|
| | | <div class="sub-nav-list"> |
|---|
| | | <div class="sub-nav" :class="{ on: subNavType == 1 }" @click="subNavType = 1">楼栋</div> |
|---|
| | | <div class="sub-nav" :class="{ on: subNavType == 2 }" @click="subNavType = 2">出入口</div> |
|---|
| | | <div class="sub-nav" :class="{ on: subNavType == 3 }" @click="subNavType = 3">停车场</div> |
|---|
| | | <div class="sub-nav" :class="{ on: subNavType == 4 }" @click="subNavType = 4">商业</div> |
|---|
| | | <div |
|---|
| | | class="sub-nav" |
|---|
| | | :class="{ on: subNavType == 1 }" |
|---|
| | | @click="subNavType = 1" |
|---|
| | | >楼栋</div> |
|---|
| | | <div |
|---|
| | | class="sub-nav" |
|---|
| | | :class="{ on: subNavType == 2 }" |
|---|
| | | @click="subNavType = 2" |
|---|
| | | >出入口</div> |
|---|
| | | <div |
|---|
| | | class="sub-nav" |
|---|
| | | :class="{ on: subNavType == 3 }" |
|---|
| | | @click="subNavType = 3" |
|---|
| | | >停车场</div> |
|---|
| | | <div |
|---|
| | | class="sub-nav" |
|---|
| | | :class="{ on: subNavType == 4 }" |
|---|
| | | @click="subNavType = 4" |
|---|
| | | >商业</div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="floor-content" v-show="subNavType == 1"> |
|---|
| | |
|---|
| | | <div class="build-outBox" ref="BuildOutBox"> |
|---|
| | | <div class="build-box" style="left: 0px;"> |
|---|
| | | <!-- :style="{ width: `calc(${Math.ceil(buildingList.length / 10)} * (356 / 1920) * 100vw` }" --> |
|---|
| | | <div class="ridgepole-list" v-for="index of Math.ceil(buildingList.length / 10)" |
|---|
| | | :key="index"> |
|---|
| | | <div v-for="(item, index) in buildingList.slice((index - 1) * 10, index * 10)" |
|---|
| | | :key="index" @click="buildingClick(item)" |
|---|
| | | :class="{ on: buildingChoosed.name == item.name }" :title="item.name"> |
|---|
| | | <div |
|---|
| | | class="ridgepole-list" |
|---|
| | | v-for="index of Math.ceil(buildingList.length / 10)" |
|---|
| | | :key="index" |
|---|
| | | > |
|---|
| | | <div |
|---|
| | | v-for="(item, index) in buildingList.slice((index - 1) * 10, index * 10)" |
|---|
| | | :key="index" |
|---|
| | | @click="buildingClick(item)" |
|---|
| | | :class="{ on: buildingChoosed.name == item.name }" |
|---|
| | | :title="item.name" |
|---|
| | | > |
|---|
| | | {{ |
|---|
| | | item.name |
|---|
| | | item.name |
|---|
| | | }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="nextBtn rightBtn" @click="nextBtn"> |
|---|
| | | <i v-show="buildingList.length > 10 && nextBtnShow" class="el-icon-caret-right"></i> |
|---|
| | | <i |
|---|
| | | v-show="buildingList.length > 10 && nextBtnShow" |
|---|
| | | class="el-icon-caret-right" |
|---|
| | | ></i> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | |
|---|
| | | <div class="condo" v-show="isShowUnitChoose"> |
|---|
| | | <div class="type">选择单元</div> |
|---|
| | | <div class="type-select"> |
|---|
| | | <el-select size="small" v-model="unitValue" placeholder="请选择" @change="chooseUnit"> |
|---|
| | | <el-option v-for="item in unitOptions" :key="item.value" :label="item.label" |
|---|
| | | :value="item.value" class="unit-option"></el-option> |
|---|
| | | <el-select |
|---|
| | | size="small" |
|---|
| | | v-model="unitValue" |
|---|
| | | placeholder="请选择" |
|---|
| | | @change="chooseUnit" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in unitOptions" |
|---|
| | | :key="item.value" |
|---|
| | | :label="item.label" |
|---|
| | | :value="item.value" |
|---|
| | | class="unit-option" |
|---|
| | | ></el-option> |
|---|
| | | </el-select> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div>--> |
|---|
| | | <el-main v-loading="pictLoading" element-loading-background="rgba(17, 38, 163, .1)" |
|---|
| | | element-loading-text="数据正在加载中" element-loading-spinner="el-icon-loading" |
|---|
| | | v-show="isShowHouseBox"> |
|---|
| | | <el-main |
|---|
| | | v-loading="pictLoading" |
|---|
| | | element-loading-background="rgba(17, 38, 163, .1)" |
|---|
| | | element-loading-text="数据正在加载中" |
|---|
| | | element-loading-spinner="el-icon-loading" |
|---|
| | | v-show="isShowHouseBox" |
|---|
| | | > |
|---|
| | | <div class="floor-outBox"> |
|---|
| | | <div @click="lastFloorBtn" class="floorBtn" v-show="lastFloorShow"> |
|---|
| | | <div |
|---|
| | | @click="lastFloorBtn" |
|---|
| | | class="floorBtn" |
|---|
| | | v-show="lastFloorShow" |
|---|
| | | > |
|---|
| | | <i class="el-icon-caret-left"></i> |
|---|
| | | </div> |
|---|
| | | <div class="floor-box"> |
|---|
| | | <div class="floor-num" style="left: 0"> |
|---|
| | | <div :class="{ on: floorsType == index }" @click="floorsType = index" |
|---|
| | | v-for="index in Math.ceil(unitHouseChoosed.length / 5)" :key="index"> |
|---|
| | | <div |
|---|
| | | :class="{ on: floorsType == index }" |
|---|
| | | @click="floorsType = index" |
|---|
| | | v-for="index in Math.ceil(unitHouseChoosed.length / 5)" |
|---|
| | | :key="index" |
|---|
| | | > |
|---|
| | | {{ unitHouseChoosed[index * 5 - 5].floor_num }}-{{ |
|---|
| | | unitHouseChoosed[index * |
|---|
| | | 5 |
|---|
| | | - 1]? unitHouseChoosed[index * 5 |
|---|
| | | - 1].floor_num : unitHouseChoosed[unitHouseChoosed.length - 1].floor_num |
|---|
| | | unitHouseChoosed[index * |
|---|
| | | 5 |
|---|
| | | - 1]? unitHouseChoosed[index * 5 |
|---|
| | | - 1].floor_num : unitHouseChoosed[unitHouseChoosed.length - 1].floor_num |
|---|
| | | }}层 |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div @click="nextFloorBtn" class="floorBtn rightFloorBtn" v-show="nextFloorShow"> |
|---|
| | | <div |
|---|
| | | @click="nextFloorBtn" |
|---|
| | | class="floorBtn rightFloorBtn" |
|---|
| | | v-show="nextFloorShow" |
|---|
| | | > |
|---|
| | | <i class="el-icon-caret-right"></i> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="floor-detail"> |
|---|
| | | <div v-for="(item, index) in unitHouseChoosed.slice((floorsType - 1) * 5, floorsType * 5)" |
|---|
| | | :key="index"> |
|---|
| | | <div |
|---|
| | | v-for="(item, index) in unitHouseChoosed.slice((floorsType - 1) * 5, floorsType * 5)" |
|---|
| | | :key="index" |
|---|
| | | > |
|---|
| | | <div class="title">{{ item.floor_num }}层：</div> |
|---|
| | | <div class="detail"> |
|---|
| | | <div v-for="(value, index) in item.floor_house" :key="index" |
|---|
| | | <div |
|---|
| | | v-for="(value, index) in item.floor_house" |
|---|
| | | :key="index" |
|---|
| | | @click="residentDetailsClick(value)" |
|---|
| | | :class="{ on: floorChoosed == value.properties.fojcu }"> |
|---|
| | | :class="{ on: floorChoosed == value.properties.fojcu }" |
|---|
| | | > |
|---|
| | | <!-- :class="[{ 'chuzu': value.houseType == '出租' }, { 'zizhu': value.houseType == '自住' }, { 'kongzhi': value.houseType == '空置' }, { 'shangye': value.houseType == '商业' }]" --> |
|---|
| | | {{ value.properties.fojcu }} |
|---|
| | | <!-- <div class="flow"></div> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="come-out-content" v-show="subNavType == 2"> |
|---|
| | | <el-table :data="comeOutData" style="width: 100%" |
|---|
| | | <el-table |
|---|
| | | :data="comeOutData" |
|---|
| | | 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" @row-click="deepDataRowClick($event, 'comeOut')"> |
|---|
| | | <el-table-column prop="name" label="名称" width="180" |
|---|
| | | :show-overflow-tooltip="true"></el-table-column> |
|---|
| | | :row-class-name="tableRowClassName" |
|---|
| | | @row-click="deepDataRowClick($event, 'comeOut')" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | prop="name" |
|---|
| | | label="名称" |
|---|
| | | width="180" |
|---|
| | | :show-overflow-tooltip="true" |
|---|
| | | ></el-table-column> |
|---|
| | | <el-table-column prop="x" label="经度" width="100"></el-table-column> |
|---|
| | | <el-table-column prop="y" label="纬度" width="100"></el-table-column> |
|---|
| | | </el-table> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="park-content" v-show="subNavType == 3"> |
|---|
| | | <el-table :data="parkingLotData" style="width: 100%" |
|---|
| | | <el-table |
|---|
| | | :data="parkingLotData" |
|---|
| | | 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" @row-click="deepDataRowClick($event, 'park')"> |
|---|
| | | <el-table-column prop="name" label="名称" width="180" |
|---|
| | | :show-overflow-tooltip="true"></el-table-column> |
|---|
| | | :row-class-name="tableRowClassName" |
|---|
| | | @row-click="deepDataRowClick($event, 'park')" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | prop="name" |
|---|
| | | label="名称" |
|---|
| | | width="180" |
|---|
| | | :show-overflow-tooltip="true" |
|---|
| | | ></el-table-column> |
|---|
| | | <el-table-column prop="x" label="经度" width="100"></el-table-column> |
|---|
| | | <el-table-column prop="y" label="纬度" width="100"></el-table-column> |
|---|
| | | </el-table> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="business-content" v-show="subNavType == 4"> |
|---|
| | | <el-table :data="businessData" style="width: 100%" |
|---|
| | | <el-table |
|---|
| | | :data="businessData" |
|---|
| | | 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" @row-click="deepDataRowClick($event, 'business')"> |
|---|
| | | <el-table-column prop="name" label="名称" width="180" |
|---|
| | | :show-overflow-tooltip="true"></el-table-column> |
|---|
| | | :row-class-name="tableRowClassName" |
|---|
| | | @row-click="deepDataRowClick($event, 'business')" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | prop="name" |
|---|
| | | label="名称" |
|---|
| | | width="180" |
|---|
| | | :show-overflow-tooltip="true" |
|---|
| | | ></el-table-column> |
|---|
| | | <el-table-column prop="x" label="经度" width="100"></el-table-column> |
|---|
| | | <el-table-column prop="y" label="纬度" width="100"></el-table-column> |
|---|
| | | </el-table> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="police-info" v-if="navType == 1" ref="policeTableBox"> |
|---|
| | | <el-table :data="callPoliceData" style="width: 100%" :height="currentTableHeight" |
|---|
| | | <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="JJDWMC" :show-overflow-tooltip="true" label="接警单位" |
|---|
| | | min-width="34%"></el-table-column> |
|---|
| | | :row-class-name="tableRowClassName" |
|---|
| | | @row-click="clickData" |
|---|
| | | > |
|---|
| | | <el-table-column |
|---|
| | | prop="JJDWMC" |
|---|
| | | :show-overflow-tooltip="true" |
|---|
| | | label="接警单位" |
|---|
| | | min-width="34%" |
|---|
| | | ></el-table-column> |
|---|
| | | <el-table-column 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-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"> |
|---|
| | | <el-pagination background layout="prev, pager, next" :page-size="callPolicePage.pageSize" |
|---|
| | | :page-count="callPolicePage.count" :current-page="callPolicePage.currentPage" |
|---|
| | | @current-change="handleCurrentChange"></el-pagination> |
|---|
| | | <el-pagination |
|---|
| | | background |
|---|
| | | layout="prev, pager, next" |
|---|
| | | :page-size="callPolicePage.pageSize" |
|---|
| | | :page-count="callPolicePage.count" |
|---|
| | | :current-page="callPolicePage.currentPage" |
|---|
| | | @current-change="handleCurrentChange" |
|---|
| | | ></el-pagination> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- <transition name="special-animal"></transition>--> |
|---|
| | | <div class="search-content"> |
|---|
| | | <input v-model="searchExtensivelyValue" @input="searchExtensivelyChange" @focus="searchExtensivelyFocus" |
|---|
| | | type="text" placeholder="请输入搜索条件" /> |
|---|
| | | <input |
|---|
| | | v-model="searchExtensivelyValue" |
|---|
| | | @input="searchExtensivelyChange" |
|---|
| | | @focus="searchExtensivelyFocus" |
|---|
| | | type="text" |
|---|
| | | placeholder="请输入搜索条件" |
|---|
| | | /> |
|---|
| | | <div class="clear" v-show="isShowClearBtn" @click="clearSearchValue" title="清空"> |
|---|
| | | <img src="../../../public/img/icon/clear.png" alt /> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | <div v-show="searchExtensivelyValBoxShow" class="searchExtensively-val-box"> |
|---|
| | | <div> |
|---|
| | | <div @click="searchExtensivelyVlaClick(item)" v-for="(item, index) in searchExtensivelyArray" |
|---|
| | | :key="index">{{ item.name }}</div> |
|---|
| | | <div |
|---|
| | | @click="searchExtensivelyVlaClick(item)" |
|---|
| | | v-for="(item, index) in searchExtensivelyArray" |
|---|
| | | :key="index" |
|---|
| | | >{{ item.name }}</div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <el-dialog title="报警信息" :modal="true" :visible.sync="policeSituationVisible" :append-to-body="true" |
|---|
| | | :before-close="policeSituationBeforeClose" :close-on-click-modal="true" class="policeSituation-details-box"> |
|---|
| | | <el-dialog |
|---|
| | | title="报警信息" |
|---|
| | | :modal="true" |
|---|
| | | :visible.sync="policeSituationVisible" |
|---|
| | | :append-to-body="true" |
|---|
| | | :before-close="policeSituationBeforeClose" |
|---|
| | | :close-on-click-modal="true" |
|---|
| | | class="policeSituation-details-box" |
|---|
| | | > |
|---|
| | | <div class="box"> |
|---|
| | | <div class="item"> |
|---|
| | | <div>接警单位编号:</div> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | |
|---|
| | | <el-dialog :title="residentDetailsTitle" :modal="false" :visible.sync="residentDetailsShow" |
|---|
| | | :before-close="residentDetailsClose" :close-on-click-modal="true" class="resident-details-box" width="30%"> |
|---|
| | | <el-table :data="houseDate" |
|---|
| | | <el-dialog |
|---|
| | | :title="residentDetailsTitle" |
|---|
| | | :modal="false" |
|---|
| | | :visible.sync="residentDetailsShow" |
|---|
| | | :before-close="residentDetailsClose" |
|---|
| | | :close-on-click-modal="true" |
|---|
| | | class="resident-details-box" |
|---|
| | | width="30%" |
|---|
| | | > |
|---|
| | | <el-table |
|---|
| | | :data="houseDate" |
|---|
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
|---|
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }"> |
|---|
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }" |
|---|
| | | > |
|---|
| | | <el-table-column prop="realName" label="姓名"></el-table-column> |
|---|
| | | <el-table-column prop="phone" label="电话"></el-table-column> |
|---|
| | | <el-table-column prop="cardNo" label="身份证号"></el-table-column> |
|---|
| | | </el-table> |
|---|
| | | </el-dialog> |
|---|
| | | |
|---|
| | | <el-dialog :title="keyPersonTitle" :modal="false" :visible.sync="keyPersonVisible" |
|---|
| | | :before-close="keyPersonBeforeClose" :close-on-click-modal="true" class="keyPerson-details-box"> |
|---|
| | | <el-dialog |
|---|
| | | :title="keyPersonTitle" |
|---|
| | | :modal="false" |
|---|
| | | :visible.sync="keyPersonVisible" |
|---|
| | | :before-close="keyPersonBeforeClose" |
|---|
| | | :close-on-click-modal="true" |
|---|
| | | class="keyPerson-details-box" |
|---|
| | | > |
|---|
| | | <div class="header"> |
|---|
| | | <div> |
|---|
| | | 姓名： |
|---|
| | |
|---|
| | | <input type="text" v-model="callPhone" placeholder="请输入联系电话" /> |
|---|
| | | </div> |
|---|
| | | <el-button type="primary" icon="el-icon-search" @click="searchPeopleDetail">搜索</el-button> |
|---|
| | | <el-button type="primary" icon="el-icon-delete" @click="clearPeopleDetailSearchValue">清空</el-button> |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | icon="el-icon-delete" |
|---|
| | | @click="clearPeopleDetailSearchValue" |
|---|
| | | >清空</el-button> |
|---|
| | | </div> |
|---|
| | | <el-table :data="personDetailArr" style="width: 100%" |
|---|
| | | <el-table |
|---|
| | | :data="personDetailArr" |
|---|
| | | style="width: 100%" |
|---|
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
|---|
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'pointer' }"> |
|---|
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'pointer' }" |
|---|
| | | > |
|---|
| | | <el-table-column label="序号" type="index" width="50" align="center"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <span>{{(peoplePage.currentPage - 1) * peoplePage.pageSize + scope.$index + 1}}</span> |
|---|
| | |
|---|
| | | <el-table-column prop="areaName" label="所属责任区"></el-table-column> |
|---|
| | | </el-table> |
|---|
| | | <div class="pages" ref="tablePagination"> |
|---|
| | | <el-pagination background layout="prev, pager, next" :page-size="peoplePage.pageSize" |
|---|
| | | :total="peoplePage.total" :current-page="peoplePage.currentPage" |
|---|
| | | @current-change="peopleHandleCurrentChange"></el-pagination> |
|---|
| | | <el-pagination |
|---|
| | | background |
|---|
| | | layout="prev, pager, next" |
|---|
| | | :page-size="peoplePage.pageSize" |
|---|
| | | :total="peoplePage.total" |
|---|
| | | :current-page="peoplePage.currentPage" |
|---|
| | | @current-change="peopleHandleCurrentChange" |
|---|
| | | ></el-pagination> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | border-radius: 10px; |
|---|
| | | overflow: hidden; |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | & > div { |
|---|
| | | height: 100%; |
|---|
| | | overflow-y: auto; |
|---|
| | | |
|---|
| | |
|---|
| | | left: 10px; |
|---|
| | | right: 10px; |
|---|
| | | bottom: 4px; |
|---|
| | | background: linear-gradient(135deg, |
|---|
| | | rgb(33 150 243 / 74%), |
|---|
| | | rgb(254 254 254 / 0%)); |
|---|
| | | background: linear-gradient( |
|---|
| | | 135deg, |
|---|
| | | rgb(33 150 243 / 74%), |
|---|
| | | rgb(254 254 254 / 0%) |
|---|
| | | ); |
|---|
| | | z-index: -1; |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .housing-introduce { |
|---|
| | | &>div { |
|---|
| | | & > div { |
|---|
| | | padding: 0 10px; |
|---|
| | | display: flex; |
|---|
| | | |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | &>.floor-content { |
|---|
| | | & > .floor-content { |
|---|
| | | .build-info { |
|---|
| | | display: flex; |
|---|
| | | position: relative; |
|---|
| | |
|---|
| | | flex-wrap: wrap; |
|---|
| | | width: 356px; |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | & > div { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | |
|---|
| | | .content { |
|---|
| | | display: flex; |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | & > div { |
|---|
| | | height: 26px; |
|---|
| | | line-height: 26px; |
|---|
| | | flex: 1; |
|---|
| | |
|---|
| | | justify-content: center; |
|---|
| | | border-right: 1px solid #50555f; |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | & > div { |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | |
|---|
| | | &>div:last-child { |
|---|
| | | & > div:last-child { |
|---|
| | | margin-left: 14px; |
|---|
| | | font-size: 18px; |
|---|
| | | font-weight: bold; |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | &>div:first-child { |
|---|
| | | & > div:first-child { |
|---|
| | | width: 30%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | &>div:last-child { |
|---|
| | | & > div:last-child { |
|---|
| | | border: none; |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-around; |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | & > div { |
|---|
| | | flex: 1; |
|---|
| | | |
|---|
| | | &>div:first-child { |
|---|
| | | & > div:first-child { |
|---|
| | | height: 30px; |
|---|
| | | line-height: 30px; |
|---|
| | | font-size: 18px; |
|---|
| | |
|---|
| | | color: #499d99; |
|---|
| | | } |
|---|
| | | |
|---|
| | | &>div:last-child { |
|---|
| | | & > div:last-child { |
|---|
| | | height: 26px; |
|---|
| | | line-height: 26px; |
|---|
| | | } |
|---|
| | |
|---|
| | | justify-content: space-around; |
|---|
| | | background: rgba(8, 56, 185, 0.5); |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | &>div:first-child { |
|---|
| | | & > div { |
|---|
| | | & > div:first-child { |
|---|
| | | height: 30px; |
|---|
| | | line-height: 30px; |
|---|
| | | font-size: 18px; |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .house-element-info { |
|---|
| | | |
|---|
| | | .condo, |
|---|
| | | .legend { |
|---|
| | | display: flex; |
|---|
| | |
|---|
| | | display: flex; |
|---|
| | | flex: 1; |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | & > div { |
|---|
| | | flex: 1; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | |
|---|
| | | &>span { |
|---|
| | | & > span { |
|---|
| | | margin: 0 10px; |
|---|
| | | width: 14px; |
|---|
| | | height: 8px; |
|---|
| | |
|---|
| | | left: 0; |
|---|
| | | transition: all 1s; |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | & > div { |
|---|
| | | margin: 0 4px; |
|---|
| | | display: flex; |
|---|
| | | justify-content: center; |
|---|
| | |
|---|
| | | border: 0.0925925926vh solid #fff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | &>.on { |
|---|
| | | & > .on { |
|---|
| | | border: 1px solid orange; |
|---|
| | | color: orange; |
|---|
| | | } |
|---|
| | |
|---|
| | | margin-top: 14px; |
|---|
| | | height: 220px; |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | & > div { |
|---|
| | | margin: 8px; |
|---|
| | | height: 36px; |
|---|
| | | line-height: 36px; |
|---|
| | |
|---|
| | | flex: 1; |
|---|
| | | display: flex; |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | & > div { |
|---|
| | | margin: 0 4px; |
|---|
| | | position: relative; |
|---|
| | | width: 68px; |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .focus { |
|---|
| | | top: calc((100% - 18px) / 4 * 2 + 6px); |
|---|
| | | top: calc( |
|---|
| | | (100% - 18px) / 4 * 2 + 6px |
|---|
| | | ); |
|---|
| | | background: rgb(255, 121, 108); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .warning { |
|---|
| | | top: calc((100% - 18px) / 4 * 3 + 12px); |
|---|
| | | top: calc( |
|---|
| | | (100% - 18px) / 4 * 3 + 12px |
|---|
| | | ); |
|---|
| | | background: rgb(254, 172, 4); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | &>.on { |
|---|
| | | & > .on { |
|---|
| | | color: orange; |
|---|
| | | border-color: orange !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | &>.chuzu { |
|---|
| | | & > .chuzu { |
|---|
| | | border: 1px solid #3a8b3a; |
|---|
| | | } |
|---|
| | | |
|---|
| | | &>.zizhu { |
|---|
| | | & > .zizhu { |
|---|
| | | border: 1px solid #2c77bb; |
|---|
| | | } |
|---|
| | | |
|---|
| | | &>.kongzhi { |
|---|
| | | & > .kongzhi { |
|---|
| | | border: 1px solid #5c6169; |
|---|
| | | } |
|---|
| | | |
|---|
| | | &>.shangye { |
|---|
| | | & > .shangye { |
|---|
| | | border: 1px solid #cc9456; |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | border-radius: 10px; |
|---|
| | | overflow: hidden; |
|---|
| | | |
|---|
| | | &>div { |
|---|
| | | & > div { |
|---|
| | | height: 100%; |
|---|
| | | overflow-y: auto; |
|---|
| | | |
|---|
| | |
|---|
| | | height: 100%; |
|---|
| | | overflow: hidden; |
|---|
| | | border-radius: 2px; |
|---|
| | | background: linear-gradient(135deg, |
|---|
| | | rgba(252, 252, 252, 0.108), |
|---|
| | | rgb(254, 254, 254)); |
|---|
| | | background: linear-gradient( |
|---|
| | | 135deg, |
|---|
| | | rgba(252, 252, 252, 0.108), |
|---|
| | | rgb(254, 254, 254) |
|---|
| | | ); |
|---|
| | | animation: prog 3s ease infinite; |
|---|
| | | } |
|---|
| | | |
|---|
| | |
|---|
| | | menuName: '运维管理', |
|---|
| | | openExternal: true, |
|---|
| | | // 内网 |
|---|
| | | // path: 'http://10.141.11.11:8081/#/security/security' |
|---|
| | | path: 'http://10.141.11.11:8081/#/security/security' |
|---|
| | | // 外网 |
|---|
| | | path: 'http://192.168.0.109:1888/#/security/security' |
|---|
| | | // path: 'http://192.168.0.109:1888/#/security/security' |
|---|
| | | } |
|---|
| | | ], |
|---|
| | | |
|---|
| | |
|---|
| | | <p>用户登录</p> |
|---|
| | | <el-form :model="loginForm" ref="formName" status-icon :rules="rules"> |
|---|
| | | <el-form-item prop="username"> |
|---|
| | | <el-input v-model="loginForm.username" prefix-icon="el-icon-user" placeholder="请输入您的用户名" |
|---|
| | | autocomplete="off"></el-input> |
|---|
| | | <el-input |
|---|
| | | v-model="loginForm.username" |
|---|
| | | prefix-icon="el-icon-user" |
|---|
| | | placeholder="请输入您的用户名" |
|---|
| | | autocomplete="off" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item prop="password"> |
|---|
| | | <el-input type="password" v-model="loginForm.password" prefix-icon="el-icon-lock" |
|---|
| | | placeholder="请输入您密码" autocomplete="off"></el-input> |
|---|
| | | <el-input |
|---|
| | | type="password" |
|---|
| | | v-model="loginForm.password" |
|---|
| | | prefix-icon="el-icon-lock" |
|---|
| | | placeholder="请输入您密码" |
|---|
| | | autocomplete="off" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item> |
|---|
| | | <!-- <el-button type="primary" @click.enter="onLogin()">登 录</el-button> --> |
|---|
| | |
|---|
| | | * @Author: shuishen 1109946754@qq.com |
|---|
| | | * @Date: 2022-08-18 16:18:17 |
|---|
| | | * @LastEditors: shuishen 1109946754@qq.com |
|---|
| | | * @LastEditTime: 2023-02-10 10:49:34 |
|---|
| | | * @LastEditTime: 2023-02-11 15:23:52 |
|---|
| | | * @FilePath: \srs-police-affairs\src\views\video\list.vue |
|---|
| | | * @Description: 辖区管理 |
|---|
| | | * |
|---|
| | |
|---|
| | | :load="loadNode" |
|---|
| | | lazy |
|---|
| | | @node-click="treeClick" |
|---|
| | | ></el-tree> |
|---|
| | | > |
|---|
| | | <span class="custom-tree-node" slot-scope="node"> |
|---|
| | | <i |
|---|
| | | v-show="node.data.leaf" |
|---|
| | | class="status-box" |
|---|
| | | :class="{ online: Number(node.data.status) === 1 }" |
|---|
| | | ></i> |
|---|
| | | |
|---|
| | | <span> |
|---|
| | | {{ |
|---|
| | | node.data.name |
|---|
| | | }} |
|---|
| | | </span> |
|---|
| | | </span> |
|---|
| | | </el-tree> |
|---|
| | | |
|---|
| | | <el-tree |
|---|
| | | v-show="searchLazyFlag == false" |
|---|
| | |
|---|
| | | :props="defaultProps" |
|---|
| | | :default-expand-all="true" |
|---|
| | | @node-click="treeClick" |
|---|
| | | ></el-tree> |
|---|
| | | > |
|---|
| | | <span class="custom-tree-node" slot-scope="node"> |
|---|
| | | <i |
|---|
| | | class="status-box" |
|---|
| | | :class="{ online: Number(node.data.status) === 1 }" |
|---|
| | | ></i> |
|---|
| | | |
|---|
| | | <span> |
|---|
| | | {{ |
|---|
| | | node.data.name |
|---|
| | | }} |
|---|
| | | </span> |
|---|
| | | </span> |
|---|
| | | </el-tree> |
|---|
| | | </el-scrollbar> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | |
|---|
| | | this.searchTreeData = [] |
|---|
| | | getSearchTreeDevices({ |
|---|
| | | // 内网 |
|---|
| | | // deviceId: '36110000002009999000', |
|---|
| | | deviceId: '36110000002009999000', |
|---|
| | | // 外网 |
|---|
| | | deviceId: '34020000002000000003', |
|---|
| | | // deviceId: '34020000002000000003', |
|---|
| | | parentId: '361102', |
|---|
| | | deptId: this.userInfo.dept_id, |
|---|
| | | name: this.searchValue.trim() |
|---|
| | |
|---|
| | | |
|---|
| | | await getTreeDevices({ |
|---|
| | | // 内网 |
|---|
| | | // deviceId: '36110000002009999000', |
|---|
| | | deviceId: '36110000002009999000', |
|---|
| | | // 外网 |
|---|
| | | deviceId: '34020000002000000003', |
|---|
| | | // deviceId: '34020000002000000003', |
|---|
| | | parentId, |
|---|
| | | deptId: this.userInfo.dept_id, |
|---|
| | | type, |
|---|
