|
|
@@ -1,88 +1,46 @@
|
|
|
<template>
|
|
|
- <view class="container">
|
|
|
- <view class="status-box">
|
|
|
- <view class="status_tap_box" style="position: relative">
|
|
|
- <view
|
|
|
- @tap="statusTap"
|
|
|
- class="status-label"
|
|
|
- v-for="(item, index) in statusType"
|
|
|
- :key="index"
|
|
|
- :class="item[0] == currentType ? 'active' : ''"
|
|
|
- :data-index="item[0]"
|
|
|
- >
|
|
|
- {{ item[1] }}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <not-goods v-if="haveGoods" textStr="抱歉！暂无相关订单" />
|
|
|
- <view class="order-list" v-if="orderList && orderList.length > 0">
|
|
|
- <view v-for="(li, index) in orderList" :key="index">
|
|
|
- <!-- 未付款 -->
|
|
|
- <view class="a-order">
|
|
|
- <view class="overflow" :data-id="li.id">
|
|
|
- <view class="list-title flex_r flex_ac flex_jb ellipsis">
|
|
|
- <view class="fz_text">{{
|
|
|
- tidyStatus([li.pay_status, li.order_status])
|
|
|
- }}</view>
|
|
|
+ <view class="container">
|
|
|
+ <view class="status-box">
|
|
|
+ <view class="status_tap_box" style="position: relative">
|
|
|
+ <view @tap="statusTap" class="status-label" v-for="(item, index) in statusType" :key="index" :class="item[0] == currentType ? 'active' : ''" :data-index="item[0]">
|
|
|
+ {{ item[1] }}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view
|
|
|
- class="goods-info flex_r flex_ac flex_jb"
|
|
|
- :data-type="li.type"
|
|
|
- @tap="toDetails(li)"
|
|
|
- >
|
|
|
- <view class="goods-info-bar overflow flex_r flex_ac">
|
|
|
- <view class="imgs_bar img-box">
|
|
|
- <image
|
|
|
- :src="li.original_img"
|
|
|
- mode=""
|
|
|
- class="goods-img"
|
|
|
- ></image>
|
|
|
+ </view>
|
|
|
+ <not-goods v-if="haveGoods" textStr="抱歉！暂无相关订单" />
|
|
|
+ <view class="order-list" v-if="orderList && orderList.length > 0">
|
|
|
+ <view v-for="(li, index) in orderList" :key="index">
|
|
|
+ <!-- 未付款 -->
|
|
|
+ <view class="a-order">
|
|
|
+ <view class="overflow" :data-id="li.id">
|
|
|
+ <view class="list-title flex_r flex_ac flex_jb ellipsis">
|
|
|
+ <view class="fz_text">{{ tidyStatus([li.pay_status, li.order_status]) }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="goods-info flex_r flex_ac flex_jb" :data-type="li.type" @tap="toDetails(li)">
|
|
|
+ <view class="goods-info-bar overflow flex_r flex_ac">
|
|
|
+ <view class="imgs_bar img-box">
|
|
|
+ <image :src="li.original_img" mode="" class="goods-img"></image>
|
|
|
+ </view>
|
|
|
+ <view class="goods_name ellipsis2">{{ li.goods_name || "" }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="goodsDetail_info">
|
|
|
+ <view class="goods_price r_color">￥<text class="r_color">{{ li.total_amount }}</text></view>
|
|
|
+ <view class="unimport">共{{ li.goods_num }}件</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="price-box flex_r flex_ac">
|
|
|
+ <view class="btn cancel-btn" @tap="toCancel" v-if="li.pay_status === 0">取消订单</view>
|
|
|
+ <view class="btn topay-btn" @tap="toPay" v-if="li.pay_status === 0">立即支付</view>
|
|
|
+ <view class="btn cancel-btn" @click="toDetails(li)" v-if="li.pay_status != 0">查看订单</view>
|
|
|
+ <view class="btn topay-btn" @tap="toTake(li)" v-if="[0, 1].includes(li.order_status)">确认收货</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="goods_name ellipsis2">{{
|
|
|
- li.goods_name || ""
|
|
|
- }}</view>
|
|
|
- </view>
|
|
|
- <view class="goodsDetail_info">
|
|
|
- <view class="goods_price r_color"
|
|
|
- >￥<text class="r_color">{{ li.total_amount }}</text></view
|
|
|
- >
|
|
|
- <view class="unimport">共{{ li.goods_num }}件</view>
|
|
|
- </view>
|
|
|
+ <!-- 未付款 end -->
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="price-box flex_r flex_ac">
|
|
|
- <view
|
|
|
- class="btn cancel-btn"
|
|
|
- @tap="toCancel"
|
|
|
- v-if="li.pay_status === 0"
|
|
|
- >取消订单</view
|
|
|
- >
|
|
|
- <view class="btn topay-btn" @tap="toPay" v-if="li.pay_status === 0"
|
|
|
- >立即支付</view
|
|
|
- >
|
|
|
- <view
|
|
|
- class="btn cancel-btn"
|
|
|
- @click="toDetails(li)"
|
|
|
- v-if="li.pay_status != 0"
|
|
|
- >查看订单</view
|
|
|
- >
|
|
|
- <view
|
|
|
- class="btn topay-btn"
|
|
|
- @tap="toTake"
|
|
|
- v-if="[0, 1].includes(li.order_status)"
|
|
|
- >确认收货</view
|
|
|
- >
|
|
|
- </view>
|
|
|
</view>
|
|
|
- <!-- 未付款 end -->
|
|
|
- </view>
|
|
|
+ <view class="loading-indicator" :class="loadingMoreHidden ? 'opacity' : ''">{{ loadingTip }}</view>
|
|
|
</view>
|
|
|
- <view
|
|
|
- class="loading-indicator"
|
|
|
- :class="loadingMoreHidden ? 'opacity' : ''"
|
|
|
- >{{ loadingTip }}</view
|
|
|
- >
|
|
|
- </view>
|
|
|
</template>
|
|
|
<script>
|
|
|
// var reqApi = new ReqApi();
|
|
|
@@ -95,526 +53,485 @@ import { get, post, u_post } from "@/request/api.js";
|
|
|
// import terraceTagbar from '@/components/terrace-tagbar/index'
|
|
|
// import { ReqApi, ToPayOpre } from "../../utils/reqTools.js";
|
|
|
export default {
|
|
|
- components: {
|
|
|
- notGoods,
|
|
|
- // terraceTagbar
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- statusType: [
|
|
|
- ["0", "全部"],
|
|
|
- ["1", "待付款"],
|
|
|
- ["2", "待发货"],
|
|
|
- ["3", "待收货"],
|
|
|
- ["4", "已收货"],
|
|
|
- ],
|
|
|
- orderList: [],
|
|
|
- currentType: "0",
|
|
|
- haveGoods: false,
|
|
|
- loadingMoreHidden: true,
|
|
|
- loadingTip: "没有更多了",
|
|
|
- userId: "",
|
|
|
- isweixin: "",
|
|
|
- pt: {},
|
|
|
- };
|
|
|
- },
|
|
|
- onLoad(options) {
|
|
|
- // this.currentType = options.status ? options.status : 1;
|
|
|
- },
|
|
|
- onShow() {
|
|
|
- this.loadData();
|
|
|
- },
|
|
|
- methods: {
|
|
|
- returnBtn: function () {
|
|
|
- uni.navigateBack({});
|
|
|
+ components: {
|
|
|
+ notGoods,
|
|
|
+ // terraceTagbar
|
|
|
},
|
|
|
- clearData(isclearCat = true, callBack) {
|
|
|
- page = 1;
|
|
|
- this.orderList = [];
|
|
|
- this.haveGoods = false;
|
|
|
- if (callBack) {
|
|
|
- callBack();
|
|
|
- }
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ statusType: [
|
|
|
+ ["0", "全部"],
|
|
|
+ ["1", "待付款"],
|
|
|
+ ["2", "待发货"],
|
|
|
+ ["3", "待收货"],
|
|
|
+ ["4", "已收货"],
|
|
|
+ ],
|
|
|
+ orderList: [],
|
|
|
+ currentType: "0",
|
|
|
+ haveGoods: false,
|
|
|
+ loadingMoreHidden: true,
|
|
|
+ loadingTip: "没有更多了",
|
|
|
+ userId: "",
|
|
|
+ isweixin: "",
|
|
|
+ pt: {},
|
|
|
+ };
|
|
|
},
|
|
|
- loadData() {
|
|
|
- if (page == -1) {
|
|
|
- return;
|
|
|
- }
|
|
|
- uni.showLoading({
|
|
|
- title: "加载中…",
|
|
|
- mask: true,
|
|
|
- });
|
|
|
- var data = {
|
|
|
- page,
|
|
|
- type: this.currentType,
|
|
|
- };
|
|
|
-
|
|
|
- post("my/order", data).then((res) => {
|
|
|
- if (res.code === 0) {
|
|
|
- if (res) {
|
|
|
- setTimeout(() => {
|
|
|
- uni.hideLoading();
|
|
|
- }, 100);
|
|
|
- uni.stopPullDownRefresh();
|
|
|
- var resData = res.data.data.data;
|
|
|
- if (resData && resData.length <= 0) {
|
|
|
- if (page <= 1) {
|
|
|
- this.haveGoods = true;
|
|
|
- this.loadingMoreHidden = true;
|
|
|
- } else {
|
|
|
- this.loadingMoreHidden = false;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- if (resData && resData.length > 0) {
|
|
|
- var orderList = this.orderList;
|
|
|
- var list = orderList.concat(resData);
|
|
|
- this.pt = res.platform;
|
|
|
- this.orderList = list;
|
|
|
- this.haveGoods = false;
|
|
|
- this.loadingMoreHidden = true;
|
|
|
- }
|
|
|
- } else {
|
|
|
- appEv.errTips(res.msg || "");
|
|
|
- if (res.status == 999) {
|
|
|
- page = -1;
|
|
|
- this.loadingMoreHidden = false;
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- toDetails(da) {
|
|
|
- console.log(da);
|
|
|
- uni.navigateTo({
|
|
|
- url: "/pages/szw-order-details/index",
|
|
|
- });
|
|
|
- return
|
|
|
- uni.navigateTo({
|
|
|
- url: "/pages/autonym-submit/index",
|
|
|
- });
|
|
|
- // this.goto("/pages/szw-order-details/index",{id: data.order_id})
|
|
|
+ onLoad(options) {
|
|
|
+ // this.currentType = options.status ? options.status : 1;
|
|
|
},
|
|
|
-
|
|
|
- // 立即支付
|
|
|
- toPay(e) {
|
|
|
- var orderDetailIds = e.currentTarget.dataset.id;
|
|
|
- var index = e.currentTarget.dataset.index;
|
|
|
- var price = this.orderList[index].data.totalPrice;
|
|
|
- var type = this.orderList[index].data.patType;
|
|
|
- var teaIntegral = this.orderList[index].data.totalTeaInt;
|
|
|
- var pfIntegral = this.orderList[index].data.totalPfInt;
|
|
|
- var xfIntegral = this.orderList[index].data.totalXfInt;
|
|
|
- var totalAccount = this.orderList[index].data.totalAccount;
|
|
|
- var orderNo = this.orderList[index].data.orderNo;
|
|
|
- let data = {
|
|
|
- orderDetailIds: orderDetailIds,
|
|
|
- types: 1,
|
|
|
- price: price,
|
|
|
- account: totalAccount,
|
|
|
- teaIntegral: teaIntegral,
|
|
|
- pfIntegral: pfIntegral,
|
|
|
- xfIntegral: xfIntegral,
|
|
|
- zfType: type,
|
|
|
- ojsType: e.currentTarget.dataset.ojstype,
|
|
|
- };
|
|
|
- var info;
|
|
|
- info = reqApi.payOrder(data);
|
|
|
- var that = this;
|
|
|
- if (info) {
|
|
|
- info.then((res) => {
|
|
|
- if (res.data.status == 200) {
|
|
|
- toPayOpre.toPay(res.data.payParam);
|
|
|
- } else {
|
|
|
- appEv.errTips(res.data.msg || "支付失败");
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
+ onShow() {
|
|
|
+ this.loadData();
|
|
|
},
|
|
|
- // 取消订单
|
|
|
- toCancel(e) {
|
|
|
- var isTuan = e.currentTarget.dataset.tuan;
|
|
|
- if (isTuan) {
|
|
|
- uni.showModal({
|
|
|
- title: "温馨提示",
|
|
|
- content: "发起拼单24小时后，若未拼单成功将自动取消订单并退款哦~",
|
|
|
- showCancel: false,
|
|
|
- confirmText: "知道了",
|
|
|
- confirmColor: "#f02f2f",
|
|
|
- });
|
|
|
- } else {
|
|
|
- var orderDetailId = e.currentTarget.dataset.id,
|
|
|
- type = e.currentTarget.dataset.type;
|
|
|
- let types = e.currentTarget.dataset.types;
|
|
|
- console.log(types);
|
|
|
- if (types == 4) {
|
|
|
- type = 1;
|
|
|
- }
|
|
|
- const info = reqApi.cancelOrder({ orderDetailId, type });
|
|
|
- var that = this;
|
|
|
- if (info) {
|
|
|
- info.then((res) => {
|
|
|
- if (res.data.status == 200) {
|
|
|
- uni.showToast({
|
|
|
- title: res.data.msg || "订单已取消",
|
|
|
- duration: 1200,
|
|
|
- mask: true,
|
|
|
- });
|
|
|
- setTimeout(function () {
|
|
|
- that.clearData(false, () => {
|
|
|
- that.loadData();
|
|
|
- });
|
|
|
- }, 1200);
|
|
|
- } else {
|
|
|
- appEv.errTips(res.data.msg || "取消失败");
|
|
|
+ methods: {
|
|
|
+ returnBtn: function() {
|
|
|
+ uni.navigateBack({});
|
|
|
+ },
|
|
|
+ clearData(isclearCat = true, callBack) {
|
|
|
+ page = 1;
|
|
|
+ this.orderList = [];
|
|
|
+ this.haveGoods = false;
|
|
|
+ if (callBack) {
|
|
|
+ callBack();
|
|
|
}
|
|
|
- });
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- // 确认收货
|
|
|
- toTake(e) {
|
|
|
- let type = e.currentTarget.dataset.type;
|
|
|
- var that = this;
|
|
|
- uni.showModal({
|
|
|
- content:
|
|
|
- "亲，“确定收货”代表着本订单的交付流程已经完成，不再支持任何形式的退换货。",
|
|
|
- confirmText: "确认收货",
|
|
|
- confirmColor: "#fa2f2e",
|
|
|
- cancelText: "取消",
|
|
|
- cancelColor: "#bbb",
|
|
|
- success(res) {
|
|
|
- if (res.confirm) {
|
|
|
- var orderDetailId = e.currentTarget.dataset.id;
|
|
|
- const info = reqApi.takeOrder({
|
|
|
- orderDetailId: orderDetailId,
|
|
|
- type: type,
|
|
|
+ },
|
|
|
+ loadData() {
|
|
|
+ if (page == -1) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ uni.showLoading({
|
|
|
+ title: "加载中…",
|
|
|
+ mask: true,
|
|
|
});
|
|
|
- if (info) {
|
|
|
- info.then((res) => {
|
|
|
- if (res.data.status == 200) {
|
|
|
- appEv.errTips(res.data.msg);
|
|
|
- setTimeout(function () {
|
|
|
- that.clearData(false, () => {
|
|
|
- that.loadData();
|
|
|
- });
|
|
|
- }, 1200);
|
|
|
+ var data = {
|
|
|
+ page,
|
|
|
+ type: this.currentType,
|
|
|
+ };
|
|
|
+
|
|
|
+ post("my/order", data).then((res) => {
|
|
|
+ if (res.code === 0) {
|
|
|
+ if (res) {
|
|
|
+ setTimeout(() => {
|
|
|
+ uni.hideLoading();
|
|
|
+ }, 100);
|
|
|
+ uni.stopPullDownRefresh();
|
|
|
+ var resData = res.data.data.data;
|
|
|
+ if (resData && resData.length <= 0) {
|
|
|
+ if (page <= 1) {
|
|
|
+ this.haveGoods = true;
|
|
|
+ this.loadingMoreHidden = true;
|
|
|
+ } else {
|
|
|
+ this.loadingMoreHidden = false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (resData && resData.length > 0) {
|
|
|
+ var orderList = this.orderList;
|
|
|
+ var list = orderList.concat(resData);
|
|
|
+ this.pt = res.platform;
|
|
|
+ this.orderList = list;
|
|
|
+ this.haveGoods = false;
|
|
|
+ this.loadingMoreHidden = true;
|
|
|
+ }
|
|
|
} else {
|
|
|
- appEv.errTips(res.data.msg || "收货失败");
|
|
|
+ appEv.errTips(res.msg || "");
|
|
|
+ if (res.status == 999) {
|
|
|
+ page = -1;
|
|
|
+ this.loadingMoreHidden = false;
|
|
|
+ }
|
|
|
}
|
|
|
- });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ toDetails(da) {
|
|
|
+ this.goto("/pages/szw-order-details/index", { id: da.order_id })
|
|
|
+ },
|
|
|
+
|
|
|
+ // 立即支付
|
|
|
+ toPay(e) {
|
|
|
+ var orderDetailIds = e.currentTarget.dataset.id;
|
|
|
+ var index = e.currentTarget.dataset.index;
|
|
|
+ var price = this.orderList[index].data.totalPrice;
|
|
|
+ var type = this.orderList[index].data.patType;
|
|
|
+ var teaIntegral = this.orderList[index].data.totalTeaInt;
|
|
|
+ var pfIntegral = this.orderList[index].data.totalPfInt;
|
|
|
+ var xfIntegral = this.orderList[index].data.totalXfInt;
|
|
|
+ var totalAccount = this.orderList[index].data.totalAccount;
|
|
|
+ var orderNo = this.orderList[index].data.orderNo;
|
|
|
+ let data = {
|
|
|
+ orderDetailIds: orderDetailIds,
|
|
|
+ types: 1,
|
|
|
+ price: price,
|
|
|
+ account: totalAccount,
|
|
|
+ teaIntegral: teaIntegral,
|
|
|
+ pfIntegral: pfIntegral,
|
|
|
+ xfIntegral: xfIntegral,
|
|
|
+ zfType: type,
|
|
|
+ ojsType: e.currentTarget.dataset.ojstype,
|
|
|
+ };
|
|
|
+ var info;
|
|
|
+ info = reqApi.payOrder(data);
|
|
|
+ var that = this;
|
|
|
+ if (info) {
|
|
|
+ info.then((res) => {
|
|
|
+ if (res.data.status == 200) {
|
|
|
+ toPayOpre.toPay(res.data.payParam);
|
|
|
+ } else {
|
|
|
+ appEv.errTips(res.data.msg || "支付失败");
|
|
|
+ }
|
|
|
+ });
|
|
|
}
|
|
|
- } else if (res.cancel) {
|
|
|
- // console.log('用户点击取消');
|
|
|
- }
|
|
|
},
|
|
|
- });
|
|
|
+ // 取消订单
|
|
|
+ toCancel(e) {
|
|
|
+ let that = this;
|
|
|
+ uni.showModal({
|
|
|
+ title: "温馨提示",
|
|
|
+ content: "发起拼单24小时后，若未拼单成功将自动取消订单并退款哦~",
|
|
|
+ showCancel: false,
|
|
|
+ confirmText: "知道了",
|
|
|
+ confirmColor: "#f02f2f",
|
|
|
+ success(res) {
|
|
|
+ if (res.confirm) {
|
|
|
+ post("my/orderCancel",{
|
|
|
+ order_id: e.order_id
|
|
|
+ }).then(res => {
|
|
|
+ if(res.code === 0){
|
|
|
+ appEv.errTips(res.msg);
|
|
|
+ that.loadData();
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 确认收货
|
|
|
+ toTake(e) {
|
|
|
+ let that = this;
|
|
|
+ uni.showModal({
|
|
|
+ content: "亲，“确定收货”代表着本订单的交付流程已经完成，不再支持任何形式的退换货。",
|
|
|
+ confirmText: "确认收货",
|
|
|
+ confirmColor: "#fa2f2e",
|
|
|
+ cancelText: "取消",
|
|
|
+ cancelColor: "#bbb",
|
|
|
+ success(res) {
|
|
|
+ if (res.confirm) {
|
|
|
+ post("goods/confirmOrder",{
|
|
|
+ order_id: e.order_id
|
|
|
+ }).then(res => {
|
|
|
+ if(res.code === 0){
|
|
|
+ appEv.errTips(res.msg);
|
|
|
+ that.loadData();
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 整理数据
|
|
|
+ arrangeData(data = appEv.parameter("data")) {
|
|
|
+ var statusType = this.data.statusType;
|
|
|
+ statusType[0][2] = data.wholeCount;
|
|
|
+ statusType[1][2] = data.AlreadyPaymentCount;
|
|
|
+ statusType[2][2] = data.AlreadyCompleteCount;
|
|
|
+ statusType[3][2] = data.AlreadySettlementCount;
|
|
|
+ this.statusType = statusType;
|
|
|
+ },
|
|
|
+ //菜单切换
|
|
|
+ statusTap(e) {
|
|
|
+ //重置数据
|
|
|
+ var curType = e.currentTarget.dataset.index;
|
|
|
+ this.currentType = curType;
|
|
|
+ this.clearData(false, this.loadData);
|
|
|
+ },
|
|
|
},
|
|
|
- // 整理数据
|
|
|
- arrangeData(data = appEv.parameter("data")) {
|
|
|
- var statusType = this.data.statusType;
|
|
|
- statusType[0][2] = data.wholeCount;
|
|
|
- statusType[1][2] = data.AlreadyPaymentCount;
|
|
|
- statusType[2][2] = data.AlreadyCompleteCount;
|
|
|
- statusType[3][2] = data.AlreadySettlementCount;
|
|
|
- this.statusType = statusType;
|
|
|
+ //上拉加载事件
|
|
|
+ onReachBottom() {
|
|
|
+ if (page != -1) {
|
|
|
+ var that = this;
|
|
|
+ setTimeout(() => {
|
|
|
+ // 为页数迭加1
|
|
|
+ ++page;
|
|
|
+ that.loadData();
|
|
|
+ }, 800);
|
|
|
+ }
|
|
|
},
|
|
|
- //菜单切换
|
|
|
- statusTap(e) {
|
|
|
- //重置数据
|
|
|
- var curType = e.currentTarget.dataset.index;
|
|
|
- this.currentType = curType;
|
|
|
- this.clearData(false, this.loadData);
|
|
|
+ // 下拉刷新
|
|
|
+ onPullDownRefresh() {
|
|
|
+ var that = this;
|
|
|
+ that.clearData(false, () => {
|
|
|
+ that.loadData();
|
|
|
+ });
|
|
|
},
|
|
|
- },
|
|
|
- //上拉加载事件
|
|
|
- onReachBottom() {
|
|
|
- if (page != -1) {
|
|
|
- var that = this;
|
|
|
- setTimeout(() => {
|
|
|
- // 为页数迭加1
|
|
|
- ++page;
|
|
|
- that.loadData();
|
|
|
- }, 800);
|
|
|
- }
|
|
|
- },
|
|
|
- // 下拉刷新
|
|
|
- onPullDownRefresh() {
|
|
|
- var that = this;
|
|
|
- that.clearData(false, () => {
|
|
|
- that.loadData();
|
|
|
- });
|
|
|
- },
|
|
|
- computed: {
|
|
|
- tidyStatus() {
|
|
|
- return (da) => {
|
|
|
- if (da[0] === 0) return "待支付";
|
|
|
- if (da[1] === 0) return "待发货";
|
|
|
- if (da[1] === 1) return "待收货";
|
|
|
- if (da[1] === 2) return "已收货";
|
|
|
- if (da[1] === 3) return "申请退货";
|
|
|
- if (da[1] === 4) return "已退货";
|
|
|
- if (da[1] === 5) return "已作废";
|
|
|
- };
|
|
|
+ computed: {
|
|
|
+ tidyStatus() {
|
|
|
+ return (da) => {
|
|
|
+ if (da[0] === 0) return "待支付";
|
|
|
+ if (da[1] === 0) return "待发货";
|
|
|
+ if (da[1] === 1) return "待收货";
|
|
|
+ if (da[1] === 2) return "已收货";
|
|
|
+ if (da[1] === 3) return "申请退货";
|
|
|
+ if (da[1] === 4) return "已退货";
|
|
|
+ if (da[1] === 5) return "已作废";
|
|
|
+ };
|
|
|
+ },
|
|
|
},
|
|
|
- },
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss">
|
|
|
page {
|
|
|
- background-color: #f3f5f7;
|
|
|
+ background-color: #f3f5f7;
|
|
|
}
|
|
|
|
|
|
.container {
|
|
|
- width: 100%;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
.fl {
|
|
|
- float: left;
|
|
|
+ float: left;
|
|
|
}
|
|
|
|
|
|
.fr {
|
|
|
- float: right;
|
|
|
+ float: right;
|
|
|
}
|
|
|
|
|
|
.overflow {
|
|
|
- overflow: hidden;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.r_color {
|
|
|
- color: #fa2f2e;
|
|
|
+ color: #fa2f2e;
|
|
|
}
|
|
|
|
|
|
.loading-indicator {
|
|
|
- width: 100%;
|
|
|
- text-align: center;
|
|
|
- font-size: 24rpx;
|
|
|
- color: #666;
|
|
|
- margin: 20rpx 0;
|
|
|
- line-height: 1.5;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #666;
|
|
|
+ margin: 20rpx 0;
|
|
|
+ line-height: 1.5;
|
|
|
}
|
|
|
|
|
|
.opacity {
|
|
|
- opacity: 0;
|
|
|
- display: none;
|
|
|
+ opacity: 0;
|
|
|
+ display: none;
|
|
|
}
|
|
|
|
|
|
.terraceComp {
|
|
|
- height: 84rpx;
|
|
|
+ height: 84rpx;
|
|
|
}
|
|
|
|
|
|
.terraceComp_fix {
|
|
|
- position: fixed;
|
|
|
- top: -12rpx;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- z-index: 15;
|
|
|
+ position: fixed;
|
|
|
+ top: -12rpx;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ z-index: 15;
|
|
|
}
|
|
|
|
|
|
.status-box {
|
|
|
- width: 100%;
|
|
|
- height: 94rpx;
|
|
|
+ width: 100%;
|
|
|
+ height: 94rpx;
|
|
|
}
|
|
|
|
|
|
.status_tap_box {
|
|
|
- position: fixed;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- line-height: 88rpx;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- background-color: #fff;
|
|
|
- z-index: 300;
|
|
|
- box-shadow: 0rpx 8rpx 8rpx rgba(0, 0, 0, 0.025);
|
|
|
+ position: fixed;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ line-height: 88rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ background-color: #fff;
|
|
|
+ z-index: 300;
|
|
|
+ box-shadow: 0rpx 8rpx 8rpx rgba(0, 0, 0, 0.025);
|
|
|
}
|
|
|
|
|
|
.status-box .status-label {
|
|
|
- flex-grow: 1;
|
|
|
- height: 100%;
|
|
|
- text-align: center;
|
|
|
- font-size: 28rpx;
|
|
|
- color: #353535;
|
|
|
- box-sizing: border-box;
|
|
|
- position: relative;
|
|
|
- border-bottom: 6rpx solid transparent;
|
|
|
+ flex-grow: 1;
|
|
|
+ height: 100%;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #353535;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: relative;
|
|
|
+ border-bottom: 6rpx solid transparent;
|
|
|
}
|
|
|
|
|
|
.status-box .status-label.active {
|
|
|
- color: #e05f0b;
|
|
|
- border-bottom-color: #e05f0b;
|
|
|
+ color: #e05f0b;
|
|
|
+ border-bottom-color: #e05f0b;
|
|
|
}
|
|
|
|
|
|
.order-list {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.order-list .a-order {
|
|
|
- width: 100%;
|
|
|
- background-color: #fff;
|
|
|
- margin-top: 24rpx;
|
|
|
+ width: 100%;
|
|
|
+ background-color: #fff;
|
|
|
+ margin-top: 24rpx;
|
|
|
}
|
|
|
|
|
|
.order-list .a-order .order-date {
|
|
|
- padding: 16rpx 30rpx 20rpx;
|
|
|
- line-height: 40rpx;
|
|
|
- font-size: 26rpx;
|
|
|
- color: #000;
|
|
|
- overflow: hidden;
|
|
|
+ padding: 16rpx 30rpx 20rpx;
|
|
|
+ line-height: 40rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #000;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.order-list .a-order .order-date .red {
|
|
|
- font-size: 26rpx;
|
|
|
- color: #fa2f2e;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #fa2f2e;
|
|
|
}
|
|
|
|
|
|
.order-list .a-order .order-date text.r_color {
|
|
|
- font-weight: 600;
|
|
|
+ font-weight: 600;
|
|
|
}
|
|
|
|
|
|
.a-order .goods-info {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.a-order .list-title {
|
|
|
- font-size: 28rpx;
|
|
|
- font-weight: 600;
|
|
|
- color: #000;
|
|
|
- padding: 16rpx 24rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #000;
|
|
|
+ padding: 16rpx 24rpx;
|
|
|
}
|
|
|
|
|
|
.avaImgs {
|
|
|
- width: 54rpx;
|
|
|
- height: 54rpx;
|
|
|
- overflow: hidden;
|
|
|
- border-radius: 50%;
|
|
|
- background-color: #f3f5f7;
|
|
|
- margin-right: 20rpx;
|
|
|
+ width: 54rpx;
|
|
|
+ height: 54rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ border-radius: 50%;
|
|
|
+ background-color: #f3f5f7;
|
|
|
+ margin-right: 20rpx;
|
|
|
}
|
|
|
|
|
|
.goods-info {
|
|
|
- width: 100%;
|
|
|
- line-height: 39rpx;
|
|
|
- font-size: 26rpx;
|
|
|
- color: #000;
|
|
|
- overflow: hidden;
|
|
|
- padding: 30rpx;
|
|
|
- background-color: #f3f5f7;
|
|
|
- box-sizing: border-box;
|
|
|
+ width: 100%;
|
|
|
+ line-height: 39rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #000;
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 30rpx;
|
|
|
+ background-color: #f3f5f7;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.goods-info-bar {
|
|
|
- width: calc(100% - 190rpx);
|
|
|
+ width: calc(100% - 190rpx);
|
|
|
}
|
|
|
|
|
|
.goods-info .img-box {
|
|
|
- width: 172rpx;
|
|
|
- height: 120rpx;
|
|
|
- overflow: hidden;
|
|
|
- background-color: #fff;
|
|
|
- border-radius: 12rpx;
|
|
|
- margin-right: 20rpx;
|
|
|
+ width: 172rpx;
|
|
|
+ height: 120rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 12rpx;
|
|
|
+ margin-right: 20rpx;
|
|
|
}
|
|
|
|
|
|
.goods-info .img-box .goods-img {
|
|
|
- width: 100%;
|
|
|
- display: block;
|
|
|
- height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ display: block;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
|
|
|
.goods-img-container {
|
|
|
- overflow: hidden;
|
|
|
- box-sizing: border-box;
|
|
|
- width: 100%;
|
|
|
- height: 172rpx;
|
|
|
- white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 100%;
|
|
|
+ height: 172rpx;
|
|
|
+ white-space: nowrap;
|
|
|
}
|
|
|
|
|
|
.goods-img-container .img-box {
|
|
|
- display: inline-block;
|
|
|
+ display: inline-block;
|
|
|
}
|
|
|
|
|
|
.goods-img-container .img-box:last-of-type {
|
|
|
- margin-right: 0;
|
|
|
+ margin-right: 0;
|
|
|
}
|
|
|
|
|
|
.goods-info .goods_name {
|
|
|
- width: calc(100% - 192rpx);
|
|
|
- font-size: 28rpx;
|
|
|
- font-weight: 500;
|
|
|
- color: #121212;
|
|
|
+ width: calc(100% - 192rpx);
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #121212;
|
|
|
}
|
|
|
|
|
|
.goodsDetail_info {
|
|
|
- overflow: hidden;
|
|
|
- width: 180rpx;
|
|
|
- line-height: 1.5;
|
|
|
- text-align: right;
|
|
|
+ overflow: hidden;
|
|
|
+ width: 180rpx;
|
|
|
+ line-height: 1.5;
|
|
|
+ text-align: right;
|
|
|
}
|
|
|
|
|
|
.goodsDetail_info .unimport {
|
|
|
- font-size: 24rpx;
|
|
|
- color: #999;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #999;
|
|
|
}
|
|
|
|
|
|
.goodsDetail_info .goods_price {
|
|
|
- font-size: 26rpx;
|
|
|
- line-height: 1.2;
|
|
|
- font-weight: 600;
|
|
|
- margin-bottom: 10rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
+ line-height: 1.2;
|
|
|
+ font-weight: 600;
|
|
|
+ margin-bottom: 10rpx;
|
|
|
}
|
|
|
|
|
|
.goodsDetail_info .goods_price text {
|
|
|
- font-size: 36rpx;
|
|
|
+ font-size: 36rpx;
|
|
|
}
|
|
|
|
|
|
.order-list .a-order .price-box {
|
|
|
- position: relative;
|
|
|
- width: 100%;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 16rpx 30rpx;
|
|
|
- display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
- font-size: 26rpx;
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 16rpx 30rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ font-size: 26rpx;
|
|
|
}
|
|
|
|
|
|
.a-order .price-box .btn {
|
|
|
- box-sizing: border-box;
|
|
|
- text-align: center;
|
|
|
- border-radius: 40rpx;
|
|
|
- margin-left: 20rpx;
|
|
|
- border: 1rpx solid #ccc;
|
|
|
- padding: 12rpx 24rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 40rpx;
|
|
|
+ margin-left: 20rpx;
|
|
|
+ border: 1rpx solid #ccc;
|
|
|
+ padding: 12rpx 24rpx;
|
|
|
}
|
|
|
|
|
|
.order-list .a-order .price-box .total-price {
|
|
|
- color: #e05f0b;
|
|
|
+ color: #e05f0b;
|
|
|
}
|
|
|
|
|
|
.a-order .price-box .topay-btn {
|
|
|
- border-color: #e05f0b;
|
|
|
- color: #e05f0b;
|
|
|
+ border-color: #e05f0b;
|
|
|
+ color: #e05f0b;
|
|
|
}
|
|
|
|
|
|
.a-order .price-box .r_topay-btn {
|
|
|
- border-color: #e05f0b;
|
|
|
- background-color: #e05f0b;
|
|
|
- color: #fff;
|
|
|
+ border-color: #e05f0b;
|
|
|
+ background-color: #e05f0b;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
|
|
|
//拼团金
|
|
|
.flot_left {
|
|
|
- // float: left;
|
|
|
- margin-left: auto;
|
|
|
+ // float: left;
|
|
|
+ margin-left: auto;
|
|
|
}
|
|
|
|
|
|
.ptz {
|
|
|
- color: #18bb88;
|
|
|
- font-size: 30rpx;
|
|
|
- position: absolute;
|
|
|
- left: 30rpx;
|
|
|
+ color: #18bb88;
|
|
|
+ font-size: 30rpx;
|
|
|
+ position: absolute;
|
|
|
+ left: 30rpx;
|
|
|
}
|
|
|
</style>
|
DaMowang