事件管理弹窗

src/assets/styles/element-ui.scss

@@ -479,8 +479,8 @@
       position: absolute;
       top: 0;
       left: 0;
-      width: 5px;
-      height: 5px;
+      width: 4px;
+      height: 4px;
       background: url('@/assets/images/inputIcon1.png') no-repeat;
       background-size: 100% 100%;
     }
@@ -489,8 +489,8 @@
       position: absolute;
       right: 0;
       bottom: 0;
-      width: 5px;
-      height: 5px;
+      width: 4px;
+      height: 4px;
       background: url('@/assets/images/inputIcon2.png') no-repeat;
       background-size: 100% 100%;
     }
@@ -621,6 +621,9 @@
     box-shadow: none;
     background-color: rgba(26, 144, 255, 0.15) !important;
     border: 4px solid rgba(26, 144, 255, 0.15) !important;
+    &:hover {
+      box-shadow: none;
+    }
   }
   .el-input__inner {
     font-size: 14px;
@@ -667,6 +670,9 @@
     box-shadow: none;
     background-color: rgba(26, 144, 255, 0.15) !important;
     border: 1px solid rgba(26, 144, 255, 0.15) !important;
+    &:hover {
+      box-shadow: none;
+    }
   }
   .el-input__inner {
     font-size: 14px;
@@ -713,8 +719,8 @@
     top: 0;
     left: 0;
     z-index: 2;
-    width: 12px;
-    height: 12px;
+    width: 4px;
+    height: 4px;
     background: url('@/assets/images/inputIcon1.png') no-repeat;
     background-size: 100% 100%;
   }
@@ -724,8 +730,8 @@
     right: 0;
     bottom: 0;
     z-index: 2;
-    width: 12px;
-    height: 12px;
+    width: 4px;
+    height: 4px;
     background: url('@/assets/images/inputIcon2.png') no-repeat;
     background-size: 100% 100%;
   }
@@ -743,18 +749,18 @@
 
 .common-date-picker {
   position: relative;
-  height: 80px !important;
+  height: 32px !important;
   .el-input__wrapper {
-    box-shadow: none;
+    box-shadow: none !important;
     background-color: #0d2f5d;
     border: 1px solid #0a59a8;
   }
   .el-input__inner {
-    font-size: 32px;
+    font-size: 14px;
     color: #a0c7dc;
     font-family: PingFang SC;
-    height: 80px;
-    line-height: 80px;
+    height: 32px;
+    line-height: 32px;
     &::placeholder {
       color: #a0c7dc;
     }
@@ -787,60 +793,69 @@
 }
 .common-date-popper {
   background: rgba(5, 18, 53, 0.85) !important;
-  border: 4px solid #2C81FF !important;
+  border: 1px solid #2C81FF !important;
   border-radius: 0 !important;
+  //box-shadow:inset  0 0 10px rgba(26, 144, 255, 0.5) !important;
   .el-picker-panel {
     background: rgba(5, 18, 53, 0.85) !important;
-    box-shadow:inset  0 0 40px rgba(26, 144, 255, 0.5) !important;
+
     color: #b1cae0;
   }
   .el-date-table {
-    font-size: 38px;
-  }
-  .el-date-picker {
-    width: 934px;
+    font-size: 14px;
   }
+  //.el-date-picker {
+  //  width: 934px;
+  //}
   .el-date-picker .el-picker-panel__content {
     width: auto !important;
   }
   .el-date-picker__header {
-    margin: 0 12px !important;
-    height: 75px;
-    line-height: 75px;
+    .arrow-left, .arrow-right, .d-arrow-left, .d-arrow-right {
+      font-size: 14px;
+      color: #ffffff;
+      &:hover {
+        color: #7af0e9;
+      }
+    }
+  }
+  .el-popper__arrow:before {
+    border: 1px solid #2C81FF !important;
+    background-color: rgba(5, 18, 53, 1) !important;
   }
   .el-date-picker__header-label {
     color: #b1cae0;
-    font-size: 38px;
-  }
-  .el-year-table td div, .el-month-table td div {
-    height: 95px !important;
+    font-size: 14px;
   }
+  //.el-year-table td div, .el-month-table td div {
+  //  height: 95px !important;
+  //}
   .el-year-table td .cell, .el-month-table td .cell {
     color: #b1cae0;
-    font-size: 38px;
-    width: 95px !important;
-    height: 95px !important;
-    line-height: 95px !important;
+    font-size: 14px;
+    //width: 95px !important;
+    //height: 95px !important;
+    //line-height: 95px !important;
   }
   .el-date-table th {
     color: #b1cae0;
-    border-bottom: 2px solid #8fa4b7;
-    width: 76px !important;
-    height: 76px !important;
-    line-height: 76px !important;
+    border-bottom: 1px solid #8fa4b7;
+    //width: 76px !important;
+    //height: 76px !important;
+    //line-height: 76px !important;
   }
   .el-date-picker__header--bordered {
-    border-bottom: 2px solid #8fa4b7;
+    border-bottom: 1px solid #8fa4b7;
   }
   .el-date-table-cell__text {
-    width: 76px !important;
-    height: 76px !important;
-    line-height: 76px !important;
+    //width: 76px !important;
+    //height: 76px !important;
+    //line-height: 76px !important;
   }
   .el-date-table td .el-date-table-cell {
-    width: 95px !important;
-    height: 95px !important;
-    line-height: 95px !important;
+    //width: 95px !important;
+    //height: 95px !important;
+    //line-height: 95px !important;
   }
   .el-date-table td.available:hover {
     color: #7af0e9;

src/assets/styles/index.scss

@@ -679,13 +679,13 @@ aside {
 }
 
 .common-btn2 {
-  border: 3px solid #247dff;
-  border-radius: 8px;
+  border: 1px solid #247dff;
+  border-radius: 4px;
   background-color: #19326f;
   color: #9bc3ff;
-  font-size: 38px;
+  font-size: 14px;
   cursor: pointer;
-  padding: 15px;
+  padding: 6px;
 }
 
 .danger-tip {

src/views/emergencyCommandMap/MiddleSection.vue

@@ -24,6 +24,7 @@ const handleQuery1 = () => {
   height: 100%;
   animation: slideAndFade 1.5s;
   position: relative;
+  overflow: hidden;
 }
 .btn-box {
   position: absolute;

src/views/routineCommandMap/MiddleSection.vue

@@ -28,6 +28,7 @@ const handleQuery2 = () => {
   height: 100%;
   animation: slideAndFade 1.5s;
   position: relative;
+  overflow: hidden;
 }
 .btn-box {
   position: absolute;

src/views/routineCommandMap/RightSection/EventReport/EventManage.vue

@@ -11,7 +11,6 @@
                   v-model="queryParams.event_type"
                   placeholder="全部"
                   class="custom-select"
-                  size="large"
                   popper-class="custom-select-popper"
                   :teleported="false"
                   clearable
@@ -27,7 +26,6 @@
                   v-model="queryParams.event_level"
                   placeholder="全部"
                   class="custom-select"
-                  size="large"
                   popper-class="custom-select-popper"
                   :teleported="false"
                 >
@@ -42,7 +40,6 @@
                   v-model="queryParams.event_status"
                   placeholder="全部"
                   class="custom-select"
-                  size="large"
                   popper-class="custom-select-popper"
                   :teleported="false"
                   clearable
@@ -58,7 +55,6 @@
                   v-model="queryParams.region_code"
                   placeholder="全部"
                   class="custom-select"
-                  size="large"
                   popper-class="custom-select-popper"
                   :teleported="false"
                   clearable
@@ -96,7 +92,7 @@
               </el-form-item>
             </el-col>
             <div class="flex">
-              <div class="common-btn-primary" style="margin-top: -32px" @click="handleQuery">搜索</div>
+              <div class="common-btn-primary" style="margin-top: -10px" @click="handleQuery">搜索</div>
               <div class="common-btn" @click="resetQuery">重置</div>
             </div>
           </el-row>
@@ -444,6 +440,12 @@ const enterCommand = (item) => {
     }
   }
 }
+:deep(.el-form) {
+  .el-form-item__label {
+    color: #ffffff !important;
+    margin-right: 10px !important;
+  }
+}
 .flex {
   display: flex;
   align-items: flex-start;

src/views/routineCommandMap/RightSection/EventReport/index.vue

@@ -2,7 +2,7 @@
   <div class="event-container">
     <div class="container-header">
       <div class="common-title-box">事件接报</div>
-<!--      <div class="more" @click="showMoreEventManageList">查看更多&nbsp;&nbsp;>></div>-->
+      <div class="more" @click="showMoreEventManageList">查看更多&nbsp;&nbsp;>></div>
     </div>
     <!-- 表格组件 -->
     <div class="common-table">
@@ -115,13 +115,14 @@ const getEventStatusClass = (value) => {
   .container-header {
     display: flex;
     justify-content: space-between;
-    align-items: center;
+    align-items: flex-end;
     margin-bottom: 18px;
+    position: relative;
     .more {
-      font-size: 36px;
       color: #00e8ff;
-      white-space: nowrap;
+      font-size: 13px;
       cursor: pointer;
+      white-space: nowrap;
     }
   }
   .common-table .td {