事件详情页面样式

src/assets/styles/base.scss

@@ -84,13 +84,13 @@ $date-state3: #d6333b;
 
 //视频摄像头预览弹层样式
 .videoCustomWidth {
-  width: 1070px !important;
+  width: 1150px !important;
   height: 700px !important;
 }
 //电视墙视频摄像头预览弹层样式
 .TVWallCustomWidth {
   width: 1200px !important;
-  height: 790px !important;
+  height: 800px !important;
 }
 
 //公共
@@ -226,6 +226,7 @@ ul {
   list-style: none;
 }
 
+
 .sj-container {
   width: 100%;
   height: 100vh;
@@ -241,32 +242,6 @@ ul {
 .sj-icon-btn:hover {
   text-shadow: 0 0 15px rgba($color: $inBlueHover, $alpha: 1.0);
 }
-.sj-upload{
-  .el-upload--picture-card{
-    background-color: #0d1620!important;
-    border: 1px dashed #083874;
-  }
-  .el-upload--picture-card i {
-    color: #153d6c;
-  }
-}
-// 下拉
-.el-select-dropdown {
-  border: none;
-  background-color: rgba(1, 28, 82, 0.8);
-}
-.el-select-dropdown__item{
-  color: $white;
-}
-.el-select-dropdown{
-  background-color: #00335c;
-  border: solid 1px #56dfff;
-  color: $white;
-}
-.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
-  background-color: #035faa;
-
-}
 //tips样式
 .js-tps{
 
@@ -286,10 +261,10 @@ ul {
     overflow-y: scroll;
     flex-wrap: wrap;
     background-image: -moz-linear-gradient($boxBG)!important;
-  background-image: -webkit-linear-gradient($boxBG) !important;
-  background-image: linear-gradient($boxBG)!important;
-  box-shadow: $shadowTitle !important;
-  border-radius: .5rem;
+    background-image: -webkit-linear-gradient($boxBG) !important;
+    background-image: linear-gradient($boxBG)!important;
+    box-shadow: $shadowTitle !important;
+    border-radius: .5rem;
     .leader-info-list-con{
       padding: .5rem  1rem;
       margin:.5rem;
@@ -314,8 +289,9 @@ ul {
 
 
 
- //超图气泡
- .leaflet-popup-content-wrapper {
+
+//超图气泡
+.leaflet-popup-content-wrapper {
   // padding: 15px 20px !important;
   background-image: -moz-linear-gradient($popupBG)!important;
   background-image: -webkit-linear-gradient($popupBG) !important;
@@ -330,23 +306,24 @@ ul {
   color: #333;
   box-shadow:none !important;
 }
- //超图气泡内插槽
-  .map-tip {
-    .d-l-con {
+//超图气泡内插槽
+.map-tip {
+  .d-l-con {
+    width: 100%;
+    box-shadow: none;
+    cursor:auto;
+
+    .d-l-l-text {
       width: 100%;
-      box-shadow: none;
-      cursor: auto;
-      .d-l-l-text {
-        width: 100%;
-        //white-space: nowrap;
+      //white-space: nowrap;
 
-        h4 {
-          // display: flex;
-          color:$white;
-        }
+      h4 {
+        // display: flex;
+        color:$white;
       }
     }
   }
+}
 
 div::-webkit-scrollbar {
   display: none;
@@ -378,13 +355,12 @@ div::-webkit-scrollbar {
 #toolbar {
   color: $inBlue;
 }
+
 //全局搜索容器
 .sj-search {
   padding:.5rem .8rem;
 }
 
-
-
 .w-5 {
   width: 5.5rem;
 }
@@ -681,8 +657,8 @@ div::-webkit-scrollbar {
     font-weight: bolder;
     background: -webkit-gradient(linear, right top, left top, from(#051d2b), color-stop(#006ec8), to(#051d2b));
     background: linear-gradient(to left, #051d2b, #006ec8, #051d2b);
-    -webkit-box-shadow: rgb(5 103 194 / 80%) 0px 0px 15px inset;
-    box-shadow: rgb(5 103 194 / 80%) 0px 0px 15px inset;
+    -webkit-box-shadow: rgba(5, 103, 194, 0.8) 0px 0px 15px inset;
+    box-shadow: rgba(5, 103, 194, 0.8) 0px 0px 15px inset;
     padding: 0.5rem 1rem;
     cursor: pointer;
   }
@@ -1475,8 +1451,8 @@ div::-webkit-scrollbar {
   // 2.5D地图显示
   .cesium-infoBox{
     z-index: 9999 !important;
-  }
 
+  }
   .el-input__inner {
     border: 1px $searchBorder;
     background-color: $searchBG;
@@ -1484,7 +1460,6 @@ div::-webkit-scrollbar {
   }
 
 
-
   //收起展开
   .mascot {
     position: fixed;
@@ -2284,8 +2259,8 @@ div::-webkit-scrollbar {
     color: $fListTitle;
     padding: .2rem;
     .el-tooltip__popper{
-		width: 100px;
-	}
+      width: 100px;
+    }
     h4 {
       font-size: .7rem;
       margin: 0;
@@ -2419,7 +2394,7 @@ div::-webkit-scrollbar {
   //曝光台
   .bgt-state {
     // width: 35%;
-	width:38%;
+    width:38%;
     padding: 0.3rem 0.5rem;
     border: 2px solid rgba(0, 174, 255, 0.9);
     -webkit-box-shadow: 0 0 0.5rem 0 #00c8ff inset;
@@ -2470,7 +2445,7 @@ div::-webkit-scrollbar {
         background-color: $eventStateColor-sb;
         color: $white;
         // padding: .4rem;
-		padding:0.25rem 0.4rem;
+        padding:0.25rem 0.4rem;
         margin-left: -.5rem;
         margin-bottom: .2rem;
         border-radius: .2rem;
@@ -2493,7 +2468,7 @@ div::-webkit-scrollbar {
         background-color: $eventStateColor-cb;
         color: $white;
         // padding: .4rem;
-		padding:0.25rem 0.4rem;
+        padding:0.25rem 0.4rem;
         margin-left: -.5rem;
         margin-bottom: .2rem;
         border-radius: .2rem;
@@ -2516,7 +2491,7 @@ div::-webkit-scrollbar {
         background-color: $eventStateColor-qs;
         color: $white;
         // padding: .4rem;
-		padding:0.25rem 0.4rem;
+        padding:0.25rem 0.4rem;
         margin-left: -.5rem;
         margin-bottom: .2rem;
         border-radius: .2rem;
@@ -2539,7 +2514,7 @@ div::-webkit-scrollbar {
         background-color: $eventStateColor-wb;
         color: $white;
         // padding: .4rem;
-		padding:0.25rem 0.4rem;
+        padding:0.25rem 0.4rem;
         margin-left: -.5rem;
         margin-bottom: .2rem;
         border-radius: .2rem;
@@ -2562,7 +2537,7 @@ div::-webkit-scrollbar {
         background-color: $eventStateColor-cf;
         color: $white;
         // padding: .4rem;
-		padding:0.25rem 0.4rem;
+        padding:0.25rem 0.4rem;
         margin-left: -.5rem;
         margin-bottom: .2rem;
         border-radius: .2rem;
@@ -2585,7 +2560,7 @@ div::-webkit-scrollbar {
         background-color: $eventStateColor-bj;
         color: $white;
         // padding: .4rem;
-		padding:0.25rem 0.4rem;
+        padding:0.25rem 0.4rem;
         margin-left: -.5rem;
         margin-bottom: .2rem;
         border-radius: .2rem;
@@ -2608,7 +2583,7 @@ div::-webkit-scrollbar {
         background-color: $eventStateColor-gd;
         color: $white;
         // padding: .4rem;
-		padding:0.25rem 0.4rem;
+        padding:0.25rem 0.4rem;
         margin-left: -.5rem;
         margin-bottom: .2rem;
         border-radius: .2rem;
@@ -2629,7 +2604,7 @@ div::-webkit-scrollbar {
         width: fit-content;
         background-color: $eventStateColor-qr;
         color: $white;
-		    padding:0.25rem 0.4rem;
+        padding:0.25rem 0.4rem;
         margin-left: -.5rem;
         margin-bottom: .2rem;
         border-radius: .2rem;
@@ -3276,45 +3251,47 @@ div::-webkit-scrollbar {
   }
 }
 
+
+
 .no_hover{
   cursor: auto;
 }
 
 // 20220927 林业修改
 .no_hover:hover{
-	background: none!important;
-	box-shadow: initial;
+  background: none!important;
+  box-shadow: initial;
 }
 .no_hover:hover h4{
-	color:#2bacf7!important;
+  color:#2bacf7!important;
 }
 .no_hover:hover .event-count .count-number{
-	border: 2px solid rgb(59 193 255 / 90%);
-	-webkit-box-shadow: 0 0 0.5rem 0 #2700ff inset;
-	box-shadow: 0 0 0.5rem 0 #2700ff inset;
-	background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#55b8f7), to(#8f3bff));
+  border: 2px solid rgba(58, 193, 255, 0.9);
+  -webkit-box-shadow: 0 0 0.5rem 0 #2700ff inset;
+  box-shadow: 0 0 0.5rem 0 #2700ff inset;
+  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#55b8f7), to(#8f3bff));
 }
 
 .tree_scroll::-webkit-scrollbar{
-	width: 1px;
-	height: 4px;
-	background: #00335c;
+  width: 1px;
+  height: 4px;
+  background: #00335c;
 }
 .tz_tk .el-dialog{
-	width: 20% !important;
+  width: 20% !important;
 }
 .tz_tk .el-form-item__label{
-	color: #d2d2d2;
+  color: #d2d2d2;
 }
 
 // .d-l-l-text h4{
 // 	color:#fff!important;
 // }
 .no_hover .no-weight h4{
-	color:#2bacf7!important;
+  color:#2bacf7!important;
 }
 
+
 .el-message{
   z-index: 9999 !important;
 }
-

src/components/vBottomMenu.vue

@@ -197,8 +197,8 @@
               <el-link type="success" v-if="item.eventCode!=null&&item.type ==1" @click="showEventDialog_message(item.eventCode)">
                 查看事件详情
               </el-link>
-              <div class="btm-r-pop-info-btm-btn" v-else>
-                <el-button type="primary"  @click="selectMessageById(item.id)">标记已读
+              <div class="btm-r-pop-info-btm-btn">
+                <el-button type="primary" v-if="item.type ==2" @click="selectMessageById(item.id)">标记已读
                 </el-button>
               </div>
             </div>
@@ -533,15 +533,13 @@
           </el-input>
         </el-form-item>
         <el-form-item label="附件" prop="schedulePictures" v-if="eventStatusButton=='sh'">
-          <ImageUpload class="sj-upload" ref="ImageUpload" :limit="10" :fileType="['jpg', 'png','jpeg']" :value="uploadAttachList"
+          <ImageUpload ref="ImageUpload" :limit="10" :fileType="['jpg', 'png','jpeg']" :value="uploadAttachList"
                        @input="getUrl"></ImageUpload>
         </el-form-item>
-        <el-button class="sj-icon-btn" size="mini" type="primary" v-if="eventStatusButton=='sh'"
-                   icon="el-icon-circle-check"
+        <el-button class="sj-icon-btn" icon="el-icon-check" size="mini" type="primary" v-if="eventStatusButton=='sh'"
                    @click="updateCentereventTEventcatalogueStatus('shtg',true)">通过
         </el-button>
-        <el-button class="sj-icon-btn" size="mini" type="primary" v-if="eventStatusButton=='sh'"
-                   icon="el-icon-circle-close"
+        <el-button class="sj-icon-btn" icon="el-icon-circle-close" size="mini" type="primary" v-if="eventStatusButton=='sh'"
                    @click="updateCentereventTEventcatalogueStatus('shbtg',true)">不通过
         </el-button>
       </el-form>