forked from srs-police-affairs
| src/styles/base/index.scss | ●●●●● patch | view | raw | blame | history | |
| src/styles/media/index.scss | ●●●●● patch | view | raw | blame | history | |
| src/views/home/components/bottomContainer.vue | ●●●●● patch | view | raw | blame | history | |
| src/views/home/index.vue | ●●●●● patch | view | raw | blame | history |
src/styles/base/index.scss
@@ -354,56 +354,83 @@ } .el-dialog__body { padding-top: 0; flex: 1; display: flex; flex-direction: row; flex-wrap: wrap; justify-self: flex-start; align-content: flex-start; flex-direction: column; .item { .btn-change { display: flex; flex-direction: row; width: calc(50% - 20px); align-items: center; height: 36px; line-height: 36px; margin: 0 10px; text-align: left; border-bottom: 2px solid #3d5ad5; &>div:first-child { width: 100px; text-align: justify; display: inline-block; text-align-last: justify; margin-right: 20px; } &>div { padding: 0 12px; cursor: pointer; &>div:nth-of-type(2) { width: calc(100% - 120px); &.on { background: #3d5ad5; } } } .dialog-content { .box { flex: 1; display: flex; height: 36px; line-height: 36px; flex-direction: row; text-align: left; margin-left: 10px; flex-wrap: wrap; justify-self: flex-start; align-content: flex-start; &>div:first-child { width: 100px; text-align: justify; display: inline-block; text-align-last: justify; margin-right: 20px; .item { display: flex; flex-direction: row; width: calc(50% - 20px); height: 36px; line-height: 36px; margin: 0 10px; text-align: left; &>div:first-child { width: 120px; text-align: justify; display: inline-block; text-align-last: justify; margin-right: 20px; } &>div:nth-of-type(2) { width: calc(100% - 140px); } } &>div:nth-of-type(2) { width: calc(100% - 120px); .dialog-content { width: 100%; display: flex; height: 36px; line-height: 36px; flex-direction: row; text-align: left; margin-left: 10px; &>div:first-child { width: 120px; text-align: justify; display: inline-block; text-align-last: justify; margin-right: 20px; } &>div:nth-of-type(2) { width: calc(100% - 140px); } } } } } } src/styles/media/index.scss
@@ -822,6 +822,7 @@ .clear { right: countSizeVw(70, 1920); img { width: countSizeVh(16); height: countSizeVh(16); @@ -1045,6 +1046,7 @@ .clear { right: countSizeVw(70, 1920); img { width: countSizeVh(16); height: countSizeVh(16); @@ -1227,7 +1229,7 @@ top: countSizeVh(40); width: countSizeVw(460, 1920); height: countSizeVh(36); input { width: countSizeVw(400, 1920); font-size: countSizeVh(18); @@ -1235,35 +1237,36 @@ border-radius: countSizeVh(20) 0 0 countSizeVh(20); // vertical-align: top; } .clear { right: countSizeVw(70, 1920); img { width: countSizeVh(16); height: countSizeVh(16); margin-top: countSizeVh(10); } } button { font-size: countSizeVh(24); width: countSizeVw(60, 1920); border: countSizeVh(1) solid rgb(0, 92, 169); border-radius: 0 countSizeVh(20) countSizeVh(20) 0; } button:active { border: countSizeVh(1) solid rgb(0, 92, 169); } } .searchExtensively-val-box { top: countSizeVh(80); left: countSizeVw(760, 1920); width: countSizeVw(380, 1920); max-height: countSizeVh(400); border-radius: countSizeVh(10); &>div { div { padding: 0 countSizeVw(10, 1920); @@ -1732,6 +1735,7 @@ .clear { right: countSizeVw(70, 1920); img { width: countSizeVh(16); height: countSizeVh(16); @@ -2017,36 +2021,53 @@ line-height: countSizeVh(56); } .el-dialog .el-dialog__body .item { width: calc(50% - countSizeVw(20, 1920)); height: countSizeVh(36); line-height: countSizeVh(36); margin: 0 countSizeVw(10, 1920); .el-dialog .el-dialog__body { .btn-change { height: countSizeVh(36); line-height: countSizeVh(36); border-bottom: countSizeVh(2) solid #3d5ad5; &>div { padding: 0 countSizeVw(12, 1920); } } .box { .item { width: calc(50% - countSizeVw(20, 1920)); height: countSizeVh(36); line-height: countSizeVh(36); margin: 0 countSizeVw(10, 1920); &>div:first-child { width: countSizeVw(120, 1920); margin-right: countSizeVw(20, 1920); } &>div:nth-of-type(2) { width: calc(100% - countSizeVw(140, 1920)); } } .dialog-content { height: countSizeVh(36); line-height: countSizeVh(36); margin-left: countSizeVw(10, 1920); &>div:first-child { width: countSizeVw(120, 1920); margin-right: countSizeVw(20, 1920); } &>div:nth-of-type(2) { width: calc(100% - countSizeVw(140, 1920)); } } } } .el-dialog .el-dialog__body .item>div:first-child { width: countSizeVw(100, 1920); margin-right: countSizeVw(20, 1920); } .el-dialog .el-dialog__body .item>div:nth-of-type(2) { width: calc(100% - countSizeVw(120, 1920)); } .el-dialog .el-dialog__body .dialog-content { height: countSizeVh(36); line-height: countSizeVh(36); margin-left: countSizeVw(10, 1920); } .el-dialog .el-dialog__body .dialog-content>div:first-child { width: countSizeVw(100, 1920); margin-right: countSizeVw(20, 1920); } .el-dialog .el-dialog__body .dialog-content>div:nth-of-type(2) { width: calc(100% - countSizeVw(120, 1920)); } } .activity-details-box { src/views/home/components/bottomContainer.vue
@@ -112,7 +112,9 @@ return { timetype: 0, historytype: 0, // 实时 policeSituationRealtimeArr: [], // 历史 policeSituationHistoryArr: [], policeSituationHistorySaveArr: [], eventTime: '', @@ -152,7 +154,7 @@ this.policeSituationHistoryArr = historyArr this.policeSituationHistorySaveArr = historyArr this.getCallPolices() this.getAnswerPolices() setInterval(() => { console.log(this.currentTime) @@ -170,12 +172,6 @@ }, mounted () { if (this.timetype == 0) { this.policeSituationHistoryArr = this.chooseWeekTimeDate(this.policeSituationHistorySaveArr) } else { this.policeSituationHistoryArr = this.chooseMouthTimeDate(this.policeSituationHistorySaveArr) } if (this.getWidth() > 7000) { this.classOption.step = 8 } @@ -200,7 +196,7 @@ return time }, getCallPolices () { getAnswerPolices () { // getCallPolices().then(res => { // res.data.result // }) @@ -212,8 +208,7 @@ this.policeSituationRealtimeArr = [ { JJDW: '公安局', lat: 28, lng: 112 position: [112, 28] }, { JJDW: '派出所' @@ -227,7 +222,7 @@ this.$emit('changePoliceSituationTimeType', type) this.$emit('policeSituationChange') if (type == 0) { this.policeSituationHistoryArr = this.chooseWeekTimeDate(this.policeSituationHistorySaveArr) this.getAnswerPolices() } else { this.policeSituationHistoryArr = this.chooseMouthTimeDate(this.policeSituationHistorySaveArr) } @@ -290,15 +285,17 @@ }, handleSelectClick (e) { let e1 let element for (let i = 0; i < e.path.length; i++) { if (e.path[i].className == "row") { e1 = e.path[i] element = e.path[i] break } } let item = JSON.parse(e1.dataset.obj) this.policeSituationClick(item) let currentItem = JSON.parse(element.dataset.obj) this.policeSituationClick(currentItem) } } src/views/home/index.vue
@@ -2,7 +2,7 @@ * @Author: shuishen 1109946754@qq.com * @Date: 2022-08-18 16:18:17 * @LastEditors: shuishen 1109946754@qq.com * @LastEditTime: 2023-01-03 11:18:43 * @LastEditTime: 2023-01-05 17:04:32 * @FilePath: \srs-police-affairs\src\views\home\index.vue * @Description: 小区-栋-层-房屋 * @@ -215,44 +215,69 @@ </el-table> </el-dialog> <el-dialog :title="policeSituationTitle" :modal="true" :visible.sync="policeSituationVisible" <el-dialog title="警情信息" :modal="true" :visible.sync="policeSituationVisible" :before-close="policeSituationBeforeClose" :close-on-click-modal="true" class="policeSituation-details-box"> <div class="item"> <div>所属派出所:</div> <div>{{ policeSituationDetailArr.policeName }}</div> <div class="btn-change"> <div :class="{ on: policeInformationType == '接警信息' }" @click="policeInformationType = '接警信息'">接警信息</div> <div :class="{ on: policeInformationType == '出警信息' }" @click="policeInformationType = '出警信息'">出警信息</div> </div> <div class="item"> <div>警情类别:</div> <div>{{ policeSituationDetailArr.type }}</div> <div v-show="policeInformationType == '接警信息'" class="box"> <div class="item"> <div>接警单位编号:</div> <div>{{ policeSituationDetailArr.JJDWBH }}</div> </div> <div class="item"> <div>接警单位名称:</div> <div>{{ policeSituationDetailArr.JJDWMC }}</div> </div> <div class="item"> <div>接警单编号:</div> <div>{{ policeSituationDetailArr.JJDBH }}</div> </div> <div class="item"> <div>接警员编号:</div> <div>{{ policeSituationDetailArr.JJYBH }}</div> </div> <div class="item"> <div>接警员姓名:</div> <div>{{ policeSituationDetailArr.JJYXM }}</div> </div> <div class="item"> <div>接警时间:</div> <div>{{ policeSituationDetailArr.JJSJ }}</div> </div> <div class="item"> <div>报警电话:</div> <div>{{ policeSituationDetailArr.LXDH }}</div> </div> <div class="item"> <div>报警人姓名:</div> <div>{{ policeSituationDetailArr.BJRXM }}</div> </div> <div class="item"> <div>事发地址:</div> <div>{{ policeSituationDetailArr.SFDZ }}</div> </div> <div class="item"> <div>报警类别:</div> <div>{{ policeSituationDetailArr.BJLB }}</div> </div> <div class="item"> <div>报警类型:</div> <div>{{ policeSituationDetailArr.BJLX }}</div> </div> <div class="dialog-content"> <div>报警内容:</div> <div>{{ policeSituationDetailArr.BJNR }}</div> </div> <div class="dialog-content"> <div>备注:</div> <div>{{ policeSituationDetailArr.MEMO }}</div> </div> </div> <div class="item"> <div>警情状态:</div> <div>{{ policeSituationDetailArr.state }}</div> </div> <div class="item"> <div>报警电话:</div> <div>{{ policeSituationDetailArr.comingPhone }}</div> </div> <div class="item"> <div>接警时间:</div> <div>{{ policeSituationDetailArr.dealTime }}</div> </div> <div class="item"> <div>经办民警:</div> <div>{{ policeSituationDetailArr.dealPolice }}</div> </div> <div class="item"> <div>报警人:</div> <div>{{ policeSituationDetailArr.callPeople }}</div> </div> <div class="item"> <div>报警人联系人:</div> <div>{{ policeSituationDetailArr.callPhone }}</div> </div> <div class="dialog-content"> <div>报警内容:</div> <div>{{ policeSituationDetailArr.callContent }}</div> </div> <div v-show="policeInformationType == '出警信息'" class="box"></div> </el-dialog> </div> </template> @@ -393,13 +418,13 @@ activityTitle: '', equimentTitle: '', keyPersonTitle: '', policeSituationTitle: '', landTitle: '', panoramaVisible: false, activityVisible: false, equimentVisible: false, keyPersonVisible: false, policeSituationVisible: false, policeInformationType: '接警信息', landVisible: false, phoneDetails: {}, phoneTitle: '', @@ -976,7 +1001,6 @@ }) } else { this.policeSituationDetailArr = e this.policeSituationTitle = e.num + '号警情' this.policeSituationVisible = true } },
