jufubao-takeorder 1.0.1

package/src/components/CusVipList/CusVipList.vue

@@ -0,0 +1,169 @@
+<template>
+  <view class="vip-list_wrap">
+    <view class="vip_cards-header">
+      <xd-font-icon icon="iconPLUShuiyuan" :size="24" color="#FCBF28"></xd-font-icon>
+      <view class="vip_title">开通会员，本单可省
+        <text class="vip_title-price"> {{$xdUniHelper.divisionFloatNumber(plus_saving_money, 100)}}</text>
+         <!-- <xd-unit :price="plus_saving_money" :isOld="false" :fontSize="24" :iconSize="0.3" style="margin-left: 8rpx;"></xd-unit> -->
+      </view>
+    </view>
+    <view class="vip_cards-body">
+      <view class="vip_card_list">
+        <view class="vip_item" :class="{active: vipCardId==item.vip_card_id}"
+          v-for="item in list" :key="item.vip_card_id"
+          @click="handleChoseVipCard(item)"
+        >
+          <view class="vip_name">{{ item.product_name }}</view>
+          <view class="vip_img">
+            <image :src="item.vip_card_icon"></image>
+          </view>
+          <view class="vip_price">{{ $xdUniHelper.divisionFloatNumber(item.sale_price, 100) }}</view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
+  import XdUnit from "@/components/XdUnit/XdUnit"
+  import getServiceUrl from "@/common/getServiceUrl"
+  export default {
+    components: {
+      XdFontIcon,
+      XdUnit
+    },
+    props: {
+      list: {
+        type: Array,
+        default() {
+          return []
+        }
+      },
+      vip_card_id: {
+        type: Number,
+        default: 0
+      },
+      plus_saving_money: {
+        type: Number,
+        default: 0
+      }
+    },
+    watch: {
+      vip_card_id(val){
+        this.vipCardId = val;
+      },
+      list(val){
+        this.uiList = val.map(item => {
+          item.vip_card_icon = getServiceUrl(item.vip_card_icon, 'size2');
+          return item;
+        });
+      }
+    },
+    data(){
+      return {
+        vipCardId: "",
+        uiList: []
+      }
+    },
+    created(){
+      this.vipCardId = this.vip_card_id;
+      this.uiList = this.list.map(item => {
+        item.vip_card_icon = getServiceUrl(item.vip_card_icon, 'size2');
+        return item;
+      });
+    },
+    methods: {
+      handleChoseVipCard(item){
+        if(this.vipCardId === item.vip_card_id){
+          this.vipCardId = "";
+        }else{
+          this.vipCardId = item.vip_card_id;
+        }
+        this.$emit("choseVipCard", this.vipCardId);
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  .vip-list_wrap{
+    padding: 24rpx 0;
+    background-color: #FFFFFF;
+    .vip_cards-header{
+      padding: 0 40rpx 24rpx;
+      display: flex;
+      align-items: center;
+      border-bottom: 2rpx solid #F6F6F6;
+      .vip_title{
+        color: #86541E;
+        font-size: 24rpx;
+        font-weight: 400;
+        margin-left: 8rpx;
+        display: flex;
+        align-items: center;
+        &-price{
+          color: #FF5A39;
+          font-weight: bold;
+          margin-left: 8rpx;
+        }
+      }
+    }
+    .vip_cards-body{
+      padding: 24rpx 0 0;
+
+      .vip_card_list{
+        width: 100%;
+        overflow: auto;
+        white-space: nowrap;
+        padding: 0 20rpx;
+        box-sizing: border-box;
+
+        .vip_item{
+          width: 160rpx;
+          height: 160rpx;
+          border: 4rpx solid #EEEEEE;
+          background-color: #EEEEEE;
+          border-radius: 24rpx;
+          box-sizing: border-box;
+          display: inline-flex;
+          flex-direction: column;
+          align-items: center;
+          margin: 0 18rpx;
+          padding: 16rpx 0;
+          color: #999999;
+          filter: grayscale(1);
+          &.active{
+            color: #AB6900;
+            border-color: #AB6900;
+            background-color: #FFF8ED;
+            filter: grayscale(0);
+          }
+
+          .vip_name{
+            line-height: 1;
+            font-size: 16rpx;
+            font-weight: 500;
+          }
+          .vip_img{
+            width: 120rpx;
+            height: 60rpx;
+            border-radius: 7rpx;
+            margin: 8rpx 0;
+            display: inline-block;
+            box-sizing: border-box;
+            image{
+              width: 100%;
+              height: 100%;
+            }
+          }
+          .vip_price{
+            line-height: 1;
+            font-size: 36rpx;
+            font-weight: 500;
+          }
+        }
+      }
+    }
+  }
+</style>

package/src/config.app.plus.js

@@ -0,0 +1,6 @@
+'use strict';
+
+export default  {
+  
+}
+

package/src/config.h5.js

@@ -0,0 +1,13 @@
+'use strict';
+
+export default {
+  "type": "test",
+  "NODE_ENV": "development",
+  "UNI_PLATFORM": "h5",
+  "platform": "h5",
+  "viewType": "preview",
+  "isPreview": true,
+  "server": "server",
+  "copypack": "server",
+  "fileDir": "resource"
+}

package/src/config.mp.weixin.js

@@ -0,0 +1,13 @@
+'use strict';
+
+export default {
+  "type": "build",
+  "NODE_ENV": "production",
+  "UNI_PLATFORM": "mp-weixin",
+  "platform": "mp.weixin",
+  "viewType": "preview",
+  "isPreview": true,
+  "server": "server",
+  "copypack": null,
+  "fileDir": "resource"
+}

package/src/config.project.js

@@ -0,0 +1,15 @@
+'use strict';
+
+//#ifdef H5
+import config from "@/config.h5";
+//#endif
+
+//#ifdef MP-WEIXIN
+import config from "@/config.mp.weixin";
+//#endif
+
+//#ifdef APP-PLUS
+import config from "@/config.app.plus";
+//#endif
+
+export default config;

package/src/get.package.path.js

@@ -0,0 +1,22 @@
+'use strict';
+
+/**
+ * @description 第三方库
+ * @param threePackagePath {String} 第三方库所在项目路径存放路径路
+ * @param packname {String} 包名字
+ * @returns {string|*}
+ */
+const getPackagePath = (threePackagePath, packname = 'gxd-commands-bussiness')=>{
+  if(packname === 'gxd-commands-bussiness') {
+    return `/Users/shiyonggao/Desktop/code/BASE/UNIAPP/xd-commands-bussiness/${threePackagePath}`;
+  }
+
+  if (packname === 'gxd-uni-library-editx') {
+    return `/Users/shiyonggao/Desktop/code/BASE/UNIAPP/xd-uni-library-editx/${threePackagePath}`;
+  }
+
+};
+
+module.exports = {
+  getPackagePath
+}

package/src/mixins/cardListMixins.js

@@ -0,0 +1,187 @@
+'use strict';
+import {mapMutations, mapState} from "vuex";
+
+export default {
+  data() {
+    return {
+      ajaxCardList: null, //接口返回原始数据
+
+      //卡券列表
+      cardOrgList:[], //原始数据
+      cardList:null, //计算后的卡列表
+      cardPageNum: 0, //当前页面
+      cardPageLen: 10, //每页获取数据调试
+      cardComputedList:[], //当前获取的数据列表
+      cardLoading: false, //加载状态值设置
+      cardNextTop: 0, //计算到每一个节点的距离顶部Top值
+      contentStatus: false, //内容框是否已经进行过计算距离顶部Top值状态
+      hasContent: true, //是否可以进行继续加载状态
+      cardIndex: 0,
+
+      //转换按钮
+      hasChangeStatus: false,//是否有转换按钮
+
+      cardItemEntry: '//img.jufubao.cn/component/card/card_item_entry.png?v1=11',
+      cardItem: '//img.jufubao.cn/component/card/card_item.png?v1=11',
+
+      showStatus:false,
+
+    }
+  },
+  computed:{
+    ...mapState(['srollPreview'])
+  },
+  created(){
+    this.setSrollPreview({
+      pageWindowPrevStart: 0,
+      pageWindowPrevEnd: uni.getSystemInfoSync().safeArea.height,
+    });
+    this.showStatus = true;
+  },
+
+
+  methods:{
+    ...mapMutations(['setSrollPreview']),
+
+    onJfbHide(){
+      this.showStatus = false;
+    },
+
+    onJfbShow(options){
+      this.showStatus = true;
+      this.clearDefault();
+      this.onJfbLoad(options);
+    },
+
+    setCardItemShow({height , top},index){
+
+      //预览模式只获取10条
+      if(this.$configProject.isPreview) {
+        //console.log(this.cardPageLen, index, this.cardPageLen > index)
+        return this.cardPageLen > index;
+      }
+
+      //打包模式
+      let fiexd = 50;
+      let boxTop = top + height + fiexd;
+      let boxBottom = top - (fiexd);
+      let {pageWindowPrevStart, pageWindowPrevEnd} = this.srollPreview;
+
+      //console.log(height,top,pageWindowPrevStart,pageWindowPrevEnd)
+      return boxTop > pageWindowPrevStart && boxBottom < pageWindowPrevEnd;
+    },
+
+    getBoxTop(){
+      return new Promise((resolve, reject)=>{
+        const query = uni.createSelectorQuery().in(this);
+        query.select('.card-content').boundingClientRect(data=>{
+          this.cardNextTop = data.top;
+          this.contentStatus = true;
+          resolve();
+        }).exec()
+      })
+
+    },
+
+    async handleCardComputed(paddingBottom=30){
+      this.$xdShowLoading({});
+      if(this.contentStatus === false)  await this.getBoxTop();
+      this.$nextTick(()=>{
+        const query = uni.createSelectorQuery().in(this);
+        query.selectAll('.computed-box').boundingClientRect(data => {
+          let arr = data.map(item=>{
+            let card =  this.cardComputedList.filter(it=>{
+              return item.dataset.card === it.card_number;
+            })[0];
+            card['height'] = item.height;
+            card['top'] =  this.cardNextTop;
+            card['index'] = this.cardIndex;
+            this.cardNextTop =  this.cardNextTop + card['height'] +  (paddingBottom * this.$rpxNum);
+            this.cardIndex++;
+            return card
+          });
+          this.cardList = (this.cardList||[]).concat(arr);
+          this.$xdHideLoading();
+        }).exec();
+      })
+    },
+
+    handleCardInit(cardList,type,paddingBottom =30){
+      let newCardList = this.$xdUniHelper.cloneDeep(cardList);
+      let validCardList = this.getCardGroupItem(newCardList.list.filter((item) => {
+        // 判断type是否为'is_valid'
+        if (type === 'is_valid') {
+          // 如果是，则返回item.is_transfering是否不等于'Y'
+          return item[type] === 'Y' && item.is_transfering !== 'Y';
+        } else if(type === 'is_exchange') {
+          // 如果是，则返回item.is_transfering是否不等于'Y'
+          return item[type] === 'Y' && item.is_transfering !== 'Y';
+        } else {
+          // 否则，返回item[type]是否等于'Y'
+          return item[type] === 'Y';
+        }
+      }), newCardList['site_entry_settings']).map((item,index)=>{
+        item['index'] = index;
+        return item
+      });
+      console.log(validCardList,'validCardListvalidCardList');
+
+
+      this.cardOrgList = this.$xdUniHelper.cloneDeep(validCardList);
+      console.warn(`cardOrgList:${this.cardOrgList.length}`)
+      this.cardComputedList = this.$xdUniHelper.cloneDeep(this.cardOrgList).slice(this.cardPageNum,this.cardPageLen);
+      if(this.cardComputedList.length < this.cardPageLen) {
+        this.hasContent = false;
+      }
+      this.handleCardComputed(paddingBottom).then().catch();
+    },
+
+    onJfbScroll({e}){
+      if(this.showStatus) {
+        this.setSrollPreview({
+          pageWindowPrevStart: e.scrollTop,
+          pageWindowPrevEnd:e.scrollTop + uni.getSystemInfoSync().safeArea.height
+        })
+      }
+    },
+
+    onJfbReachBottom(){
+      //加载在不处理,无下一页不处理，当前也为0不处理
+      if(this.cardLoading || !this.hasContent || this.cardPageNum === 0) return;
+      this.cardLoading = true;
+      this.$xdShowLoading({});
+      this.$nextTick(()=>{
+        setTimeout(()=>{
+          this.cardLoading = false;
+          this.$xdHideLoading();
+          this.cardComputedList = this.$xdUniHelper.cloneDeep(this.cardOrgList).slice(
+            this.cardPageNum*this.cardPageLen,
+            this.cardPageNum*this.cardPageLen + this.cardPageLen
+          );
+          this.handleCardComputed().then().catch();
+          if(this.cardComputedList.length < this.cardPageLen) {
+            this.hasContent = false;
+          }
+          this.cardPageNum++;
+        },500)
+      })
+
+    },
+
+    clearDefault(){
+      this.cardOrgList = [];
+      this.cardList = null;
+      this.cardPageNum = 0;
+      this.cardComputedList = [];
+      this.cardLoading = false;
+      this.cardNextTop = 0;
+      this.contentStatus = false;
+      this.hasContent = true;
+      this.cardIndex = 0;
+      this.ajaxCardList = null;
+      //this.hasChangeStatus = false;
+    }
+  }
+}
+
+

package/src/mixins/colorCardMixins.js

@@ -0,0 +1,122 @@
+'use strict';
+import {mapActions, mapMutations} from 'vuex';
+import storage from "@/common/storage";
+import getServiceUrl from "@/common/getServiceUrl";
+
+export default {
+  data() {
+    return {
+      colorObj : {},
+    }
+  },
+
+  created(){
+    this.colorObj = this.$colorConfig || getApp().globalData.$colorConfig;
+  },
+
+  methods: {
+    stringToNumber(str) {
+      let result = 0;
+      let len = str.length;
+      for (let i = 0; i < len; i++) {
+        result = result + str.charCodeAt(i) + i;
+      }
+      return result;
+    },
+    getCardThemes(name , disabled='N') {
+      let colorLen = this.colorObj.cardThemesColor.length;
+      let imgLen =  this.colorObj.cardThemesImage.length;
+      let colorIndex = this.stringToNumber(name) % colorLen;
+      let imgIndex = this.stringToNumber(name) % imgLen;
+      return {
+        color: disabled === 'N' ?  this.colorObj.cardThemesColor[colorIndex]: this.getDisabledColor(),
+        image:  this.colorObj.cardThemesImage[imgIndex],
+      }
+    },
+    getEntry(codes = [], allEntry = []) {
+      //无支持业务线或者未配置业务入口
+      if (codes.length === 0 || allEntry.length === 0) return [];
+
+      let support = [];
+      codes.map(bus => {
+        allEntry.map(it => {
+          it['image_url'] = getServiceUrl(it['image_url'])
+          if (bus === it['business_code']) {
+            support.push(it);
+          }
+        })
+      });
+      return support
+    },
+
+    filterNotSupportEntry(allEntry){
+      let isH5FilterEntryList = [];
+      let isMpFilterEntryList = [];
+      allEntry =  allEntry.map(item=>{
+        try {
+          if(!item.redirect_data) item.redirect_data = null;
+          else {
+            item.redirect_data = JSON.parse(item.redirect_data);
+            item.redirect_data.appType = item.redirect_data.appType || 'h5';
+          }
+        }catch (e){
+          item.redirect_data = null
+        }
+        return item;
+      })
+        .filter(item=>{
+          //地址不存在
+          if(!item.redirect_data) return false
+
+          //#ifdef H5
+          //在H5平台应用中不可跳转到微信小程序应用
+          if(item.redirect_data.appType === 'wxmp'){
+            isH5FilterEntryList.push(item)
+          }
+          return item.redirect_data.appType !== 'wxmp';
+          //#endif
+
+          //#ifdef MP-WEIXIN
+          const dir = item['redirect_data'].dir;
+          const actDir = this.projectAttr['deploy_dir'];
+          if(item.redirect_data.appType === 'wxmp') {
+            if(dir !== actDir) isMpFilterEntryList.push(item)
+            return dir === actDir;
+          }
+          return true
+          //#endif
+
+        });
+
+      //#ifdef MP-WEIXIN
+      console.warn(`微信小程序端被过滤的入口列表：${JSON.stringify(isMpFilterEntryList.map(item=> `${item.redirect_data.appType}:${item.entry_name}:${item.redirect_data['frontPath']}`),null,2)}`)
+      //#endif
+      //#ifdef H5
+      console.warn(`H5端被过滤的入口列表：${JSON.stringify(isH5FilterEntryList.map(item=> `${item.redirect_data.appType}:${item.entry_name}:${item.redirect_data['frontPath']}`),null,2)}`)
+      //#endif
+      console.warn(`福利入口链接列表:${JSON.stringify(allEntry.map(item=> `${item.redirect_data.appType}:${item.redirect_data.appType === 'h5'?(item.redirect_data['site_url'] || item.redirect_data['path']) :item.redirect_data['path']}`),null,2)}`);
+
+      return allEntry
+    },
+
+    getCardGroupItem(list, allEntry, disabled='N') {
+      list.map(item => {
+        //设置卡片样式
+        item['theme'] = this.getCardThemes(item['card_type_name'], disabled);
+        item['entries'] = this.getEntry(item['business_codes'], allEntry)
+      });
+      return list
+    },
+
+    getDisabledColor(){
+      return  this.colorObj.disableColor
+    },
+    getMergBg(disabled = 'Y'){
+      return disabled === 'Y' ?  this.colorObj['mergIcon'][1]
+        :  this.colorObj['mergIcon'][0]
+    },
+    getNoData(){
+      return this.colorObj.nodata
+    }
+  }
+}