优化已知问题

src/assets/scss/modules/visual/basicInfoMain.scss

@@ -270,15 +270,19 @@
       box-shadow: 0 0 10px inset #1a5afd;
     }
     .item {
-      background-color: #011168;
       margin-top: 12px;
-      width: 244px;
+      width: 242px;
       height: 190px;
       border: 1px solid #037ddc;
       border-radius: 8px;
       text-align: center;
       margin-left: 11px;
       position: relative;
+      background-color: rgba(#000, 0.3);
+
+      &:nth-child(5n + 1) {
+        margin-left: 0;
+      }
 
       // &:first-child {
       //   margin-left: 0;

src/assets/scss/modules/visual/incident-info.scss

@@ -1,6 +1,6 @@
-@import '../../c/config';
+@import "../../c/config";
-@import '../../c/function';
+@import "../../c/function";
-@import './c/common';
+@import "./c/common";
 
 .m-pop {
   @include shield;
@@ -103,7 +103,18 @@
   .info-content {
     margin: 20px 0;
   }
- 
+
+  .info-pics {
+    display: flex;
+    margin: 20px 0;
+    img {
+      display: block;
+      width: 32%;
+      height: 90px;
+      margin-right: 9px;
+      object-fit: cover;
+    }
+  }
 
   .info-prop {
     position: relative;
@@ -123,7 +134,7 @@
     }
 
     &::before {
-      content: '';
+      content: "";
       display: block;
       position: absolute;
       top: 9px;
@@ -134,18 +145,6 @@
       border-radius: 3px;
       margin-right: 10px;
     }
-
-    .info-pics {
-      display: flex;
-      margin: 20px 0;
-      img {
-        display: block;
-        width: 32%;
-        height: 90px;
-        margin-right: 9px;
-        object-fit: cover;
-      }
-    }
   }
 }
 
@@ -265,7 +264,7 @@
     padding-right: 10px;
 
     &::before {
-      content: '';
+      content: "";
       position: absolute;
       z-index: 1;
       display: block;
@@ -290,7 +289,7 @@
       padding-top: 1px;
 
       &::before {
-        content: '';
+        content: "";
         display: block;
         position: absolute;
         top: -5px;

src/assets/scss/modules/visual/issue-info.scss

@@ -1,6 +1,6 @@
-@import '../../c/config';
+@import "../../c/config";
-@import '../../c/function';
+@import "../../c/function";
-@import './c/common';
+@import "./c/common";
 
 .m-pop {
   @include shield;
@@ -68,6 +68,18 @@
     line-height: 30px;
   }
 
+  .info-pics {
+    display: flex;
+    margin: 10px 0;
+    img {
+      display: block;
+      width: 32%;
+      height: 90px;
+      margin-right: 9px;
+      object-fit: cover;
+    }
+  }
+
   .info-prop {
     position: relative;
     margin: 10px 0;
@@ -78,17 +90,6 @@
       flex: 0 0 1;
       font-size: 14px;
     }
-    .info-pics {
-      display: flex;
-      margin: 10px 0;
-      img {
-        display: block;
-        width: 32%;
-        height: 90px;
-        margin-right: 9px;
-        object-fit: cover;
-      }
-    }
     > span,
     > div {
       display: block;
@@ -96,7 +97,7 @@
     }
 
     &::before {
-      content: '';
+      content: "";
       display: block;
       position: absolute;
       top: 9px;

src/assets/scss/modules/visual/searchPerson.scss

@@ -1,5 +1,5 @@
-.div_people_search{
+.div_people_search {
-  min-height:100%;
+  min-height: 100%;
   box-sizing: border-box;
 }
 
@@ -36,6 +36,7 @@
     font-weight: 400;
     color: #ffffff;
     line-height: 53px;
+    background: linear-gradient(90deg, #1a5afd, #26c4ff);
   }
   .btn:hover {
     cursor: pointer;
@@ -51,8 +52,7 @@
   // height: calc(88vh - 200px);
   height: 485px;
   color: #fff;
-  background: url('../../../img/modules/visual/warning-box.png') no-repeat
+  background: url("../../../img/modules/visual/warning-box.png") no-repeat center;
-    center;
   background-size: 100% 100%;
 }
 
@@ -123,16 +123,15 @@
       }
 
       &-tr:hover {
-        background: url('../../../img/modules/visual/hover-bac.png') no-repeat
+        background: url("../../../img/modules/visual/hover-bac.png") no-repeat center;
-          center;
         background-size: 100% 100%;
       }
     }
 
-    &-status{
+    &-status {
-      margin-top:20px;
+      margin-top: 20px;
 
-      .no-data{
+      .no-data {
         display: flex;
         justify-content: center;
       }
@@ -159,7 +158,7 @@
 }
 .pagination {
   box-sizing: border-box;
-  padding-right:180px;
+  padding-right: 180px;
   padding-bottom: 20px;
 
   margin-top: 40px;

src/assets/scss/shuju-card.scss

@@ -1,5 +1,6 @@
 @import "c/config";
 @import "c/function";
+@import "./modules/visual/c/common";
 
 .m-card {
     position: relative;
@@ -69,5 +70,7 @@
         min-height: 200px;
         background-image: url(../img/shuju/card/bg.png);
         background-repeat: repeat;
+        overflow-y: auto;
+        @include scrollBar;
     }
 }

src/views/modules/visual/basicinfo/peopleSearch.vue

@@ -223,7 +223,8 @@ export default {
     border-radius: 8px 0 0 8px;
     height: 53px;
     background-color: #01106800;
-    border: 2px solid #0082fb;
+    border: 3px solid #0082fb;
+    border-right: 0;
     padding-left: 70px;
     font-size: 18px;
     font-family: PingFang SC;

src/views/modules/visual/cpts/card.vue

@@ -1,15 +1,27 @@
 <template>
   <div class="m-card">
     <div class="card-wrap">
-      <img src="@/assets/img/shuju/card/l-t.png" class="card-corner card-corner-1" />
+      <img
-      <img src="@/assets/img/shuju/card/r-t.png" class="card-corner card-corner-2" />
+        src="@/assets/img/shuju/card/l-t.png"
-      <img src="@/assets/img/shuju/card/r-b.png" class="card-corner card-corner-3" />
+        class="card-corner card-corner-1"
-      <img src="@/assets/img/shuju/card/l-b.png" class="card-corner card-corner-4" />
+      />
+      <img
+        src="@/assets/img/shuju/card/r-t.png"
+        class="card-corner card-corner-2"
+      />
+      <img
+        src="@/assets/img/shuju/card/r-b.png"
+        class="card-corner card-corner-3"
+      />
+      <img
+        src="@/assets/img/shuju/card/l-b.png"
+        class="card-corner card-corner-4"
+      />
       <div class="card-line card-line-t"></div>
       <div class="card-line card-line-l"></div>
       <div class="card-line card-line-r"></div>
       <div class="card-line card-line-b"></div>
-      <div class="card-cnt">
+      <div class="card-cnt" :style="tbStyle">
         <slot></slot>
       </div>
     </div>
@@ -19,17 +31,36 @@
 <script>
 export default {
   name: "shuju-card",
-  data() {
-    return {
 
-    };
-  },
   props: {
+    isFullScreen: {
+      type: Boolean,
+      default: false,
+    },
+    minFullScreen: {
+      type: Boolean,
+      default: false,
+    },
   },
 
-  methods: {
+  data() {
+    return {};
+  },
 
+  computed: {
+    tbStyle() {
+      let style = {};
+      if (this.isFullScreen) {
+        style.height = this.$store.state.fixed1920.height - 180 + "px";
+      }
+      if (this.minFullScreen) {
+        style.minHeight = this.$store.state.fixed1920.height - 180 + "px";
+      }
+      return style;
+    },
   },
+
+  methods: {},
 };
 </script>