Commit d6e044b9 by 无尘

fix: 修改卡券部分

parent 3c976049
# 公众号 web 项目
> web h5
\ No newline at end of file
> web h5
>注意:部署线上需要修改 `router` 模式为 `history`;
\ No newline at end of file
.card-contain[data-v-14c13cd7]{position:relative;width:100%;padding:.26667rem;background:#f4f5f6}.card-contain .card-contain-inner[data-v-14c13cd7]{width:100%}.card-contain .card-contain-inner .card-brand-list[data-v-14c13cd7]{width:100%;padding:0 .21333rem .21333rem .21333rem;background:#fff;border-radius:.13333rem}.card-contain .card-contain-inner .card-brand-list+.card-brand-list[data-v-14c13cd7]{margin-top:.26667rem}.card-contain .card-contain-inner .card-brand-list .card-brand-title[data-v-14c13cd7]{width:100%;height:1.2rem;line-height:1.2rem;font-size:.37333rem;color:#232326}.card-contain .card-contain-inner .card-brand-list .card-list-cell[data-v-14c13cd7]{width:100%;height:2.66667rem;background-image:url(../img/coupon_bg.99b2feae.png);background-size:100%;background-repeat:no-repeat;border-radius:.13333rem;background-color:rgba(63,187,101,.06);border:.02667rem solid rgba(63,187,101,.16);font-size:.29333rem;color:#333}.card-contain .card-contain-inner .card-brand-list .card-list-cell+.card-list-cell[data-v-14c13cd7]{margin-top:.26667rem}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_top[data-v-14c13cd7]{width:100%;height:.93333rem;line-height:.93333rem;padding:0 .32rem;border-bottom:.02667rem dashed rgba(63,187,101,.16)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-arrow[data-v-14c13cd7]{position:relative}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-arrow_left[data-v-14c13cd7]{position:absolute;left:-.16rem;top:-.16rem;width:.26667rem;height:.26667rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#fff;border-right:.02667rem solid rgba(63,187,101,.3);border-top:.02667rem solid rgba(63,187,101,.3)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-arrow_right[data-v-14c13cd7]{position:absolute;right:-.16rem;top:-.16rem;width:.26667rem;height:.26667rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#fff;border-left:.02667rem solid rgba(63,187,101,.3);border-bottom:.02667rem solid rgba(63,187,101,.3)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_body[data-v-14c13cd7]{width:100%;height:1.73333rem}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_body_left[data-v-14c13cd7]{height:100%;border-right:.02667rem dashed rgba(63,187,101,.13)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_body_right[data-v-14c13cd7]{padding-left:.4rem}.card-contain .card-contain-inner .card-brand-list .show-all[data-v-14c13cd7]{width:100%;height:.85333rem;line-height:1.06667rem;text-align:center}.card-contain .card-contain-inner .card-brand-list .show-all .van-icon-arrow-down[data-v-14c13cd7],.card-contain .card-contain-inner .card-brand-list .show-all .van-icon-arrow-up[data-v-14c13cd7]{vertical-align:middle}
\ No newline at end of file
.van-list__error-text,.van-list__finished-text,.van-list__loading-text{color:#969799;font-size:.34667rem;line-height:1.33333rem;text-align:center}.van-list__loading{text-align:center}.van-list__loading-icon,.van-list__loading-text{display:inline-block;vertical-align:middle}.van-list__loading-icon{width:.42667rem;height:.42667rem;margin-right:.13333rem}.recorde-list-cell+.recorde-list-cell[data-v-0d7282b4]{margin-top:.26667rem}.recorde-list-cell_title[data-v-0d7282b4]{width:100%;height:1.12rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recorde-list-cell_title .van-icon-shop-o[data-v-0d7282b4]{vertical-align:-.02667rem}.recorde-list-cell_title .recorde-list-cell_txt[data-v-0d7282b4]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recorde-list-cell_sub[data-v-0d7282b4]{height:1.12rem}.recorde-list-cell_left[data-v-0d7282b4]{min-width:70%}.recorde-list-cell_left .list-cell_left_name[data-v-0d7282b4]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;word-break:break-all;overflow:hidden}.recorde-list-cell_sku[data-v-0d7282b4]{height:1.12rem}.van-icon-cross[data-v-0d7282b4]{vertical-align:-.05333rem}
\ No newline at end of file
.van-list__error-text,.van-list__finished-text,.van-list__loading-text{color:#969799;font-size:.34667rem;line-height:1.33333rem;text-align:center}.van-list__loading{text-align:center}.van-list__loading-icon,.van-list__loading-text{display:inline-block;vertical-align:middle}.van-list__loading-icon{width:.42667rem;height:.42667rem;margin-right:.13333rem}.recorde-list-cell+.recorde-list-cell[data-v-d36d50a0]{margin-top:.26667rem}.recorde-list-cell_title[data-v-d36d50a0]{width:100%;height:1.12rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recorde-list-cell_title .van-icon-shop-o[data-v-d36d50a0]{vertical-align:-.02667rem}.recorde-list-cell_title .recorde-list-cell_txt[data-v-d36d50a0]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recorde-list-cell_sub[data-v-d36d50a0]{height:1.12rem}.recorde-list-cell_left[data-v-d36d50a0]{min-width:70%}.recorde-list-cell_left .list-cell_left_name[data-v-d36d50a0]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;word-break:break-all;overflow:hidden}.recorde-list-cell_sku[data-v-d36d50a0]{height:1.12rem}.van-icon-cross[data-v-d36d50a0]{vertical-align:-.05333rem}
\ No newline at end of file
.card-contain[data-v-aee67320]{position:relative;width:100%;padding:.26667rem;background:#f4f5f6}.card-contain .card-contain-inner[data-v-aee67320]{width:100%}.card-contain .card-contain-inner .card-brand-list[data-v-aee67320]{width:100%;padding:0 .21333rem .21333rem .21333rem;background:#fff;border-radius:.13333rem}.card-contain .card-contain-inner .card-brand-list+.card-brand-list[data-v-aee67320]{margin-top:.26667rem}.card-contain .card-contain-inner .card-brand-list .card-brand-title[data-v-aee67320]{width:100%;height:1.2rem;line-height:1.2rem;font-size:.37333rem;color:#232326}.card-contain .card-contain-inner .card-brand-list .card-list-cell[data-v-aee67320]{width:100%;height:2.66667rem;background-image:url(../img/coupon_bg.99b2feae.png);background-size:100%;background-repeat:no-repeat;border-radius:.13333rem;background-color:rgba(234,51,51,.16);border:.02667rem solid rgba(234,51,51,.16);font-size:.29333rem;color:#333}.card-contain .card-contain-inner .card-brand-list .card-list-cell.discount-cell[data-v-aee67320]{background-color:rgba(230,160,22,.16);border-color:rgba(230,160,22,.16)}.card-contain .card-contain-inner .card-brand-list .card-list-cell+.card-list-cell[data-v-aee67320]{margin-top:.26667rem}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_top[data-v-aee67320]{width:100%;height:.93333rem;line-height:.93333rem;padding:0 .32rem;border-bottom:.02667rem dashed rgba(234,51,51,.16)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_top.discount-cell[data-v-aee67320]{border-color:rgba(230,160,22,.16)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-arrow[data-v-aee67320]{position:relative}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-arrow_left[data-v-aee67320]{position:absolute;left:-.16rem;top:-.16rem;width:.26667rem;height:.26667rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#fff;border-right:.02667rem solid rgba(234,51,51,.3);border-top:.02667rem solid rgba(234,51,51,.3)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-arrow_left.discount-cell[data-v-aee67320]{border-color:rgba(230,160,22,.3)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-arrow_right[data-v-aee67320]{position:absolute;right:-.16rem;top:-.16rem;width:.26667rem;height:.26667rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#fff;border-left:.02667rem solid rgba(234,51,51,.3);border-bottom:.02667rem solid rgba(234,51,51,.3)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-arrow_right.discount-cell[data-v-aee67320]{border-color:rgba(230,160,22,.3)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_body[data-v-aee67320]{width:100%;height:1.73333rem}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_body_left[data-v-aee67320]{position:relative;height:100%;border-right:.02667rem dashed rgba(234,51,51,.16);-webkit-transform:translateY(-.02667rem);transform:translateY(-.02667rem)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_body_left.discount-cell[data-v-aee67320]{border-color:rgba(230,160,22,.16)}.card-contain .card-contain-inner .card-brand-list .card-list-cell .card-list-cell_body_right[data-v-aee67320]{padding-left:.4rem}.card-contain .card-contain-inner .card-brand-list .show-all[data-v-aee67320]{width:100%;height:.85333rem;line-height:1.06667rem;text-align:center}.card-contain .card-contain-inner .card-brand-list .show-all .van-icon-arrow-down[data-v-aee67320],.card-contain .card-contain-inner .card-brand-list .show-all .van-icon-arrow-up[data-v-aee67320]{vertical-align:middle}
\ No newline at end of file
.van-list__error-text,.van-list__finished-text,.van-list__loading-text{color:#969799;font-size:.34667rem;line-height:1.33333rem;text-align:center}.van-list__loading{text-align:center}.van-list__loading-icon,.van-list__loading-text{display:inline-block;vertical-align:middle}.van-list__loading-icon{width:.42667rem;height:.42667rem;margin-right:.13333rem}@font-face{font-family:DINPro;src:url(../fonts/DINPro-Bold.05078759.otf);font-weight:700;font-style:normal}.point-header[data-v-0d114f6b]{width:100%;padding:.4rem 0 .4rem .82667rem;background:url(../img/banner_bg.27a0cef7.png) no-repeat 50%;background-size:100%;font-family:DINPro}.point-body[data-v-0d114f6b]{position:relative}.point-list-cell[data-v-0d114f6b]{width:100%;padding:.4rem}
\ No newline at end of file
.van-list__error-text,.van-list__finished-text,.van-list__loading-text{color:#969799;font-size:.34667rem;line-height:1.33333rem;text-align:center}.van-list__loading{text-align:center}.van-list__loading-icon,.van-list__loading-text{display:inline-block;vertical-align:middle}.van-list__loading-icon{width:.42667rem;height:.42667rem;margin-right:.13333rem}@font-face{font-family:DINPro;src:url(../fonts/DINPro-Bold.05078759.otf);font-weight:700;font-style:normal}.point-header[data-v-7d7349d4]{width:100%;padding:.4rem 0 .4rem .82667rem;background:url(../img/banner_bg.27a0cef7.png) no-repeat 50%;background-size:100%;font-family:DINPro}.point-body[data-v-7d7349d4]{position:relative}.point-list-cell[data-v-7d7349d4]{width:100%;padding:.4rem}
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=favicon.ico><title>达摩</title><link href=css/chunk-1624c10e.6d0649b3.css rel=prefetch><link href=css/chunk-41dd0eef.b7468c21.css rel=prefetch><link href=css/chunk-779e6e30.be7eb860.css rel=prefetch><link href=css/chunk-7e583fa1.f90a68fe.css rel=prefetch><link href=css/chunk-8063ed90.14ef24f8.css rel=prefetch><link href=js/chunk-1624c10e.e541bfde.js rel=prefetch><link href=js/chunk-41dd0eef.a202345c.js rel=prefetch><link href=js/chunk-779e6e30.223145cf.js rel=prefetch><link href=js/chunk-7e583fa1.a980d8ca.js rel=prefetch><link href=js/chunk-8063ed90.7017c0ec.js rel=prefetch><link href=css/app.e356cd6b.css rel=preload as=style><link href=js/app.0c448c91.js rel=preload as=script><link href=js/chunk-vendors.57e390e4.js rel=preload as=script><link href=css/app.e356cd6b.css rel=stylesheet></head><body><div id=app></div><script src=js/chunk-vendors.57e390e4.js></script><script src=js/app.0c448c91.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=favicon.ico><title>达摩</title><link href=css/chunk-41dd0eef.b7468c21.css rel=prefetch><link href=css/chunk-4cf3d576.638e8567.css rel=prefetch><link href=css/chunk-779e6e30.be7eb860.css rel=prefetch><link href=css/chunk-80af0f92.b13a063e.css rel=prefetch><link href=css/chunk-9d530176.00cc0a9a.css rel=prefetch><link href=js/chunk-41dd0eef.a202345c.js rel=prefetch><link href=js/chunk-4cf3d576.1d6cbf0c.js rel=prefetch><link href=js/chunk-779e6e30.223145cf.js rel=prefetch><link href=js/chunk-80af0f92.260dc278.js rel=prefetch><link href=js/chunk-9d530176.7917428d.js rel=prefetch><link href=css/app.e356cd6b.css rel=preload as=style><link href=js/app.e754d27e.js rel=preload as=script><link href=js/chunk-vendors.57e390e4.js rel=preload as=script><link href=css/app.e356cd6b.css rel=stylesheet></head><body><div id=app></div><script src=js/chunk-vendors.57e390e4.js></script><script src=js/app.e754d27e.js></script></body></html>
\ No newline at end of file
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-1624c10e"],{"0569":function(t,a,c){},"70b5":function(t,a,c){t.exports=c.p+"img/coupon-null-icon.8e2c71ff.png"},7961:function(t,a,c){"use strict";var r=c("0569"),e=c.n(r);e.a},c3a6:function(t,a,c){"use strict";c("68ef")},db31:function(t,a,c){"use strict";c.r(a);var r=function(){var t=this,a=t.$createElement,r=t._self._c||a;return r("div",{staticClass:"card-contain border-box",style:{"min-height":t.$store.state.bodyH+"px"}},[r("div",{staticClass:"card-contain-inner"},t._l(t.cardList,function(a,c){return r("div",{key:c,staticClass:"card-brand-list border-box"},[r("div",{staticClass:"card-brand-title"},[t._v(t._s(a.brandName))]),t._l(a.cardData,function(c,e){return[e<a.showCount?r("div",{key:e,staticClass:"card-list-cell border-box"},[r("div",{staticClass:"card-list-cell_top border-box flex "},[r("div",{staticClass:"card-list-cell_top_left flex-1"},[t._v(t._s(c.cardTitle))]),r("div",{staticClass:"card-list-cell_top_right flex-1 text-right"},[t._v(t._s(c.cardNum))])]),t._m(0,!0),r("div",{staticClass:"card-list-cell_body flex flex-align-center flex-pack-center"},[r("div",{staticClass:"card-list-cell_body_left flex-1 flex flex-align-center flex-pack-center font-30"},[r("span",{staticClass:"font-15 m-t-10"},[t._v("¥")]),t._v(t._s(c.cardPrice)+"\n ")]),r("div",{staticClass:"card-list-cell_body_right border-box flex-2"},[r("div",{staticClass:"cell-body_right_cell"},[t._v(t._s(c.cardCondition))]),r("div",{staticClass:"cell-body_right_cell"},[t._v(t._s(c.cardDate))]),r("div",{staticClass:"cell-body_right_cell"},[t._v(t._s(c.cardStore))])])])]):t._e()]}),a.cardData.length>3&&a.cardData.length>a.showCount?r("div",{staticClass:"show-all font-14 color-848689",on:{click:function(c){t.showAllData(a)}}},[t._v("\n 展开剩余"+t._s(a.cardData.length-3)+"张 "),r("van-icon",{attrs:{name:"arrow-down"}})],1):t._e(),a.cardData.length>3&&a.cardData.length==a.showCount?r("div",{staticClass:"show-all font-14 color-848689",on:{click:function(c){t.showPartData(a)}}},[t._v("\n 收起 "),r("van-icon",{attrs:{name:"arrow-up"}})],1):t._e()],2)}),0),t.cardList.length?t._e():r("div",{staticClass:"no-card-data no-data-contain"},[r("img",{attrs:{src:c("70b5"),alt:"card-no-data"}}),r("p",{staticClass:"font-16 color-848689"},[t._v("你还没有卡券哦")])])])},e=[function(){var t=this,a=t.$createElement,c=t._self._c||a;return c("div",{staticClass:"card-list-arrow"},[c("div",{staticClass:"card-list-arrow_left"}),c("div",{staticClass:"card-list-arrow_right"})])}],n=(c("e7e5"),c("d399")),s=(c("96cf"),c("3b8d")),i=c("bd86"),o=(c("c3a6"),c("ad06")),d=(c("cadf"),c("551c"),c("097d"),c("0c6d")),l=function(t){return Object(d["a"])("/gicfwh/get-tpn-card-list.json",t)},u={name:"cards",components:Object(i["a"])({},o["a"].name,o["a"]),data:function(){return{cardList:[{brandName:"MATERIAL GIRL",showCount:3,cardData:[{cardTitle:"感恩节抵扣券",cardNum:"23554666773",cardPrice:"100",cardDate:"2018.12.01--2018.12.31",cardCondition:"满¥89使用",cardStore:"仅限武林银泰店使用",backgroundColor:"#fef5f5"},{cardTitle:"感恩节抵扣券",cardNum:"23554666773",cardPrice:"100",cardDate:"2018.12.01--2018.12.31",cardCondition:"满¥89使用",cardStore:"仅限武林银泰店使用",backgroundColor:"#fef5f5"},{cardTitle:"感恩节抵扣券",cardNum:"23554666773",cardPrice:"100",cardDate:"2018.12.01--2018.12.31",cardCondition:"满¥89使用",cardStore:"仅限武林银泰店使用",backgroundColor:"#fef5f5"},{cardTitle:"感恩节抵扣券",cardNum:"23554666773",cardPrice:"100",cardDate:"2018.12.01--2018.12.31",cardCondition:"满¥89使用",cardStore:"仅限武林银泰店使用",backgroundColor:"#fef5f5"}]}]}},computed:{},methods:{showAllData:function(t){t.showCount=t.cardData.length},showPartData:function(t){t.showCount=3},getCardList:function(){var t=Object(s["a"])(regeneratorRuntime.mark(function t(){var a,c,r;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return a=this,c={},t.next=4,l(c);case 4:r=t.sent,0==r.errorCode?a.cardList=r.result||[]:Object(n["a"])(r.message);case 6:case"end":return t.stop()}},t,this)}));function a(){return t.apply(this,arguments)}return a}()},mounted:function(){this.getCardList()}},f=u,_=(c("7961"),c("2877")),v=Object(_["a"])(f,r,e,!1,null,"14c13cd7",null);v.options.__file="index.vue";a["default"]=v.exports}}]);
//# sourceMappingURL=chunk-1624c10e.e541bfde.js.map
\ No newline at end of file
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-4cf3d576"],{2994:function(t,e,i){"use strict";i("68ef"),i("c0c2")},"2bdd":function(t,e,i){"use strict";var r=i("a142"),a=i("023d"),n=i("543e"),s=i("db78"),o=Object(r["f"])("list"),l=o[0],c=o[1],d=o[2];e["a"]=l({model:{prop:"loading"},props:{error:Boolean,loading:Boolean,finished:Boolean,errorText:String,loadingText:String,finishedText:String,immediateCheck:{type:Boolean,default:!0},offset:{type:Number,default:300}},mounted:function(){this.scroller=a["a"].getScrollEventTarget(this.$el),this.handler(!0),this.immediateCheck&&this.$nextTick(this.check)},destroyed:function(){this.handler(!1)},activated:function(){this.handler(!0)},deactivated:function(){this.handler(!1)},watch:{loading:function(){this.$nextTick(this.check)},finished:function(){this.$nextTick(this.check)}},methods:{check:function(){if(!(this.loading||this.finished||this.error)){var t=this.$el,e=this.scroller,i=a["a"].getVisibleHeight(e);if(i&&"none"!==a["a"].getComputedStyle(t).display&&null!==t.offsetParent){var r=a["a"].getScrollTop(e),n=r+i,s=!1;if(t===e)s=e.scrollHeight-n<this.offset;else{var o=a["a"].getElementTop(t)-a["a"].getElementTop(e)+a["a"].getVisibleHeight(t);s=o-i<this.offset}s&&(this.$emit("input",!0),this.$emit("load"))}}},clickErrorText:function(){this.$emit("update:error",!1),this.$nextTick(this.check)},handler:function(t){this.binded!==t&&(this.binded=t,(t?s["b"]:s["a"])(this.scroller,"scroll",this.check))}},render:function(t){return t("div",{class:c()},[this.$slots.default,this.loading&&t("div",{class:c("loading")},[this.$slots.loading||[t(n["a"],{class:c("loading-icon")}),t("span",{class:c("loading-text")},[this.loadingText||d("loading")])]]),this.finished&&this.finishedText&&t("div",{class:c("finished-text")},[this.finishedText]),this.error&&this.errorText&&t("div",{on:{click:this.clickErrorText},class:c("error-text")},[this.errorText])])}})},"2c44":function(t,e,i){"use strict";i.r(e);var r,a=function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",{staticClass:"recorde-contian bg-f4f5f6",style:{"min-height":t.$store.state.bodyH+"px"}},[r("div",{staticClass:"list-contian"},[t.list.length?r("van-list",{attrs:{finished:t.finished,"finished-text":" "},on:{load:t.onLoad},model:{value:t.loading,callback:function(e){t.loading=e},expression:"loading"}},t._l(t.list,function(e,i){return r("div",{key:i+e.storeName,staticClass:"recorde-list-cell bg-fff border-box"},[r("div",{staticClass:"recorde-list-cell_title flex flex-align-center font-12 border-bottom-1 padding-lr-12 border-box"},[r("div",{staticClass:"recorde-list-cell_txt w-0 flex-1"},[r("van-icon",{staticClass:"m-r-4",attrs:{name:"shop-o"}}),t._v(t._s(e.storeName))],1)]),t._l(e.list,function(e,i){return r("div",{key:i,staticClass:"recorde-list-cell_list"},[r("div",{staticClass:"flex border-box padding-lr-12 p-t-10"},[r("div",{staticClass:"recorde-list-cell_left flex-1"},[r("div",{staticClass:"list-cell_left_name font-12 color-232326"},[t._v(t._s(e.productName))])]),r("div",{staticClass:"recorde-list-cell_right flex-1 text-right"},[r("div",{staticClass:"list-cell_right_num font-13 color-232326 "},[t._v(t._s(e.payPrice))]),r("div",{staticClass:"list-cell_right_num font-13 color-848689 "},[r("s",[t._v(t._s(e.unitPrice))])])])]),r("div",{staticClass:"recorde-list-cell_sku flex flex-align-center border-bottom-1 border-box padding-lr-12"},[r("div",{staticClass:"flex-1 font-12 color-848689"},t._l(e.attrColorSize,function(e,i){return r("span",{key:i,class:[i>0?"p-l-8":""]},[t._v(t._s(e.key)+": "+t._s(e.value)+" ")])}),0),r("div",{staticClass:"flex-1 font-12 color-848689 text-right"},[r("van-icon",{attrs:{name:"cross"}}),t._v(t._s(e.number))],1)])])}),r("div",{staticClass:"recorde-list-cell_sub flex flex-align-center border-box padding-lr-12"},[r("div",{staticClass:"list-cell_sub_date flex-1 font-12 color-232326"},[t._v(t._s(e.receiptsDate)+" 购买")]),r("div",{staticClass:"list-cell_sub_all flex-1 font-12 color-232326 text-right"},[t._v("共"+t._s(e.itemNum)+"件商品 实付款: "+t._s(e.paidAmount))])])],2)}),0):t._e()],1),t.list.length?t._e():r("div",{staticClass:"no-recorde-data no-data-contain"},[r("img",{attrs:{src:i("2ecf"),alt:"record-no-data"}}),r("p",{staticClass:"font-16 color-848689"},[t._v("暂无消费记录")])])])},n=[],s=(i("96cf"),i("3b8d")),o=i("795b"),l=i.n(o),c=i("bd86"),d=(i("c3a6"),i("ad06")),u=(i("2994"),i("2bdd")),f=(i("cadf"),i("551c"),i("097d"),i("0c6d")),h=function(t){return Object(f["a"])("/gicfwh/load-group-order-record",t)},g={name:"record",components:(r={},Object(c["a"])(r,u["a"].name,u["a"]),Object(c["a"])(r,d["a"].name,d["a"]),r),data:function(){return{currentPage:1,pageSize:5,totalCount:0,totalPage:0,list:[{storeName:"MG江苏南京秦淮区大洋百货新街口店(MATERIAL GIRL)333333",receiptsDate:"2018-12-06",itemNum:"1",paidAmount:"12345.90",list:[{productName:"哥斯拉加厚白色鸭绒羽绒服女中长款2018冬装新款绿连帽外套太平鸟333333",payPrice:"1059.99",unitPrice:"1899.00",number:"1",attrColorSize:[{key:"尺码",value:"元气绿"},{key:"颜色",value:"M"}]},{productName:"哥斯拉加厚白色鸭绒羽绒服女中长款2018冬装新款绿连帽外套太平鸟333333",payPrice:"1059.99",unitPrice:"1899.00",number:"1",attrColorSize:[{key:"尺码",value:"元气绿"},{key:"颜色",value:"M"}]}]},{storeName:"MG江苏南京秦淮区大洋百货新街口店(MATERIAL GIRL)333333",receiptsDate:"2018-12-06",itemNum:"1",paidAmount:"12345.90",list:[{productName:"哥斯拉加厚白色鸭绒羽绒服女中长款2018冬装新款绿连帽外套太平鸟333333",payPrice:"1059.99",unitPrice:"1899.00",number:"1",attrColorSize:[{key:"尺码",value:"元气绿"},{key:"颜色",value:"M"}]},{productName:"哥斯拉加厚白色鸭绒羽绒服女中长款2018冬装新款绿连帽外套太平鸟333333",payPrice:"1059.99",unitPrice:"1899.00",number:"1",attrColorSize:[{key:"尺码",value:"元气绿"},{key:"颜色",value:"M"}]}]}],loading:!1,finished:!1}},computed:{},methods:{wait:function(t){return new l.a(function(e){return setTimeout(e,t)})},onLoad:function(){var t=Object(s["a"])(regeneratorRuntime.mark(function t(){var e;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return e=this,t.next=3,e.wait(1e3);case 3:if(!(e.currentPage>=e.totalPage)){t.next=5;break}return t.abrupt("return",!1);case 5:return e.currentPage=e.currentPage+1,t.next=8,e.getData();case 8:e.loading=!1,e.list.length>=e.totalCount&&(e.finished=!0);case 10:case"end":return t.stop()}},t,this)}));function e(){return t.apply(this,arguments)}return e}(),getData:function(){var t=Object(s["a"])(regeneratorRuntime.mark(function t(){var e,i,r;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return e=this,i={currentPage:e.currentPage,pageSize:e.pageSize},t.next=4,h(i);case 4:r=t.sent,0==r.errorCode&&(e.list=r.result.page.result||[],e.totalPage=r.result.page.totalPage,e.currentPage=r.result.page.currentPage,e.totalCount=r.result.page.totalCount);case 6:case"end":return t.stop()}},t,this)}));function e(){return t.apply(this,arguments)}return e}()},mounted:function(){var t=this;t.getData()}},p=g,m=(i("f901"),i("2877")),v=Object(m["a"])(p,a,n,!1,null,"0d7282b4",null);v.options.__file="index.vue";e["default"]=v.exports},"2ecf":function(t,e,i){t.exports=i.p+"img/store-record-null-icon.0fe1a17f.png"},"82b9":function(t,e,i){},c0c2:function(t,e,i){},c3a6:function(t,e,i){"use strict";i("68ef")},f901:function(t,e,i){"use strict";var r=i("82b9"),a=i.n(r);a.a}}]);
//# sourceMappingURL=chunk-4cf3d576.1d6cbf0c.js.map
\ No newline at end of file
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-7e583fa1"],{2994:function(t,e,i){"use strict";i("68ef"),i("c0c2")},"2afe":function(t,e,i){"use strict";var s=i("94eb"),a=i.n(s);a.a},"2bdd":function(t,e,i){"use strict";var s=i("a142"),a=i("023d"),r=i("543e"),n=i("db78"),l=Object(s["f"])("list"),o=l[0],c=l[1],d=l[2];e["a"]=o({model:{prop:"loading"},props:{error:Boolean,loading:Boolean,finished:Boolean,errorText:String,loadingText:String,finishedText:String,immediateCheck:{type:Boolean,default:!0},offset:{type:Number,default:300}},mounted:function(){this.scroller=a["a"].getScrollEventTarget(this.$el),this.handler(!0),this.immediateCheck&&this.$nextTick(this.check)},destroyed:function(){this.handler(!1)},activated:function(){this.handler(!0)},deactivated:function(){this.handler(!1)},watch:{loading:function(){this.$nextTick(this.check)},finished:function(){this.$nextTick(this.check)}},methods:{check:function(){if(!(this.loading||this.finished||this.error)){var t=this.$el,e=this.scroller,i=a["a"].getVisibleHeight(e);if(i&&"none"!==a["a"].getComputedStyle(t).display&&null!==t.offsetParent){var s=a["a"].getScrollTop(e),r=s+i,n=!1;if(t===e)n=e.scrollHeight-r<this.offset;else{var l=a["a"].getElementTop(t)-a["a"].getElementTop(e)+a["a"].getVisibleHeight(t);n=l-i<this.offset}n&&(this.$emit("input",!0),this.$emit("load"))}}},clickErrorText:function(){this.$emit("update:error",!1),this.$nextTick(this.check)},handler:function(t){this.binded!==t&&(this.binded=t,(t?n["b"]:n["a"])(this.scroller,"scroll",this.check))}},render:function(t){return t("div",{class:c()},[this.$slots.default,this.loading&&t("div",{class:c("loading")},[this.$slots.loading||[t(r["a"],{class:c("loading-icon")}),t("span",{class:c("loading-text")},[this.loadingText||d("loading")])]]),this.finished&&this.finishedText&&t("div",{class:c("finished-text")},[this.finishedText]),this.error&&this.errorText&&t("div",{on:{click:this.clickErrorText},class:c("error-text")},[this.errorText])])}})},"2c44":function(t,e,i){"use strict";i.r(e);var s,a=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"recorde-contian bg-f4f5f6",style:{"min-height":t.$store.state.bodyH+"px"}},[s("div",{staticClass:"list-contian"},[t.list.length?s("van-list",{attrs:{finished:t.finished,"finished-text":" "},on:{load:t.onLoad},model:{value:t.loading,callback:function(e){t.loading=e},expression:"loading"}},t._l(t.list,function(e,i){return s("div",{key:i+e.storeName,staticClass:"recorde-list-cell bg-fff border-box"},[s("div",{staticClass:"recorde-list-cell_title flex flex-align-center font-12 border-bottom-1 padding-lr-12 border-box"},[s("div",{staticClass:"recorde-list-cell_txt w-0 flex-1"},[s("van-icon",{staticClass:"m-r-4",attrs:{name:"shop-o"}}),t._v(t._s(e.storeName))],1)]),t._l(e.list,function(e,i){return s("div",{key:i,staticClass:"recorde-list-cell_list"},[s("div",{staticClass:"flex border-box padding-lr-12 p-t-10"},[s("div",{staticClass:"recorde-list-cell_left flex-1"},[s("div",{staticClass:"list-cell_left_name font-12 color-232326"},[t._v(t._s(e.productName))])]),s("div",{staticClass:"recorde-list-cell_right flex-1 text-right"},[s("div",{staticClass:"list-cell_right_num font-13 color-232326 "},[t._v(t._s(e.payPrice))]),s("div",{staticClass:"list-cell_right_num font-13 color-848689 "},[s("s",[t._v(t._s(e.unitPrice))])])])]),s("div",{staticClass:"recorde-list-cell_sku flex flex-align-center border-bottom-1 border-box padding-lr-12"},[s("div",{staticClass:"flex-1 font-12 color-848689"},t._l(e.attrColorSize,function(e,i){return s("span",{key:i,class:[i>0?"p-l-8":""]},[t._v(t._s(e.key)+": "+t._s(e.value)+" ")])}),0),s("div",{staticClass:"flex-1 font-12 color-848689 text-right"},[s("van-icon",{attrs:{name:"cross"}}),t._v(t._s(e.number))],1)])])}),s("div",{staticClass:"recorde-list-cell_sub flex flex-align-center border-box padding-lr-12"},[s("div",{staticClass:"list-cell_sub_date flex-1 font-12 color-232326"},[t._v(t._s(e.receiptsDate)+" 购买")]),s("div",{staticClass:"list-cell_sub_all flex-1 font-12 color-232326 text-right"},[t._v("共"+t._s(e.itemNum)+"件商品 实付款: "+t._s(e.paidAmount))])])],2)}),0):t._e()],1),t.list.length?t._e():s("div",{staticClass:"no-recorde-data no-data-contain"},[s("img",{attrs:{src:i("2ecf"),alt:"record-no-data"}}),s("p",{staticClass:"font-16 color-848689"},[t._v("暂无消费记录")])])])},r=[],n=(i("96cf"),i("3b8d")),l=i("bd86"),o=(i("c3a6"),i("ad06")),c=(i("2994"),i("2bdd")),d=(i("cadf"),i("551c"),i("097d"),i("0c6d")),u=function(t){return Object(d["a"])("/gicfwh/load-group-order-record",t)},f={name:"record",components:(s={},Object(l["a"])(s,c["a"].name,c["a"]),Object(l["a"])(s,o["a"].name,o["a"]),s),data:function(){return{currentPage:1,pageSize:5,totalCount:0,list:[{storeName:"MG江苏南京秦淮区大洋百货新街口店(MATERIAL GIRL)333333",receiptsDate:"2018-12-06",itemNum:"1",paidAmount:"12345.90",list:[{productName:"哥斯拉加厚白色鸭绒羽绒服女中长款2018冬装新款绿连帽外套太平鸟333333",payPrice:"1059.99",unitPrice:"1899.00",number:"1",attrColorSize:[{key:"尺码",value:"元气绿"},{key:"颜色",value:"M"}]},{productName:"哥斯拉加厚白色鸭绒羽绒服女中长款2018冬装新款绿连帽外套太平鸟333333",payPrice:"1059.99",unitPrice:"1899.00",number:"1",attrColorSize:[{key:"尺码",value:"元气绿"},{key:"颜色",value:"M"}]}]},{storeName:"MG江苏南京秦淮区大洋百货新街口店(MATERIAL GIRL)333333",receiptsDate:"2018-12-06",itemNum:"1",paidAmount:"12345.90",list:[{productName:"哥斯拉加厚白色鸭绒羽绒服女中长款2018冬装新款绿连帽外套太平鸟333333",payPrice:"1059.99",unitPrice:"1899.00",number:"1",attrColorSize:[{key:"尺码",value:"元气绿"},{key:"颜色",value:"M"}]},{productName:"哥斯拉加厚白色鸭绒羽绒服女中长款2018冬装新款绿连帽外套太平鸟333333",payPrice:"1059.99",unitPrice:"1899.00",number:"1",attrColorSize:[{key:"尺码",value:"元气绿"},{key:"颜色",value:"M"}]}]}],loading:!1,finished:!1}},computed:{},methods:{onLoad:function(){var t=this;setTimeout(function(){for(var e=0;e<10;e++);t.loading=!1,t.list.length>=1&&(t.finished=!0)},500)},getData:function(){var t=Object(n["a"])(regeneratorRuntime.mark(function t(){var e,i,s;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return e=this,i={currentPage:e.currentPage,pageSize:e.pageSize},t.next=4,u(i);case 4:s=t.sent,0==s.errorCode&&(e.list=s.result.page.result||[],e.currentPage=s.result.page.currentPage,e.totalCount=s.result.page.totalCount);case 6:case"end":return t.stop()}},t,this)}));function e(){return t.apply(this,arguments)}return e}()},mounted:function(){var t=this;t.getData()}},h=f,g=(i("2afe"),i("2877")),p=Object(g["a"])(h,a,r,!1,null,"d36d50a0",null);p.options.__file="index.vue";e["default"]=p.exports},"2ecf":function(t,e,i){t.exports=i.p+"img/store-record-null-icon.0fe1a17f.png"},"94eb":function(t,e,i){},c0c2:function(t,e,i){},c3a6:function(t,e,i){"use strict";i("68ef")}}]);
//# sourceMappingURL=chunk-7e583fa1.a980d8ca.js.map
\ No newline at end of file
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-8063ed90"],{2994:function(t,e,i){"use strict";i("68ef"),i("c0c2")},"2bdd":function(t,e,i){"use strict";var n=i("a142"),a=i("023d"),s=i("543e"),r=i("db78"),o=Object(n["f"])("list"),c=o[0],l=o[1],u=o[2];e["a"]=c({model:{prop:"loading"},props:{error:Boolean,loading:Boolean,finished:Boolean,errorText:String,loadingText:String,finishedText:String,immediateCheck:{type:Boolean,default:!0},offset:{type:Number,default:300}},mounted:function(){this.scroller=a["a"].getScrollEventTarget(this.$el),this.handler(!0),this.immediateCheck&&this.$nextTick(this.check)},destroyed:function(){this.handler(!1)},activated:function(){this.handler(!0)},deactivated:function(){this.handler(!1)},watch:{loading:function(){this.$nextTick(this.check)},finished:function(){this.$nextTick(this.check)}},methods:{check:function(){if(!(this.loading||this.finished||this.error)){var t=this.$el,e=this.scroller,i=a["a"].getVisibleHeight(e);if(i&&"none"!==a["a"].getComputedStyle(t).display&&null!==t.offsetParent){var n=a["a"].getScrollTop(e),s=n+i,r=!1;if(t===e)r=e.scrollHeight-s<this.offset;else{var o=a["a"].getElementTop(t)-a["a"].getElementTop(e)+a["a"].getVisibleHeight(t);r=o-i<this.offset}r&&(this.$emit("input",!0),this.$emit("load"))}}},clickErrorText:function(){this.$emit("update:error",!1),this.$nextTick(this.check)},handler:function(t){this.binded!==t&&(this.binded=t,(t?r["b"]:r["a"])(this.scroller,"scroll",this.check))}},render:function(t){return t("div",{class:l()},[this.$slots.default,this.loading&&t("div",{class:l("loading")},[this.$slots.loading||[t(s["a"],{class:l("loading-icon")}),t("span",{class:l("loading-text")},[this.loadingText||u("loading")])]]),this.finished&&this.finishedText&&t("div",{class:l("finished-text")},[this.finishedText]),this.error&&this.errorText&&t("div",{on:{click:this.clickErrorText},class:l("error-text")},[this.errorText])])}})},"466f":function(t,e,i){"use strict";i("6b54");var n=function(t){return t=t.toString(),t.substr(0,3)+"****"+t.substr(7,11)},a=function(t){var e=(t||0).toString(),i="";while(e.length>3)i=","+e.slice(-3)+i,e=e.slice(0,e.length-3);return e&&(i=e+i),i};e["a"]={formatPhone:n,toThousands:a}},"5fae":function(t,e,i){"use strict";var n=i("b679"),a=i.n(n);a.a},b679:function(t,e,i){},c0c2:function(t,e,i){},d2e9:function(t,e,i){"use strict";i.r(e);var n=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"point-contain"},[n("div",{staticClass:"point-header border-box"},[n("p",{staticClass:"font-13 color-cfa972"},[t._v("可用积分")]),n("div",{staticClass:"point-number font-50 color-cfa972"},[t._v(t._s(t.accumulatPoints))])]),n("div",{staticClass:"point-body",style:{"min-height":t.$store.state.bodyH-113+"px"}},[t.list.length?n("van-list",{attrs:{finished:t.finished,"finished-text":" "},on:{load:t.onLoad},model:{value:t.loading,callback:function(e){t.loading=e},expression:"loading"}},t._l(t.list,function(e,i){return n("div",{key:i+e.memberIntegralName,staticClass:"point-list-cell border-box flex border-bottom-1"},[n("div",{staticClass:"point-list-cell_left flex-1"},[n("div",{staticClass:"list-cell_left_name font-15 color-232326"},[t._v(t._s(e.memberIntegralName))]),n("div",{staticClass:"list-cell_left_brand font-12 m-t-6 color-232326"},[t._v(t._s(e.brandName))]),n("div",{staticClass:"list-cell_left_date font-12 m-t-8 color-848689"},[t._v(t._s(e.createTime))])]),n("div",{staticClass:"point-list-cell_right flex-1 text-right"},[n("div",{staticClass:"list-cell_right_num font-18 color-000"},[t._v(t._s(e.intervalHistory))])])])}),0):t._e(),t.list.length?t._e():n("div",{staticClass:"no-recorde-data no-data-contain"},[n("img",{attrs:{src:i("e189"),alt:"card-no-data"}}),n("p",{staticClass:"font-16 color-848689"},[t._v("暂无积分明细")])])],1)])},a=[],s=(i("ac6a"),i("96cf"),i("3b8d")),r=i("795b"),o=i.n(r),c=i("bd86"),l=(i("2994"),i("2bdd")),u=(i("cadf"),i("551c"),i("097d"),i("466f")),d=i("0c6d"),h=function(t){return Object(d["a"])("/gicfwh/load-group-interal-record",t)},f={name:"point",components:Object(c["a"])({},l["a"].name,l["a"]),data:function(){return{accumulatPoints:"0",list:[],loading:!1,finished:!1,currentPage:1,pageSize:5,totalCount:0}},computed:{},methods:{wait:function(t){return new o.a(function(e){return setTimeout(e,t)})},onLoad:function(){var t=Object(s["a"])(regeneratorRuntime.mark(function t(){var e;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return e=this,t.next=3,e.wait(1e3);case 3:if(!(e.currentPage>=e.totalPage)){t.next=5;break}return t.abrupt("return",!1);case 5:return e.currentPage=e.currentPage+1,t.next=8,e.getData();case 8:e.loading=!1,e.list.length>=e.totalCount&&(e.finished=!0);case 10:case"end":return t.stop()}},t,this)}));function e(){return t.apply(this,arguments)}return e}(),getData:function(){var t=Object(s["a"])(regeneratorRuntime.mark(function t(){var e,i,n;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return e=this,i={currentPage:e.currentPage,pageSize:e.pageSize},t.next=4,h(i);case 4:n=t.sent,0==n.errorCode&&(e.accumulatPoints=String(n.result.accumulatPoints).length<4?n.result.accumulatPoints:u["a"].toThousands(n.result.accumulatPoints),n.result.page.result.forEach(function(t){e.list.push(t)}),e.currentPage=n.result.page.currentPage,e.totalPage=n.result.page.totalPage,e.totalCount=n.result.page.totalCount);case 6:case"end":return t.stop()}},t,this)}));function e(){return t.apply(this,arguments)}return e}()},mounted:function(){var t=this;t.getData()}},g=f,p=(i("5fae"),i("2877")),m=Object(p["a"])(g,n,a,!1,null,"0d114f6b",null);m.options.__file="index.vue";e["default"]=m.exports},e189:function(t,e,i){t.exports=i.p+"img/data-null-icon.c2c4cad8.png"}}]);
//# sourceMappingURL=chunk-8063ed90.7017c0ec.js.map
\ No newline at end of file
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-80af0f92"],{"3fa8":function(t,a,c){},4256:function(t,a,c){"use strict";var e=c("3fa8"),n=c.n(e);n.a},"70b5":function(t,a,c){t.exports=c.p+"img/coupon-null-icon.8e2c71ff.png"},c3a6:function(t,a,c){"use strict";c("68ef")},db31:function(t,a,c){"use strict";c.r(a);var e=function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"card-contain border-box",style:{"min-height":t.$store.state.bodyH+"px"}},[e("div",{staticClass:"card-contain-inner"},t._l(t.cardList,function(a,c){return e("div",{key:c,staticClass:"card-brand-list border-box"},[e("div",{staticClass:"card-brand-title"},[t._v(t._s(a.brandName))]),t._l(a.cardData,function(c,n){return[n<a.showCount?e("div",{key:n,class:["card-list-cell border-box","VOU4"==c.VOU_TYPE?"discount-cell":""]},[e("div",{class:["card-list-cell_top border-box flex","VOU4"==c.VOU_TYPE?"discount-cell":""]},[e("div",{staticClass:"card-list-cell_top_left flex-1"},[t._v(t._s("VOU4"==c.VOU_TYPE?"折扣券":"优惠券"))]),e("div",{staticClass:"card-list-cell_top_right flex-1 text-right"},[t._v(t._s(c.VOUCHERS_NO))])]),e("div",{staticClass:"card-list-arrow"},[e("div",{class:["card-list-arrow_left","VOU4"==c.VOU_TYPE?"discount-cell":""]}),e("div",{class:["card-list-arrow_right","VOU4"==c.VOU_TYPE?"discount-cell":""]})]),e("div",{staticClass:"card-list-cell_body flex flex-align-center flex-pack-center"},[e("div",{class:["card-list-cell_body_left flex-1 flex flex-align-center flex-pack-center font-30","VOU4"==c.VOU_TYPE?"discount-cell":""]},["VOU5"==c.VOU_TYPE?e("span",{staticClass:"font-15 m-t-10"},[t._v("¥")]):t._e(),t._v(t._s("VOU4"==c.VOU_TYPE?c.VOU_DIS+"折":c.AMT_DISCOUNT)+"\n ")]),e("div",{staticClass:"card-list-cell_body_right border-box flex-2"},[e("div",{staticClass:"cell-body_right_cell"}),e("div",{staticClass:"cell-body_right_cell"},[t._v(t._s(c.START_DATE+"--"+c.VALID_DATE))]),e("div",{staticClass:"cell-body_right_cell"})])])]):t._e()]}),a.cardData.length>3&&a.cardData.length>a.showCount?e("div",{staticClass:"show-all font-14 color-848689",on:{click:function(c){t.showAllData(a)}}},[t._v("\n 展开剩余"+t._s(a.cardData.length-3)+"张 "),e("van-icon",{attrs:{name:"arrow-down"}})],1):t._e(),a.cardData.length>3&&a.cardData.length==a.showCount?e("div",{staticClass:"show-all font-14 color-848689",on:{click:function(c){t.showPartData(a)}}},[t._v("\n 收起 "),e("van-icon",{attrs:{name:"arrow-up"}})],1):t._e()],2)}),0),t.cardList.length?t._e():e("div",{staticClass:"no-card-data no-data-contain"},[e("img",{attrs:{src:c("70b5"),alt:"card-no-data"}}),e("p",{staticClass:"font-16 color-848689"},[t._v("你还没有卡券哦")])])])},n=[],s=(c("e7e5"),c("d399")),r=(c("ac6a"),c("96cf"),c("3b8d")),l=(c("a481"),c("4917"),c("bd86")),o=(c("c3a6"),c("ad06")),i=(c("cadf"),c("551c"),c("097d"),c("0c6d")),d=function(t){return Object(i["a"])("/gicfwh/get-tpn-card-list.json",t)},u={name:"cards",components:Object(l["a"])({},o["a"].name,o["a"]),data:function(){return{cardList:[{brandName:"MATERIAL GIRL",showCount:3,cardData:[]}]}},computed:{},methods:{formatDate:function(t){var a=t.match(/^(\d{4})(\d{2})(\d{2})$/);return a?t.replace(/(\d{4})(\d{2})(\d{2})/g,"$1.$2.$3"):t},showAllData:function(t){t.showCount=t.cardData.length},showPartData:function(t){t.showCount=3},getCardList:function(){var t=Object(r["a"])(regeneratorRuntime.mark(function t(){var a,c,e,n;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return a=this,c={},t.next=4,d(c);case 4:e=t.sent,0==e.errorCode?(e.result&&e.result.length&&(n=[],e.result.forEach(function(t){t.START_DATE=a.formatDate(t.START_DATE),t.VALID_DATE=a.formatDate(t.VALID_DATE),n.push(t.BRANDNAME)}),n.forEach(function(t){a.cardData.push({brandName:t,showCount:3,cardData:[]})}),e.result.forEach(function(t){a.cardData.forEach(function(a){t.BRANDNAME==a.brandName&&a.cardData.push(t)})})),a.cardList=e.result||[]):Object(s["a"])(e.message);case 6:case"end":return t.stop()}},t,this)}));function a(){return t.apply(this,arguments)}return a}()},mounted:function(){this.getCardList()}},f=u,_=(c("4256"),c("2877")),h=Object(_["a"])(f,e,n,!1,null,"aee67320",null);h.options.__file="index.vue";a["default"]=h.exports}}]);
//# sourceMappingURL=chunk-80af0f92.260dc278.js.map
\ No newline at end of file
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-9d530176"],{2994:function(t,e,i){"use strict";i("68ef"),i("c0c2")},"2bdd":function(t,e,i){"use strict";var n=i("a142"),a=i("023d"),s=i("543e"),r=i("db78"),o=Object(n["f"])("list"),c=o[0],l=o[1],u=o[2];e["a"]=c({model:{prop:"loading"},props:{error:Boolean,loading:Boolean,finished:Boolean,errorText:String,loadingText:String,finishedText:String,immediateCheck:{type:Boolean,default:!0},offset:{type:Number,default:300}},mounted:function(){this.scroller=a["a"].getScrollEventTarget(this.$el),this.handler(!0),this.immediateCheck&&this.$nextTick(this.check)},destroyed:function(){this.handler(!1)},activated:function(){this.handler(!0)},deactivated:function(){this.handler(!1)},watch:{loading:function(){this.$nextTick(this.check)},finished:function(){this.$nextTick(this.check)}},methods:{check:function(){if(!(this.loading||this.finished||this.error)){var t=this.$el,e=this.scroller,i=a["a"].getVisibleHeight(e);if(i&&"none"!==a["a"].getComputedStyle(t).display&&null!==t.offsetParent){var n=a["a"].getScrollTop(e),s=n+i,r=!1;if(t===e)r=e.scrollHeight-s<this.offset;else{var o=a["a"].getElementTop(t)-a["a"].getElementTop(e)+a["a"].getVisibleHeight(t);r=o-i<this.offset}r&&(this.$emit("input",!0),this.$emit("load"))}}},clickErrorText:function(){this.$emit("update:error",!1),this.$nextTick(this.check)},handler:function(t){this.binded!==t&&(this.binded=t,(t?r["b"]:r["a"])(this.scroller,"scroll",this.check))}},render:function(t){return t("div",{class:l()},[this.$slots.default,this.loading&&t("div",{class:l("loading")},[this.$slots.loading||[t(s["a"],{class:l("loading-icon")}),t("span",{class:l("loading-text")},[this.loadingText||u("loading")])]]),this.finished&&this.finishedText&&t("div",{class:l("finished-text")},[this.finishedText]),this.error&&this.errorText&&t("div",{on:{click:this.clickErrorText},class:l("error-text")},[this.errorText])])}})},"466f":function(t,e,i){"use strict";i("6b54");var n=function(t){return t=t.toString(),t.substr(0,3)+"****"+t.substr(7,11)},a=function(t){var e=(t||0).toString(),i="";while(e.length>3)i=","+e.slice(-3)+i,e=e.slice(0,e.length-3);return e&&(i=e+i),i};e["a"]={formatPhone:n,toThousands:a}},"5d5e":function(t,e,i){},c0c2:function(t,e,i){},d2e9:function(t,e,i){"use strict";i.r(e);var n=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"point-contain"},[n("div",{staticClass:"point-header border-box"},[n("p",{staticClass:"font-13 color-cfa972"},[t._v("可用积分")]),n("div",{staticClass:"point-number font-50 color-cfa972"},[t._v(t._s(t.accumulatPoints))])]),n("div",{staticClass:"point-body",style:{"min-height":t.$store.state.bodyH-113+"px"}},[t.list.length?n("van-list",{attrs:{finished:t.finished,"finished-text":" "},on:{load:t.onLoad},model:{value:t.loading,callback:function(e){t.loading=e},expression:"loading"}},t._l(t.list,function(e,i){return n("div",{key:i+e.memberIntegralName,staticClass:"point-list-cell border-box flex border-bottom-1"},[n("div",{staticClass:"point-list-cell_left flex-1"},[n("div",{staticClass:"list-cell_left_name font-15 color-232326"},[t._v(t._s(e.memberIntegralName))]),n("div",{staticClass:"list-cell_left_brand font-12 m-t-6 color-232326"},[t._v(t._s(e.brandName))]),n("div",{staticClass:"list-cell_left_date font-12 m-t-8 color-848689"},[t._v(t._s(e.createTime))])]),n("div",{staticClass:"point-list-cell_right flex-1 text-right"},[n("div",{staticClass:"list-cell_right_num font-18 color-000"},[t._v(t._s(e.intervalHistory))])])])}),0):t._e(),t.list.length?t._e():n("div",{staticClass:"no-recorde-data no-data-contain"},[n("img",{attrs:{src:i("e189"),alt:"card-no-data"}}),n("p",{staticClass:"font-16 color-848689"},[t._v("暂无积分明细")])])],1)])},a=[],s=(i("ac6a"),i("96cf"),i("3b8d")),r=i("795b"),o=i.n(r),c=i("bd86"),l=(i("2994"),i("2bdd")),u=(i("cadf"),i("551c"),i("097d"),i("466f")),d=i("0c6d"),h=function(t){return Object(d["a"])("/gicfwh/load-group-interal-record",t)},f={name:"point",components:Object(c["a"])({},l["a"].name,l["a"]),data:function(){return{accumulatPoints:"0",list:[],loading:!1,finished:!1,currentPage:1,pageSize:5,totalCount:0,totalPage:0}},computed:{},methods:{wait:function(t){return new o.a(function(e){return setTimeout(e,t)})},onLoad:function(){var t=Object(s["a"])(regeneratorRuntime.mark(function t(){var e;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return e=this,t.next=3,e.wait(1e3);case 3:if(!(e.currentPage>=e.totalPage)){t.next=5;break}return t.abrupt("return",!1);case 5:return e.currentPage=e.currentPage+1,t.next=8,e.getData();case 8:e.loading=!1,e.list.length>=e.totalCount&&(e.finished=!0);case 10:case"end":return t.stop()}},t,this)}));function e(){return t.apply(this,arguments)}return e}(),getData:function(){var t=Object(s["a"])(regeneratorRuntime.mark(function t(){var e,i,n;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return e=this,i={currentPage:e.currentPage,pageSize:e.pageSize},t.next=4,h(i);case 4:n=t.sent,0==n.errorCode&&(e.accumulatPoints=String(n.result.accumulatPoints).length<4?n.result.accumulatPoints:u["a"].toThousands(n.result.accumulatPoints),n.result.page.result.forEach(function(t){e.list.push(t)}),e.currentPage=n.result.page.currentPage,e.totalPage=n.result.page.totalPage,e.totalCount=n.result.page.totalCount);case 6:case"end":return t.stop()}},t,this)}));function e(){return t.apply(this,arguments)}return e}()},mounted:function(){var t=this;t.getData()}},g=f,p=(i("ea21"),i("2877")),m=Object(p["a"])(g,n,a,!1,null,"7d7349d4",null);m.options.__file="index.vue";e["default"]=m.exports},e189:function(t,e,i){t.exports=i.p+"img/data-null-icon.c2c4cad8.png"},ea21:function(t,e,i){"use strict";var n=i("5d5e"),a=i.n(n);a.a}}]);
//# sourceMappingURL=chunk-9d530176.7917428d.js.map
\ No newline at end of file
......@@ -2,25 +2,25 @@
<div class="card-contain border-box" :style="{'min-height': $store.state.bodyH + 'px'}">
<div class="card-contain-inner">
<div class="card-brand-list border-box" v-for="(item,index) in cardList" :key="index">
<div class="card-brand-title">{{item.brandName}}</div>
<div class="card-brand-title">{{ item.brandName }}</div>
<template v-for="(childItem,ind) in item.cardData">
<div class="card-list-cell border-box" v-if="ind < item.showCount" :key="ind">
<div class="card-list-cell_top border-box flex ">
<div class="card-list-cell_top_left flex-1">{{childItem.cardTitle}}</div>
<div class="card-list-cell_top_right flex-1 text-right">{{childItem.cardNum}}</div>
<div :class="['card-list-cell border-box', childItem.VOU_TYPE == 'VOU4'? 'discount-cell':'']" v-if="ind < item.showCount" :key="ind" >
<div :class="['card-list-cell_top border-box flex', childItem.VOU_TYPE == 'VOU4'? 'discount-cell':''] ">
<div class="card-list-cell_top_left flex-1">{{ childItem.VOU_TYPE == "VOU4"? '折扣券':'优惠券' }}</div>
<div class="card-list-cell_top_right flex-1 text-right">{{ childItem.VOUCHERS_NO }}</div>
</div>
<div class="card-list-arrow">
<div class="card-list-arrow_left"></div>
<div class="card-list-arrow_right"></div>
<div :class="['card-list-arrow_left', childItem.VOU_TYPE == 'VOU4'? 'discount-cell':'']"></div>
<div :class="['card-list-arrow_right', childItem.VOU_TYPE == 'VOU4'? 'discount-cell':'']"></div>
</div>
<div class="card-list-cell_body flex flex-align-center flex-pack-center">
<div class="card-list-cell_body_left flex-1 flex flex-align-center flex-pack-center font-30">
<span class="font-15 m-t-10">¥</span>{{childItem.cardPrice}}
<div :class="['card-list-cell_body_left flex-1 flex flex-align-center flex-pack-center font-30', childItem.VOU_TYPE == 'VOU4'? 'discount-cell':'']">
<span class="font-15 m-t-10" v-if="childItem.VOU_TYPE == 'VOU5'">¥</span>{{ childItem.VOU_TYPE == "VOU4"? childItem.VOU_DIS+'折' :childItem.AMT_DISCOUNT}}
</div>
<div class="card-list-cell_body_right border-box flex-2">
<div class="cell-body_right_cell">{{childItem.cardCondition}}</div>
<div class="cell-body_right_cell">{{childItem.cardDate}}</div>
<div class="cell-body_right_cell">{{childItem.cardStore}}</div>
<div class="cell-body_right_cell"></div>
<div class="cell-body_right_cell">{{ childItem.START_DATE +'--'+ childItem.VALID_DATE }}</div>
<div class="cell-body_right_cell"></div>
</div>
</div>
</div>
......@@ -61,42 +61,26 @@ export default {
brandName: 'MATERIAL GIRL',
showCount: 3, // 默认显示个数
cardData: [
{
cardTitle: '感恩节抵扣券',
cardNum: '23554666773',
cardPrice: '100',
cardDate: '2018.12.01--2018.12.31',
cardCondition: '满¥89使用',
cardStore: '仅限武林银泰店使用',
backgroundColor: '#fef5f5'
},
{
cardTitle: '感恩节抵扣券',
cardNum: '23554666773',
cardPrice: '100',
cardDate: '2018.12.01--2018.12.31',
cardCondition: '满¥89使用',
cardStore: '仅限武林银泰店使用',
backgroundColor: '#fef5f5'
},
{
/* {
BRANDNAME: "童装",
cardTitle: '感恩节抵扣券',
cardNum: '23554666773',
cardPrice: '100',
cardDate: '2018.12.01--2018.12.31',
cardCondition: '满¥89使用',
cardStore: '仅限武林银泰店使用',
backgroundColor: '#fef5f5'
VOUCHERS_NO: '23554666773',
VOU_TYPE: "VOU5",
AMT_DISCOUNT: "20",
VOU_DIS: '2',
START_DATE: "20180220",
VALID_DATE: "20190219"
},
{
BRANDNAME: "童装",
cardTitle: '感恩节抵扣券',
cardNum: '23554666773',
cardPrice: '100',
cardDate: '2018.12.01--2018.12.31',
cardCondition: '满¥89使用',
cardStore: '仅限武林银泰店使用',
backgroundColor: '#fef5f5'
}
VOUCHERS_NO: '23554666773',
VOU_TYPE: "VOU4",
AMT_DISCOUNT: "20",
VOU_DIS: '2',
START_DATE: "20180220",
VALID_DATE: "20190219"
} */
]
}
]
......@@ -108,6 +92,13 @@ export default {
},
methods: {
formatDate(date) {
let flag = date.match(/^(\d{4})(\d{2})(\d{2})$/);
if (!!flag) {
return date.replace(/(\d{4})(\d{2})(\d{2})/g,'$1.$2.$3');
}
return date;
},
/**
* 显示所有
*/
......@@ -133,11 +124,32 @@ export default {
}
let resData = await getCardsData(params);
if (resData.errorCode == 0) {
/* if (!!resData.result && !!resData.result.length) {
if (!!resData.result && !!resData.result.length) {
let brandList = [];
resData.result.forEach(ele => {
ele.START_DATE = that.formatDate(ele.START_DATE);
ele.VALID_DATE = that.formatDate(ele.VALID_DATE);
brandList.push(ele.BRANDNAME);
});
} */
brandList.forEach(ele =>{
that.cardData.push(
{
brandName: ele,
showCount: 3, // 默认显示个数
cardData: []
}
)
})
resData.result.forEach(ele => {
that.cardData.forEach(item => {
if (ele.BRANDNAME == item.brandName) {
item.cardData.push(ele)
}
})
})
}
that.cardList = resData.result || [];
}else {
Toast(resData.message);
......@@ -182,10 +194,14 @@ export default {
background-size: 100%;
background-repeat: no-repeat;
border-radius: 5px;
background-color: rgba(63,187,101, 0.06);
border: 1px solid rgba(63,187,101, 0.16);
background-color: rgba(234,51,51, 0.16);
border: 1px solid rgba(234,51,51, 0.16);
font-size: 11px;
color: #333;
&.discount-cell {
background-color: rgba(230,160,22, 0.16);
border-color: rgba(230,160,22, 0.16)
}
&+.card-list-cell {
margin-top: 10px;
}
......@@ -194,7 +210,10 @@ export default {
height: 35px;
line-height: 35px;
padding: 0 12px;
border-bottom: 1px dashed rgba(63,187,101, 0.16);
border-bottom: 1px dashed rgba(234,51,51, 0.16);
&.discount-cell {
border-color: rgba(230,160,22, 0.16)
}
}
.card-list-arrow {
......@@ -209,8 +228,11 @@ export default {
-moz-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #fff;
border-right: 1px solid rgba(63,187,101, 0.3);
border-top: 1px solid rgba(63,187,101, 0.3);
border-right: 1px solid rgba(234,51,51, 0.3);
border-top: 1px solid rgba(234,51,51, 0.3);
&.discount-cell {
border-color: rgba(230,160,22, 0.3)
}
}
&_right {
position: absolute;
......@@ -222,8 +244,11 @@ export default {
-moz-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #fff;
border-left: 1px solid rgba(63,187,101, 0.3);
border-bottom: 1px solid rgba(63,187,101, 0.3);
border-left: 1px solid rgba(234,51,51, 0.3);
border-bottom: 1px solid rgba(234,51,51, 0.3);
&.discount-cell {
border-color: rgba(230,160,22, 0.3)
}
}
}
......@@ -232,8 +257,15 @@ export default {
height: 65px;
&_left {
position: relative;
height: 100%;
border-right: 1px dashed rgba(63,187,101, 0.13);
border-right: 1px dashed rgba(234,51,51, 0.16);
-webkit-transform: translate(0,-1px);
-moz-transform: translate(0,-1px);
transform: translate(0,-1px);
&.discount-cell {
border-color: rgba(230,160,22, 0.16)
}
}
&_right {
......
......@@ -55,7 +55,8 @@ export default {
finished: false,
currentPage: 1,
pageSize: 5,
totalCount: 0
totalCount: 0,
totalPage: 0
};
},
......@@ -76,7 +77,7 @@ export default {
const that = this;
// 异步更新数据
await that.wait(1000);
if (that.currentPage>=that.totalPage) {
if (that.currentPage >= that.totalPage) {
return false;
}
that.currentPage = that.currentPage + 1;
......
......@@ -58,6 +58,7 @@ export default {
currentPage: 1,
pageSize: 5,
totalCount: 0,
totalPage: 0,
list: [
{
storeName: 'MG江苏南京秦淮区大洋百货新街口店(MATERIAL GIRL)333333',
......@@ -150,21 +151,29 @@ export default {
},
methods: {
onLoad() {
/**
* sleep
*/
wait(ms) {
return new Promise(r => setTimeout(r, ms));
},
async onLoad() {
const that = this;
// 异步更新数据
setTimeout(() => {
for (let i = 0; i < 10; i++) {
// this.list.push(this.list.length + 1);
}
// 加载状态结束
that.loading = false;
await that.wait(1000);
if (that.currentPage >= that.totalPage) {
return false;
}
that.currentPage = that.currentPage + 1;
await that.getData();
// 数据全部加载完成
if (that.list.length >=1) {
that.finished = true;
}
}, 500);
// 加载状态结束
that.loading = false;
// 数据全部加载完成
if (that.list.length >= that.totalCount) {
that.finished = true;
}
},
/**
......@@ -180,7 +189,7 @@ export default {
let resData = await getRecordData(param);
if (resData.errorCode == 0) {
that.list = resData.result.page.result || [];
that.totalPage = resData.result.page.totalPage;
that.currentPage = resData.result.page.currentPage;
that.totalCount = resData.result.page.totalCount;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment