jufubao-base 1.0.282-beta1 → 1.0.283-beta1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jufubao-base",
-  "version": "1.0.282-beta1",
+  "version": "1.0.283-beta1",
   "private": false,
   "description": "聚福宝业务组件基础插件包",
   "main": "index.js",

package/src/components/JfbBaseOrderDetail/JfbBaseOrderDetail.vue

@@ -281,7 +281,9 @@
           }"
         >{{ticket_method_msg}}</view>
         <!--取票码提示文案-->
+        <!--codes-->
         <view v-if="info.codes && info.codes.length > 0">
+          <!--单条条形码或者二维码-->
           <view
             :style="{
               background: backgroundColor,
@@ -290,11 +292,7 @@
               boxShadow: shadowBox,
               marginBottom: padding + 'rpx',
             }"
-            v-if="
-              info.codes.length === 1 &&
-              (info.codes[0].show_type === 'qrcode' ||
-                info.codes[0].show_type === 'barcode')
-            "
+            v-if="info.codes.length === 1 && (info.codes[0].show_type === 'qrcode' ||  info.codes[0].show_type === 'barcode')"
             class="jfb-base-order-detail__body-card jfb-base-order-detail__body-cashier"
           >
             <view class="jfb-base-order-detail__body-cashier-text">{{info.codes[0].show_type === "qrcode" ? "二维码" : "条形码" }}</view>
@@ -328,6 +326,8 @@
               }"
             >{{ info.codes[0].code_end_time }}</view>
           </view>
+          <!--单条条形码或者二维码-->
+          <!--其他情况显示-->
           <view v-else>
             <view
               :style="{
@@ -340,25 +340,19 @@
               v-for="(item, index) in info.codes"
               :key="index"
             >
-              <view style="
-                  color: #999;
-                  background: #eee;
-                  border-radius: 20rpx;
-                  width: 80rpx;
-                  text-align: center;
-                  vertical-align: middle;
-                  font-size: 24rpx;
-                  padding: 10rpx 0;
-                  margin: 32rpx 0 32rpx 32rpx;
-                ">{{info.codes.length > 10 ? index + 1 : `0${index + 1}` }}</view>
+              <view
+                class="code-index"
+                v-if="info.codes.length > 1"
+              >{{info.codes.length > 10 ? index + 1 : `0${index + 1}` }}</view>
               <view
                 class="jfb-base-order-detail__body-card jfb-base-order-detail__body-num"
                 v-if="item.show_type === 'text' && !item.password"
               >
                 <view class="jfb-base-order-detail__body-num-info">
-                  <view>{{ item.can_read_code }}</view>
+                  <view :class="{food_code:['top'].includes(code_location)}">{{ item.can_read_code }}</view>
                 </view>
                 <view
+                  v-if="!['top'].includes(code_location)"
                   class="jfb-base-order-detail__body-num-info-copy"
                   :style="{fontSize: btnTextSize+'rpx'}"
                   @click="copy(item.code)"
@@ -495,7 +489,9 @@
               </view>
             </view>
           </view>
+          <!--其他情况显示-->
         </view>
+        <!--codes end-->
         <!--shop-->
         <view v-if="info.support_shops && is_show_support_shop === 'Y'">
           <view
@@ -1665,6 +1661,26 @@ export default {
     margin-left: unit(30, rpx);
   }
 }
+.code-index {
+  color: #999;
+  background: #eee;
+  border-radius: 20rpx;
+  width: 80rpx;
+  text-align: center;
+  vertical-align: middle;
+  font-size: 24rpx;
+  padding: 10rpx 0;
+  margin: 32rpx 0 32rpx 32rpx;
+}
+.food_code {
+  color: #333;
+  font-size: 28rpx;
+  text-align: center;
+  font-weight: 400;
+  width: 100%;
+  flex-shrink: 0;
+}
+
 
 .jfb-base-order-detail {
   &__body {