fix:样式

pages/inventory-task/detail.vue

@@ -71,11 +71,11 @@
           ></image>
           <view class="goods-info">
             <text class="goods-name u-line-2">{{ item.name }}</text>
-            <view class="goods-spec">
+            <view class="goods-spec half-w">
               <text class="spec-label">规格：</text>
               <text class="spec-value">{{ item.spec }}</text>
             </view>
-            <view class="check-user">
+            <view class="check-user half-w">
               <text class="check-label">盘点人：</text>
               <text class="check-value">{{ item.checkUser }}</text>
             </view>
@@ -83,26 +83,27 @@
               <text class="time-label">盘点时间：</text>
               <text class="time-value">{{ item.checkTime }}</text>
             </view>
+            <view class="stock-row">
+              <view class="stock-item half-w">
+                <text class="stock-label">系统库存</text>
+                <text class="stock-value">{{ item.systemStock }}瓶</text>
+              </view>
+              <view class="stock-item half-w">
+                <text class="stock-label">已盘库存</text>
+                <text
+                  class="stock-value"
+                  :class="{
+                    'stock-value-zero': item.actualStock === '未盘',
+                    'stock-value-warning': item.actualStock === '0瓶',
+                  }"
+                  >{{ item.actualStock }}</text
+                >
+              </view>
+            </view>
           </view>
         </view>
 
-        <view class="stock-row">
-          <view class="stock-item">
-            <text class="stock-label">系统库存</text>
-            <text class="stock-value">{{ item.systemStock }}瓶</text>
-          </view>
-          <view class="stock-item">
-            <text class="stock-label">已盘库存</text>
-            <text
-              class="stock-value"
-              :class="{
-                'stock-value-zero': item.actualStock === '未盘',
-                'stock-value-warning': item.actualStock === '0瓶',
-              }"
-              >{{ item.actualStock }}</text
-            >
-          </view>
-        </view>
+
 
         <view class="action-row">
           <u-button
@@ -313,6 +314,10 @@ export default {
   min-height: 100vh;
   background-color: #f0f6fb;
   padding-bottom: 40rpx;
+  
+  .half-w {
+    width: 50%;
+  }
 
   .nav-right {
     padding: 0 24rpx;
@@ -428,6 +433,8 @@ export default {
         }
 
         .goods-info {
+          display: flex;
+          flex-wrap: wrap;
           flex: 1;
           margin-left: 24rpx;
 
@@ -455,7 +462,7 @@ export default {
           .check-user,
           .check-time {
             font-size: 24rpx;
-            margin-bottom: 8rpx;
+            margin-bottom: 16rpx;
 
             .check-label,
             .time-label {
@@ -472,14 +479,21 @@ export default {
 
       .stock-row {
         display: flex;
-        padding: 0 32rpx 24rpx;
+        padding: 24rpx;
+        
         gap: 48rpx;
+        width: 100%;
+        background-color: #F6F8FA;
+        border-radius: 8rpx;
 
         .stock-item {
+          display: flex;
+          flex-direction: column;
+
           .stock-label {
             font-size: 24rpx;
             color: #999;
-            margin-right: 16rpx;
+            margin-bottom: 20rpx;
           }
 
           .stock-value {