jufubao-base 1.0.230 → 1.0.232-beta1

package/package.json

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

package/src/components/JfbBaseCardDelay/Attr.js

@@ -6,6 +6,10 @@
 export default {
   style: [],
   content: (data) => {
+    let cardShow = 'N';
+    if(data.cardShow && ['Y','N'].includes(data.cardShow)) {
+      cardShow = data.cardShow
+    }
     return [
       {
         label: '提示内容:',
@@ -230,6 +234,17 @@ export default {
           }
         },
       },
+      {
+        label: "是否展示票券信息:",
+        ele: "xd-radio",
+        valueKey: "cardShow",
+        value: cardShow,
+        list: [
+          { label: "展示", value: "Y" },
+          { label: "不展示", value: "N" }
+        ],
+        groupKey: "content",
+      },
       {
         label: '票券支付路径:',
         ele: 'xd-select-pages-path',

package/src/components/JfbBaseCardDelay/JfbBaseCardDelay.vue

@@ -16,11 +16,27 @@
     <view class="jfb-base-card-delay__body">
       <view>
         <view class="wrap">
-          <input
-            placeholder="输入券号"
-            v-model.trim="card_number"
-            type="text"
-          />
+          <view>
+            <input
+              placeholder="输入券号"
+              v-model.trim="card_number"
+              type="text"
+            />
+          </view>
+          <view class="card-info" v-if="cardShow ==='Y' && info !== null">
+            <view class="card-info-list">
+              <view>延期券号：</view>
+              <view>{{info.card_number}}</view>
+            </view>
+            <view class="card-info-list">
+              <view>剩余点次：</view>
+              <view>{{info['card_point']}} {{info['unit']}}</view>
+            </view>
+            <view class="card-info-list">
+              <view>过期时间：</view>
+              <view>{{info['end_time']}}</view>
+            </view>
+          </view>
         </view>
         <view v-if="packageList !== null">
           <view v-if="packageList.length > 0" class="package">
@@ -124,7 +140,7 @@ export default {
   data() {
     return {
       notice: "",
-      card_number: "",
+      card_number: "101001000005238",
       backgroundColor: "",
       packageList: null,
       activeIndex: 0,
@@ -132,6 +148,10 @@ export default {
       payPath: "",
       pay_amount: 0,
       successPath: "",
+
+      //票券信息
+      info: null,
+      cardShow:'N',
     };
   },
   computed: {
@@ -160,8 +180,6 @@ export default {
   created() {
     this.backgroundColor = Color(this.mainColor).alpha(0.2).toString();
     this.init(this.container);
-
-    //todo
   },
   methods: {
     onJfbLoad(options) {
@@ -207,9 +225,21 @@ export default {
             this.packageList = res.list;
             this.package_id = this.packageList[0].id;
             this.pay_amount = this.packageList[0].pay_amount;
-          } else {
+          }
+          else {
             this.packageList = [];
           }
+
+          //票券信息
+          if(res && res['card_detail']) {
+            this.info = {
+              card_number: res['card_detail']['card_number'],
+              end_time: res['card_detail']['end_time'],
+              card_point: this.$xdUniHelper.divisionFloatNumber(res['card_detail']['card_point'],100),
+              unit: res['card_detail']['unit']
+            }
+          }
+
         })
         .catch((error) => {
           console.error(error);
@@ -246,12 +276,9 @@ export default {
      * @param container {object} 业务组件对象自己
      */
     init(container) {
-      this.payPath = getContainerPropsValue(container, "content.payPath", {
-        value: "",
-      }).value;
-      this.successPath = getContainerPropsValue(container, "content.successPath", {
-        value: "",
-      }).value;
+      this.payPath = getContainerPropsValue(container, "content.payPath", {value: "",}).value;
+      this.successPath = getContainerPropsValue(container, "content.successPath", {value: "",}).value;
+      this.cardShow = getContainerPropsValue(container, 'content.cardShow', 'Y');
     },
   },
 };
@@ -307,6 +334,30 @@ export default {
         }
       }
     }
+
+    & .card-info {
+      padding: 24rpx 24rpx 0;
+
+      &-list {
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        font-size: 26rpx;
+        line-height: 32rpx;
+        color: #666;
+        padding-bottom: 24rpx;
+        &:last-child {
+          padding-bottom: 0;
+        }
+
+        & > view:first-child {
+          flex-shrink: 0;
+        }
+        & > view:nth-child(2) {
+          flex: 1;
+        }
+      }
+    }
   }
 }
 </style>

package/src/components/JfbBaseCardDetailEntry/JfbBaseCardDetailEntry.vue

@@ -605,8 +605,8 @@ export default {
 
 
     .logo-icon {
-      width: unit(100, rpx) !important;
-      height: unit(100, rpx) !important;
+      width: unit(80, rpx) !important;
+      height: unit(80, rpx) !important;
       position: absolute;
       top: 50%;
       left: 50%;