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
@@ -101,8 +101,8 @@ margin: 0 !important; display: flex; flex-direction: column; width: 320px; height: 220px; width: 700px; height: 400px; top: 50%; left: 50% !important; transform: translate(-50%, -50%); @@ -110,6 +110,43 @@ .phone-details-box .el-dialog .el-dialog__body { flex: 1; } .phone-details-box .el-dialog .el-dialog__body .dialog-container { flex: 1; display: flex; flex-direction: column; width: 100%; height: 100%; } .phone-details-box .el-dialog .el-dialog__body .dialog-side { display: flex; height: 36px; line-height: 36px; } .phone-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(1) { flex: 1; display: flex; justify-content: space-between; margin-right: 10px; } .phone-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(1) > div:first-child { width: 100px; text-align: left; } .phone-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(2) { flex: 1; display: flex; justify-content: space-between; } .phone-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(2) > div:first-child { width: 100px; text-align: left; } .equiment-details-box .el-dialog { @@ -161,28 +198,125 @@ margin: 0 !important; display: flex; flex-direction: column; width: 400px; height: 400px; width: 800px; height: 500px; top: 50%; left: 50% !important; transform: translate(-50%, -50%); } .policeSituation-details-box .el-dialog .el-dialog__header { height: 56px; line-height: 56px; } .policeSituation-details-box .el-dialog .el-dialog__body { flex: 1; } .policeSituation-details-box .el-dialog .el-dialog__body .dialog-container { flex: 1; display: flex; flex-direction: column; width: 100%; height: 100%; } .policeSituation-details-box .el-dialog .el-dialog__body .dialog-side { display: flex; height: 36px; line-height: 36px; } .policeSituation-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(1) { flex: 1; display: flex; justify-content: space-between; margin-right: 10px; } .policeSituation-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(1) > div:first-child { width: 100px; text-align: left; } .policeSituation-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(2) { flex: 1; display: flex; justify-content: space-between; } .policeSituation-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(2) > div:first-child { width: 100px; text-align: left; } .policeSituation-details-box .el-dialog .el-dialog__body .dialog-content { display: flex; height: 36px; line-height: 36px; flex-direction: row; text-align: left; } .policeSituation-details-box .el-dialog .el-dialog__body .dialog-content > div:first-child { width: 100px; text-align: left; } .activity-details-box .el-dialog { margin: 0 !important; display: flex; flex-direction: column; width: 400px; height: 300px; width: 600px; height: 400px; top: 50%; left: 50% !important; transform: translate(-50%, -50%); } .activity-details-box .el-dialog .el-dialog__header { height: 56px; line-height: 56px; } .activity-details-box .el-dialog .el-dialog__body { flex: 1; } .activity-details-box .el-dialog .el-dialog__body .dialog-container { flex: 1; display: flex; flex-direction: column; width: 100%; height: 100%; } .activity-details-box .el-dialog .el-dialog__body .dialog-side { display: flex; height: 36px; line-height: 36px; } .activity-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(1) { flex: 1; display: flex; justify-content: space-between; margin-right: 10px; } .activity-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(1) > div:first-child { width: 100px; text-align: left; } .activity-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(2) { flex: 1; display: flex; justify-content: space-between; } .activity-details-box .el-dialog .el-dialog__body .dialog-side > div:nth-of-type(2) > div:first-child { width: 100px; text-align: left; } 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: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} *{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:700px;height:400px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.phone-details-box .el-dialog .el-dialog__body{flex:1}.phone-details-box .el-dialog .el-dialog__body .dialog-container{flex:1;display:flex;flex-direction:column;width:100%;height:100%}.phone-details-box .el-dialog .el-dialog__body .dialog-side{display:flex;height:36px;line-height:36px}.phone-details-box .el-dialog .el-dialog__body .dialog-side>div:nth-of-type(1){flex:1;display:flex;justify-content:space-between;margin-right:10px}.phone-details-box .el-dialog .el-dialog__body .dialog-side>div:nth-of-type(1)>div:first-child{width:100px;text-align:left}.phone-details-box .el-dialog .el-dialog__body .dialog-side>div:nth-of-type(2){flex:1;display:flex;justify-content:space-between}.phone-details-box .el-dialog .el-dialog__body .dialog-side>div:nth-of-type(2)>div:first-child{width:100px;text-align:left}.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:800px;height:500px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.policeSituation-details-box .el-dialog .el-dialog__header{height:56px;line-height:56px}.policeSituation-details-box .el-dialog .el-dialog__body{flex:1}.policeSituation-details-box .el-dialog .el-dialog__body .dialog-container{flex:1;display:flex;flex-direction:column;width:100%;height:100%}.policeSituation-details-box .el-dialog .el-dialog__body .dialog-side{display:flex;height:36px;line-height:36px}.policeSituation-details-box .el-dialog .el-dialog__body .dialog-side>div:nth-of-type(1){flex:1;display:flex;justify-content:space-between;margin-right:10px}.policeSituation-details-box .el-dialog .el-dialog__body .dialog-side>div:nth-of-type(1)>div:first-child{width:100px;text-align:left}.policeSituation-details-box .el-dialog .el-dialog__body .dialog-side>div:nth-of-type(2){flex:1;display:flex;justify-content:space-between}.policeSituation-details-box .el-dialog .el-dialog__body .dialog-side>div:nth-of-type(2)>div:first-child{width:100px;text-align:left}.policeSituation-details-box .el-dialog .el-dialog__body .dialog-content{display:flex;height:36px;line-height:36px;flex-direction:row;text-align:left}.policeSituation-details-box .el-dialog .el-dialog__body .dialog-content>div:first-child{width:100px;text-align:left}.activity-details-box .el-dialog{margin:0 !important;display:flex;flex-direction:column;width:600px;height:400px;top:50%;left:50% !important;transform:translate(-50%, -50%)}.activity-details-box .el-dialog .el-dialog__header{height:56px;line-height:56px}.activity-details-box .el-dialog .el-dialog__body{flex:1}.activity-details-box .el-dialog .el-dialog__body .dialog-container{flex:1;display:flex;flex-direction:column;width:100%;height:100%}.activity-details-box .el-dialog .el-dialog__body .dialog-side{display:flex;height:36px;line-height:36px}.activity-details-box .el-dialog .el-dialog__body .dialog-side>div:nth-of-type(1){flex:1;display:flex;justify-content:space-between;margin-right:10px}.activity-details-box .el-dialog .el-dialog__body .dialog-side>div:nth-of-type(1)>div:first-child{width:100px;text-align:left}.activity-details-box .el-dialog .el-dialog__body .dialog-side>div:nth-of-type(2){flex:1;display:flex;justify-content:space-between}.activity-details-box .el-dialog .el-dialog__body .dialog-side>div:nth-of-type(2)>div:first-child{width:100px;text-align:left} src/styles/base/index.scss
@@ -111,14 +111,46 @@ margin: 0 !important; display: flex; flex-direction: column; width: 320px; height: 220px; width: 700px; height: 400px; top: 50%; left: 50% !important; transform: translate(-50%, -50%); .el-dialog__body { flex: 1; .dialog-container { flex: 1; display: flex; flex-direction:column; width: 100%; height: 100%; } .dialog-side { display: flex; height: 36px; line-height: 36px; &>div:nth-of-type(1) { flex: 1; display: flex; justify-content:space-between; margin-right: 10px; &>div:first-child { width: 100px; text-align: left; } } &>div:nth-of-type(2) { flex: 1; display: flex; justify-content:space-between; &>div:first-child { width: 100px; text-align: left; } } } } } } @@ -177,14 +209,62 @@ margin: 0 !important; display: flex; flex-direction: column; width: 400px; height: 400px; width: 800px; height: 500px; top: 50%; left: 50% !important; transform: translate(-50%, -50%); .el-dialog__header { height: 56px; line-height: 56px; } .el-dialog__body { flex: 1; .dialog-container { flex: 1; display: flex; flex-direction:column; width: 100%; height: 100%; } .dialog-side { display: flex; height: 36px; line-height: 36px; &>div:nth-of-type(1) { flex: 1; display: flex; justify-content:space-between; margin-right: 10px; &>div:first-child { width: 100px; text-align: left; } } &>div:nth-of-type(2) { flex: 1; display: flex; justify-content:space-between; &>div:first-child { width: 100px; text-align: left; } } } .dialog-content { display: flex; height: 36px; line-height: 36px; flex-direction:row; text-align: left; &>div:first-child { width: 100px; text-align: left; } } } } } @@ -193,14 +273,51 @@ margin: 0 !important; display: flex; flex-direction: column; width: 400px; height: 300px; width: 600px; height: 400px; top: 50%; left: 50% !important; transform: translate(-50%, -50%); .el-dialog__header { height: 56px; line-height: 56px; } .el-dialog__body { flex: 1; .dialog-container { flex: 1; display: flex; flex-direction:column; width: 100%; height: 100%; } .dialog-side { display: flex; height: 36px; line-height: 36px; &>div:nth-of-type(1) { flex: 1; display: flex; justify-content:space-between; margin-right: 10px; &>div:first-child { width: 100px; text-align: left; } } &>div:nth-of-type(2) { flex: 1; display: flex; justify-content:space-between; &>div:first-child { width: 100px; text-align: left; } } } } } } src/views/home/index.vue
@@ -136,42 +136,36 @@ :close-on-click-modal="true" class="activity-details-box" > <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 class="dialog-container"> <div class="dialog-side"> <div> <div>活动名称</div> <div>{{activityDetailArr.activityName}}</div> </div> <div> <div>开始时间</div> <div>{{activityDetailArr.startTime}}</div> </div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>开始时间</div> <div>{{activityDetailArr.startTime}}</div> <div class="dialog-side"> <div> <div>结束时间</div> <div>{{activityDetailArr.endTime}}</div> </div> <div> <div>规模</div> <div>{{activityDetailArr.scale}}</div> </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 class="dialog-side"> <div> <div>所属派出所</div> <div>{{activityDetailArr.policeStationName}}</div> </div> <div> <div>坐标</div> <div>{{activityDetailArr.position}}</div> </div> </div> </div> </el-dialog> @@ -220,30 +214,26 @@ :close-on-click-modal="true" class="phone-details-box" > <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>王某某</div> <div class="dialog-container"> <div class="dialog-side"> <div> <div>责任区负责人：</div> <div>王某某</div> </div> <div> <div>责任区人口：</div> <div>10000</div> </div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>责任区人口：</div> <div>10000</div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>男女比例：</div> <div>0.92：1</div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>所在地址：</div> <div>XXXXXXX</div> <div class="dialog-side"> <div> <div>男女比例：</div> <div>0.92:1</div> </div> <div> <div>所在地址：</div> <div>XXXXXXX</div> </div> </div> </div> </el-dialog> @@ -377,72 +367,60 @@ :close-on-click-modal="true" class="policeSituation-details-box" > <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 class="dialog-container"> <div class="dialog-side"> <div> <div>序号</div> <div>{{policeSituationDetailArr.num}}</div> </div> <div> <div>警情类别</div> <div>{{policeSituationDetailArr.type}}</div> </div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>警情类别</div> <div>{{policeSituationDetailArr.type}}</div> <div class="dialog-side"> <div> <div>警情状态</div> <div>{{policeSituationDetailArr.state}}</div> </div> <div> <div>报警电话</div> <div>{{policeSituationDetailArr.comingPhone}}</div> </div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>警情状态</div> <div>{{policeSituationDetailArr.state}}</div> <div class="dialog-side"> <div> <div>接警时间</div> <div>{{policeSituationDetailArr.dealTime}}</div> </div> <div> <div>经办民警</div> <div>{{policeSituationDetailArr.dealPolice}}</div> </div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>报警电话</div> <div>{{policeSituationDetailArr.comingPhone}}</div> <div class="dialog-side"> <div> <div>报警人</div> <div>{{policeSituationDetailArr.callPeople}}</div> </div> <div> <div>报警人联系人</div> <div>{{policeSituationDetailArr.callPhone}}</div> </div> </div> <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;" > <div>接警时间</div> <div>{{policeSituationDetailArr.dealTime}}</div> <div class="dialog-side"> <div> <div>所属派出所</div> <div>{{policeSituationDetailArr.policeName}}</div> </div> <div> <div>坐标</div> <div>{{policeSituationDetailArr.position}}</div> </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 class="dialog-content"> <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> @@ -980,10 +958,6 @@ policeSituationChange () { this.policeSituationSelectChange() this.$EventBus.$emit('mapClearLayer', { layerName: 'policeSituationLayers', type: 'VectorLayer' }) circleLayer.clear() circleLayer.remove() circleLayer = null @@ -991,12 +965,6 @@ global.viewer.addLayer(circleLayer) if (this.policeSituationLayerShow == true) { this.policeSituationList.forEach(item => { this.$EventBus.$emit('layerPointAdd', { layerName: 'policeSituationLayers', type: "billboard", params: item, incident: this.policeSituationSiteClick }) let center = new global.DC.Position(item.lng, item.lat) let point = new global.DC.PointPrimitive(center) let num = 0 @@ -1009,7 +977,7 @@ point.setStyle({ outlineColor: global.DC.Color.RED.withAlpha(0.5),//边框颜色 outlineWidth: num,//边框大小， color: global.DC.Color.RED.withAlpha(0.5) color: global.DC.Color.RED }) }, 100) } else { @@ -1021,17 +989,15 @@ point.setStyle({ outlineColor: global.DC.Color.GREEN.withAlpha(0.5),//边框颜色 outlineWidth: num,//边框大小， color: global.DC.Color.RED.withAlpha(0.5) color: global.DC.Color.GREEN }) }, 100) } point.attrParams = item point.on(global.DC.MouseEventType.CLICK, this.policeSituationSiteClick) circleLayer.addOverlay(point) }) } else { this.$EventBus.$emit('mapClearLayer', { layerName: 'policeSituationLayers', type: 'VectorLayer' }) circleLayer.clear() } }, @@ -1526,8 +1492,6 @@ this.policeSituationType = type }, }, watch: {}, @@ -1566,10 +1530,6 @@ type: 'VectorLayer' }) this.$EventBus.$emit('mapClearLayer', { layerName: 'policeSituationLayers', type: 'VectorLayer' }) cylinderLayer.clear() cylinderLayer.remove()
