jufubao-base 1.0.61-beta5 → 1.0.61

package/src/components/JfbBaseCardDisabledEntry/cardListMixins.js

@@ -0,0 +1,136 @@
+'use strict';
+import {mapState,mapMutations} from "vuex";
+
+export default {
+  data() {
+    return {
+      ajaxCardList: null, //接口返回原始数据
+
+      //卡券列表
+      cardOrgList:[], //原始数据
+      cardList:null, //计算后的卡列表
+      cardPageNum: 0, //当前页面
+      cardPageLen: 5, //每页获取数据调试
+      cardComputedList:[], //当前获取的数据列表
+      cardLoading: false, //加载状态值设置
+      cardNextTop: 0, //计算到每一个节点的距离顶部Top值
+      contentStatus: false, //内容框是否已经进行过计算距离顶部Top值状态
+      hasContent: true, //是否可以进行继续加载状态
+
+      //转换按钮
+      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'
+    }
+  },
+  computed:{
+    ...mapState(['srollPreview'])
+  },
+
+  created() {
+    this.setSrollPreview({
+      pageWindowPrevStart: 0,
+      pageWindowPrevEnd: uni.getSystemInfoSync().safeArea.height,
+    });
+  },
+
+  methods:{
+    ...mapMutations(['setSrollPreview']),
+    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;
+      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;
+            this.cardNextTop =  this.cardNextTop + card['height'] +  (paddingBottom * this.$rpxNum)
+            return card
+          });
+          this.cardList = (this.cardList||[]).concat(arr);
+          this.$xdHideLoading();
+        }).exec();
+      })
+    },
+
+    handleCardInit(cardList, paddingBottom =30){
+      let newCardList = this.$xdUniHelper.cloneDeep(cardList);
+      let validCardList = this.getCardGroupItem(newCardList.list.filter((item) => {
+         return item["is_valid"] === "N";
+      }), newCardList['site_entry_settings'],'Y').map((item,index)=>{
+        item['index'] = index;
+        return item
+      });
+      this.cardOrgList = this.$xdUniHelper.cloneDeep(validCardList);
+      this.cardComputedList = this.cardOrgList.slice(
+        this.cardPageNum*this.cardPageLen,
+        this.cardPageNum*this.cardPageLen + this.cardPageLen
+      );
+      this.handleCardComputed(paddingBottom).then().catch();
+    },
+
+    onJfbReachBottom(){
+      if(this.cardLoading || !this.hasContent) return;
+      this.cardLoading = true;
+      this.$xdShowLoading({});
+      this.cardPageNum++;
+      this.$nextTick(()=>{
+        setTimeout(()=>{
+          this.cardLoading = false;
+          this.$xdHideLoading();
+          this.cardComputedList = 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;
+          }
+        },500)
+      })
+
+    },
+
+    onJfbScroll({e}){
+      this.setSrollPreview({
+        pageWindowPrevStart: e.scrollTop,
+        pageWindowPrevEnd:e.scrollTop + uni.getSystemInfoSync().safeArea.height
+      })
+    },
+
+  }
+}
+
+