1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605 |
- <!-- 购物车 -->
- <template>
- <view :style="{paddingBottom:!tempList.storeCartGroupList?0:'120rpx'}" @click="closeMask">
- <!-- #ifndef MP-WEIXIN -->
- <uni-nav-bar fixed='true' color='#333' status-bar='true' :left-icon="nav_left_icon" :right-text="topRightText" :title="$L('购物车')"
- @clickRight='manageCart'></uni-nav-bar>
- <!-- #endif -->
- <!-- #ifdef MP-WEIXIN -->
- <view class="cart_header" v-if="tempList && tempList.storeCartGroupList && tempList.storeCartGroupList.length > 0">
- <view class="cart_header_text" v-if="settings && settings.length > 0">
- <image :src="settings[1]" mode="" v-if="settings[1]"></image>
- <text v-if="settings[0]">{{settings[0]}}</text>
- </view>
- <view class="cart_header_btn" @click="manageCart">{{topRightText}}</view>
- </view>
- <!-- #endif -->
- <!-- 空白页 start-->
- <view v-if="(empty && tempList.invalidList.length == 0) || (tempList && tempList.storeCartGroupList && tempList.storeCartGroupList.length == 0)" class="flex_column_start_center empty_part">
- <image class="img" :src="imgUrl+'empty_goods.png'" />
- <text class="tip_con">{{$L('这里空空如也~快去商品中心加购商品吧!')}}</text>
- <view class="ope_btn flex_row_center_center" @click="goGoodsList()">
- {{$L('马上去逛逛')}}
- </view>
- </view>
- <!-- 空白页 end-->
- <view v-if="tempList.storeCartGroupList">
- <view class="cart-list">
- <view class="shop_list_wrap">
- <view class="shop_item" v-for="(item1,index1) in tempList.storeCartGroupList" :key="index1">
- <view class="shop_item_top">
- <text :class="{item_check:true, iconfont:true, iconziyuan33:item1.checkedAll && !item1.lackAll}" @click="changeSelectState('shop',item1.storeId,item1.checkedAll)"></text>
- <text :class="{iconfont:true, iconziyuan43:!item1.checkedAll && !item1.lackAll}" @click="changeSelectState('shop',item1.storeId,item1.checkedAll)"></text>
- <text :class="{stock_not_icon:true,iconfont:true, iconziyuan43:item1.lackAll}"></text>
- <view style="display: flex;align-items: center;" @click.stop="toShopDetail(item1.storeId)">
- <image :src="imgUrl+'shop/shop_icon.png'" mode="" class="shop_icon"></image>
- <view class="shop_name">{{item1.storeName}}</view>
- <image :src="imgUrl+'shop/to_right.png'" mode="" class="to_right_icon"></image>
- </view>
- <image :src="imgUrl+'shop/coupon.png'" mode="" class="coupon_icon" @click="getShopCoupon(item1.storeId)" v-if="!editFlag && item1.hasCoupon"></image>
- </view>
- <!-- 购物车列表 -->
- <view v-for="(item2,index2) in item1.promotionCartGroupList" :key="index2">
- <view class="discount_left" v-if="item2.promotionDes">
- <view class="discount_icon">{{$L('满减')}}</view>
- <view class="promotion_text">
- <view class="discount_text"></view>
- <view class="discount_text">{{item2.promotionDes}}</view>
- </view>
- </view>
- <view class="discount_activity" v-for="(item,index) in item2.cartList" :key="index">
- <!-- 换促销活动 -->
- <!-- <view class="discount_activity_wrap" v-if="!editFlag && item.promotionList && item.promotionList.length>0">
- <view class="discount_left">
- <view class="discount_icon">满减</view>
- <view class="promotion_text">
- <view class="discount_text"></view>
- <view class="discount_text">{{item2.promotionDes}}</view>
- </view>
- </view>
- <view class="discount_right" @click="showPromotionBox(item.cartId,item.productImage,item.productPrice,item.specValues,item.promotionList,item.promotionId)">
- <text>换促销</text>
- <image :src="imgUrl+'shop/to_right.png'" mode="" class="see_more"></image>
- </view>
- </view> -->
- <view class="cart-item" @longpress="showOperate(item.cartId,item.goodsId)">
- <!-- 长按商品出现蒙层及操作 start -->
- <view v-show="curOperateId==item.cartId && is_show_mask == true || curOperateId==item.goodsId && is_show_mask == true" class="mask flex_row_center_center">
- <view class="move flex_row_center_center" @click.stop="operateCartGoods('move', item.cartId)" v-if="item.isShowCollectBtn == true">{{$L('移入收藏夹')}}</view>
- <view class="del flex_row_center_center" @click.stop="operateCartGoods('del',item.cartId,item.goodsId)" :style="{marginLeft:item.isShowCollectBtn == true?'90rpx':'0'}">{{$L('删除商品')}}</view>
- </view>
- <!-- 长按商品出现蒙层及操作 end -->
- <view class="image-wrapper flex_row_start_center">
- <text :class="{item_check:true, iconfont:true, iconziyuan33:(item.isChecked && item.productState!=3)}" @click="changeSelectState('goods',item.cartId,item.isChecked,item.goodsId)"></text> -->
- <text :class="{iconfont:true, iconziyuan43:(!item.isChecked && item.productState!=3)}" @click="changeSelectState('goods',item.cartId,item.isChecked,item.goodsId)"></text>
- <!-- <text :class="{stock_not_icon:true,iconfont:true, iconziyuan43:item.productState==3}"></text> -->
- <text :class="{stock_not_icon:true,iconfont:true, iconziyuan43:item.productState==3}"></text>
- <view class="goods-img" :style="{backgroundImage: 'url('+item.productImage+')'}" @click.stop="goGoodsDetail(item.productId,item.goodsId)"></view>
- </view>
- <view class="item-right">
- <view class="right_top" @click.stop="goGoodsDetail(item.productId,item.goodsId)">
- <text :class="item.productState==3?'title stock_not_enough':'title'">{{item.goodsName}}</text>
- <text class="attr" v-if="item.specInfo">{{item.specInfo}}</text>
- </view>
- <view class="goods_spec">{{item.specValues}}</view>
- <view class="right_bottom flex_row_between_center">
- <view class="right_bottom_left">
- <view class="trade_promotion_btn" v-if="!editFlag && item.promotionList && item.promotionList.length>0" @click="showPromotionBox(item.cartId,item.productImage,item.productPrice,item.specValues,item.promotionList,item.promotionId)">
- <text>{{$L('换促销')}}</text>
- <image :src="imgUrl+'arrow_bottom.png'" mode=""></image>
- </view>
- <view class="price_wrap" :class="{price_wrap_hide:item.isShowBigNumBox == false}">
- <text class="unit">¥</text><text class="price_int">{{item.isShowCloseBtn == true?item.productPrice:$getPartNumber(item.productPrice,'int')}}</text><text class="price_decimal">{{item.isShowCloseBtn == true?'':$getPartNumber(item.productPrice,'decimal')}}</text>
- </view>
- </view>
- <view :class="item.productState == 3?'goods_num_wrap':'exceed_price_wrap'">
- <view class="goods_num_box" v-if="item.isShowBigNumBox == true && !editFlag" @click.stop="changeBuyNum(item.cartId,item.goodsId)">*{{item.buyNum}}</view>
- <!-- item.buyNum>item.productStock?item.productStock: -->
- <uni-number-box v-if="item.isShowBigNumBox == false&&!editFlag" class="step" :max="item.productStock" :value="item.buyNum" @change="numberChange($event,item.cartId,item.goodsId)" :margin_right="10"></uni-number-box>
- <image :src="closeImg" mode="" class="close_img" v-if="item.isShowCloseBtn == true" @click="closeBigPriceBox(item.cartId,item.goodsId)"></image>
- <view class="stock_not" v-if="item.productState==3 && !editFlag">{{$L('还剩')}}{{item.productStock}}{{$L('件')}}</view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- <!-- 失效购物车列表 -->
- <view class="invalid_list_wrap" v-if="tempList.invalidList.length>0">
- <view class="invalid_list_title">
- <text>{{$L('失效商品')}}{{tempList.invalidList.length}}{{$L('件')}}</text>
- <text @click="clearFailureGoods('open')">{{$L('清空失效商品')}}</text>
- </view>
- <view class="invalid_list_content">
- <view class="invalid_list_item" v-for="(item2,index2) in tempList.invalidList" :key="index2">
- <view class="invalid_icon">{{$L('失效')}}</view>
- <view class="invalid_img">
- <image :src="item2.productImage" mode=""></image>
- </view>
- <view class="invalid_goods_wrap">
- <view class="invalid_goods_name">{{item2.goodsName}}</view>
- <text class="invalid_goods_spec" v-if="item2.specValues">{{item2.specValues}}</text>
- <view class="invalid_goods_text">{{$L('商品已下架')}}</view>
- </view>
- </view>
- </view>
- </view>
- </view>
- <!-- 底部菜单栏 -->
- <view class="action-section flex_row_between_center" v-if="tempList.storeCartGroupList && tempList.storeCartGroupList.length > 0">
- <view class="checkbox flex_row_start_center">
- <text :class="{item_check:true,iconfont:true,iconziyuan33:tempList.checkedAll}" @click="check(tempList.checkedAll)"></text>
- <text :class="{iconfont:true,iconziyuan43:!tempList.checkedAll}" @click="check(tempList.checkedAll)"></text>
- <text class="check_all_tit">{{$L('全选')}}</text>
- </view>
- <!-- 去结算样式 start -->
- <template v-if='!editFlag'>
- <view class="total-box flex_row_end_center">
- <text>{{$L('合计:')}}</text>
- <view class="price_wrap">
- <text class="unit">¥</text><text class="price_int">{{$getPartNumber(tempList.totalAmount,'int')}}</text><text class="price_decimal">{{$getPartNumber(tempList.totalAmount,'decimal')}}</text>
- </view>
- </view>
- <button type="primary" class="no-border confirm-btn flex_row_center_center" @click="createOrder">
- {{$L('结算')}}<text class="settle_num">({{tempList.totalCheck}})</text>
- </button>
- </template>
- <!-- 去结算样式 end -->
- <!-- 点击管理之后的样式 start -->
- <template v-if="editFlag">
- <view class="flex_row_end_center">
- <view class="move_collect flex_row_center_center" @click="batchCollect" v-if="tempList.isShowCollectBtn == true">{{$L('加入收藏夹')}}</view>
- <view class="del_more flex_row_center_center" @click="batchDelete">{{$L('删除所选')}}</view>
- </view>
- </template>
- <!-- 点击管理之后的样式 end -->
- </view>
- </view>
- <!-- 推荐商品 start-->
- <recommendGoods ref='recomment_goods' @reload_cart="reload_cart" @addToCart="addToCart"/>
- <!-- 推荐商品 end-->
- <!-- 换促销弹框 -->
- <uni-popup ref="popup" type="bottom" @touchmove.stop.prevent="moveHandle">
- <view class="promotion_box">
- <block v-for="(item,index) in promotion_goods_info" :key="index">
- <view class="promotion_goods_wrap">
- <view class="promotion_goods_img_wrap">
- <image :src="item.productImage" mode="aspectFit" class="promotion_goods_img"></image>
- </view>
- <view class="promotion_goods_right">
- <view class="promotion_goods_price">
- <view class="promotion_goods_price_now">
- <text class="small_price">¥</text>
- <text class="big_price">{{$getPartNumber(item.productPrice,'int')}}</text>
- <text class="small_price">{{$getPartNumber(item.productPrice,'decimal')}}</text>
- </view>
- <!-- <view class="promotion_goods_price_old">¥866.66</view> -->
- </view>
- <view class="promotion_goods_spec">{{$L('已选:')}}{{item.specValues == ''?'默认规格':item.specValues}}</view>
- <image :src="imgUrl+'close2.png'" mode="" class="close_icon" @click="closePromotionBox"></image>
- </view>
- </view>
- <scroll-view class="promotion_rules_wrap" scroll-y="true">
- <view class="promotion_rules_title">{{$L('修改促销')}}</view>
- <view class="promotion_rule_item" v-for="(item2,index2) in promotion_list" :key="index2">
- <text :class="{item_check:true,iconfont:true,iconziyuan33:promotionId == item2.promotionId}" @click="changePromotion(index2,item2.promotionDes,item2.promotionId,item2.promotionType)"></text>
- <text :class="{iconfont:true,iconziyuan43:promotionId != item2.promotionId}" @click="changePromotion(index2,item2.promotionDes,item2.promotionId,item2.promotionType)"></text>
- <text class="promotion_text">{{item2.promotionDes}}</text>
- </view>
- </scroll-view>
- </block>
- <view class="confirm_btn_wrap">
- <view class="confirm_btn" @click="confirmChangePromotion">{{$L('确定')}}</view>
- </view>
- </view>
- </uni-popup>
- <!-- 优惠券弹框 start -->
- <uni-popup ref="couponPopup" type="bottom" @touchmove.stop.prevent="moveHandle">
- <view class="coupon_model">
- <view class="coupon_model_title">
- <text>{{$L('领取优惠券')}}</text>
- <image :src="imgUrl+'goods_detail/close.png'" mode="" @click="closeCouponBox"></image>
- </view>
- <!-- 有优惠券 -->
- <scroll-view class="coupon_model_list" scroll-y="true" v-if="coupon_list.length>0">
- <view class="my_coupon_pre" v-for="(item,index) in coupon_list" :key="index">
- <view class="coupon_pre_top" :style="{backgroundImage:'url(' + item.couponBg + ')'}">
- <view class="coupon_pre_left">
- <!-- 固定券 start -->
- <view class="coupon_pre_price" v-if="item.couponType == 1">
- <text class="unit">¥ </text>
- <text class="price_int">{{$getPartNumber(item.publishValue,'int')}}</text>
- </view>
- <!-- 固定券 end -->
- <!-- 折扣券 start -->
- <view class="coupon_pre_price" v-if="item.couponType == 2">
- <view class=""></view>
- <text class="price_int">{{filters.toSplit(filters.toFixNum(item.publishValue,1))[0]}}</text>.
- <text class="price_decimal">{{filters.toSplit(filters.toFixNum(item.publishValue,1))[1]}}</text>
- <text class="price_decimal">{{$L('折')}}</text>
- </view>
- <!-- 折扣券 end -->
- <!-- 随机券 start -->
- <view class="coupon_pre_price" v-if="item.couponType == 3">
- <text class="unit">¥ </text>
- <text class="price_int">{{$getPartNumber(item.randomMax,'int')}}</text>
- </view>
- <!-- 随机券 end -->
- <view class="coupon_pre_active">{{item.couponContent}}</view>
- </view>
- <view class="coupon_pre_cen">
- <view class="coupon_pre_title">{{item.useTypeValue}}</view>
- <view class="coupon_pre_time">{{item.publishStartTime}}~{{item.publishEndTime}}</view>
- <view class="coupon_pre_rules" @click="descriptionOpen(item.couponId)">
- <text>{{$L('使用规则')}}</text>
- <image :src="item.isOpen ? imgUrl + 'coupon/up.png' : imgUrl + 'coupon/down.png'" mode=""></image>
- </view>
- </view>
- <view class="coupon_pre_right" v-if="item.isReceive == 3">{{$L('已抢完')}}</view>
- <view class="coupon_pre_right" v-if="item.isReceive == 2">{{$L('已领')}}</view>
- <view class="coupon_pre_right" v-if="item.isReceive == 1" @click="goReceive(item)">{{$L('立即领取')}}</view>
- </view>
- <view class="coupon_rules" v-if="item.isOpen == true">
- <view class="coupon_rules_title">{{$L('使用规则:')}}{{item.description}}</view>
- </view>
- <view class="coupon_type">{{item.couponTypeValue}}</view>
- <view class="coupon_progress" v-if="item.isReceive != 3">
- {{$L('已抢')}}{{item.receivePercent}}%
- <view class="progress_con">
- <progress :percent="item.receivePercent" stroke-width="3" activeColor="#FFFFFF" backgroundColor="#FF1919" border-radius='2px' />
- </view>
- </view>
- </view>
- </scroll-view>
- <!-- 无优惠券 -->
- <view class="empty_coupon_wrap">
- <image :src="imgUrl+'no_coupon.png'" mode="" class="empty_coupon_img"></image>
- <view class="empty_coupon_text">{{$L('该店铺暂无优惠券~')}}</view>
- </view>
- </view>
- </uni-popup>
- <!-- 优惠券弹框 end -->
- <!-- 商品全部,部分无货弹窗 start-->
- <view id="store_no_good" v-if="store_show_no_good" @touchmove.stop.prevent="moveHandle">
- <view class="content">
- <view class="content_title">
- <text> {{no_good_info.stateValue}}</text>
- <image @tap="hide_good_dialog" :src="imgUrl+'/order/store_no_good_cancel.png'" mode=""></image>
- </view>
- <view class="good_list">
- <view v-for="(item,index) in no_good_info.productList" :key='index' class="good_item">
- <image :src="item.image" mode=""></image>
- <view class="good_info">
- <view class="good_name">
- {{item.goodsName}}
- </view>
- <view class="good_spec">
- <text>{{item.specValues}}</text>
- </view>
- <text class="num">*{{item.buyNum}}</text>
- </view>
- </view>
- </view>
- <view class="part_no_goods_another">
- <view class="return" @click="refreshCartInfo">
- {{$L('确定')}}
- </view>
- </view>
- </view>
- </view>
- <!-- 商品全部,部分无货弹窗 end-->
- <uni-popup ref="popup" type="dialog">
- <uni-popup-dialog type="input" title ="提示" content="确定清空所有失效商品?" :duration="2000" @confirm="clearFailureGoods('confirm')"></uni-popup-dialog>
- </uni-popup>
- </view>
- </template>
- <script module="filters" lang="wxs" src="../../utils/filter.wxs"></script>
- <script>
- import {
- mapState,
- mapMutations
- } from 'vuex';
- import uniNumberBox from "@/components/uni-number-box/uni-number-box.vue"
- import recommendGoods from "@/components/recommend-goods.vue"
- import uniNavBar from "@/components/uni-nav-bar/uni-nav-bar.vue"
- import uniPopup from '@/components/uni-popup/uni-popup.vue'
- import uniPopupDialog from '@/components/uni-popup/uni-popup-dialog.vue'
-
- //库存input change事件的防抖定时器
- var storeAntiShakeTimer;
- export default {
- components: {
- uniNumberBox,
- recommendGoods,
- uniNavBar,
- uniPopup,
- uniPopupDialog
- },
- computed: {
- ...mapState(['hasLogin', 'cartData', 'userInfo'])
- },
- data() {
- return {
- editFlag: false, //是否编辑标识
- total: 0, //总价格
- allChecked: false, //全选状态 true|false
- empty: false, //空白页现实 true|false
- cartList: [],
- topRightText: '', //导航右侧文字,没有数据的话不显示
- nav_left_icon: '', //底部tab进入的话为空,否则为back
- curOperateId:'',//当前长按的商品购物车id,登录时为cartId,未登录时为goodsId
- tempList:{},
- isShowBigNumBox:false, //是否展示价格过长样式
- isShow:true, //重载页面
- closeImg:getApp().globalData.imgUrl+'recharge_fail.png',
- isShowCloseBtn:false, //是否展示数量加减关闭按钮
- showPrice:'',
- ifOnShow:false, //从其他页面进入时重载当前页面
- token:'',
- isDisabled:false ,//结算按钮是否禁用
- imgUrl:getApp().globalData.imgUrl,
- settings:[], //配置信息
- is_show_mask:true,
- is_show_empty:false, //是否显示空页面
- is_checked:true,
- is_show_more_rules:false, //是否展开优惠券使用规则
- coupon_list:[], //优惠券列表
- pageCurrent:1, //优惠券列表,页
- pageSize:10, //优惠券列表 每页的条数
- goReceiveBg:getApp().globalData.imgUrl + 'coupon/coupon_pre_bg.png', //立即领取背景
- finishReceiveBg:getApp().globalData.imgUrl + 'coupon/finishReceiveBg.png', //已抢完背景
- hasReceiveBg:getApp().globalData.imgUrl + 'coupon/hasReceiveBg.png', //已领取背景
- promotion_goods_info:[], //换促销商品信息
- promotion_list:[], //促销列表
- currIndex:0,
- cartId:'',
- promotionDes:'',
- promotionId:'',
- promotionType:'',
- isShow:false,
- store_show_no_good: false,
- no_good_info:'',
- };
- },
- onHide(){
- // this.ifOnShow = true
- },
- onShow(){
- if (this.hasLogin) {
- this.getCartData();
- } else {
- this.initCartData();
- }
- this.editFlag = false;
- },
- onLoad(option) {
- if (option.source && option.source != 'tabbar') {
- this.nav_left_icon = 'back';
- }
- uni.showLoading({
- title:'加载中!',
- icon:'none'
- })
- if (this.hasLogin) {
- this.getCartData();
- } else {
- this.initCartData();
- }
- this.token = this.userInfo.access_token;
- this.getSettings();
- },
- onReachBottom() {
- this.$refs.recomment_goods.getMoreData();
- },
- watch: {
- //显示空白页
- tempList(e) {
- if(e){
- let empty = e.storeCartGroupList.length == 0 ? true : false;
- if (this.empty !== empty) {
- this.empty = empty;
- }
- }else{
- this.empty = true
- }
- },
- },
- // 监听顶部管理按钮
- onNavigationBarButtonTap(e){
- },
- onPageScroll(e){
- if(e.scrollTop>0){
- this.closeMask()
- }
- },
- methods: {
- ...mapMutations(['login', 'operateCartData']),
- moveHandle(){},
- // 隐藏商品无货弹窗
- hide_good_dialog() {
- this.store_show_no_good = false
- },
- refreshCartInfo(){
- this.store_show_no_good = false
- this.getCartData();
- },
- handleState(tempList){
- let list = tempList.storeCartGroupList
- let shop_stock_out = 0 //店铺库存不足数
- // tempList.totalAmount = 0
- list.map(item=>{
- item.promotionCartGroupList.map(item1=>{
- item1.cartList.map(item2=>{
- let price = item2.productPrice.toString().split('.')[0]
- item2.isShowCloseBtn = false
- item2.isShowCollectBtn = true
- // if(item2.isChecked == 1){
- // tempList.totalAmount += item2.productPrice * item2.buyNum
- // }
- if(price.toString().length>5){
- item2.isShowBigNumBox = true
- }else{
- item2.isShowBigNumBox = false
- }
- // if(item2.productState == 3){
- // shop_stock_out++
- // }
- // if(item1.cartList.length == shop_stock_out){
- // item.shopForbidden = true
- // }else{
- // item.shopForbidden = false
- // }
- })
- })
- })
- tempList.isShowCollectBtn = true;
- if(list.length > 0){
- if(!this.editFlag){
- this.topRightText = '管理';
- }else{
- this.topRightText = '完成';
- }
- }else{
- this.topRightText = '';
- // this.$forceUpdate();
- }
- this.tempList = tempList;
- this.$forceUpdate()
- this.checkNum()
- },
- initCartData() {
- //从缓存获取购物车信息
- this.tempList = uni.getStorageSync('cart_list') == undefined?[]:uni.getStorageSync('cart_list')
- if(this.tempList != ''){
- this.tempList.storeCartGroupList.map(item=>{
- item.promotionCartGroupList.map(item1=>{
- item1.cartList.map(item2=>{
- let price = item2.productPrice.toString().split('.')[0]
- item2.isShowCloseBtn = false
- if(price.toString().length>5){
- item2.isShowBigNumBox = true
- }else{
- item2.isShowBigNumBox = false
- }
- })
- })
- })
- this.tempList.isShowCollectBtn = false
- if(this.tempList.storeCartGroupList.length > 0){
- this.topRightText = '管理';
- }else{
- this.topRightText = '';
- }
- this.tempList = this.tempList;
- this.$forceUpdate()
- this.calcTotal();
- }else{
- this.tempList = {
- storeCartGroupList:[],
- invalidList:[]
- }
- }
- uni.hideLoading();
- },
- //从购物车获取数据
- getCartData() {
- this.$request({
- url: 'v3/business/front/cart/cartList',
- method: 'GET'
- }).then(res => {
- if (res.state == 200) {
- this.tempList = res.data;
- this.operateCartData(res.data);
- let checkedLen = 0
- this.handleState(this.tempList)
- let list = res.data.storeCartGroupList
- uni.hideLoading();
- } else {
- this.$api.msg(res.msg)
- uni.hideLoading();
- }
- }).catch((e) => {
- //异常处理
- })
- },
- //请求数据
- async loadData() {
- let list = await this.$api.json('cartList');
- let cartList = list.map(item => {
- item.checked = true;
- return item;
- });
- this.cartList = cartList;
- this.calcTotal(); //计算总价
- },
- //监听image加载完成
- onImageLoad(key, index) {
- this.$set(this[key][index], 'loaded', 'loaded');
- },
- //监听image加载失败
- onImageError(key, index) {
- this[key][index].image = getApp().globalData.imgUrl+'errorImage.jpg';
- },
- navToLogin() {
- uni.navigateTo({
- url: '/pages/public/login'
- })
- },
- //确认订单前,检验商品是否可结算
- testConfirmOrder() {
- const {
- preParam
- } = this;
- let param = {};
- param.url = 'v3/business/front/orderOperate/check';
- param.method = 'POST';
- param.data = {};
- param.header = {
- "Content-Type": "application/json"
- };
- param.data.isCart = true
- this.$request(param).then(res => {
- if (res.state == 267) {
- this.no_good_info = res.data
- this.store_show_no_good = true
- } else if (res.state == 200) {
- uni.navigateTo({
- url:'/pages/order/confirmOrder?orderType=1&isCart=true'
- })
- }
- }).catch((e) => {
- //异常处理
- })
- },
- //全选状态处理 type, index
- check(isCheckedAll) {
- if(this.hasLogin){ //登录
- let cartIds = ''
- this.tempList.storeCartGroupList.map(item=>{
- item.promotionCartGroupList.map(item1=>{
- item1.cartList.map(item2=>{
- cartIds += item2.cartId+','
- })
- })
- })
- cartIds = cartIds.substring(0,cartIds.length-1)
- let param = {}
- param.url = 'v3/business/front/cart/checkedCarts'
- param.method = 'POST'
- param.data = {
- cartIds,
- checked:isCheckedAll == 0?1:0 //0?1:0
- }
- this.$request(param).then(res=>{
- if(res.state == 200){
- this.tempList = res.data
- this.handleState(this.tempList)
- }else{
- this.$api.msg(res.msg)
- }
- })
- }else{ //未登录
- this.tempList.checkedAll = !this.tempList.checkedAll
- this.tempList.storeCartGroupList.map(item=>{
- item.promotionCartGroupList.map(item1=>{
- item1.cartList.map(item2=>{
- if(this.tempList.checkedAll == true){
- item2.isChecked = 1
- item.checkedAll = 1
- }else{
- item2.isChecked = 0
- item.checkedAll = 0
- }
- })
- })
- })
- this.calcTotal()
- uni.setStorage({
- key: 'cart_list',
- data: this.tempList,
- success: function() {
- //更新购物车数量和购物车数据
- // this.isShow = false
- // this.isShow = true
- }
- })
- }
- },
- // 点击商品、店铺状态处理
- changeSelectState(type,cartId,isChecked,goodsId){
- if(this.hasLogin && !this.editFlag){ //登录
- let cartIds = ''
- let storeId = cartId
- if(type == 'goods'){ //商品
- cartIds = cartId
- }else{ // 店铺
- this.tempList.storeCartGroupList.map(item=>{
- if(item.storeId == storeId){
- item.promotionCartGroupList.map(item1=>{
- item1.cartList.map(item2=>{
- cartIds += item2.cartId + ','
- })
- })
- }
- })
- cartIds = cartIds.substring(0,cartIds.length-1)
- }
- let param = {}
- param.url = 'v3/business/front/cart/checkedCarts'
- param.method = 'POST'
- param.data = {
- cartIds:cartIds,
- checked:isChecked == 1?0:1
- }
- let _this = this
- this.$request(param).then(res=>{
- if(res.state == 200){
- _this.tempList = res.data
- _this.checkNum()
- // _this.isShow = false
- // _this.isShow = true
- this.handleState(res.data)
- }else{
- this.$api.msg(res.msg)
- }
- })
- }else{ // 未登录
- let checkedNum = 0 //选中数量
- let storeId = cartId
- let shopChecked = 0
- let cartNum = 0 //购物车数量
- if(type == 'goods'){ //商品
- this.tempList.storeCartGroupList.map(item=>{
- item.promotionCartGroupList.map(item1=>{
- item1.cartList.map(item2=>{
- if(item2.goodsId == goodsId){
- item2.isChecked = item2.isChecked == 0?1:0
- item1.cartList.map(v=>{
- if(v.isChecked == 1){
- shopChecked++
- }
- })
- if(item1.cartList.length == shopChecked){
- item.checkedAll = 1
- }else{
- item.checkedAll = 0
- }
- }
- })
- })
- })
- }else{ //店铺
- this.tempList.storeCartGroupList.map(item=>{
- if(item.storeId == storeId){
- item.checkedAll = item.checkedAll == 0?1:0
- item.promotionCartGroupList.map(item1=>{
- item1.cartList.map(item2=>{
- item2.isChecked = item.checkedAll
- })
- })
- }
- })
- }
- this.tempList.storeCartGroupList.map(item=>{
- item.promotionCartGroupList.map(item1=>{
- item1.cartList.map(item2=>{
- if(item2.isChecked == 1){
- checkedNum++
- }
- })
- cartNum += item1.cartList.length
- })
- })
- if(checkedNum == cartNum){
- this.tempList.checkedAll = true
- }else{
- this.tempList.checkedAll = false
- }
- this.calcTotal()
- if(!this.hasLogin){
- uni.setStorage({
- key: 'cart_list',
- data: this.tempList,
- success: function() {
- //更新购物车数量和购物车数据
- // this.isShow = false
- // this.isShow = true
- }
- })
- }
- }
- },
- //购物车数量加减
- numberChange(num,cartId,goodsId) {
- if(storeAntiShakeTimer){
- clearTimeout(storeAntiShakeTimer)
- }
- storeAntiShakeTimer=setTimeout(()=>{
- if(this.userInfo.access_token){ //登录
- let param = {}
- param.url = 'v3/business/front/cart/changeNum'
- param.method = 'POST'
- param.data = {
- cartId,
- number:num > 1 ? num : 1
- }
- this.$request(param).then(res=>{
- if(res.state == 200){
- // this.tempList = res.data
- this.getCartData();
- }else{
- this.$api.msg(res.msg);
- }
- })
- }else{ //未登录
- this.tempList.storeCartGroupList.map(item=>{
- item.promotionCartGroupList.map(item1=>{
- item1.cartList.map(item2=>{
- if(item2.goodsId == goodsId){
- item2.buyNum = num-0
- }
- })
- })
- })
- this.calcTotal()
- uni.setStorage({
- key: 'cart_list',
- data: this.tempList,
- success: function() {
- //更新购物车数量和购物车数据
- // this.isShow = false
- // this.isShow = true
- }
- })
- }
- },450);
- },
- //删除
- deleteCartItem(index) {
- let list = this.cartList;
- let row = list[index];
- let id = row.id;
- this.cartList.splice(index, 1);
- this.calcTotal();
- uni.hideLoading();
- },
- // 批量删除
- batchDelete(){
- let cartIds = ''
- let tempArr = []
- let goodsIds = ''
- let unLoginArr = []
- let checkedNum = 0
- this.tempList.storeCartGroupList.map(item =>{
- item.promotionCartGroupList.map(item1 =>{
- item1.cartList.map(item2=>{
- if(item2.isChecked == 1){
- checkedNum++
- cartIds += item2.cartId+','
- tempArr.push(item2.cartId)
- unLoginArr.push(item2.goodsId)
- }
- })
- })
- })
- if(checkedNum == 0){
- uni.showToast({
- title:'请选择删除的商品!',
- icon:'none'
- })
- }else{
- if(this.hasLogin){ //登录时批量删除
- cartIds = cartIds.substring(0,cartIds.length-1)
- let param = {}
- param.url = 'v3/business/front/cart/deleteCarts'
- param.method = 'POST'
- param.data = {
- cartIds
- }
- this.$request(param).then(res=>{
- if(res.state == 200){
- this.checkNum()
- uni.showToast({
- title:'删除成功!'
- })
- this.getCartData();
- }
- })
- }else{ //未登录时批量删除
- if(this.tempList.checkedAll == true){
- uni.removeStorageSync('cart_list')
- this.tempList.storeCartGroupList = []
- }else{
- this.tempList.storeCartGroupList.forEach((item,index)=>{
- item.promotionCartGroupList.forEach((item1,index1)=>{
- item1.cartList.forEach((item2,index2)=>{
- unLoginArr.forEach(v=>{
- if(item2.goodsId == v){
- item1.cartList.splice(index2,1)
- }
- })
- })
- if(item1.cartList.length == 0){
- item.promotionCartGroupList = []
- }
- if(item.promotionCartGroupList.length == 0){
- this.tempList.storeCartGroupList.splice(index,1)
- }
- })
- })
- }
- uni.showToast({
- title:'删除成功!'
- })
- }
- }
- },
- // 批量移入收藏夹
- batchCollect(){
- let cartId = ''
- let checkedNum = 0
- this.tempList.storeCartGroupList.map( item =>{
- item.promotionCartGroupList.map( item1 =>{
- item1.cartList.map(item2 =>{
- if(item2.isChecked == 1){
- checkedNum++
- cartId += item2.cartId + ','
- }
- })
- })
- })
- if(checkedNum == 0){
- uni.showToast({
- title:'请选择收藏的商品!',
- icon:'none'
- })
- }else{
- cartId = cartId.substring(0,cartId.length-1)
- let param = {}
- param.url = 'v3/business/front/cart/moveToCollection'
- param.method = 'POST'
- param.data = {
- cartIds:cartId,
- }
- this.$request(param).then(res=>{
- if(res.state == 200){
- uni.showToast({
- title:'收藏成功'
- })
- this.curOperateId = ''
- this.tempList = res.data
- // this.isShow = false
- // this.isShow = true
- }
- })
- }
- },
- // 计算结算数量及改变按钮样式
- checkNum(){
- let checkedLen = 0
- this.tempList.storeCartGroupList.map(item=>{
- item.promotionCartGroupList.map(item1=>{
- item1.cartList.map(item2=>{
- if(item2.isChecked == 1 && item2.productState == 1){
- checkedLen++
- }
- })
- })
- })
- // this.tempList.checkedLen = checkedLen
- this.isDisabled = checkedLen == 0?true:false
- },
- //计算总价
- calcTotal() {
- // 未登录时计算合计价格,结算数量
- let subTotal = 0
- let checkedNum = 0
- this.tempList.storeCartGroupList.map(item=>{
- item.promotionCartGroupList.map(item1=>{
- item1.cartList.map(item2=>{
- if(item2.isChecked == 1){
- subTotal += item2.buyNum * item2.productPrice
- checkedNum++
- }
- })
- })
- })
- this.tempList.totalAmount = subTotal.toFixed(2)
- this.tempList.totalCheck = checkedNum
- uni.setStorage({
- key: 'cart_list',
- data: this.tempList,
- success: function() {
- // this.isShow = false
- // this.isShow = true
- }
- });
- },
- //创建订单
- createOrder() {
- if(this.hasLogin){ //登录跳转确认下单页
- let settle_num = 0
- this.tempList.storeCartGroupList.map(item=>{
- item.promotionCartGroupList.map(item1=>{
- item1.cartList.map(item2=>{
- if(item2.isChecked == 1 && item2.productState == 1){
- settle_num++
- }
- })
- })
- })
- if(settle_num == 0){
- uni.showToast({
- title:'您还没有选中商品',
- icon:'none'
- })
- }else{
- this.testConfirmOrder()
- }
- }else{ //未登录提示登录
- uni.showModal({
- title:'提示',
- content:'需要先登录才能下单哦~',
- confirmText:'去登陆',
- cancelText:'我再看看',
- success:res=>{
- if (res.confirm) {
- uni.navigateTo({
- url:'/pages/public/login'
- })
- }
- }
- })
- }
- },
- //马上去逛逛事件
- goGoodsList() {
- uni.navigateTo({
- url: `/pages/product/list`
- })
- },
- //管理购物车数据
- manageCart() {
- this.editFlag = !this.editFlag;
- if(this.tempList && this.tempList.storeCartGroupList && this.tempList.storeCartGroupList.length > 0){
- if (this.editFlag) {
- this.topRightText = '完成';
- this.tempList.storeCartGroupList.map(item=>{
- item.promotionCartGroupList.map(item1=>{
- item1.cartList.map(item2=>{
- if(item2.productState == 3){
- item2.productState = 1
- item2.isChecked = 1
- this.$forceUpdate()
- }
- })
- })
- })
- } else {
- this.topRightText = '管理';
- this.tempList.storeCartGroupList.map(item=>{
- item.promotionCartGroupList.map(item1=>{
- item1.cartList.map(item2=>{
- if(item2.buyNum > item2.productStock){
- item2.productState = 3
- item2.isChecked = 0
- }
- })
- })
- })
- }
- this.checkNum()
- }else{
- this.topRightText = '';
- }
- },
- //商品长按事件
- showOperate(cartId,goodsId){
- this.is_show_mask = true
- if(this.token){
- this.curOperateId = cartId;
- }else{
- this.curOperateId = goodsId;
- }
- },
- /*
- *操作商品事件
- * type:move移入收藏夹,del删除商品
- */
- operateCartGoods(type,id,goodsId){
- if(this.hasLogin && !this.editFlag){ //登录
- let param = {}
- param.method = 'POST'
- if(type == 'move'){
- param.url = 'v3/business/front/cart/moveToCollection'
- param.data = {
- key:this.userInfo.access_token,
- cartIds:id,
- }
- }else{
- param.url = 'v3/business/front/cart/deleteCarts'
- param.data = {
- key:this.userInfo.access_token,
- cartIds:id,
- }
- }
- this.$request(param).then(res=>{
- if(res.state == 200){
- if(type == 'del'){
- uni.showToast({
- title:'删除成功!',
- icon:'none'
- })
- }else{
- this.curOperateId = ''
- uni.showToast({
- title:'收藏成功!',
- icon:'none'
- })
- this.tempList = res.data
- }
- if(this.tempList.storeCartGroupList.length == 0){
- this.topRightText = '';
- }
- this.handleState(res.data)
- this.checkNum()
- // this.isShow = false
- // this.isShow = true
- }
- })
- }else{ //未登录删除
- this.tempList && this.tempList.storeCartGroupList && this.tempList.storeCartGroupList.map((item,index)=>{
- item.promotionCartGroupList.map(item1=>{
- item1.cartList.map((item2,index2)=>{
- if(item2.goodsId == goodsId){
- item1.cartList.splice(index2,1)
- }
- })
- if(item1.cartList.length == 0){
- item.promotionCartGroupList = []
- }
- if(item.promotionCartGroupList.length == 0){
- this.tempList.storeCartGroupList.splice(index,1)
- }
- })
- })
- if(!this.hasLogin){
- if(this.tempList.storeCartGroupList.length == 0){
- uni.removeStorage({
- key: 'cart_list',
- success: function (res) {
- // this.isShow = false
- // this.isShow = true
- }
- })
- }else{
- uni.setStorage({
- key: 'cart_list',
- data: this.tempList,
- success: function() {
- //更新购物车数量和购物车数据
- // this.isShow = false
- // this.isShow = true
- }
- });
- }
- }
- this.calcTotal()
- uni.showToast({
- title:'删除成功!'
- })
- this.tempList =this.tempList;
- }
- },
- //进入商品详情页
- goGoodsDetail(productId,goodsId){
- uni.navigateTo({
- url: '/pages/product/detail?productId=' + productId + '&goodsId='+goodsId
- })
- },
- // 商品价格过长修改购买数量
- changeBuyNum(cartId,goodsId){
- console.log('asdasdas')
- this.tempList && this.tempList.storeCartGroupList && this.tempList.storeCartGroupList.map(item=>{
- if(this.hasLogin){
- item.promotionCartGroupList.map(item1=>{
- item1.cartList.map(item2=>{
- if(item2.cartId == cartId){
- item2.isShowBigNumBox = false
- item2.isShowCloseBtn = true
- this.$forceUpdate()
- }
- })
- })
- }else{
- if(item.goodsId == goodsId){
- item.isShowBigNumBox = false
- item.isShowCloseBtn = true
- this.$forceUpdate()
- }
- }
- })
- this.isShow = false
- this.isShow = true
- this.tempList && this.tempList.storeCartGroupList && this.tempList.storeCartGroupList.map(item=>{
- if(this.hasLogin){
- item.promotionCartGroupList.map(item1=>{
- item1.cartList.map(item2=>{
- if(item.cartId == cartId){
- this.showPrice = item2.productPrice
- item2.productPrice = item2.productPrice.toString().split('.')[0].toString().substr(0,4)+'...'
- }
- })
- })
- }else{
- if(item.goodsId == goodsId){
- this.showPrice = item.productPrice
- item.productPrice = item.productPrice.toString().split('.')[0].toString().substr(0,4)+'...'
- }
- }
- })
- },
- // 编辑数量关闭数量加减
- closeBigPriceBox(cartId,goodsId){
- this.tempList.storeCartGroupList.map(item=>{
- item.promotionCartGroupList.map(item1=>{
- item1.cartList.map(item2=>{
- if(this.hasLogin){
- if(item2.cartId == cartId){
- item2.isShowBigNumBox = true
- item2.isShowCloseBtn = false
- }
- }else{
- if(item2.goodsId == goodsId){
- item2.isShowBigNumBox = true
- item2.isShowCloseBtn = false
- }
- }
- })
- })
- })
- this.getCartData()
- this.isShow = false
- this.isShow = true
- },
- // 清空失效商品
- clearFailureGoods(type){
-
- switch(type){
- case 'open':{
- this.$refs.popup.open()
- break;
- }
- case 'confirm':{
- let _this = this
- let param = {}
- param.url = 'v3/business/front/cart/emptyInvalid'
- param.method = 'POST'
- _this.$request(param).then(res=>{
- if(res.state == 200){
- _this.tempList.invalidList = []
- _this.isShow = false
- _this.isShow = true
- uni.showToast({
- title:'清除成功!'
- })
- }
- })
- break;
- }
- }
- },
- reload_cart(val){
- if (this.hasLogin) {
- this.getCartData();
- this.isShow = false
- this.isShow = true
- } else {
- this.initCartData();
- this.isShow = false
- this.isShow = true
- }
- },
- //手机号免密登录是否开启接口
- getSettings(){
- // this.$request({
- // url: 'v1/front/setting/getSettings',
- // data: {
- // names: 'basic_site_name,main_site_logo'
- // },
- // method: 'GET'
- // }).then(res => {
- // if (res.state == 200) {
- // //更新页面数据
- // this.settings = res.data || [];
- // }
- // }).catch((e) => {
- // this.$api.msg(res.msg);
- // //异常处理
- // })
- },
- // 点击关闭长按蒙层
- closeMask(e){
- this.is_show_mask = false
- },
- addToCart(val){
- uni.setStorageSync('cart_list',val);
- this.initCartData();
- this.$forceUpdate();
- },
- // 是否展示空页面
- IsShowEmptyPage(){
- if((this.tempList && this.tempList.cartInfoList.length>0) && (tempList.invalidList && tempList.invalidList.length > 0)){
- this.is_show_empty = false
- }else{
- this.is_show_empty = true
- }
- },
- // 打开换促销弹框
- showPromotionBox(cartId,productImage,productPrice,specValues,promotionList,promotionId){
- this.promotion_goods_info = [];
- this.promotion_goods_info.push({
- productImage:productImage,
- productPrice:productPrice,
- specValues:specValues,
- promotionId:promotionId
- })
- this.promotionId = promotionId;
- this.promotion_list = promotionList
- this.cartId = cartId
- this.$refs.popup.open()
- },
- // 关闭换促销弹框
- closePromotionBox(){
- this.$refs.popup.close()
- },
- // 关闭优惠券弹框
- closeCouponBox(){
- this.$refs.couponPopup.close();
- },
- packUpCoupon(){
- this.is_show_more_rules = !this.is_show_more_rules
- },
- // 关注店铺
- careStore(){
- uni.navigateTo({
- url:'/pages/store/attentionStore'
- })
- },
- // 去店铺详情
- toShopDetail(storeId){
- uni.navigateTo({
- url:'/pages/store/shopHomePage?vid='+storeId
- })
- },
- // 打开优惠券弹框,获取店铺优惠券列表
- getShopCoupon(storeId){
- if(this.hasLogin){
- this.$refs.couponPopup.open()
- let param = {}
- param.url = 'v3/promotion/front/coupon/storeCouponList?storeId='+storeId
- param.method = 'GET'
- this.$request(param).then(res=>{
- if(res.state == 200){
- this.coupon_list = res.data.list
- this.coupon_list.forEach((item,index)=>{
- item.isOpen = false;
- if(item.isReceive == 3){
- item.couponBg = this.finishReceiveBg;
- }
- if(item.isReceive == 2){
- item.couponBg = this.hasReceiveBg;
- }
- if(item.isReceive == 1){
- item.couponBg = this.goReceiveBg;
- }
- })
- }
- })
- }else{
- uni.navigateTo({
- url:'/pages/public/login'
- })
- }
- },
- // 领取优惠券
- applyCoupon(isReceive,couponId){
- if(isReceive == 1){ //已领取
- uni.showToast({
- title:'您已领取该优惠券',
- icon:'none'
- })
- }else if(isReceive == 2){ //已抢完
- uni.showToast({
- title:'该优惠券已抢完',
- icon:'none'
- })
- }else{ //立即领取
- let _this = this
- let param = {}
- param.url = 'v3/promotion/front/coupon/receiveCoupon?couponId='+couponId
- param.method = 'GET'
- this.$request(param).then(res=>{
- if(res.state == 200){
- uni.showToast({
- title:'领取成功!'
- })
- setTimeout(()=>{
- _this.getShopCoupon(_this.storeId)
- },700)
- }
- })
- }
- },
- //规则展开
- descriptionOpen(couponId){
- this.coupon_list.map(item=>{
- if(item.couponId == couponId){
- if(item.description != ''){
- item.isOpen = !item.isOpen
- this.$forceUpdate()
- }
- }
- })
- },
- //立即领取
- goReceive(item){
- let couponId = item.couponId
- let param = {};
- param.url = 'v3/promotion/front/coupon/receiveCoupon';
- param.method = 'GET';
- param.data = {};
- param.data.couponId = couponId;
- this.$request(param).then(res => {
- if (res.state == 200) {
- let result = res.data;
- this.$api.msg('领取成功!');
- this.getShopCoupon(item.storeId)
- } else {
- this.$api.msg(res.msg);
- this.getShopCoupon(item.storeId)
- }
- }).catch((e) => {
- //异常处理
- })
- },
- // 修改促销活动
- changePromotion(index,promotionDes,promotionId,promotionType){
- this.currIndex = index
- this.promotionDes = promotionDes
- this.promotionId = promotionId
- this.promotionType = promotionType
- },
- // 确定修改促销活动
- confirmChangePromotion(){
- let param = {}
- param.url = 'v3/business/front/cart/changePromotion'
- param.method = 'POST'
- param.data = {
- cartId:this.cartId,
- promotionDescription:this.promotionDes,
- promotionId:this.promotionId,
- promotionType:this.promotionType
- }
- this.$request(param).then(res=>{
- if(res.state == 200){
- uni.showToast({
- title:'修改成功!'
- })
- this.tempList = res.data;
- let storeCartGroupList = this.tempList.storeCartGroupList;
- storeCartGroupList && storeCartGroupList.map(item=>{
- item.promotionCartGroupList.map(item1=>{
- item1.cartList.map(item2=>{
- item2.isShowBigNumBox = false;
- })
- })
- })
- this.$refs.popup.close();
- this.$forceUpdate();
- }
- })
- }
- }
- }
- </script>
- <style lang='scss'>
- page {
- background-color: $bg-color-split;
- width: 750rpx;
- margin: 0 auto;
- }
- .container {
- padding-bottom: 120rpx;
- }
- .cart_header{
- background: #FFFFFF;
- padding: 30rpx;
- display: flex;
- justify-content: space-between;
- align-items: center;
- .cart_header_text{
- display: flex;
- align-items: center;
- image{
- width: 32rpx;
- height: 32rpx;
- margin-right: 10rpx;
- }
- text{
- font-size: 28rpx;
- }
- }
- .cart_header_btn{
- font-size: 28rpx;
- }
- }
- .cart-list{
- padding:0 20rpx;
- box-sizing: border-box;
- width: 750rpx;
- margin: 0 auto;
- }
- /* 购物车列表项 */
- .cart-item {
- display: flex;
- position: relative;
- height: 200rpx;
- margin-top:20rpx;
- .mask {
- position: absolute;
- z-index: 4;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- background: rgba(0, 0, 0, .6);
- border-radius: 15rpx;
- .move,.del {
- width: 200rpx;
- height: 80rpx;
- border-radius: 40rpx;
- color: #fff;
- font-size: 28rpx;
- }
- .move {
- background: linear-gradient(-90deg, #FE9820, #FFB72B);
- }
- .del {
- background: linear-gradient(-90deg, #FC1D1C, #FF7A18);
- margin-left: 90rpx;
- }
- }
- .image-wrapper {
- flex-shrink: 0;
- position: relative;
- background-color: #fff;
- .goods-img {
- background-size: contain;
- background-position: center center;
- background-repeat: no-repeat;
- width: 200rpx;
- height: 200rpx;
- overflow: hidden;
- background-color: #F8F6F7;
- border-radius: 14rpx;
- margin-left: 20rpx;
- }
- }
- .checkbox {
- position: absolute;
- left: -16rpx;
- top: -16rpx;
- z-index: 8;
- font-size: 44rpx;
- line-height: 1;
- padding: 4rpx;
- color: $font-color-disabled;
- background: #fff;
- border-radius: 50px;
- }
- .item-right {
- flex: 1;
- overflow: hidden;
- position: relative;
- padding-left: 20rpx;
- box-sizing: border-box;
- .right_top {
- margin-top: 10rpx;
- }
- .goods_spec{
- font-size: 26rpx;
- color:#666;
- margin-top:10rpx;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .title {
- color: $main-font-color;
- font-size: 26rpx;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- word-break: break-word;
- line-height: 38rpx;
- }
- .attr {
- font-size: 24rpx;
- line-height: 28rpx;
- color: $main-third-color;
- background-color: #F8F8F8;
- padding: 3rpx 7rpx;
- border-radius: 6rpx;
- }
- .price {
- height: 50rpx;
- line-height: 50rpx;
- }
- .right_bottom {
- width: 399rpx;
- position: absolute;
- bottom:0;
- .right_bottom_left{
- .trade_promotion_btn{
- text{
- font-size: 24rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #666666;
- line-height: 30rpx;
- }
- image{
- width: 20rpx;
- height: 12rpx;
- margin-left: 5rpx;
- }
- }
- .price_wrap {
- &.price_wrap_hide{
- width: 148rpx;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- word-break: break-all;
- }
- .unit,
- .price_decimal {
- font-size: 24rpx;
- font-weight: 600;
- color: $main-color;
- }
- .price_int {
- font-weight: 600;
- font-size: 34rpx;
- line-height: 34rpx;
- color: $main-color;
- }
- }
- }
- .goods_num_box{
- height: 50rpx;
- font-size:24rpx;
- font-weight: 600;
- text-align: center;
- line-height: 50rpx;
- color:#2D2D2D;
- border: 1px solid #f2f2f2;
- border-radius: 6px;
- padding:0 15rpx;
- margin-right:20rpx;
- }
- }
- }
- .del-btn {
- padding: 4rpx 10rpx;
- font-size: 34rpx;
- height: 50rpx;
- color: $font-color-light;
- }
- }
- /* 底部栏 */
- .action-section {
- margin: 0 auto;
- /* #ifdef H5 */
- margin-bottom: 50px;
- /* #endif */
- position: fixed;
- left: 0rpx;
- bottom: 0rpx;
- right: 0;
- z-index: 95;
- display: flex;
- align-items: center;
- height: 100rpx;
- padding: 0 20rpx;
- background: #fff;
- box-shadow: 0px 0px 10px 0px rgba(153, 153, 153, 0.1);
- width: 750rpx;
- .checkbox {
- .iconfont {
- color: #BBBBBB;
- font-size: 32rpx;
- }
- .check_all_tit {
- color: #949494;
- font-size: 26rpx;
- margin-left: 15rpx;
- }
- }
- .clear-btn {
- position: absolute;
- left: 26rpx;
- top: 0;
- z-index: 4;
- width: 0;
- height: 52rpx;
- line-height: 52rpx;
- padding-left: 38rpx;
- font-size: $font-base;
- color: #fff;
- background: $font-color-disabled;
- border-radius: 0 50px 50px 0;
- opacity: 0;
- transition: .2s;
- &.show {
- opacity: 1;
- width: 120rpx;
- }
- }
- .total-box {
- flex: 1;
- padding-right: 40rpx;
- font-size: 26rpx;
- color: #2D2D2D;
- .price_wrap {
- .unit,
- .price_decimal {
- font-size: 24rpx;
- font-weight: bold;
- color: $main-color;
- margin-top: 4rpx;
- }
- .price_int {
- font-weight: bold;
- font-size: 34rpx;
- line-height: 34rpx;
- color: $main-color;
- margin-left: 2rpx;
- }
- }
- .coupon {
- font-size: $font-sm;
- color: $font-color-light;
- text {
- color: $font-color-dark;
- }
- }
- }
- .confirm-btn {
- width: 200rpx;
- height: 70rpx;
- background: linear-gradient(-90deg, rgba(252, 29, 28, 1), rgba(255, 122, 24, 1));
- border-radius: 35rpx;
- font-size: 28rpx;
- .settle_num {
- font-size: 28rpx;
- }
- }
- .move_collect{
- width: 200rpx;
- height: 60rpx;
- background: #FFFFFF;
- border: 1px solid #F76C14;
- border-radius: 30rpx;
- font-size: 28rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #F76C14;
- line-height: 60rpx;
- }
- .del_more{
- width: 200rpx;
- height: 60rpx;
- border: 1rpx solid #FF0000;
- border-radius: 30rpx;
- font-size: 28rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #FC2020;
- line-height: 60rpx;
- margin-left: 20rpx;
- }
- }
- /* 复选框选中状态 */
- .action-section .checkbox.checked,
- .cart-item .checkbox.checked {
- color: $uni-color-primary;
- }
- .empty_part {
- display: flex;
- flex: 1;
- width: 100%;
- height: 516rpx;
- background: #fff;
- margin-top: 20rpx;
- .img {
- width: 210rpx;
- height: 210rpx;
- margin-bottom: 37rpx;
- margin-top: 88rpx;
- }
- .tip_con {
- color: $main-third-color;
- font-size: 26rpx;
- }
- .ope_btn {
- color: $main-color;
- font-size: 28rpx;
- padding: 0 25rpx;
- height: 54rpx;
- background: rgba(252, 28, 28, .1);
- border-radius: 27rpx;
- margin-top: 20rpx;
- }
- }
- .invalid_list_wrap{
- background-color: #fff;
- margin-top:20rpx;
- border-radius: 15rpx;
- padding:0 20rpx;
- .invalid_list_title{
- width:100%;
- height:80rpx;
- font-weight: 600;
- display: flex;
- align-items: center;
- justify-content: space-between;
- border-bottom:1rpx solid rgba(0,0,0,0.05);
- }
- .invalid_list_title text:nth-child(1){
- font-size:30rpx;
- color:#333;
- }
- .invalid_list_title text:nth-child(2){
- font-size:24rpx;
- color:#FC1C1C;
- }
- .invalid_list_content{
- width:100%;
- padding-bottom:20rpx;
- .invalid_list_item{
- padding-top:20rpx;
- display:flex;
- align-items: center;
- .invalid_icon{
- width:97rpx;
- height: 34rpx;
- font-size:24rpx;
- text-align: center;
- font-weight: 600;
- color:#2D2D2D;
- border-radius: 6rpx;
- background-color: #ddd;
- margin-right: 15rpx;
- line-height: 34rpx;
- }
- .invalid_img{
- margin-right:20rpx;
- image{
- width:200rpx;
- height:200rpx;
- border-radius: 14rpx;
- }
- }
- .invalid_goods_wrap{
- width:100%;
- height:200rpx;
- display:flex;
- flex-direction: column;
- position:relative;
- .invalid_goods_name{
- font-size:28rpx;
- /* height:80rpx; */
- color:#999;
- font-weight: 600;
- text-overflow: -o-ellipsis-lastline;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- line-clamp: 2;
- -webkit-box-orient: vertical;
- }
- .invalid_goods_text{
- position:absolute;
- bottom:28rpx;
- font-size:24rpx;
- color:#333;
- font-weight: 600;
- }
- .invalid_goods_spec{
- font-size: 12px;
- line-height: 14px;
- color: #999;
- background-color: #F8F8F8;
- padding: 1px 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- margin-top: 8rpx;
- width: fit-content;
- }
- }
- }
- }
- }
- .close_img{
- width:40rpx;
- height:40rpx;
- margin-left:6rpx;
- margin-right: 20rpx;
- }
- .iconfont {
- font-size: 32rpx;
- color: #BBBBBB;
- &.item_check{
- color: $main-color !important;
- }
- }
- .disabled_btn{
- width: 200rpx;
- height: 70rpx;
- border-radius: 35rpx;
- font-size: 28rpx;
- background:#adadad !important;
- .settle_num {
- font-size: 28rpx;
- /* margin-top: 7rpx; */
- /* padding-bottom: 6rpx; */
- }
- }
- .step{
- width: 175rpx;
- /* margin-right: 20rpx; */
- }
- .step /deep/ .uni-numbox__minus,.step /deep/ .uni-numbox__value,.step /deep/ .uni-numbox__plus{
- border-color:#f2f2f2;
- }
- .stock_not{
- font-size: 24rpx;
- color: #FF0D24;
- margin-right:20rpx;
- margin-top: 8rpx;
- }
- .stock_not_enough{
- color: #666666;
- }
- .stock_not_icon{
- color: #eeeeee;
- }
- .promotion_box{
- width: 750rpx;
- height:900rpx;
- background-color: #fff;
- border-radius: 15rpx 15rpx 0 0;
- padding:0 20rpx;
- box-sizing: border-box;
- .promotion_goods_wrap{
- border-bottom:1rpx solid rgba(0,0,0,0.05);
- display:flex;
- padding:20rpx 0;
- .promotion_goods_img_wrap{
- width:180rpx;
- height: 180rpx;
- border-radius: 15rpx;
- margin-right: 20rpx;
- background-color: #eee;
- .promotion_goods_img{
- width:180rpx;
- height: 180rpx;
- border-radius: 15rpx;
- }
- }
- .promotion_goods_right{
- width:100%;
- position: relative;
- .promotion_goods_price{
- display: flex;
- align-items: flex-end;
- .promotion_goods_price_now{
- color:#FF3044;
- font-weight: bold;
- margin-right:20rpx;
- .small_price{
- font-size:24rpx;
- }
- .big_price{
- font-size:34rpx;
- }
- }
- .promotion_goods_price_old{
- font-size:28rpx;
- color:#999;
- text-decoration: line-through;
- }
- }
- .promotion_goods_spec{
- font-size:28rpx;
- color:#333;
- text-overflow: -o-ellipsis-lastline;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- line-clamp: 2;
- -webkit-box-orient: vertical;
- position: absolute;
- left:0;
- bottom:20rpx;
- }
- .close_icon{
- width:30rpx;
- height:30rpx;
- position: absolute;
- right:0;
- top:0;
- }
- }
- }
- .promotion_rules_wrap{
- height:472rpx;
- overflow-y: scroll;
- .promotion_rules_title{
- margin-top:30rpx;
- font-size:32rpx;
- color:#333;
- font-weight: bold;
- }
- .promotion_rule_item{
- margin-top:45rpx;
- display: flex;
- align-items: center;
- .promotion_text{
- display: inline-block;
- font-size:28rpx;
- color:#333;
- margin-left:24rpx;
- }
- }
- }
- .confirm_btn_wrap{
- width:750rpx;
- position: fixed;
- bottom:100rpx;
- /* #ifdef MP-WEIXIN */
- bottom: 0;
- /* #endif */
- left:0;
- height:100rpx;
- display: flex;
- justify-content: center;
- align-items: center;
- box-shadow: 0px 0px 20px 0px rgba(86, 86, 86, 0.08);
- .confirm_btn{
- width:690rpx;
- height:70rpx;
- color:#fff;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 28rpx;
- background: #F30300;
- border-radius: 35rpx;
- }
- }
- }
- /* 领取优惠券弹框 */
- .coupon_box{
- height:900rpx;
- background-color: #f5f5f5;
- border-radius: 15rpx 15rpx 0 0;
- .coupon_title{
- height:90rpx;
- display:flex;
- align-items: center;
- font-size:32rpx;
- color:#333;
- font-weight: bold;
- justify-content: space-between;
- padding:0 20rpx 0 30rpx;
- box-sizing: border-box;
- background-color: #fff;
- .close_icon{
- width:30rpx;
- height:30rpx;
- }
- }
- .coupon_content_wrap{
- height:810rpx;
- overflow-y: scroll;
- padding:0 20rpx 120rpx 20rpx;
- box-sizing: border-box;
- .coupon_item{
- width:100%;
- margin-top:20rpx;
- .coupon_top{
- height:180rpx;
- display: flex;
- align-items: center;
- background-color: #FFF7F5;
- border-radius: 15rpx;
- position:relative;
- .coupon_price{
- width:200rpx;
- font-size: 60rpx;
- color:#FF1812;
- font-weight: bold;
- display: flex;
- justify-content: center;
- }
- .coupon_rules_wrap{
- .coupon_rule{
- font-size: 34rpx;
- color:#333;
- font-weight: bold;
- }
- .coupon_time{
- font-size: 28rpx;
- color:#999;
- margin-top:18rpx;
- font-weight: 400;
- }
- }
- .have_apply{
- width:135rpx;
- height:50rpx;
- position: absolute;
- right:28rpx;
- top:50%;
- transform: translateY(-50%);
- }
- }
- .coupon_bottom{
- font-size:26rpx;
- color:#333;
- padding:20rpx 30rpx;
- box-sizing: border-box;
- background-color: #fff;
- border-radius: 15rpx;
- position: relative;
- .rule_icon{
- width:28rpx;
- height:28rpx;
- position:absolute;
- right:30rpx;
- top:50%;
- transform: translateY(-50%);
- }
- }
- }
- }
- }
- .coupon_rule_text{
- width:581rpx;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- }
- .shop_list_wrap{
- .shop_item{
- margin-top:20rpx;
- background-color: #fff;
- border-radius: 15rpx;
- box-sizing: border-box;
- .shop_item_top{
- display: flex;
- align-items: center;
- position: relative;
- padding-bottom: 20rpx;
- border-bottom: 1rpx solid #F2F2F2;
- padding: 20rpx;
- box-sizing: border-box;
- .shop_icon{
- width:34rpx;
- height:32rpx;
- margin:0 10rpx 0 20rpx;
- }
- .shop_name{
- font-size:28rpx;
- color:#2d2d2d;
- font-weight: 600;
- margin-right:10rpx;
- }
- .to_right_icon{
- width:13rpx;
- height: 22rpx;
- }
- .coupon_icon{
- width:62rpx;
- height: 30rpx;
- position:absolute;
- top:50%;
- right: 0;
- transform: translateY(-50%);
- }
- }
- }
- }
- .discount_activity{
- padding: 0 20rpx 20rpx;
- box-sizing: border-box;
- }
- .discount_left{
- margin-left:50rpx;
- display: flex;
- align-items: center;
- margin-top: 24rpx;
- margin-bottom: 22rpx;
- .discount_icon{
- width: 62rpx;
- height: 30rpx;
- font-size:24rpx;
- color:#fff;
- display: flex;
- justify-content: center;
- align-items: center;
- background: #FF0D24;
- border-radius: 15rpx;
- margin-right:10rpx;
- }
- .promotion_text{
- width:550rpx;
- height:28rpx;
- display: flex;
- text-overflow: -o-ellipsis-lastline;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 1;
- line-clamp: 1;
- -webkit-box-orient: vertical;
- .discount_text{
- font-size:26rpx;
- color:#2d2d2d;
- line-height: 30rpx;
- }
- }
- }
- .discount_activity_wrap{
- display: flex;
- justify-content: space-between;
- margin-top:20rpx;
- }
- /* 优惠券弹框 start */
- .coupon_model{
- width: 100%;
- height: 900rpx;
- background: #F5F5F5;
- border-radius: 15rpx 15rpx 0 0;
- .coupon_model_title{
- width: 100%;
- height: 100rpx;
- border-radius: 15rpx 15rpx 0 0;
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 0 12rpx 0 30rpx;
- box-sizing: border-box;
- position: absolute;
- z-index: 10;
- top: 0;
- background: #FFFFFF;
- border-bottom: 1rpx solid #f2f2f2;
- text {
- font-size: 32rpx;
- font-family: PingFang SC;
- font-weight: bold;
- color: #333333;
- line-height: 32rpx;
- }
- image {
- width: 46rpx;
- height: 46rpx;
- }
- }
- .coupon_model_list{
- box-sizing: border-box;
- height: 880rpx;
- width: 750rpx;
- overflow-x: hidden;
- padding: 120rpx 20rpx 0 20rpx;
- /* #ifdef H5*/
- padding-bottom:100rpx;
- /* #endif */
- box-sizing: border-box;
- .my_coupon_pre{
- margin-bottom: 20rpx;
- position: relative;
- .coupon_pre_top{
- width: 710rpx;
- height: 190rpx;
- background-size: 100% 100%;
- display: flex;
- align-items: center;
- .coupon_pre_left{
- display: flex;
- flex-direction: column;
- width: 203rpx;
- align-items: center;
- .coupon_pre_price{
- font-size: 20rpx;
- font-family: Source Han Sans CN;
- font-weight: bold;
- color: #F20C06;
- line-height: 31rpx;
- text:nth-child(2){
- font-size: 48rpx;
- font-family: Source Han Sans CN;
- font-weight: bold;
- color: #F30801;
- line-height: 31rpx;
- }
- }
- .coupon_pre_active{
- font-size: 24rpx;
- font-family: Source Han Sans CN;
- font-weight: 400;
- color: #F6130E;
- line-height: 31rpx;
- margin-top: 20rpx;
- }
- }
- .coupon_pre_cen{
- display: felx;
- flex-direction: column;
- flex:1;
- padding-left: 44rpx;
- .coupon_pre_title{
- font-size: 30rpx;
- font-family: PingFang SC;
- font-weight: bold;
- color: #111111;
- line-height: 31rpx;
- }
- .coupon_pre_time{
- font-size: 24rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #333333;
- line-height: 31rpx;
- margin: 21rpx 0 17rpx;
- }
- .coupon_pre_rules{
- display: flex;
- align-items: center;
- text{
- font-size: 24rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #999999;
- line-height: 31rpx;
- }
- image{
- width: 12rpx;
- height: 7rpx;
- margin-left: 20rpx;
- }
- }
- }
- .coupon_pre_right{
- width: 130rpx;
- box-sizing: border-box;
- font-size: 24rpx;
- font-family: Source Han Sans CN;
- font-weight: 400;
- color: #FFFFFF;
- text-align: center;
- }
- }
- .coupon_rules{
- width: 710rpx;
- padding: 20rpx 0 20rpx 43rpx;
- box-sizing: border-box;
- font-size: 22rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #666666;
- line-height: 30rpx;
- background: #FFFFFF;
- border-top: 1rpx solid #f2f2f2;
- border-radius: 0 0 15rpx 15rpx;
- .coupon_rules_title{
- margin-bottom: 10rpx;
- }
- }
- .coupon_type{
- position: absolute;
- top: 0;
- left: 0;
- padding: 0 5rpx;
- height: 30rpx;
- background: linear-gradient(0deg, #FF3000 0%, #FB3E31 0%, #FF3728 0%, #FF142F 100%);
- font-size: 20rpx;
- font-family: Source Han Sans CN;
- font-weight: 400;
- color: #FFFFFF;
- line-height: 30rpx;
- text-align: center;
- border-radius: 15rpx 0 15rpx 0;
- }
- .coupon_progress{
- position: absolute;
- width: 130rpx;
- top: 10rpx;
- right: 0rpx;
- display: flex;
- flex-direction: column;
- align-items: center;
- font-size: 18rpx;
- font-family: Source Han Sans CN;
- font-weight: 400;
- color: #FFFFFF;
- line-height: 31rpx;
- .progress_con{
- width: 84rpx;
- margin-top: 5rpx;
- border-radius: 5rpx;
- progress{
- border: 1rpx solid #FFFFFF;
- border-radius: 5rpx;
- }
- }
- }
- }
- }
- }
- /* 空优惠券 */
- .empty_coupon_wrap{
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- padding-top:260rpx;
- box-sizing: border-box;
- .empty_coupon_img{
- width:187rpx;
- height:187rpx;
- margin-bottom:30rpx;
- }
- .empty_coupon_text{
- font-size:26rpx;
- color:#999;
- }
- }
- /* 优惠券弹框 end */
- .goods_num_wrap{
- text-align: right;
- }
- .exceed_price_wrap{
- display: flex;
- align-items: center;
- }
- #store_no_good {
- display: flex;
- align-items: center;
- justify-content: center;
- }
- #store_no_good {
- position: fixed;
- top: 0;
- left: 0;
- width: 750rpx;
- height: 100vh;
- background-color: rgba(0, 0, 0, 0.6);
- z-index: 999;
- right: 0;
- margin: 0 auto;
- }
- #store_no_good .content {
- width: 580rpx;
- height: 773rpx;
- background-color: white;
- border-radius: 15rpx;
- .content_title {
- margin-top: 24rpx;
- margin-bottom: 24rpx;
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 0 30rpx;
- font-size: 32rpx;
- color: #2D2D2D;
- image {
- width: 22rpx;
- height: 22rpx;
- }
- }
- .good_list {
- height: 593rpx;
- overflow-y: scroll;
- width: 100%;
- .good_item {
- display: flex;
- align-items: center;
- padding: 30rpx;
- border-top: 1rpx solid #f2f2f2;
- image {
- width: 70rpx;
- height: 70rpx;
- border-radius: 6rpx;
- }
- .good_info {
- margin-left: 20rpx;
- position: relative;
- .good_name {
- width: 382rpx;
- font-size: 26rpx;
- }
- .good_spec {
- margin-top: 20rpx;
- font-size: 22rpx;
- }
- .num {
- position: absolute;
- bottom: 0rpx;
- right: 0rpx;
- font-size: 24rpx;
- color: #333333;
- }
- }
- }
- }
- .part_no_goods {
- width: 520rpx;
- height: 60rpx;
- font-size: 30rpx;
- color: white;
- display: flex;
- align-items: center;
- margin: 0 auto;
- border-radius: 30rpx;
- margin-top: 15rpx;
- .return {
- width: 50%;
- height: 60rpx;
- line-height: 60rpx;
- background-color: #FF8809;
- text-align: center;
- border-radius: 30rpx 0 0 30rpx;
- }
- .remove {
- width: 50%;
- height: 60rpx;
- line-height: 60rpx;
- background-color: #F90208;
- text-align: center;
- border-radius: 0 30rpx 30rpx 0;
- }
- }
- }
- .part_no_goods_another {
- width: 520rpx;
- height: 60rpx;
- font-size: 30rpx;
- color: white;
- display: flex;
- align-items: center;
- margin: 0 auto;
- border-radius: 30rpx;
- background-color: #F90208;
- .return {
- width: 100%;
- text-align: center;
- }
- }
- </style>
|