fix: 备件选择样式修改

src/components/submit-bar/index.vue

 <template>
   <view class="u-flex bottom" :style="customStyle">
-	 <view class="select-view">
-		<view class="u-flex bottom-left" v-if="showChecked">
+	 <view class="select-view" v-if="showChecked">
+      <view class="u-flex bottom-left">
         <view class="left-list"><u-checkbox icon-size="28" size="40" v-model="checked" @change="selectAll" shape="circle"/></view>
         <view class="left-list">全选</view>
       </view>
       <view class="u-flex bottom-center">
         <view class="center-list">已选择 {{ partNum }} 种</view>
-		  <view class="center-list">合计：<text class="num"> {{ num }} </text> 件</view>
+        <view class="center-list">共：<text class="num"> {{ num }} </text> 件</view>
       </view>
     </view>
+    <view class="u-flex select-num" v-if="!showChecked">
+      <view class="num-left">
+        <u-badge type="error" :show-zero="true" :count="partNum" :offset="[0, 0]"></u-badge>
+        <u-image width="72rpx" height="72rpx" :lazy-load="false" :src="partsImage"></u-image>
+      </view>
+      <view class="num-right">共：<text class="num"> {{ num }} </text> 件</view>
+    </view>
     <view class="u-flex bottom-right">
       <button :class="['btn', btnActive]" @click="submit">{{ submitTxt }}</button>
     </view>
@@ -66,6 +73,9 @@
 			}
 		},
     computed: {
+      partsImage() {
+        return process.uniEnv.qn_base_url + 'part_num.png'
+      },
       btnActive() {
         return this.btnStatus ? 'btn-active' : ''
       }
@@ -92,18 +102,17 @@
 	.bottom {
     width: 100%;
     height: 180rpx;
-    // background: #fff;
+    background: #fff;
     justify-content: space-between;
-    .u-flex {
-      flex-direction: column;
-      align-items: center;
-    }
     .select-view {
       display: flex;
       align-items: center;
+      .u-flex {
+        flex-direction: column;
+        align-items: center;
       }
       .bottom-left {
-      // margin-left: 30rpx;
+        margin-left: 30rpx;
         .left-list {
           width: 100%;
           &:nth-of-type(1) {
@@ -118,7 +127,7 @@
       .bottom-center {
         flex: 1;
         align-items: flex-start;
-      // margin: 0 20rpx;
+        margin: 0 20rpx;
         .center-list {
           &:nth-of-type(1) {
             color: #666;
@@ -136,9 +145,27 @@
           }
         }
       }
+    }
+    .select-num {
+      flex: 1;
+      .num-left {
+        position: relative;
+        min-width: 92rpx;
+      }
+      .num-right {
+        color: #333;
+        font-size: 32rpx;
+        margin-left: 10rpx;
+        font-weight: bold;
+        .num {
+          color: #2272FF;
+          padding-right: 10rpx;
+        }
+      }
+    }
     .bottom-right {
       width: 360rpx;
-      // margin-right: 20rpx;
+      margin-right: 20rpx;
       .btn {
         width: 100%;
         padding: 30rpx;

src/pages/order/parts.vue

@@ -133,6 +133,8 @@
     .bar {
       width: 100%;
       border-top: 1px solid #F4F5F7;
+      padding: 0 20rpx;
+      background: #fff;
     }
     .empty {
       flex: 1;

src/pages/parts/addParts.vue

@@ -312,6 +312,8 @@ export default {
   .bar {
     width: 100%;
     border-top: 2rpx solid #F4F5F7;
+    padding: 0 20rpx;
+    background: #fff;
   }
 }
 </style>