jufubao-base 1.0.159-beta16 → 1.0.159-beta18

package/src/components/JfbBaseCardDisabled/JfbBaseCardDisabled.vue

@@ -81,7 +81,7 @@
                   @click.stop="handleUnBindCard(item)"
                   v-if="isShowUnbind"
                   :style="{ background: '#fff',color:'#999',border: '1px solid #999' }"
-                  >解绑</view>
+                >解绑</view>
               </view>
             </view>
           </view>
@@ -110,7 +110,7 @@ export default {
   data() {
     return {
       disableList: [],
-      isShowUnbind: false,
+      isShowUnbind: true,
       loadingList: true,
     };
   },
@@ -138,7 +138,7 @@ export default {
       })
         .then((res) => {
           this.loadingList = false;
-          this.isShowUnbind = (res["is_can_unbind"] === 'Y' || res["is_can_unbind"] === undefined);
+          //this.isShowUnbind = (res["is_can_unbind"] === 'Y' || res["is_can_unbind"] === undefined);
           res.list = res.list.map((item) => {
             return {
               ...item,

package/src/components/JfbBaseCardDisabledEntry/JfbBaseCardDisabledEntry.vue

@@ -169,7 +169,7 @@ export default {
   mixins: [componentsMixins, extsMixins, JfbBaseCardDisabledEntryMixin, colorCardMixins, cardListMixins],
   data() {
     return {
-      isShowUnbind: false,
+      isShowUnbind: true,
       isShowIndex:false,
     };
   },
@@ -200,7 +200,7 @@ export default {
       this.$xdShowLoading({});
       jfbRootExec("getDisableCardListEntry", {vm: this, data: {is_all: "Y", is_show_entry_settings: 'Y'},})
         .then((res) => {
-          this.isShowUnbind = (res["is_can_unbind"] === 'Y' || res["is_can_unbind"] === undefined);
+          //this.isShowUnbind = (res["is_can_unbind"] === 'Y' || res["is_can_unbind"] === undefined);
           res.list = res.list.map((item) => {
             return {
               ...item,

package/src/components/JfbBaseCardEntry/Attr.js

@@ -252,6 +252,18 @@ export default {
       inline: false,
       notice: '请配置温馨提示内容，未配置的情况将不显示此模块',
     },
+    {
+      label: '票券已登录文案:',
+      ele: 'el-input',
+      type: 'text',
+      valueKey: 'logged_name',
+      groupKey:'content',
+      value: '',
+      placeholder: '请输入票券已登录文案',
+      className: 'input80',
+      inline: false,
+      notice: '当未设置文案时候，前台页面显示为"<span style="color:red">已登录</span>"，建议不超过<span style="color:red">4</span>个汉字'
+    },
     {
       label: "是否展示核销二维码",
       ele: "xd-radio",

package/src/components/JfbBaseCardEntry/JfbBaseCardEntry.vue

@@ -173,7 +173,12 @@
               }"
             >
               <view class="card-list-warp" :style="{backgroundImage: 'url('+ item['theme']['image'] +')'}">
-                <view class="card-list__title"><view>{{item['card_type_name']}}</view></view>
+                <view class="card-list__title">
+                  <view>
+                    <view>{{item['card_type_name']}}</view>
+                    <view v-if="item['is_login'] === 'Y'"><text></text><text>已登录</text></view>
+                  </view>
+                </view>
                 <view class="card-list__content">
                   <view>
                     <text>券号：</text>
@@ -957,16 +962,44 @@ export default {
     align-items: center;
 
     & > view {
-      padding: 0 unit(80, rpx);
+      padding: 0 unit(40, rpx);
       font-size: unit(24, rpx);
       line-height: unit(56, rpx);
       background: rgba(102, 102, 102, 0.4);
       color: #fff;
       border-radius: 0 0 unit(16, rpx) 0;
+      display: flex;
+      justify-content: center;
+      align-items: center;
 
       .skeleton-card &{
         .skeleton-item(120rpx, 50rpx, 0 0 16rpx 0, #EEEEEE);
       }
+
+      & > view:nth-child(2) {
+        height: 36rpx;
+        line-height: 36rpx;
+        background-color: rgb(41, 203, 151);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        margin-left: 30rpx;
+        padding: 0 20rpx;
+        border-radius: 8rpx;
+
+        & > text:nth-child(1) {
+          width: 10rpx;
+          height: 10rpx;
+          border-radius: 50%;
+          background-color: #fff;
+          margin-right: 10rpx;
+        }
+
+        & > text:nth-child(2) {
+          font-size: 24rpx;
+        }
+      }
+
     }
 
   }

package/src/components/JfbBaseCardEntry/Mock.js

@@ -14,6 +14,7 @@ module.exports = {
       "other_card_point": 0,
       "is_exchange": "N",
       "card_point_type": 1,
+      "is_login":'Y',
       "business_codes": ["health"]
     }, {
       "card_number": "121000100000028",

package/src/components/JfbBaseCardV2/Attr.js

@@ -17,7 +17,32 @@ export default {
         placeholder: '请输入票券登录文案',
         className: 'input80',
         inline: false,
-        notice: '当未设置文案时候，前台页面显示未"登录"'
+        notice: '当未设置文案时候，前台页面显示为"<span style="color:red">登录</span>"，建议不超过<span style="color:red">4</span>个汉字'
+      },
+      {
+        label: '票券已登录文案:',
+        ele: 'el-input',
+        type: 'text',
+        valueKey: 'logged_name',
+        groupKey:'content',
+        value: data.logged_name || '',
+        placeholder: '请输入票券已登录文案',
+        className: 'input80',
+        inline: false,
+        notice: '当未设置文案时候，前台页面显示为"<span style="color:red">已登录</span>"，建议不超过<span style="color:red">4</span>个汉字'
+      },
+
+      {
+        label: '票券查看文案:',
+        ele: 'el-input',
+        type: 'text',
+        valueKey: 'look_name',
+        groupKey:'content',
+        value: data.look_name || '',
+        placeholder: '请输入票券查看文案',
+        className: 'input80',
+        inline: false,
+        notice: '当未设置文案时候，前台页面显示为"<span style="color:red">查看</span>"，建议不超过<span style="color:red">4</span>个汉字'
       },
       {
         label: '填充设置:',
@@ -30,7 +55,19 @@ export default {
         },
         placeholder: '请设填充距设置',
         inline: false,
-        notice: '填充设置，<span style="color: red">单位：像素</span>。默认值：20像素',
+        notice: '填充设置，<span style="color: red">单位：像素</span>。默认值：<span style="color:red">20</span>像素',
+      },
+      {
+        label: '列表间距:',
+        ele: 'el-input',
+        type: 'text',
+        valueKey: 'list_sp',
+        value: data['list_sp'] || '',
+        placeholder: '请输入列表间距',
+        className: 'input80',
+        groupKey: 'style',
+        inline: false,
+        notice: '列表间距，单位：像素，默认值：<span style="color:red">20</span>像素'
       },
       {
         label: '卡券详情地址:',

package/src/components/JfbBaseCardV2/JfbBaseCardV2.vue

@@ -38,7 +38,7 @@
                   <view class="jfb-base-card__body-card-item-right-bottom-info-residue"></view>
                   <view class="jfb-base-card__body-card-item-right-bottom-info-deduction"></view>
                 </view>
-                <view :style="{ background: mainColor }"></view>
+                <view :style="{ background: '#F2F2F2' }"></view>
               </view>
             </view>
           </view>
@@ -47,26 +47,35 @@
       <template v-else>
         <view
           class="jfb-base-card__body-card"
-          :style="{
-            margin: marginUi,
-          }"
+          :style="{padding: marginUi}"
         >
           <view
             v-for="(item, index) in cardList"
             :key="index"
             @click="handleBindLogin(item)"
             class="jfb-base-card__body-card-item"
+            :style="{
+              marginBottom: list_sp + 'rpx',
+              backgroundColor:(item['is_login'] === 'Y'? mainBorderColor : '#fff'),
+              borderColor:`${item['is_login'] === 'Y'? mainSubBorderColor:'#eeeeee'}`
+            }"
           >
             <view class="jfb-base-card__body-card-item-left">
               <xd-font-icon
                 size="100"
-                color="#8D5F18"
-                icon="iconyouhuiquan1-011"
+                :color="mainColor"
+                :icon="item['is_login'] === 'Y'?'iconkaquandengluchenggong':'iconyouhuiquan1-011'"
               ></xd-font-icon>
-              <view>{{login_name}}</view>
+              <view :style="{color: item['is_login'] === 'Y'?mainColor :''}">{{ item['is_login'] === 'Y'? logged_name : login_name}}</view>
             </view>
-            <view class="jfb-base-card__body-card-item-right">
-              <view class="jfb-base-card__body-card-item-right-top">
+            <view
+              class="jfb-base-card__body-card-item-right"
+              :style="{borderColor: item['is_login'] === 'Y'? mainSubBorderColor:'#eeeeee'}"
+            >
+              <view
+                class="jfb-base-card__body-card-item-right-top"
+                :style="{borderColor: item['is_login'] === 'Y'? mainSubBorderColor:'#eeeeee'}"
+              >
                 <view>
                   <xd-font-icon
                     icon="iconkaquan"
@@ -85,10 +94,7 @@
                   <view class="jfb-base-card__body-card-item-right-bottom-info-residue">剩余{{ item.unit }}数：{{ item.card_point }}{{ item.unit }}</view>
                   <view class="jfb-base-card__body-card-item-right-bottom-info-deduction">购买其他物品可抵：{{ item.other_card_point }}</view>
                 </view>
-                <view
-                  @click.stop="toDetail(item)"
-                  :style="{ background: mainColor }"
-                >查看</view>
+                <view @click.stop="toDetail(item)" :style="{ background: mainColor }">{{look_name}}</view>
               </view>
             </view>
           </view>
@@ -121,6 +127,7 @@
   import extsMixins from "@/mixins/extsMixins";
   import {Base64} from "js-base64";
   import {mapState} from "vuex";
+  import Color from "color";
 
   export default {
     name: "JfbBaseCardV2",
@@ -135,19 +142,19 @@
       return {
         cardList: [],
         inCallback: "",
+        mainBorderColor:'',
+        mainSubBorderColor:'',
 
         //面板
         cardInfoPath: "", //卡券详情
         cardBindPath: "",
         orderListPath: "",
         login_name:'',
-        margin: {
-          top: 0,
-          left: 0,
-          bottom: 0,
-          right: 0
-        },
+        look_name:'',
+        logged_name:'',
+        margin: {},
         loadingCardList: true,
+        list_sp:20,
 
         inCallbackUrlOrg:'',//是否带有回调地址
       }
@@ -165,11 +172,17 @@
         return this.fixedStyle({paddingBottom: 0, zIndex: 111})
       },
       marginUi() {
-        return `${this.margin.top || 0}rpx ${this.margin.right || 0}rpx ${this.margin.bottom || 0}rpx ${this.margin.left || 0}rpx`
+        let str = `${this.checkValue(this.margin.top, 20)}rpx`;
+        str = `${str} ${this.checkValue(this.margin.right, 20)}rpx`;
+        str = `${str} ${this.checkValue(this.margin.bottom, 20)}rpx`;
+        str = `${str} ${this.checkValue(this.margin.left, 20)}rpx`;
+        return str
       },
     },
     created() {
       this.init(this.container);
+      this.mainBorderColor = Color(this.mainColor).alpha(0.05).toString();
+      this.mainSubBorderColor = Color(this.mainColor).alpha(0.1).toString();
     },
     methods: {
       onJfbLoad(options) {
@@ -216,7 +229,11 @@
         this.cardBindPath = getContainerPropsValue(container, "content.cardBindPath", {value: ""}).value;
         this.orderListPath = getContainerPropsValue(container, "content.orderListPath", {value: ""}).value;
         this.login_name = getContainerPropsValue(container, "content.login_name", "登录");
-        this.margin = getContainerPropsValue(container, 'content.margin', {top: 0, left: 0, bottom: 0, right: 0});
+        this.margin = getContainerPropsValue(container, 'content.margin', {});
+        this.look_name =  getContainerPropsValue(container, 'content.look_name', '查看');
+        this.logged_name =  getContainerPropsValue(container, 'content.logged_name', '已登录');
+        this.list_sp = getContainerPropsValue(container, 'content.list_sp', 20);
+
       },
 
       handleBindLogin(item){
@@ -317,9 +334,13 @@
         display: flex;
         align-items: center;
         justify-content: flex-start;
-        border: unit(2, rpx) solid #eeeeeeff;
+        border: unit(2, rpx) solid #eee;
         border-radius: unit(20, rpx);
-        margin-bottom: unit(30, rpx);
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+
 
         &-left {
           width: unit(200, rpx);
@@ -394,13 +415,14 @@
             }
 
             & > view:nth-child(2) {
-              width: unit(80, rpx);
+              min-width: unit(80, rpx);
               height: unit(40, rpx);
               border-radius: unit(20, rpx);
               font-size: unit(22, rpx);
               color: #fff;
               text-align: center;
               line-height: unit(40, rpx);
+              padding: 2rpx 10rpx;
             }
           }
         }

package/src/components/JfbBaseCardV2/Mock.js

@@ -8,17 +8,18 @@ module.exports = {
       "card_point": 100000000,
       "card_type_name": "聚福宝福卡测试蛋糕",
       "unit": "",
-      "end_time": "2024-10-31 23:59:59",
+      "end_time": "2024-10-31",
       "is_valid": "Y",
       "main_product_name": "",
       "other_card_point": 0,
-      "is_exchange": "N"
+      "is_exchange": "N",
+      "is_login":"Y"
     }, {
       "card_number": "101001000005193",
       "card_point": 99963600,
       "card_type_name": "聚福宝福卡测试蛋糕",
       "unit": "次",
-      "end_time": "2024-10-31 23:59:59",
+      "end_time": "2024-10-31",
       "is_valid": "Y",
       "main_product_name": "",
       "other_card_point": 0,
@@ -28,7 +29,7 @@ module.exports = {
       "card_point": 100000000,
       "card_type_name": "聚福宝福卡测试蛋糕",
       "unit": "",
-      "end_time": "2024-10-31 23:59:59",
+      "end_time": "2024-10-31",
       "is_valid": "Y",
       "main_product_name": "",
       "other_card_point": 0,
@@ -38,7 +39,7 @@ module.exports = {
       "card_point": 99631000,
       "card_type_name": "聚福宝福卡测试蛋糕",
       "unit": "点",
-      "end_time": "2024-10-31 23:59:59",
+      "end_time": "2024-10-31",
       "is_valid": "Y",
       "main_product_name": "",
       "other_card_point": 0,
@@ -48,7 +49,7 @@ module.exports = {
       "card_point": 1400,
       "card_type_name": "聚福宝福卡测试蛋糕",
       "unit": "",
-      "end_time": "2025-05-03 23:59:59",
+      "end_time": "2025-05-03",
       "is_valid": "Y",
       "main_product_name": "",
       "other_card_point": 0,
@@ -58,7 +59,7 @@ module.exports = {
       "card_point": 0,
       "card_type_name": "聚福宝测试C40",
       "unit": "次",
-      "end_time": "2025-05-03 23:59:59",
+      "end_time": "2025-05-03",
       "is_valid": "Y",
       "main_product_name": "",
       "other_card_point": 0,
@@ -68,7 +69,7 @@ module.exports = {
       "card_point": 3600,
       "card_type_name": "聚福宝福卡测试蛋糕",
       "unit": "",
-      "end_time": "2025-05-03 23:59:59",
+      "end_time": "2025-05-03",
       "is_valid": "Y",
       "main_product_name": "",
       "other_card_point": 0,
@@ -78,7 +79,7 @@ module.exports = {
       "card_point": 0,
       "card_type_name": "聚福宝测试C40",
       "unit": "次",
-      "end_time": "2025-05-03 23:59:59",
+      "end_time": "2025-05-03",
       "is_valid": "Y",
       "main_product_name": "",
       "other_card_point": 0,
@@ -88,7 +89,7 @@ module.exports = {
       "card_point": 10000000,
       "card_type_name": "聚福宝福卡测试蛋糕",
       "unit": "点",
-      "end_time": "2024-02-03 23:59:59",
+      "end_time": "2024-02-03",
       "is_valid": "Y",
       "main_product_name": "",
       "other_card_point": 0,
@@ -98,7 +99,7 @@ module.exports = {
       "card_point": 1000000,
       "card_type_name": "聚福宝福卡测试蛋糕",
       "unit": "点",
-      "end_time": "2024-02-23 23:59:59",
+      "end_time": "2024-02-23",
       "is_valid": "Y",
       "main_product_name": "",
       "other_card_point": 0,

package/src/components/JfbBaseCardV3/Attr.js

@@ -17,7 +17,19 @@ export default {
         placeholder: '请输入票券登录文案',
         className: 'input80',
         inline: false,
-        notice: '当未设置文案时候，前台页面显示为"<span style="color:red">登录</span>"'
+        notice: '当未设置文案时候，前台页面显示为"<span style="color:red">登录</span>"，建议不超过<span style="color:red">4</span>个汉字'
+      },
+      {
+        label: '票券已登录文案:',
+        ele: 'el-input',
+        type: 'text',
+        valueKey: 'logged_name',
+        groupKey:'content',
+        value: data.logged_name || '',
+        placeholder: '请输入票券已登录文案',
+        className: 'input80',
+        inline: false,
+        notice: '当未设置文案时候，前台页面显示为"<span style="color:red">已登录</span>"，建议不超过<span style="color:red">4</span>个汉字'
       },
       {
         label: '绑定新票券地址:',

package/src/components/JfbBaseCardV3/JfbBaseCardV3.vue

@@ -20,9 +20,11 @@
       </view>
       <template v-else>
         <view class="card_list" v-if="cardList.length">
-          <xd-card-v2 v-for="(item, index) in cardList"
+          <xd-card-v2
+            v-for="(item, index) in cardList"
             :mainColor="mainColor"
             :login-name="login_name"
+            :logged-name="logged_name"
             :key="index"
             :cardInfo="item"
             :tabIndex="1"
@@ -73,6 +75,7 @@
         changeUrl: "",
         detailUrl: "",
         login_name:'',
+        logged_name:'',
         loadingCardList: true,
 
         inCallbackUrlOrg:'',//是否带有回调地址
@@ -136,6 +139,7 @@
         this.changeUrl = getContainerPropsValue(container, "content.changeUrl", {value: ""}).value;
         this.detailUrl = getContainerPropsValue(container, "content.detailUrl", {value: ""}).value;
         this.login_name = getContainerPropsValue(container, "content.login_name", "登录");
+        this.logged_name = getContainerPropsValue(container, "content.logged_name", "已登录");
       },
       toBindCard(){
         let path = this.getUrlCallback(this.cardBindPath)

package/src/components/JfbBaseCardV3/Mock.js

@@ -1,5 +1,5 @@
 'use strict';
 
 module.exports = {
-  aaaa: {}
+  getListCardBindV3: {}
 }

package/src/components/JfbBaseMultipleExpress/Attr.js

@@ -7,6 +7,15 @@ export default {
   style: [],
   content: (data) => {
     return [
+      {
+        label: '品牌文字颜色:',
+        ele: 'xd-color',
+        valueKey: 'brandTextColor',
+        groupKey:'style',
+        value: data['brandTextColor'] || null,
+        placeholder: '请选择品牌文字颜色',
+        classNmae: 'input80',
+      },
       {
         label: '物流详情路径:',
         ele: 'xd-select-pages-path',

package/src/components/JfbBaseMultipleExpress/JfbBaseMultipleExpress.vue

@@ -10,9 +10,7 @@
       :class="{ editx: isEditx && active }"
       v-if="isEditx && active"
     >
-      <view class="jfb-base-multiple-express__edit-icon" @click="delEdit"
-        >删除</view
-      >
+      <view class="jfb-base-multiple-express__edit-icon" @click="delEdit">删除</view>
     </view>
     <!-- #endif -->
     <view class="jfb-base-multiple-express__body" v-if="express.length > 0">
@@ -36,8 +34,7 @@
           <view
             class="jfb-base-multiple-express__body-express-number-copy"
             @click="copy(item.logistics_number)"
-            >复制单号</view
-          >
+          >复制单号</view>
         </view>
         <view
           class="jfb-base-multiple-express__body-express-product"
@@ -46,30 +43,22 @@
           <view
             :style="{ color: mainColor }"
             class="jfb-base-multiple-express__body-express-product-status"
-            >{{ item.sub_order_status_text }}</view
-          >
+          >{{ item.sub_order_status_text }}</view>
           <view
             class="jfb-base-multiple-express__body-express-product-content"
             v-for="(Sitem, Sindex) in item.showList"
             :key="Sindex"
           >
-            <image
-              :src="Sitem.thumb"
-              style="background: #ffffff"
-            mode="aspectFit"
-            ></image>
+            <image :src="Sitem.thumb" style="background: #ffffff" mode="aspectFit"></image>
             <view
               class="jfb-base-multiple-express__body-express-product-content-info"
             >
-              <view
-                class="jfb-base-multiple-express__body-express-product-content-info-name"
-                >{{ Sitem.product_name }}</view
-              >
+              <view class="jfb-base-multiple-express__body-express-product-content-info-name">{{ Sitem.product_name }}</view>
+              <view class="brand-name" v-if="Sitem.brand_name" :style="{color:brandTextColor}">{{ Sitem.brand_name }}</view>
               <view
                 v-if="Sitem.sku_name"
                 class="jfb-base-multiple-express__body-express-product-content-info-skuname"
-                >规格：{{ Sitem.sku_name }}</view
-              >
+              >规格：{{ Sitem.sku_name }}</view>
               <view
                 class="jfb-base-multiple-express__body-express-product-content-info-price"
               >
@@ -83,7 +72,7 @@
                 </view>
                 <view v-else></view>
                 <view class="info-price">
-                  x
+                  <text>x</text>
                   <text style="margin-left: 8rpx;">{{ Sitem.num }}</text>
                 </view>
               </view>
@@ -127,6 +116,7 @@ export default {
     return {
       express: [],
       main_order_id: "",
+      brandTextColor:'',
     };
   },
   watch: {
@@ -180,13 +170,8 @@ export default {
      * @param container {object} 业务组件对象自己
      */
     init(container) {
-      this.expressPath = getContainerPropsValue(
-        container,
-        "content.expressPath",
-        {
-          value: "",
-        }
-      ).value;
+      this.expressPath = getContainerPropsValue(container, "content.expressPath", {value: "",}).value;
+      this.brandTextColor = getContainerPropsValue(container, "content.brandTextColor", this.mainColor);
     },
     handleToDetail(item) {
       this.$xdUniHelper.navigateTo({
@@ -289,7 +274,7 @@ export default {
         &-status {
           font-size: unit(24, rpx);
           text-align: right;
-          margin: unit(36, rpx) 0;
+          margin: unit(20, rpx) 0;
         }
 
         &-content {
@@ -310,7 +295,14 @@ export default {
             flex-direction: column;
             justify-content: space-between;
             margin-left: unit(24, rpx);
-            height: unit(160, rpx);
+            min-height: unit(160, rpx);
+
+            .brand-name {
+              font-size: 24rpx;
+              margin-bottom: 6rpx;
+              .uni-max-cut(2, 64);
+              line-height: 32rpx;
+            }
 
             &-name {
               font-size: unit(32, rpx);