12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112 |
- <template>
- <view class="content" v-if="isShow">
- <view class="navbar">
- <view v-for="(item, index) in navList" :key="index" class="nav-item"
- :class="{current: tabCurrentIndex === index}" @click="tabClick(index)">
- {{item.text}}
- </view>
- </view>
- <swiper :current="tabCurrentIndex" class="swiper-box" duration="300" @change="changeTab">
- <swiper-item class="tab-content" v-for="(tabItem,tabIndex) in navList" :key="tabIndex">
- <scroll-view
- v-if="tabItem.loadingState != 'first_loading'&&tabItem.orderList.length == 0 && tabItem.state == 1"
- class="list-scroll-content" scroll-y @scrolltolower="loadData">
- <view v-if="tabItem.loadingState != 'first_loading'&&tabItem.orderList.length == 0"
- class="empty_part flex_column_start_center">
- <image :src="imgUrl+'empty_goods.png'" />
- <text>{{$L('这里空空如也~快去商品中心加购商品吧')}}!</text>
- <button class="flex_row_center_center" @click="goGoodsList"
- :plain="true">{{$L('马上去逛逛')}}</button>
- </view>
- <view
- v-if="recommendShow && (navList[tabCurrentIndex].state != 1 || (navList[tabCurrentIndex].state == 1 && navList[tabCurrentIndex].orderList.length == 0))">
- <recommendGoods ref='recomment_goods' />
- </view>
- </scroll-view>
- <scroll-view v-else class="list-scroll-content" scroll-y @scrolltolower="loadData" :lower-threshold="150">
- <!-- 订单列表 -->
- <template v-if="tabItem.orderList.length > 0">
- <view v-for="(item,index) in tabItem.orderList" :key="index"
- class="order-item flex_column_start_start" @click="goOrderDetail(item.orderSn)">
- <view class="i-top">
- <!-- <text class="order_sn">订单编号:{{item.orderSn}}</text> -->
- <view class="store_name" @click.stop="goShopHome(item.storeId)">
- <image class="store_logo" :src="imgUrl+'goods_detail/store_logo.png'"></image>
- <text class="store_name_text">{{item.storeName}}</text>
- <image class="store_logo_right"
- :src="(item.storeId==0?'':imgUrl+'order/store_right.png')"></image>
- <!-- <text class="iconfont iconziyuan11"></text> -->
- </view>
- <text class="state" :style="{color: item.stateTipColor}">{{item.orderStateValue}}</text>
- </view>
- <view v-if="item.orderProductListVOList" class="goods-box flex_row_between_center"
- v-for="(goodsItem, goodsIndex) in item.orderProductListVOList" :key="goodsIndex">
- <view class="left flex_row_start_start">
- <view class="goods-img"
- :style="{backgroundImage: 'url('+goodsItem.productImage+')'}"></view>
- <view class='goods_info flex_column_between_start'>
- <view class='flex_column_start_start'>
- <text class="goods_name">{{goodsItem.goodsName}}</text>
- <text class="spec_info"
- v-if="goodsItem.specValues">{{goodsItem.specValues}}</text>
- </view>
- <view class="label_con flex_row_start_start" v-if="item.orderType==103">
- <view class="act_label preSale">预售</view>
- <view v-if="item.orderType==103&&item.deliverTime"
- class="presale_deliver_time">{{item.deliverTime}} 开始发货</view>
- </view>
- <view class="label_con flex_row_start_start" v-if="item.orderType==102">
- <view class="act_label pinGroup">拼团</view>
- <view v-if="item.orderType==103&&item.deliverTime"
- class="presale_deliver_time">{{item.deliverTime}} 开始发货</view>
- </view>
- <view class="label_con flex_row_start_start" v-if="item.orderType==105">
- <view class="act_label ladder">阶梯团</view>
- </view>
-
- </view>
- </view>
- <view class="right flex_column_center_end">
- <view class="price_info flex_row_end_end">
- <text class="unit">¥</text>
- <text
- class="price_int">{{$getPartNumber(goodsItem.productShowPrice,'int')}}</text>
- <text
- class="price_decimal">{{$getPartNumber(goodsItem.productShowPrice,'decimal')}}</text>
- </view>
- <text class="goods_num">*{{goodsItem.productNum}}</text>
- </view>
- <view class="goods_return_status" v-if="goodsItem.afsStateValue">
- {{goodsItem.afsStateValue}}</view>
- </view>
- <view class="price-box">
- {{$L('共')}}{{item.goodsNum}}{{$L('件商品')}}
- <text class="order_mount">{{$L('合计')}} :</text>
- <view class="total_price flex_row_end_end">
- <text class="unit">¥</text>
- <text class="price_int">{{$getPartNumber(item.orderAmount,'int')}}</text>
- <text class="price_decimal">{{$getPartNumber(item.orderAmount,'decimal')}}</text>
- </view>
- </view>
- <view class="action-box" v-if="item.state != 9">
- <!-- 待付款、待发货订单可以修改地址 -->
- <button v-if="(item.orderState == 10||item.orderState == 20)"
- class="action-btn flex_row_center_center"
- @click.stop="editAddress(item.orderSn)">{{$L('修改地址')}}</button>
- <!-- 待收货、已完成订单可以查看物流 -->
- <button v-if="item.orderState == 30||item.orderState == 40"
- class="action-btn flex_row_center_center"
- @click.stop="lookLogistics(item.orderSn,item.productLeadLittle)">{{$L('查看物流')}}</button>
- <!-- 待收货订单可以确认收货 -->
- <button v-if="item.orderState == 30" class="action-btn recom flex_row_center_center"
- @click.stop="confirmReceipt(item.orderSn)">{{$L('确认收货')}}</button>
- <!-- 待评价订单可以评价 -->
- <button v-if="item.orderState == 40 && item.evaluateState!=3"
- class="action-btn recom flex_row_center_center"
- @click.stop="remainEvaluated(item.orderSn)">{{$L('评价')}}</button>
- <!-- 待付款订单可以取消订单 -->
- <button v-if="item.orderState == 10" class="action-btn flex_row_center_center"
- @click.stop="cancelPopup(item)">{{$L('取消订单')}}</button>
- <!-- 待付款订单可以立即支付 -->
- <button
- v-if="item.orderState == 10&&!((item.orderType==105||item.orderType==103)&&item.orderSubState==102&&item.depositRemainTime>0)"
- class="action-btn recom flex_row_center_center"
- @click.stop="goPay(item)">{{$L('立即支付')}}</button>
- <!-- 已取消、全部评价完成订单可以删除订单 -->
- <button v-if='item.orderState==0||(item.orderState==40&&item.evaluateState==3)'
- class="action-btn flex_row_center_center"
- @click.stop="delOrder(item.orderSn)">{{$L("删除订单")}}</button>
- </view>
- </view>
- </template>
- <view v-if="tabItem.loadingState != 'first_loading'&&tabItem.orderList.length == 0"
- class="empty_part flex_column_start_center">
- <image :src="imgUrl+'empty_goods.png'" />
- <text>{{$L('这里空空如也~快去商品中心加购商品吧!')}}</text>
- <button class="flex_row_center_center" @click="goGoodsList"
- :plain="true">{{$L('马上去逛逛')}}</button>
- </view>
- <block v-if="tabCurrentIndex != 1">
- <loadingState
- v-if="!recommendShow&&navList[tabCurrentIndex].loadingState != 'no_more_data' && (tabItem.loadingState == 'first_loading'||tabItem.orderList.length > 0)"
- :state='tabItem.loadingState' />
- </block>
- <block v-if="tabCurrentIndex == 1">
- <loadingState :state='tabItem.loadingState' />
- </block>
- <view
- v-if="recommendShow && (navList[tabCurrentIndex].state != 1 || (navList[tabCurrentIndex].state == 1 && navList[tabCurrentIndex].orderList.length == 0))">
- <recommendGoods ref='recomment_goods' />
- </view>
- </scroll-view>
- </swiper-item>
- </swiper>
- <!-- <view v-if="recommendShow && (navList[tabCurrentIndex].state != 1 || (navList[tabCurrentIndex].state == 1 && navList[tabCurrentIndex].orderList.length == 0))">
- <recommendGoods ref='recomment_goods' />
- </view> -->
- <!-- 取消订单选择原因弹框 -->
- <uni-popup ref="cancelPopup" type="bottom">
- <view class="cancel_popup">
- <view class="popup_top">
- <text>{{$L('取消原因')}}</text>
- <image :src="imgUrl+'order-detail/guanbi.png'" mode="" @click="notCancel"></image>
- </view>
- <scroll-view class="uni-list cancel_list" scroll-x="true">
- <radio-group @change="radioChange">
- <label class="cancle_pre" v-for="(item,index) in cancelList" :key="index">
- <text>{{item.content}}</text>
- <radio :value="item.value" :checked="item.value === current" color="#fc1c1c"
- style="transform:scale(0.8);margin-right:0;" />
- </label>
- </radio-group>
- </scroll-view>
- <view class="cancel_popup_btn">
- <text class="" @click="notCancel()">{{$L('暂不取消')}}</text>
- <text class="" @click="confirmCancel()">{{$L('确定取消')}}</text>
- </view>
- </view>
- </uni-popup>
-
- <!-- 预售,阶梯团定金取消订单提示 -->
- <uni-popup ref="popup" type="dialog">
- <uni-popup-dialog type="input" title ="提示" content="取消该订单定金不予退还,确定取消?" :duration="2000" @close="acDialog(false)" @confirm="acDialog(true)"></uni-popup-dialog>
- </uni-popup>
- </view>
- </template>
- <script>
- import loadingState from "@/components/loading-state.vue";
- import selectionGoods from "@/components/selection-goods.vue";
- import recommendGoods from "@/components/recommend-goods.vue"
- import uniPopup from '@/components/uni-popup/uni-popup.vue';
- import uniPopupDialog from '@/components/uni-popup/uni-popup-dialog.vue';
- import {
- mapState
- } from 'vuex';
- export default {
- components: {
- loadingState,
- selectionGoods,
- recommendGoods,
- uniPopup,
- uniPopupDialog
- },
- data() {
- return {
- imgUrl: getApp().globalData.imgUrl,
- tabCurrentIndex: 0,
- navList: [{
- state: 0,
- text: this.$L('全部'),
- loadingState: 'first_loading',
- orderList: [],
- current: 1, //分页
- },
- {
- state: 1,
- text: this.$L('待付款'),
- loadingState: 'first_loading',
- orderList: [],
- current: 1, //分页
- },
- {
- state: 2,
- text: this.$L('待发货'),
- loadingState: 'first_loading',
- orderList: [],
- current: 1, //分页
- },
- {
- state: 3,
- text: this.$L('待收货'),
- loadingState: 'first_loading',
- orderList: [],
- current: 1, //分页
- },
- {
- state: 4,
- text: this.$L('待评价'),
- loadingState: 'first_loading',
- orderList: [],
- current: 1, //分页
- }
- ],
- stopPullDownRefresh: false, //是否下拉刷新中
- current: '0', //取消原因当前点击的是第0项
- reasonId: -1, //取消原因当前点击的原因id
- cancelList: [], //取消原因列表
- curOrderSn: '', //当前订单的订单号
- isHasMore: true,
- pn: 1,
- recGoodsList: [],
- isloading: 'first_loading',
- isShow: false,
- recommendShow: false, //推荐商品是否显示
- ifOnShow: false
- };
- },
- onLoad(options) {
- /**
- * 修复app端点击除全部订单外的按钮进入时不加载数据的问题
- * 替换onLoad下代码即可
- */
- if (options.state) {
- this.tabCurrentIndex = +options.state;
- } else {
- this.tabCurrentIndex = 0;
- }
- // // #ifndef MP
- // this.loadData()
- // // #endif
- // #ifdef MP
- if (options.state == 0) {
- this.loadData()
- }
- // #endif
- uni.showLoading({
- title: '加载中',
- icon: 'none'
- })
- },
- onShow() {
- let index = this.tabCurrentIndex;
- let navItem = this.navList[index];
- navItem.loadingState = 'first_loading';
- navItem.orderList = [];
- navItem.current = 1;
- this.loadData();
- },
- computed: {
- ...mapState(['userInfo'])
- },
- //下拉刷新
- onPullDownRefresh() {
- let index = this.tabCurrentIndex;
- let navItem = this.navList[index];
- navItem.loadingState = 'first_loading';
- navItem.orderList = [];
- navItem.current = 1;
- this.stopPullDownRefresh = true; //下拉刷新状态
- this.loadData();
- },
- methods: {
- //甄选推荐
- getData() {
- if (this.tabCurrentIndex != 1) {
- this.$refs.recomment_goods[this.tabCurrentIndex].getMoreData();
- }
- },
- //获取订单列表
- loadData(source) {
- // if(this.recommendShow){//如果已经展示甄选推荐的话,上拉加载甄选推荐商品
- // this.getData()
- // }else{
- //将订单挂载到tab列表下,起到缓存的效果,避免多次请求
- let index = this.tabCurrentIndex;
- let navItem = this.navList.filter(item => item.state == index)[0];
- let state = navItem.state;
- if (source === 'tabChange' && navItem.loadingState !== 'first_loading') {
- //tab切换只有第一次需要加载数据
- return;
- }
- if (navItem.loadingState === 'loading') {
- //防止重复加载
- return;
- }
- if (navItem.loadingState == 'no_more_data') {
- //已经没有数据,无需再请求
- // return;
- this.getData();
- }
- if (navItem.loadingState != 'no_more_data') {
- this.getOrderList()
- }
- // }
- },
- //此方法只有删除订单,取消订单等需要从列表中删除订单时调用,其余获取订单列表请调用loadData
- getOrderList() {
- let index = this.tabCurrentIndex;
- let navItem = this.navList.filter(item => item.state == index)[0];
- let state = navItem.state;
- let param = {};
- param.url = 'v3/business/front/orderInfo/list';
- param.data = {};
- param.data.pageSize = 10;
- param.data.current = navItem.current;
- navItem.loadingState = navItem.loadingState == 'first_loading' ? navItem.loadingState : 'loading';
- //状态处理
- if (navItem.state == 0) {
- param.data.state = ''; //全部订单
- } else if (navItem.state == 1) {
- param.data.orderState = 10; //待付款
- } else if (navItem.state == 2) {
- param.data.orderState = 20; //待发货
- } else if (navItem.state == 3) {
- param.data.orderState = 30; //待收货
- } else if (navItem.state == 4) {
- //待评价
- param.data.orderState = 40;
- param.data.evaluateState = 1;
- }
- this.$request(param).then(res => {
- if (res.state == 200) {
- if (navItem.current == 1) {
- navItem.orderList = res.data.list
- } else {
- navItem.orderList = navItem.orderList.concat(res.data.list);
- }
- let hasMore = this.$checkPaginationHasMore(res.data.pagination); //是否还有数据
- if (hasMore) {
- navItem.current++;
- navItem.loadingState = 'allow_loading_more';
- } else {
- navItem.loadingState = 'no_more_data';
- this.recommendShow = true
- }
- uni.hideLoading();
- this.isShow = true;
- } else {
- this.$api.msg(res.msg);
- }
- if (this.stopPullDownRefresh) {
- this.stopPullDownRefresh = false;
- uni.stopPullDownRefresh();
- }
- }).catch((e) => {
- //异常处理
- })
- },
- //刷新当前列表
- refreshOrderList() {
- let index = this.tabCurrentIndex;
- let navItem = this.navList.filter(item => item.state == index)[0];
- navItem.current = 1
- this.getOrderList()
- },
- //swiper 切换
- changeTab(e) {
- this.tabCurrentIndex = e.target.current;
- this.isHasMore = true;
- this.pn = 1;
- this.recGoodsList = [];
- this.isloading = 'first_loading';
- this.loading = false;
- this.loadData('tabChange');
- },
- //顶部tab点击
- tabClick(index) {
- this.tabCurrentIndex = index;
- this.isHasMore = true;
- this.pn = 1;
- this.isloading = 'first_loading';
- this.loading = false;
- this.recGoodsList = [];
- },
- //马上去逛逛事件
- goGoodsList() {
- uni.navigateTo({
- url: `/pages/product/list`
- })
- },
- //跳转订单详情页
- goOrderDetail(orderSn) {
- uni.navigateTo({
- url: `/pages/order/detail?orderSn=` + orderSn,
- })
- },
- //删除订单操作
- delOrder(orderSn) {
- let that = this;
- uni.showModal({
- title: '提示',
- content: '确定删除该订单?',
- success: function (res) {
- if (res.confirm) {
- let param = {};
- param.url = 'v3/business/front/orderOperate/delete';
- param.method = 'POST';
- param.data = {};
- param.data.orderSn = orderSn;
- that.$request(param).then(res => {
- if (res.state == 200) {
- that.refreshOrderList();
- that.$api.msg(res.msg);
- } else {
- that.$api.msg(res.msg);
- }
- }).catch((e) => {
- //异常处理
- })
- } else if (res.cancel) {
- }
- }
- })
- },
- //立即支付
- goPay(val) {
- let goodsInfo = val.orderProductListVOList[0];
- if (val.orderType == 105 && val.orderSubState == 102 && val.depositRemainTime == 0) {
- //阶梯团付尾款
- uni.navigateTo({
- url: `/pages/order/confirmOrder?goodsId=${goodsInfo.goodsId}&productId=${goodsInfo.productId}&numbers=${goodsInfo.productNum}&ifcart=2&orderSn=${val.orderSn}`
- })
- } else if (val.orderType == 103 && val.orderSubState == 102 && val.depositRemainTime == 0) {
- uni.navigateTo({
- url: `/pages/order/confirmOrder?goodsId=${goodsInfo.goodsId}&productId=${goodsInfo.productId}&numbers=${goodsInfo.productNum}&ifcart=2&orderSn=${val.orderSn}`
- })
- } else {
- uni.navigateTo({
- url: '/pages/order/pay?paySn=' + val.paySn + '&payMethodType=orderList'
- })
- }
- },
- //打开取消订单弹框
- cancelPopup(item) {
- if(!item.isRefundDeposit&&(item.orderType==105||item.orderType==103)){
- this.curOrderSn = item.parentSn;
- this.$refs.popup.open()
- }else{
- this.$refs.cancelPopup.open();
- this.curOrderSn = item.parentSn;
- this.getCancelList();
- }
- },
-
- // 预售,阶梯团的提示确认
- acDialog(type){
- if(type==true){
- this.$refs.popup.close()
- this.$refs.cancelPopup.open();
- this.getCancelList();
- }else{
- this.$refs.popup.close()
- }
- },
-
- //获取取消订单原因列表
- getCancelList() {
- let param = {};
- param.url = 'v3/system/front/reason/list';
- param.method = 'GET';
- param.data = {};
- param.data.type = 104;
- this.$request(param).then(res => {
- if (res.state == 200) {
- this.cancelList = res.data || [];
- this.cancelList && this.cancelList.map((item, index) => item.value = '' + index);
- this.reasonId = this.cancelList[0].reasonId;
- } else {
- this.$api.msg(res.msg);
- }
- }).catch((e) => {
- //异常处理
- })
- },
- //取消原因单选框切换
- radioChange(e) {
- for (let i = 0; i < this.cancelList.length; i++) {
- if (this.cancelList[i].value === e.target.value) {
- this.reasonId = this.cancelList[i].reasonId;
- break;
- }
- }
- },
- //暂不取消订单
- notCancel() {
- this.$refs.cancelPopup.close();
- // this.goRefresh();
- },
- //确定取消订单
- confirmCancel() {
- let that = this;
- uni.showModal({
- title: '提示',
- content: '确定取消该订单?',
- success: function (res) {
- if (res.confirm) {
- let param = {};
- param.url = 'v3/business/front/orderOperate/cancel';
- param.method = 'POST';
- param.data = {};
- param.data.parentSn = that.curOrderSn;
- param.data.reasonId = that.reasonId;
- that.$request(param).then(res => {
- if (res.state == 200) {
- that.refreshOrderList()
- that.$api.msg(res.msg);
- that.$refs.cancelPopup.close();
- } else {
- that.$api.msg(res.msg);
- }
- }).catch((e) => {
- //异常处理
- })
- } else if (res.cancel) {
- that.$refs.cancelPopup.close();
- }
- }
- })
- },
- //更新当前页面方法
- goRefresh() {
- let pages = getCurrentPages();
- let currPage = pages[pages.length - 1]; //当前页面
- let index = this.tabCurrentIndex;
- let navItem = this.navList[index];
- navItem.loadingState = 'first_loading';
- navItem.orderList = [];
- navItem.current = 1;
- currPage.loadData(); //更新当前页面数据
- },
- //查看物流
- lookLogistics(orderSn, productLeadLittle) {
- uni.navigateTo({
- url: '/pages/order/lookLogistics?orderSn=' + orderSn + '&productLeadLittle=' + productLeadLittle
- })
- },
- //修改地址
- editAddress(orderSn) {
- uni.navigateTo({
- url: '/pages/address/list?source=2' + '&orderSn=' + orderSn
- })
- },
- // 确认收货
- confirmReceipt(orderSn) {
- let _this = this
- uni.showModal({
- title: '提示',
- content: '确认收货?',
- success: function (res) {
- if (res.confirm) {
- let param = {}
- param.url = 'v3/business/front/orderOperate/receive'
- param.method = 'POST'
- param.data = {
- orderSn: orderSn
- }
- _this.$request(param).then(res => {
- if (res.state == 200) {
- uni.showToast({
- title: '收货成功!',
- icon: 'none',
- duration: 700
- })
- _this.refreshOrderList();
- }
- })
- }
- }
- })
- },
- // 评价
- remainEvaluated(orderSn) {
- uni.navigateTo({
- url: '/pages/order/publishEvaluation?orderSn=' + orderSn
- })
- },
- //去店铺首页
- goShopHome(storeId) {
- if (storeId != 0) {
- uni.navigateTo({
- url: '/pages/store/shopHomePage?vid=' + storeId
- })
- }
- }
- },
- }
- </script>
- <style lang="scss">
- page,
- .content {
- background: $bg-color-split;
- height: 100%;
- width: 750rpx;
- margin: 0 auto;
- }
- .swiper-box {
- height: calc(100% - 40px);
- }
- .list-scroll-content {
- height: 100%;
- }
- .label_con {
- position: relative;
- left: 0;
- .act_label {
- height: 36rpx;
- border-radius: 15rpx;
- line-height: 36rpx;
- padding: 0 14rpx;
- }
- .preSale {
- // width: 38px;
- // height: 14px;
- background: linear-gradient(90deg, #EC0093 0%, #FF085B 100%);
- border-radius: 4rpx;
- color: #fff;
- font-size: 24rpx;
- }
-
- .pinGroup{
- background: linear-gradient(45deg, #FF6000 0%, #FF9C00 100%);
- border-radius: 4rpx;
- color: #fff;
- font-size: 24rpx;
- }
-
- .ladder{
- background: linear-gradient(22deg, #FE901E 0%, #FEAD28 100%);
- color: #fff;
- font-size: 24rpx;
- border-radius: 4rpx;
- }
- }
- .navbar {
- display: flex;
- height: 80rpx;
- padding: 0 5px;
- background: #fff;
- position: relative;
- z-index: 10;
- .nav-item {
- flex: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- font-size: 32rpx;
- color: $main-font-color;
- position: relative;
- &.current {
- color: $main-color;
- font-size: 32rpx;
- font-weight: bold;
- &:after {
- content: '';
- position: absolute;
- left: 50%;
- bottom: 0;
- transform: translateX(-50%);
- width: 35rpx;
- height: 8rpx;
- background-color: $main-color;
- border-radius: 4rpx;
- }
- }
- }
- }
- .uni-swiper-item {
- height: auto;
- }
- .order-item {
- width: 100%;
- padding-left: 20rpx;
- background: #fff;
- margin-top: 20rpx;
- .i-top {
- display: flex;
- align-items: center;
- padding-right: 20rpx;
- position: relative;
- width: 100%;
- margin-top: 30rpx;
- border-bottom: 1rpx solid #f2f2f2;
- padding-bottom: 30rpx;
- .store_name {
- flex: 1;
- display: flex;
- align-items: center;
- image {
- width: 34rpx;
- height: 32rpx;
- transform: scale(0.9);
- }
- .store_name_text {
- font-size: 26rpx;
- color: #2d2d2d;
- font-weight: bold;
- margin-left: 10rpx;
- }
- .store_logo_right {
- width: 13rpx;
- height: 22rpx;
- margin-left: 10rpx;
- }
- }
- .state {
- font-size: 26rpx;
- color: $main-color;
- }
- }
- .goods-box {
- position: relative;
- padding: 20rpx 0;
- width: 100%;
- border-bottom: 1rpx solid #f2f2f2;
- .goods_return_status {
- position: absolute;
- bottom: 24rpx;
- right: 21rpx;
- font-size: 22rpx;
- color: #FC1C1C;
- }
- .left {
- .goods-img {
- background-size: cover;
- background-position: center center;
- background-repeat: no-repeat;
- width: 200rpx;
- height: 200rpx;
- overflow: hidden;
- background-color: #F8F6F7;
- border-radius: 14rpx;
- flex-shrink: 0;
- }
- .goods_info {
- margin-left: 25rpx;
- padding-top: 10rpx;
- height: 200rpx;
- width: 100%;
- .goods_name {
- color: #2D2D2D;
- font-size: 28rpx;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- word-break: break-word;
- line-height: 38rpx;
- }
- .spec_info {
- color: #949494;
- font-size: 24rpx;
- line-height: 28rpx;
- background-color: #F8F8F8;
- padding: 3rpx 7rpx;
- border-radius: 6rpx;
- margin-top: 10rpx;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- }
- .presale_deliver_time {
- padding: 0 6rpx;
- border: 2rpx solid #F30303;
- font-size: 24rpx;
- color: #F30303;
- position: absolute;
- left: 90rpx;
- white-space: nowrap;
- }
- }
- }
- .right {
- padding: 0 30rpx 0 24rpx;
- overflow: hidden;
- flex-shrink: 0;
- .price_info {
- color: $main-font-color;
- font-weight: bold;
- align-items: baseline;
- .unit,
- .price_decimal {
- font-size: 24rpx;
- line-height: 28rpx;
- }
- .price_int {
- font-size: 32rpx;
- line-height: 32rpx;
- }
- }
- .goods_num {
- color: #2D2D2D;
- font-size: 24rpx;
- }
- .title {
- font-size: 24rpx;
- color: $font-color-dark;
- line-height: 1;
- }
- .attr-box {
- font-size: 22rpx;
- color: $font-color-light;
- padding: 10rpx 12rpx;
- }
- }
- }
- .price-box {
- display: flex;
- justify-content: flex-end;
- align-items: baseline;
- padding: 0 18rpx;
- font-size: 24rpx;
- color: #949494;
- width: 100%;
- margin-top: 30rpx;
- position: relative;
- .order_type {
- position: absolute;
- left: 0;
- top: 0;
- background: linear-gradient(22deg, #FE901E 0%, #FEAD28 100%);
- height: 36rpx;
- padding: 0 14rpx;
- color: #fff;
- border-radius: 18rpx;
- font-size: 22rpx;
- }
- .order_mount {
- color: #333333;
- font-size: 24rpx;
- margin-left: 20rpx;
- }
- .total_price {
- color: #2D2D2D;
- font-weight: bold;
- align-items: baseline;
- margin-left: 15rpx;
- .unit,
- .price_decimal {
- font-size: 24rpx;
- }
- .price_int {
- font-size: 32rpx;
- line-height: 32rpx;
- margin-left: 5rpx;
- }
- }
- }
- .action-box {
- display: flex;
- justify-content: flex-end;
- align-items: flex-start;
- height: 70rpx;
- position: relative;
- padding-right: 20rpx;
- width: 100%;
- padding-bottom: 20rpx;
- margin-top: 30rpx;
- }
- .action-btn {
- width: 125rpx;
- height: 50rpx;
- margin: 0;
- margin-left: 10rpx;
- padding: 0;
- text-align: center;
- line-height: 50rpx;
- font-size: 24rpx;
- color: $main-font-color;
- background: #fff;
- border-radius: 25rpx;
- border: 1rpx solid #eeeeee;
- &:after {
- border: none;
- }
- &.recom {
- color: #fff;
- background: #F30300;
- border: none;
- }
- }
- }
- .empty_part {
- padding-top: 108rpx;
- image {
- width: 210rpx;
- height: 210rpx;
- }
- text {
- color: $main-third-color;
- font-size: 26rpx;
- margin-top: 57rpx;
- }
- button {
- width: 245rpx;
- height: 66rpx;
- background: rgba(252, 28, 28, .05);
- border-radius: 33rpx;
- color: $main-color;
- font-size: 30rpx;
- font-weight: bold;
- margin-top: 29rpx;
- border: none;
- }
- uni-button:after {
- border-radius: 200rpx;
- border-color: #fff;
- }
- }
- .cancel_popup {
- width: 100%;
- height: 700rpx;
- background: #FFFFFF;
- border-radius: 15rpx 15rpx 0 0;
- position: fixed;
- width: 100% !important;
- z-index: 20;
- bottom: 0;
- .popup_top {
- height: 100rpx;
- width: 100%;
- display: flex;
- padding: 0 39rpx;
- align-items: center;
- justify-content: space-between;
- border-bottom: 1rpx solid #F8F8F8;
- text {
- font-size: 32rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #343434;
- line-height: 32rpx;
- }
- image {
- width: 30rpx;
- height: 30rpx;
- }
- }
- .cancel_list {
- padding-bottom: 128rpx;
- box-sizing: border-box;
- height: 600rpx;
- .cancle_pre {
- width: 100%;
- padding: 29rpx 40rpx;
- box-sizing: border-box;
- display: flex;
- justify-content: space-between;
- text {
- font-size: 28rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #666666;
- line-height: 32rpx;
- }
- }
- }
- .cancel_popup_btn {
- position: fixed;
- bottom: 40rpx;
- z-index: 30;
- display: flex;
- width: 100%;
- justify-content: center;
- text:nth-child(1) {
- width: 334rpx;
- height: 70rpx;
- background: linear-gradient(45deg, #FF963B 0%, #9A540A 0%, #FF8622 0%);
- ;
- border-radius: 35rpx 0 0 35rpx;
- font-size: 28rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #FFFFFF;
- line-height: 32rpx;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- text:nth-child(2) {
- width: 334rpx;
- height: 70rpx;
- background: #F30300;
- border-radius: 0 35rpx 35rpx 0;
- font-size: 28rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #FFFFFF;
- line-height: 32rpx;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- }
- }
- </style>
|