wenhongquan 3 years ago
parent
commit
674f54fa24

BIN
src/assets/card-bg/frame_kywz@2x.png


+ 9 - 4
src/views/IncidentDetail/WzCard/index.tsx

@@ -31,7 +31,7 @@ export default defineComponent({
       <Card cardType="wz-all">
         <div class="content">
           <div class="header">
-            <div style="flex-basis: 34%;">资名称</div>
+            <div style="flex-basis: 34%;">资名称</div>
             <div style="flex-basis: 18%;">仓储总数</div>
             <div style="flex-basis: 18%;">可用总数</div>
             <div style="flex-basis: 30%;text-align: left;">更新时间</div>
@@ -39,9 +39,14 @@ export default defineComponent({
           <div class="body">
             {store.incidentDetail.resource?.map((i) => (
               <div class="line">
-                <div style="flex-basis: 34%;color:#39D6FE" class="wzname" onClick={() => { 
-                  searchwz(i.name);
-                }}>{i.name}</div>
+                <div
+                  style="flex-basis: 34%;color:#39D6FE"
+                  class="wzname"
+                  onClick={() => {
+                    searchwz(i.name);
+                  }}>
+                  {i.name}
+                </div>
                 <div style="flex-basis: 18%;">{i.num}</div>
                 <div style="flex-basis: 18%;">{i.availablenum}</div>
                 <div style="flex-basis: 30%;text-align: left;">{i.time}</div>

+ 5 - 5
src/views/IncidentDetail/index.scss

@@ -161,7 +161,7 @@
         .detail-left,
         .detail-right {
             position: absolute;
-            top: calc(50% + px2rem(52px * 2));
+            top: calc(50% + px2rem(10px * 2));
             transform: translateY(calc(-50% - px2rem(52px / 2 * 2)));
             height: max-content;
             z-index: 1;
@@ -205,7 +205,7 @@
                     }
                 }
                 .info-title {
-                    margin-top: px2rem(20px * 2);
+                    margin-top: px2rem(10px * 2);
                     background: url('../../assets/card-bg/kuang_biaoti@2x.png') no-repeat;
                     background-position: center;
                     background-size: 100% 100%;
@@ -217,7 +217,7 @@
                     color: #FFFD4A;
                 }
                 .info-container {
-                    padding-top: px2rem(30px * 2);
+                    padding-top: px2rem(20px * 2);
                     display: flex;
                     flex-direction: column;
                     align-items: start;
@@ -227,13 +227,13 @@
                 .logtext {
                     flex-grow: 22 !important;
                     align-items: flex-start !important;
-                    margin-top: px2rem(23px * 2);
+                    margin-top: px2rem(13px * 2);
                     ;
                 }
                 .info-item {
                     display: flex;
                     align-items: center;
-                    padding-bottom: px2rem(20px);
+                    padding-bottom: px2rem(10px);
                     &:last-child {
                         padding-bottom: 0;
                     }