reactor:样式优化

src/components/base-panel/base-panel-left.vue

@@ -34,7 +34,7 @@ export default {
     left: 0;
     height: 100vh;
     width: 4.62rem;
-    padding-top: 0.82rem;
+    padding-top: 0.46rem;
     padding-left: 0.12rem;
     transition: all 0.3s ease-in-out;
     pointer-events: auto;

src/components/base-panel/base-panel-right.vue

@@ -34,7 +34,7 @@ export default {
     right: 0;
     height: 100%;
     width: 3.94rem;
-    padding-top: 0.82rem;
+    padding-top: 0.46rem;
     padding-right: 0.18rem;
     transition: all 0.3s ease-in-out;
     pointer-events: auto;

src/views/announce-detail-popup/index.vue

@@ -45,7 +45,7 @@ export default {
   position: absolute;
   top: 50%;
   left: 50%;
-  transform: translate(-50%, -80%);
+  transform: translate(-50%, -50%);
   width: px-to-rem(455);
   z-index: 9999;
   .announce-detail-popup-title {

src/views/announcement-management/index.vue

@@ -88,7 +88,7 @@
           <el-input v-model="form.announcementName"></el-input>
         </el-form-item>
         <el-form-item label="公告内容" prop="announcementContent">
-          <el-input type="textarea" :rows="7" v-model="form.announcementContent"> </el-input>
+          <el-input type="textarea" :rows="7" v-model="form.announcementContent" maxlength="500"> </el-input>
         </el-form-item>
         <el-form-item label="上传图片" prop="images">
           <el-upload

src/views/safety-inspection/left.vue

@@ -63,7 +63,7 @@ export default {
     position: relative;
     width: 3.68rem;
     padding: px-to-rem(10);
-    margin-bottom: px-to-rem(10);
+    margin-bottom: px-to-rem(19);
     background: url('@/assets/image/common/areaBg.png') no-repeat 0 0 / 100% 100%;
   }
   .record-list {

src/views/safety-inspection/right.vue

@@ -125,7 +125,7 @@ export default {
     position: relative;
     width: 3.68rem;
     padding: px-to-rem(10);
-    margin-bottom: px-to-rem(10);
+    margin-bottom: px-to-rem(19);
     background: url('@/assets/image/common/areaBg.png') no-repeat 0 0 / 100% 100%;
     :deep(.el-input__inner) {
       background: transparent;

src/views/sand-monitor/left.vue

@@ -147,7 +147,7 @@ export default {
     position: relative;
     width: 3.68rem;
     padding: px-to-rem(10);
-    margin-bottom: px-to-rem(10);
+    margin-bottom: px-to-rem(19);
     background: url('@/assets/image/common/areaBg.png') no-repeat 0 0 / 100% 100%;
     .icon-content {
       display: flex;

src/views/sand-monitor/right.vue

@@ -155,7 +155,7 @@ export default {
     position: relative;
     width: 3.68rem;
     padding: px-to-rem(10);
-    margin-bottom: px-to-rem(10);
+    margin-bottom: px-to-rem(19);
     background: url('@/assets/image/common/areaBg.png') no-repeat 0 0 / 100% 100%;
   }
   .table-list {