forked from srs-police-affairs
| src/styles/base/index.css | ●●●●● patch | view | raw | blame | history | |
| src/styles/base/index.min.css | ●●●●● patch | view | raw | blame | history | |
| src/styles/base/index.scss | ●●●●● patch | view | raw | blame | history | |
| src/views/home/index.vue | ●●●●● patch | view | raw | blame | history |
src/styles/base/index.css
@@ -161,8 +161,8 @@ margin: 0 !important; display: flex; flex-direction: column; width: 1000px; height: 700px; width: 400px; height: 400px; top: 50%; left: 50% !important; transform: translate(-50%, -50%); @@ -171,3 +171,18 @@ .policeSituation-details-box .el-dialog .el-dialog__body { flex: 1; } .activity-details-box .el-dialog { margin: 0 !important; display: flex; flex-direction: column; width: 400px; height: 300px; top: 50%; left: 50% !important; transform: translate(-50%, -50%); } .activity-details-box .el-dialog .el-dialog__body { flex: 1; } src/styles/base/index.min.css
@@ -1 +1 @@ *{margin:0;padding:0;box-sizing:border-box;scrollbar-color:rgba(7,22,37,0.8) rgba(216,216,216,0.2);scrollbar-width:thin}html,body{width:100%;height:100%}ul li{list-style:none}.deblurring{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}::-webkit-scrollbar{width:6px;height:6px;background-color:none}::-webkit-scrollbar-thumb{border-radius:6px;background-color:rgba(7,22,37,0.8);padding-left:2px;padding-right:2px}::-webkit-scrollbar-track{background-color:rgba(216,216,216,0.2)}::-webkit-scrollbar-thumb:window-inactive{background-color:rgba(7,22,37,0.8)}:not(select)::-webkit-scrollbar{background-color:rgba(216,216,216,0.2)}::-webkit-scrollbar-thumb:hover{background-color:rgba(7,22,37,0.8)}.car-video-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:720px;height:480px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.car-video-box .el-dialog .el-dialog__body{flex:1}.police-affairs-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:540px;height:420px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.police-affairs-details-box .el-dialog .el-dialog__body{flex:1}.resident-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:320px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.resident-details-box .el-dialog .el-dialog__body{flex:1}.phone-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:320px;height:220px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.phone-details-box .el-dialog .el-dialog__body{flex:1}.equiment-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:1000px;height:600px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.equiment-details-box .el-dialog .el-dialog__body{flex:1}.land-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:630px;height:300px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.land-details-box .el-dialog .el-dialog__body{flex:1}.keyPerson-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:1000px;height:700px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.keyPerson-details-box .el-dialog .el-dialog__body{flex:1}.policeSituation-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:1000px;height:700px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.policeSituation-details-box .el-dialog .el-dialog__body{flex:1} *{margin:0;padding:0;box-sizing:border-box;scrollbar-color:rgba(7,22,37,0.8) rgba(216,216,216,0.2);scrollbar-width:thin}html,body{width:100%;height:100%}ul li{list-style:none}.deblurring{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}::-webkit-scrollbar{width:6px;height:6px;background-color:none}::-webkit-scrollbar-thumb{border-radius:6px;background-color:rgba(7,22,37,0.8);padding-left:2px;padding-right:2px}::-webkit-scrollbar-track{background-color:rgba(216,216,216,0.2)}::-webkit-scrollbar-thumb:window-inactive{background-color:rgba(7,22,37,0.8)}:not(select)::-webkit-scrollbar{background-color:rgba(216,216,216,0.2)}::-webkit-scrollbar-thumb:hover{background-color:rgba(7,22,37,0.8)}.car-video-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:720px;height:480px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.car-video-box .el-dialog .el-dialog__body{flex:1}.police-affairs-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:540px;height:420px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.police-affairs-details-box .el-dialog .el-dialog__body{flex:1}.resident-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:320px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.resident-details-box .el-dialog .el-dialog__body{flex:1}.phone-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:320px;height:220px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.phone-details-box .el-dialog .el-dialog__body{flex:1}.equiment-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:1000px;height:600px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.equiment-details-box .el-dialog .el-dialog__body{flex:1}.land-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:630px;height:300px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.land-details-box .el-dialog .el-dialog__body{flex:1}.keyPerson-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:1000px;height:700px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.keyPerson-details-box .el-dialog .el-dialog__body{flex:1}.policeSituation-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:400px;height:400px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.policeSituation-details-box .el-dialog .el-dialog__body{flex:1}.activity-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:400px;height:300px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.activity-details-box .el-dialog .el-dialog__body{flex:1} src/styles/base/index.scss
@@ -177,8 +177,24 @@ margin: 0 !important; display: flex; flex-direction: column; width: 1000px; height: 700px; width: 400px; height: 400px; top: 50%; left: 50% !important; transform: translate(-50%, -50%); .el-dialog__body { flex: 1; } } } .activity-details-box { .el-dialog { margin: 0 !important; display: flex; flex-direction: column; width: 400px; height: 300px; top: 50%; left: 50% !important; transform: translate(-50%, -50%); src/views/home/index.vue
@@ -134,15 +134,45 @@ :visible.sync="activityVisible" :before-close="activityBeforeClose" :close-on-click-modal="true" class="activity-details-box" > <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;" > <iframe src="http://vr.jxpskj.com/JXSFKZQJ/QJ/" style="width: 100%; height: 100%;" frameborder="0" ></iframe> <div style="flex: 1; display: flex; flex-direction: column; width: 100%; height: 100%;"> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>活动名称</div> <div>{{activityDetailArr.activityName}}</div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>开始时间</div> <div>{{activityDetailArr.startTime}}</div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>结束时间</div> <div>{{activityDetailArr.endTime}}</div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>规模</div> <div>{{activityDetailArr.scale}}</div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>所属派出所</div> <div>{{activityDetailArr.policeStationName}}</div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>坐标</div> <div>{{activityDetailArr.position}}</div> </div> </div> </el-dialog> @@ -347,24 +377,74 @@ :close-on-click-modal="true" class="policeSituation-details-box" > <!-- <el-table :data="policeSituationDetailArr" style="width: 100%" :header-cell-style="{'text-align':'center','background-color':'#203c60','borderColor':'#324e75'}" :cell-style="{'text-align':'center','borderColor':'#324e75', 'cursor':'pointer'}" > <el-table-column prop="num" label="序号"></el-table-column> <el-table-column prop="type" label="警情类别"></el-table-column> <el-table-column prop="state" label="警情状态"></el-table-column> <el-table-column prop="comingPhone" label="报警电话"></el-table-column> <el-table-column prop="dearTime" label="接警时间"></el-table-column> <el-table-column prop="dearPolice" label="经办民警"></el-table-column> <el-table-column prop="callPeople" label="报警人"></el-table-column> <el-table-column prop="callPhone" label="报警人联系人"></el-table-column> <el-table-column prop="callContent" label="报警内容"></el-table-column> <el-table-column prop="policeName" label="所属派出所"></el-table-column> <el-table-column prop="position" label="坐标"></el-table-column> </el-table>--> <div style="flex: 1; display: flex; flex-direction: column; width: 100%; height: 100%;"> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>序号</div> <div>{{policeSituationDetailArr.num}}</div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>警情类别</div> <div>{{policeSituationDetailArr.type}}</div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>警情状态</div> <div>{{policeSituationDetailArr.state}}</div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>报警电话</div> <div>{{policeSituationDetailArr.comingPhone}}</div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>接警时间</div> <div>{{policeSituationDetailArr.dealTime}}</div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>经办民警</div> <div>{{policeSituationDetailArr.dealPolice}}</div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>报警人</div> <div>{{policeSituationDetailArr.callPeople}}</div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>报警人联系人</div> <div>{{policeSituationDetailArr.callPhone}}</div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>报警内容</div> <div>{{policeSituationDetailArr.callContent}}</div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>所属派出所</div> <div>{{policeSituationDetailArr.policeName}}</div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>坐标</div> <div>{{policeSituationDetailArr.position}}</div> </div> </div> </el-dialog> </div> </template> @@ -612,7 +692,8 @@ policeSituationType: 0, policeSituationWeekArr: [], policeSituationMouthArr: [], policeSituationDetailArr: [], policeSituationDetailArr: {}, activityDetailArr: {}, } }, components: { leftContainer, rightContainer, bottomContainer }, @@ -1015,8 +1096,9 @@ }, activitySiteClick (e) { // this.activityTitle = e.overlay.attrParams.name // this.activityVisible = true this.activityTitle = e.overlay.attrParams.name this.activityVisible = true this.activityDetailArr = e.overlay.attrParams }, phoneSiteClick (e) { @@ -1026,7 +1108,6 @@ }, policeSituationSiteClick (e) { console.log(e.overlay.attrParams) this.policeSituationDetailArr = e.overlay.attrParams this.policeSituationVisible = true this.policeSituationTitle = e.overlay.attrParams.name
