Merge branch 'master' of http://s16s652780.51mypc.cn:49896/r/srs-police-affairs
26 files modified
68 files added
1 files deleted
| | |
| | | --> |
| | | <template> |
| | | <div> |
| | | <el-dialog :title="dialogTile" :modal="true" :visible.sync="dialogVisible" :before-close="beforClose" |
| | | :close-on-click-modal="true" class="equiment-details-box-two"> |
| | | <el-dialog :title="dialogTile" :visible.sync="dialogVisible" :before-close="beforClose" :modal="true" |
| | | :close-on-click-modal="false" class="equiment-details-box-two"> |
| | | <div class="header"> |
| | | <div> |
| | | 设备名称: |
| | |
| | | <el-button type="primary" icon="el-icon-delete" @click="clearSearchEquiment">清空</el-button> |
| | | </div> |
| | | <el-main v-loading="equimentLoading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" |
| | | element-loading-background="rgba(0, 0, 0, 0.2)"> |
| | | element-loading-background="rgba(0, 0, 0, 0.5)"> |
| | | <el-table :data="currentData" style="width: 100%" |
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }" v-show="!equimentLoading"> |
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2023-04-04 16:24:42 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-04-04 18:28:44 |
| | | * @LastEditTime: 2023-04-06 10:37:52 |
| | | * @FilePath: \srs-police-affairs\src\components\imagesSelect\index.vue |
| | | * @Description: |
| | | * |
| | | * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. |
| | | --> |
| | | <template> |
| | | <div class="container"> |
| | | <div class="container" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.5)"> |
| | | <div v-for="(item, index) in imageUrls" :key="index" @click.stop="curImgClick(item)"> |
| | | <div class="content"> |
| | | <img :src="item.url" alt=""> |
| | |
| | | |
| | | data () { |
| | | return { |
| | | imageUrls: [] |
| | | imageUrls: [], |
| | | loading: false |
| | | } |
| | | }, |
| | | |
| | |
| | | |
| | | methods: { |
| | | requireImage () { |
| | | axios.get('/images').then(res => { |
| | | axios.get('/icons').then(res => { |
| | | res.data.forEach(item => { |
| | | this.imageUrls.push({ |
| | | url: `/images/${item}`, |
| | | url: `/icons/${item}`, |
| | | name: item.substring(0, item.length - 4) |
| | | }) |
| | | |
| | | |
| | | }) |
| | | |
| | | console.log(this.imageUrls, 4555) |
| | | this.loading = false |
| | | }) |
| | | }, |
| | | |
| | |
| | | // left: 0; |
| | | // bottom: -10px; |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | |
| | | width: 400px; |
| | | width: 560px; |
| | | height: 360px; |
| | | overflow-x: hidden; |
| | | overflow-y: auto; |
| | | background: $el-dialog-bg-color; |
| | | border-radius: 10px; |
| | | |
| | | &>div { |
| | | padding: 6px; |
| | | margin: 10px; |
| | | width: 60px; |
| | | height: 80px; |
| | | width: 100px; |
| | | height: 60px; |
| | | cursor: pointer; |
| | | border: 1px solid #fff; |
| | | border-radius: 8px; |
| | | box-sizing: content-box; |
| | | |
| | | &:hover { |
| | | color: #409EFF; |
| | | border-color: #409EFF; |
| | | } |
| | | |
| | | .content { |
| | | position: relative; |
| | | height: 60px; |
| | | height: 40px; |
| | | |
| | | img { |
| | | position: absolute; |
| | |
| | | right: 0; |
| | | bottom: 0; |
| | | margin: auto; |
| | | width: 60px; |
| | | height: 60px; |
| | | width: 40px; |
| | | height: 40px; |
| | | } |
| | | } |
| | | |
| | | .name { |
| | | height: 20px; |
| | | line-height: 20px; |
| | | font-size: 14px; |
| | | font-size: 12px; |
| | | } |
| | | } |
| | | } |
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 17:00:30 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-04-05 04:31:12 |
| | | * @LastEditTime: 2023-04-06 11:02:18 |
| | | * @FilePath: \srs-police-affairs\src\components\map\index.vue |
| | | * @Description: 公用地图组件 |
| | | * |
| | |
| | | <assemble-box></assemble-box> |
| | | |
| | | <video-row-click-popup></video-row-click-popup> |
| | | |
| | | <!-- <images-select></images-select> --> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | |
| | | if (this.tilesetLayerType == type && status == '') { |
| | | this.tilesetLayerType = '' |
| | | |
| | | |
| | | } else { |
| | | this.tilesetLayerType = type |
| | | |
| | |
| | | label.forEach(item => { |
| | | this.addMxTileset(`sdTilesetLayer${item}`, `${tile3DUrl}/sf3d/361102/model/all1/${item}/tileset.json`) |
| | | }) |
| | | |
| | | this.$EventBus.$emit('showHouseingTileset', { |
| | | curType: this.tilesetLayerType, |
| | | type, |
| | | }) |
| | | } |
| | | }, |
| | | |
| | |
| | | --> |
| | | <template> |
| | | <div> |
| | | <el-dialog :title="title" :modal="true" :visible.sync="visibleFlag" :before-close="dialogBeforeClose" |
| | | :close-on-click-modal="true" class="car-video-box"> |
| | | <el-dialog :title="title" :visible.sync="visibleFlag" :before-close="dialogBeforeClose" :modal="true" |
| | | :close-on-click-modal="false" class="car-video-box"> |
| | | <video autoplay controls width="100%" height="100%" ref="videoElement" id="videoElement" |
| | | style="object-fit: fill"></video> |
| | | </el-dialog> |
| | |
| | | --> |
| | | <template> |
| | | <div> |
| | | <el-dialog :title="curDialogTitle" :visible.sync="curDialogShow" class="activity-custom-img-box" |
| | | :before-close="closeCurDialog"> |
| | | <el-dialog :title="curDialogTitle" :modal="true" :close-on-click-modal="false" :visible.sync="curDialogShow" |
| | | class="activity-custom-img-box" :before-close="closeCurDialog"> |
| | | <div class="describe"> |
| | | <div class="label"> |
| | | 描述 |
| | |
| | | <template> |
| | | <div> |
| | | <el-dialog title="选择警车" :modal="false" :visible.sync="policeChooseCarVisible" :before-close="cancel" |
| | | :close-on-click-modal="true" class="choose-policeCar-box"> |
| | | <el-dialog title="选择警车" :visible.sync="policeChooseCarVisible" :before-close="cancel" :modal="true" |
| | | :close-on-click-modal="false" class="choose-policeCar-box"> |
| | | <div> |
| | | <el-select size="small" v-model="policeType" placeholder="请选择" :disabled="isChoosePoliceElementDisabled"> |
| | | <el-option v-for="item in policeOption" :key="item.value" :label="item.label" |
| | |
| | | <template> |
| | | <div> |
| | | <el-dialog title="选择警员" :modal="false" :visible.sync="policeChooseVisible" :before-close="cancel" |
| | | :close-on-click-modal="true" class="choose-police-box"> |
| | | <el-dialog title="选择警员" :visible.sync="policeChooseVisible" :before-close="cancel" :modal="true" |
| | | :close-on-click-modal="false" class="choose-police-box"> |
| | | <div> |
| | | <el-input ref="searchTreeInput" v-model="searchPoliceTreeName" @input="searchInputTree" |
| | | @focus="searchTreeShowFlag = true" @blur="searchTreeShowFlag = false" placeholder="请选择警员" |
| | |
| | | <template> |
| | | <div> |
| | | <el-dialog title="修改标绘" :modal="false" :visible.sync="editPlotVisible" :close-on-click-modal="true" |
| | | <el-dialog title="修改标绘" :visible.sync="editPlotVisible" :modal="true" :close-on-click-modal="false" |
| | | class="edit-plot-box"> |
| | | <div> |
| | | <div class="value-name-box">选择标绘颜色:</div> |
| | |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | <el-dialog title="新增标绘" :modal="false" :visible.sync="polygonAddVisible" :close-on-click-modal="true" |
| | | <el-dialog title="新增标绘" :visible.sync="polygonAddVisible" :modal="true" :close-on-click-modal="false" |
| | | class="add-polygon-box" :before-close="cancelSavePolygon"> |
| | | <div class="line" v-show="isNeedPolygonType"> |
| | | <div class="value-name-box">选择类型:</div> |
| New file |
| | |
| | | |
| | | |
| | | |
| | | <template> |
| | | <el-dialog :title="lineEditTitle" :visible.sync="lineEditVisible" :modal="true" :close-on-click-modal="false" |
| | | class="edit-line-box" :before-close="cancelSaveLine"> |
| | | |
| | | <div style="position: relative; width: 80px; height: 36px;"> |
| | | <images-select></images-select> |
| | | </div> |
| | | |
| | | </el-dialog> |
| | | </template> |
| | | |
| | | <script> |
| | | |
| | | export default { |
| | | inject: ['userInfo'], |
| | | |
| | | props: ['showingSecurityId'], |
| | | |
| | | data () { |
| | | return { |
| | | |
| | | } |
| | | }, |
| | | |
| | | methods: { |
| | | |
| | | }, |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped></style> |
| | |
| | | |
| | | <template> |
| | | <div> |
| | | <el-dialog :title="lineEditTitle" :modal="false" :visible.sync="lineEditVisible" :close-on-click-modal="true" |
| | | <el-dialog :title="lineEditTitle" :visible.sync="lineEditVisible" :modal="true" :close-on-click-modal="false" |
| | | class="edit-line-box" :before-close="cancelSaveLine"> |
| | | <div> |
| | | <div class="value-name-box">设置缓冲范围:</div> |
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2023-03-24 16:36:55 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-04-02 15:53:23 |
| | | * @LastEditTime: 2023-04-06 10:10:42 |
| | | * @FilePath: \srs-police-affairs\src\views\activity\index.vue |
| | | * @Description: |
| | | * |
| | |
| | | lock: true, |
| | | text: '拼命加载中', |
| | | spinner: 'el-icon-loading', |
| | | background: 'rgba(0, 0, 0, 0.2)' |
| | | background: 'rgba(0, 0, 0, 0.5)' |
| | | }) |
| | | }, |
| | | |
| | |
| | | <template> |
| | | <!-- 户籍人口 --> |
| | | <el-dialog :title="peopleTitle" :modal="true" :visible.sync="peopleVisible" :before-close="personInfoClose" |
| | | :close-on-click-modal="true" class="area-details-box"> |
| | | <el-dialog :title="peopleTitle" :visible.sync="peopleVisible" :before-close="personInfoClose" :modal="true" |
| | | :close-on-click-modal="false" class="area-details-box"> |
| | | <div class="header"> |
| | | <div> |
| | | 人员名称: |
| | |
| | | </div> |
| | | |
| | | <div v-loading="curLoading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" |
| | | element-loading-background="rgba(0, 0, 0, 0.2)" class="body"> |
| | | element-loading-background="rgba(0, 0, 0, 0.5)" class="body"> |
| | | <el-table :data="peopleInfoList" style="width: 100%" |
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }"> |
| | |
| | | <template> |
| | | <!-- 重点人员 --> |
| | | <el-dialog :title="keyPersonTitle" :modal="true" :visible.sync="keyPersonVisible" :before-close="personInfoClose" |
| | | :close-on-click-modal="true" class="keyPerson-details-box"> |
| | | <el-dialog :title="keyPersonTitle" :visible.sync="keyPersonVisible" :before-close="personInfoClose" :modal="true" |
| | | :close-on-click-modal="false" class="keyPerson-details-box"> |
| | | <div class="header" v-show="userInfo.dept_id != '1596020515064381442'"> |
| | | <div> |
| | | 人员名称: |
| | |
| | | </div> |
| | | |
| | | <div v-loading="curLoading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" |
| | | element-loading-background="rgba(0, 0, 0, 0.2)" class="body"> |
| | | element-loading-background="rgba(0, 0, 0, 0.5)" class="body"> |
| | | <el-table :data="keyPersonDetailArr" style="width: 100%" |
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }"> |
| | |
| | | <template> |
| | | <el-dialog :title="landTitle" :modal="true" :visible.sync="landVisible" :before-close="landBeforeClose" |
| | | :close-on-click-modal="true" class="land-details-box"> |
| | | <el-dialog :title="landTitle" :visible.sync="landVisible" :before-close="landBeforeClose" :modal="true" |
| | | :close-on-click-modal="false" class="land-details-box"> |
| | | <div class="header"> |
| | | <div v-show="landType == 2"> |
| | | 小区名称: |
| | |
| | | <el-button type="primary" icon="el-icon-delete" @click="clearLandDetailSearchValue">清空</el-button> |
| | | </div> |
| | | <div v-loading="curLoading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" |
| | | element-loading-background="rgba(0, 0, 0, 0.2)" class="body"> |
| | | element-loading-background="rgba(0, 0, 0, 0.5)" class="body"> |
| | | <el-table :data="landDetailArr" style="width: 100%" |
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }"> |
| | |
| | | </div> |
| | | </div> |
| | | <el-main v-loading="personEchartsLoading" element-loading-text="拼命加载中" |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.2)"> |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.5)"> |
| | | <div class="sub-tab" v-show="peopletype == 0"> |
| | | <div class="tab" :class="{ 'select-on-tab': tabType == 0 }" @click="personTabClick(0)"> |
| | | <div class="tab-title-small">户籍人口:</div> |
| | |
| | | <defs> |
| | | <path id="border-box-8-path-974b4d7cfafa444396861ca1d1173c8c" |
| | | d="M0.27,0.03c52.66,0,105.34,0,158,0c1.67,2,3.33,4,5,6c1,0.33,2,0.67,3,1c1.33,1.67,2.67,3.33,4,5 |
| | | c16,0,32,0,48,0c53.66,0,107.34,0,161,0c1.13,1.72,0.63,1.36,3,2c0,0.67,0,1.33,0,2c0.67,0,1.33,0,2,0 |
| | | c0.01,104.58,0.01,206.44,0,309c-1.43,0.78-4.01,2.77-5,4c-12,0-24,0-36,0c-2.67-3.33-5.33-6.67-8-10c-21,0-42,0-63,0 |
| | | c-1.08,2.32-2.35,4.25-4,6c-0.67,0.33-1.33,0.67-2,1c-0.33,1-0.67,2-1,3c-20,0-40,0-60,0c-66.66,0-133.34,0-200,0 |
| | | c-1.28-1.57-2.76-2.25-4-4c-0.33,0-0.67,0-1,0c0-8.67,0-17.33,0-26c0-19.66,0-39.34,0-59C0.27,160.04,0.27,80.02,0.27,0.03z" |
| | | c16,0,32,0,48,0c53.66,0,107.34,0,161,0c1.13,1.72,0.63,1.36,3,2c0,0.67,0,1.33,0,2c0.67,0,1.33,0,2,0 |
| | | c0.01,104.58,0.01,206.44,0,309c-1.43,0.78-4.01,2.77-5,4c-12,0-24,0-36,0c-2.67-3.33-5.33-6.67-8-10c-21,0-42,0-63,0 |
| | | c-1.08,2.32-2.35,4.25-4,6c-0.67,0.33-1.33,0.67-2,1c-0.33,1-0.67,2-1,3c-20,0-40,0-60,0c-66.66,0-133.34,0-200,0 |
| | | c-1.28-1.57-2.76-2.25-4-4c-0.33,0-0.67,0-1,0c0-8.67,0-17.33,0-26c0-19.66,0-39.34,0-59C0.27,160.04,0.27,80.02,0.27,0.03z" |
| | | fill="transparent" /> |
| | | <radialGradient id="border-box-8-gradient-974b4d7cfafa444396861ca1d1173c8c" cx="50%" cy="50%" r="50%"> |
| | | <stop offset="0%" stop-color="#fff" stop-opacity="1" /> |
| | |
| | | <circle cx="0" cy="0" r="150" fill="url(#border-box-8-gradient-974b4d7cfafa444396861ca1d1173c8c)"> |
| | | <animateMotion dur="8s" |
| | | path="M0.27,0.03c52.66,0,105.34,0,158,0c1.67,2,3.33,4,5,6c1,0.33,2,0.67,3,1c1.33,1.67,2.67,3.33,4,5 |
| | | c16,0,32,0,48,0c53.66,0,107.34,0,161,0c1.13,1.72,0.63,1.36,3,2c0,0.67,0,1.33,0,2c0.67,0,1.33,0,2,0 |
| | | c0.01,104.58,0.01,206.44,0,309c-1.43,0.78-4.01,2.77-5,4c-12,0-24,0-36,0c-2.67-3.33-5.33-6.67-8-10c-21,0-42,0-63,0 |
| | | c-1.08,2.32-2.35,4.25-4,6c-0.67,0.33-1.33,0.67-2,1c-0.33,1-0.67,2-1,3c-20,0-40,0-60,0c-66.66,0-133.34,0-200,0 |
| | | c-1.28-1.57-2.76-2.25-4-4c-0.33,0-0.67,0-1,0c0-8.67,0-17.33,0-26c0-19.66,0-39.34,0-59C0.27,160.04,0.27,80.02,0.27,0.03z" |
| | | c16,0,32,0,48,0c53.66,0,107.34,0,161,0c1.13,1.72,0.63,1.36,3,2c0,0.67,0,1.33,0,2c0.67,0,1.33,0,2,0 |
| | | c0.01,104.58,0.01,206.44,0,309c-1.43,0.78-4.01,2.77-5,4c-12,0-24,0-36,0c-2.67-3.33-5.33-6.67-8-10c-21,0-42,0-63,0 |
| | | c-1.08,2.32-2.35,4.25-4,6c-0.67,0.33-1.33,0.67-2,1c-0.33,1-0.67,2-1,3c-20,0-40,0-60,0c-66.66,0-133.34,0-200,0 |
| | | c-1.28-1.57-2.76-2.25-4-4c-0.33,0-0.67,0-1,0c0-8.67,0-17.33,0-26c0-19.66,0-39.34,0-59C0.27,160.04,0.27,80.02,0.27,0.03z" |
| | | rotate="auto" repeatCount="indefinite" /> |
| | | </circle> |
| | | </mask> |
| | |
| | | <div class="box"> |
| | | <div class="title">现有住宅</div> |
| | | <el-main v-loading="houseEchartsLoading" element-loading-text="拼命加载中" |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.2)"> |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.5)"> |
| | | <div class="sub-tab"> |
| | | <div class="tab" :class="{ 'select-on-tab': tabTypeTwo == 0 }" @click="houseTabClick(0)"> |
| | | <div class="tab-title-small">实有楼栋:</div> |
| | |
| | | <div class="box"> |
| | | <div class="title">现有小区</div> |
| | | <el-main v-loading="landEchartsLoading" element-loading-text="拼命加载中" |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.2)"> |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.5)"> |
| | | <div class="sub-tab" v-show="isAllPoliceStation"> |
| | | <div class="tab" :class="{ 'select-on-tab': tabTypeThree == 0 }" @click="landTabClick(0)"> |
| | | <div class="tab-title-small">小区:</div> |
| | |
| | | :header-cell-style="{ 'text-align': 'center' }" |
| | | :cell-style="{ 'text-align': 'center', borderColor: '#324e75' }" :row-class-name="tableRowClassName" |
| | | :empty-text="schedulingNoDataText" v-loading="schedulingLoading" element-loading-text="拼命加载中" |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.2)"> |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.5)"> |
| | | <el-table-column prop="dept" label="值班单位"></el-table-column> |
| | | <el-table-column prop="person" label="姓名"></el-table-column> |
| | | <el-table-column prop="contact" label="联系方式"></el-table-column> |
| | |
| | | :show-header="false" :header-cell-style="{ 'text-align': 'center' }" |
| | | :cell-style="{ 'text-align': 'left', borderColor: '#324e75' }" :row-class-name="tableRowClassName" |
| | | v-loading="schedulingLoading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" |
| | | element-loading-background="rgba(0, 0, 0, 0.2)"> |
| | | element-loading-background="rgba(0, 0, 0, 0.5)"> |
| | | <el-table-column :show-overflow-tooltip="true" v-for="(item, index) in transTitle" :label="item" |
| | | :key="index" align="center"> |
| | | <template slot-scope="scope"> |
| | |
| | | </div> |
| | | </div> |
| | | <el-main v-loading="eventChangeEchartsLoading" element-loading-text="拼命加载中" |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.2)"> |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.5)"> |
| | | <div id="EventChangeEcharts" class="echarts-box"></div> |
| | | </el-main> |
| | | </div> |
| | |
| | | <div class="box"> |
| | | <div class="title">现有设备</div> |
| | | <el-main v-loading="equipmentEchartsLoading" element-loading-text="拼命加载中" |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.2)"> |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.5)"> |
| | | <div class="sub-tab"> |
| | | <div class="tab" :class="{ 'select-on-tab': linetype == 0 }" @click="initEquipmentEcharts(0)"> |
| | | <div class="tab-title-small">设备种类</div> |
| | |
| | | <template> |
| | | <!-- 值班table --> |
| | | <div> |
| | | <el-dialog :title="schedulingTitle" :modal="true" :visible.sync="schedulingVisible" |
| | | :before-close="schedulingBeforeClose" :close-on-click-modal="true" class="area-details-box"> |
| | | <el-dialog :title="schedulingTitle" :visible.sync="schedulingVisible" :before-close="schedulingBeforeClose" |
| | | :modal="true" :close-on-click-modal="false" class="area-details-box"> |
| | | <div class="header"> |
| | | <div> |
| | | <span>值班人:</span> |
| | |
| | | <el-button type="primary" icon="el-icon-delete" @click="clearSearchScheduling">清空</el-button> |
| | | </div> |
| | | <el-main v-loading="chedulingLoading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" |
| | | element-loading-background="rgba(0, 0, 0, 0.2)"> |
| | | element-loading-background="rgba(0, 0, 0, 0.5)"> |
| | | <el-table :data="schedulingTableData" style="width: 100%" |
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }"> |
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-04-05 03:13:21 |
| | | * @LastEditTime: 2023-04-06 10:11:54 |
| | | * @FilePath: \srs-police-affairs\src\views\home\index.vue |
| | | * @Description: 小区-栋-层-房屋 |
| | | * |
| | |
| | | :options="housingOptions" :optionsName="'name'" :selectAllClass="selectHouseClass"></map-select> |
| | | </div> |
| | | |
| | | <el-dialog :title="panoramaTitle" :modal="true" :visible.sync="panoramaVisible" :before-close="panoramaBeforeClose" |
| | | :close-on-click-modal="true" class="panorama-details-box"> |
| | | <el-dialog :title="panoramaTitle" :visible.sync="panoramaVisible" :before-close="panoramaBeforeClose" :modal="true" |
| | | :close-on-click-modal="false" class="panorama-details-box"> |
| | | <!-- <iframe src="http://vr.jxpskj.com/JXSFKZQJ/QJ/" style="width: 100%; height: 100%;" frameborder="0"></iframe>--> |
| | | <iframe :src="panoramaVrUrl" style="width: 100%; height: 100%;" frameborder="0"></iframe> |
| | | </el-dialog> |
| | | |
| | | <el-dialog :title="phoneTitle" :modal="true" :visible.sync="phoneVisible" :before-close="phoneBeforeClose" |
| | | :close-on-click-modal="true" class="phone-details-box"> |
| | | <el-dialog :title="phoneTitle" :visible.sync="phoneVisible" :before-close="phoneBeforeClose" :modal="true" |
| | | :close-on-click-modal="false" class="phone-details-box"> |
| | | <div class="item"> |
| | | <div>责任人:</div> |
| | | <div>{{ phoneDetails.person }}</div> |
| | |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | <el-dialog :title="equimentTitle" :modal="true" :visible.sync="equimentVisible" :before-close="equimentBeforeClose" |
| | | :close-on-click-modal="true" class="equiment-details-box"> |
| | | <el-dialog :title="equimentTitle" :visible.sync="equimentVisible" :before-close="equimentBeforeClose" :modal="true" |
| | | :close-on-click-modal="false" class="equiment-details-box"> |
| | | <div class="header"> |
| | | <div> |
| | | 设备名称: |
| | |
| | | </div> |
| | | |
| | | <div v-loading="equimentLoading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" |
| | | element-loading-background="rgba(0, 0, 0, 0.2)" class="body"> |
| | | element-loading-background="rgba(0, 0, 0, 0.5)" class="body"> |
| | | <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', 'cursor': 'default' }" |
| | |
| | | </el-dialog> |
| | | |
| | | |
| | | <el-dialog title="警情信息" :modal="true" :visible.sync="policeSituationVisible" :modal-append-to-body="false" |
| | | :before-close="policeSituationBeforeClose" :close-on-click-modal="true" class="policeSituation-details-box"> |
| | | <el-dialog title="警情信息" :visible.sync="policeSituationVisible" :modal="true" :close-on-click-modal="false" |
| | | :before-close="policeSituationBeforeClose" class="policeSituation-details-box"> |
| | | <div class="btn-change"> |
| | | <div :class="{ on: policeInformationType == '接警信息' }" @click="alarmOrActAsPolice('接警信息')">接警信息</div> |
| | | <div :class="{ on: policeInformationType == '出警信息' }" @click="alarmOrActAsPolice('出警信息')">出警信息</div> |
| | |
| | | <div v-show="policeInformationType == '出警信息' && JSON.stringify(CJdata) == '{}'" class="box no-data">暂无数据</div> |
| | | </el-dialog> |
| | | |
| | | <el-dialog :title="dialogEquimentVideoTitle" :modal="true" :visible.sync="dialogEquimentVideoVisible" |
| | | :before-close="dialogBeforeClose" :close-on-click-modal="true" class="car-video-box"> |
| | | <el-dialog :title="dialogEquimentVideoTitle" :visible.sync="dialogEquimentVideoVisible" |
| | | :before-close="dialogBeforeClose" :modal="true" :close-on-click-modal="false" class="car-video-box"> |
| | | <video-loading v-show="videoPlayShow"></video-loading> |
| | | |
| | | <video autoplay controls width="100%" height="100%" ref="videoElement" id="videoElement" |
| | | style="object-fit: fill"></video> |
| | | </el-dialog> |
| | | |
| | | <el-dialog title="学校" :modal="false" :visible.sync="xxPopupShow" :before-close="landBeforeClose" |
| | | :close-on-click-modal="true" class="land-details-box" v-loading="houseLoading" element-loading-text="拼命加载中" |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.2)"> |
| | | <el-dialog title="学校" :visible.sync="xxPopupShow" :before-close="landBeforeClose" :modal="true" |
| | | :close-on-click-modal="false" class="land-details-box" v-loading="houseLoading" element-loading-text="拼命加载中" |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.5)"> |
| | | <el-table :data="houseArr" style="width: 100%" |
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }" |
| | |
| | | lock: true, |
| | | text: '拼命加载中', |
| | | spinner: 'el-icon-loading', |
| | | background: 'rgba(0, 0, 0, 0.2)' |
| | | background: 'rgba(0, 0, 0, 0.5)' |
| | | }) |
| | | }, |
| | | |
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-04-05 17:43:24 |
| | | * @LastEditTime: 2023-04-06 10:06:43 |
| | | * @FilePath: \srs-police-affairs\src\views\house\index.vue |
| | | * @Description: 小区-栋-层-房屋 |
| | | * |
| | |
| | | </div> |
| | | |
| | | <div v-show="contentShow" class="result-content" ref="resultContentBox"> |
| | | <el-main v-loading="villageInfoLoading" element-loading-background="rgba(0, 0, 0, 0.2)" |
| | | <el-main v-loading="villageInfoLoading" element-loading-background="rgba(0, 0, 0, 0.5)" |
| | | element-loading-text="数据正在加载中" element-loading-spinner="el-icon-loading" |
| | | style="overflow:hidden;padding:0px;"> |
| | | <div class="housing-estate-info" ref="housingEstateInfoBox"> |
| | |
| | | </div> |
| | | |
| | | <div class="floor-content" v-show="subNavType == 1"> |
| | | <el-main v-loading="BuildListLoading" element-loading-background="rgba(0, 0, 0, 0.2)" |
| | | <el-main v-loading="BuildListLoading" element-loading-background="rgba(0, 0, 0, 0.5)" |
| | | element-loading-text="数据正在加载中" element-loading-spinner="el-icon-loading" |
| | | style="overflow:hidden;padding:0px;" class="build-item"> |
| | | |
| | |
| | | </el-select> |
| | | </div> |
| | | </div> |
| | | <el-main v-loading="pictLoading" element-loading-background="rgba(0, 0, 0, 0.2)" |
| | | <el-main v-loading="pictLoading" element-loading-background="rgba(0, 0, 0, 0.5)" |
| | | element-loading-text="数据正在加载中" element-loading-spinner="el-icon-loading" |
| | | style="overflow:hidden;padding:0px;"> |
| | | <div class="floor-outBox" v-show="!pictLoading && isHaveResidentData"> |
| | |
| | | :class="{ on: floorChoosed == value.properties.fojcu }"> |
| | | {{ value.properties.fojcu }} |
| | | <!-- <div class="flow"></div> |
| | | <div class="warning"></div>--> |
| | | <div class="warning"></div>--> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }" |
| | | :row-class-name="tableRowClassName" @row-click="deepDataRowClick($event, 'comeOut')" |
| | | :empty-text="houseDeepNoDataText" v-loading="houseDeepLoading" element-loading-text="拼命加载中" |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.2)"> |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.5)"> |
| | | <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> |
| | |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }" |
| | | :row-class-name="tableRowClassName" @row-click="deepDataRowClick($event, 'park')" |
| | | :empty-text="houseDeepNoDataText" v-loading="houseDeepLoading" element-loading-text="拼命加载中" |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.2)"> |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.5)"> |
| | | <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> |
| | |
| | | :row-class-name="tableRowClassName" @row-click="deepDataRowClick($event, 'business')" |
| | | @sort-change="sortDevName" :empty-text="houseDeepNoDataText" v-loading="houseDeepLoading" |
| | | element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" |
| | | element-loading-background="rgba(0, 0, 0, 0.2)"> |
| | | element-loading-background="rgba(0, 0, 0, 0.5)"> |
| | | <el-table-column sortable="custom" prop="name" label="名称" width="180" |
| | | :show-overflow-tooltip="true"></el-table-column> |
| | | <el-table-column prop="x" label="经度" width="100"></el-table-column> |
| | |
| | | |
| | | <div class="police-info" v-if="navType == 1" ref="policeTableBox"> |
| | | <el-main v-loading="policeInfoLoading" element-loading-text="拼命加载中" |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.2)"> |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.5)"> |
| | | <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' }" |
| | |
| | | |
| | | <map-search-box></map-search-box> |
| | | |
| | | <el-dialog title="报警信息" :modal="true" :visible.sync="policeSituationVisible" :append-to-body="true" |
| | | <el-dialog title="报警信息" :visible.sync="policeSituationVisible" :append-to-body="true" :modal="true" |
| | | :close-on-click-modal="false" :before-close="policeSituationBeforeClose" class="policeSituation-details-box"> |
| | | <div class="box"> |
| | | <div class="item"> |
| | |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | <el-dialog :title="residentDetailsTitle" :modal="true" :visible.sync="residentDetailsShow" :append-to-body="true" |
| | | <el-dialog :title="residentDetailsTitle" :visible.sync="residentDetailsShow" :append-to-body="true" :modal="true" |
| | | :close-on-click-modal="false" :before-close="residentDetailsClose" class="resident-details-box" width="24%"> |
| | | <el-table :data="houseDate" |
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
| | |
| | | </el-table> |
| | | </el-dialog> |
| | | |
| | | <el-dialog :title="keyPersonTitle" :modal="true" :visible.sync="keyPersonVisible" :append-to-body="true" |
| | | <el-dialog :title="keyPersonTitle" :visible.sync="keyPersonVisible" :append-to-body="true" :modal="true" |
| | | :close-on-click-modal="false" :before-close="keyPersonBeforeClose" class="keyPerson-details-box-two"> |
| | | <div class="header"> |
| | | <div> |
| | |
| | | <el-button type="primary" icon="el-icon-delete" @click="clearPeopleDetailSearchValue">清空</el-button> |
| | | </div> |
| | | <el-main v-loading="keyPeopleLoading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" |
| | | element-loading-background="rgba(0, 0, 0, 0.2)"> |
| | | element-loading-background="rgba(0, 0, 0, 0.5)"> |
| | | <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': 'default' }" |
| | |
| | | const loading = this.$loading({ |
| | | lock: true, |
| | | text: '登录中,请稍后。。。', |
| | | spinner: "el-icon-loading" |
| | | spinner: "el-icon-loading", |
| | | background: 'rgba(0, 0, 0, 0.5)' |
| | | }) |
| | | this.$store.dispatch("LoginByUsername", this.loginForm).then((res) => { |
| | | //跳转首页 |
| | |
| | | <div class="police-page container"> |
| | | <div v-show="boxShow" class="container-content"> |
| | | <el-main v-loading="equimentLoading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" |
| | | element-loading-background="rgba(0, 0, 0, 0.2)" style="overflow: hidden;padding: 0px;"> |
| | | element-loading-background="rgba(0, 0, 0, 0.5)" style="overflow: hidden;padding: 0px;"> |
| | | <div class="switch-box" v-show="!detailFlag"> |
| | | 资源类别: |
| | | <el-select v-model="typeValue" @change="navClick" placeholder="请选择" class="type-select-css"> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <el-dialog :title="dialogTitle" :modal="false" :visible.sync="dialogVisible" :before-close="dialogBeforeClose" |
| | | :close-on-click-modal="true" class="car-video-box"> |
| | | <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" :before-close="dialogBeforeClose" :modal="true" |
| | | :close-on-click-modal="false" class="car-video-box"> |
| | | <video-loading v-show="videoPlayShow"></video-loading> |
| | | |
| | | <video autoplay controls width="100%" height="100%" ref="videoElement" id="videoElement" |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <el-dialog title="警情信息" :modal="true" :visible.sync="policeSituationVisible" :modal-append-to-body="false" |
| | | :before-close="policeSituationBeforeClose" :close-on-click-modal="true" class="policeSituation-details-box"> |
| | | <el-dialog title="警情信息" :visible.sync="policeSituationVisible" :modal-append-to-body="false" |
| | | :before-close="policeSituationBeforeClose" :modal="true" :close-on-click-modal="false" |
| | | class="policeSituation-details-box"> |
| | | <div class="btn-change"> |
| | | <div :class="{ on: policeInformationType == '接警信息' }" @click="alarmOrActAsPolice('接警信息')">接警信息</div> |
| | | <div :class="{ on: policeInformationType == '出警信息' }" @click="alarmOrActAsPolice('出警信息')">出警信息</div> |
| | |
| | | lock: true, |
| | | text: '拼命加载中', |
| | | spinner: 'el-icon-loading', |
| | | background: 'rgba(0, 0, 0, 0.2)' |
| | | background: 'rgba(0, 0, 0, 0.5)' |
| | | }) |
| | | }, |
| | | |
| | |
| | | |
| | | <map-search-box></map-search-box> |
| | | |
| | | <el-dialog :title="dialogTitle" :modal="false" :visible.sync="dialogVisible" :before-close="dialogBeforeClose" |
| | | :close-on-click-modal="true" class="car-video-box"> |
| | | <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" :before-close="dialogBeforeClose" :modal="true" |
| | | :close-on-click-modal="false" class="car-video-box"> |
| | | <video-loading v-show="videoPlayShow"></video-loading> |
| | | |
| | | <video id="videoElement" autoplay controls width="100%" height="100%" style="object-fit: fill"></video> |
| | | </el-dialog> |
| | | |
| | | <el-dialog :title="drawDialogTitle" :modal="false" :visible.sync="drawDialogVisible" |
| | | :before-close="drawDialogBeforeClose" :close-on-click-modal="true" class="video-draw-box"> |
| | | <el-dialog :title="drawDialogTitle" :visible.sync="drawDialogVisible" :before-close="drawDialogBeforeClose" |
| | | :modal="true" :close-on-click-modal="false" class="video-draw-box"> |
| | | <div v-show="inputpopup"> |
| | | <div>距离:</div> |
| | | <div> |
| | |
| | | lock: true, |
| | | text: '拼命加载中', |
| | | spinner: 'el-icon-loading', |
| | | background: 'rgba(0, 0, 0, 0.2)' |
| | | background: 'rgba(0, 0, 0, 0.5)' |
| | | }) |
| | | }, |
| | | |
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-03-22 16:21:34 |
| | | * @LastEditTime: 2023-04-06 10:08:15 |
| | | * @FilePath: \srs-police-affairs\src\views\video\region.vue |
| | | * @Description: 辖区管理 |
| | | * |
| | |
| | | <el-table-column prop="name" label="范围名称" min-width="50%"></el-table-column> |
| | | <el-table-column prop="extent" label="长度km/面积㎡" min-width="50%"> |
| | | <!-- <template slot-scope="scope"> |
| | | <span>{{ scope.row.extent }}</span> |
| | | <span>千米</span> |
| | | </template>--> |
| | | <span>{{ scope.row.extent }}</span> |
| | | <span>千米</span> |
| | | </template>--> |
| | | </el-table-column> |
| | | <el-table-column prop="id" label="操作" min-width="50%"> |
| | | <template slot-scope="scope"> |
| | |
| | | </div> |
| | | <!-- <div class="deleteVideo" v-show="isShowVideo.video1" @click="deleteVideo">关闭</div> --> |
| | | |
| | | <el-dialog :title="dialogTitle" :modal="false" :visible.sync="dialogVisible" :before-close="dialogBeforeClose" |
| | | :close-on-click-modal="true" class="car-video-box"> |
| | | <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" :before-close="dialogBeforeClose" :modal="true" |
| | | :close-on-click-modal="false" class="car-video-box"> |
| | | <video id="videoElement" autoplay controls width="100%" height="100%" style="object-fit: fill"></video> |
| | | </el-dialog> |
| | | |
| | | <el-dialog title="范围设置" :modal="false" :visible.sync="editRangeVisible" :close-on-click-modal="true" |
| | | <el-dialog title="范围设置" :visible.sync="editRangeVisible" :modal="true" :close-on-click-modal="false" |
| | | class="edit-range-box"> |
| | | <div class="line"> |
| | | <div class="value-name-box">选择范围颜色:</div> |
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-09-07 09:37:07 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-04-05 01:24:12 |
| | | * @LastEditTime: 2023-04-06 09:48:46 |
| | | * @FilePath: \srs-police-affairs\vue.config.js |
| | | * @Description: |
| | | * |
| | |
| | | proxy: { |
| | | "/api": { |
| | | // target用于配置你允许访问数据的计算机名称,即是你的api接口的服务器地址 |
| | | // target: "http://localhost:82", |
| | | target: "http://192.168.0.100:82", |
| | | target: "http://localhost:82", |
| | | // target: "http://192.168.0.100:82", |
| | | // target: "http://17.20.10.3:82", |
| | | // target: "http://10.141.11.11:8081/api", |
| | | // ws: true, //启用webSocket6566 |