|
|
@ -1,13 +1,13 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<view>
|
|
|
|
<view>
|
|
|
|
<view class="order_list">
|
|
|
|
<view class="order_list" :class="['theme', themeObj.name]">
|
|
|
|
<view class="top_nav">
|
|
|
|
<view class="top_nav">
|
|
|
|
<view style="background-color: #FFFFFF;">
|
|
|
|
<view style="background-color: #FFFFFF;">
|
|
|
|
<navBar :showLeft="true" navTitle="订单列表" textcolor="#000" :leftBg="false"></navBar>
|
|
|
|
<navBar :showLeft="true" navTitle="订单列表" textcolor="#000" :leftBg="false"></navBar>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<!-- 顶部tab -->
|
|
|
|
<!-- 顶部tab -->
|
|
|
|
<view class="nav_top" style="border-bottom: 1upx solid #F8F8F8;">
|
|
|
|
<view class="nav_top" style="border-bottom: 1upx solid #F8F8F8;">
|
|
|
|
<tabs :colors="colors" :tabList="tabList" :active="active" @setTabs="setTabs"></tabs>
|
|
|
|
<tabs :tabList="tabList" :active="active" @setTabs="setTabs"></tabs>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<!-- 占位 -->
|
|
|
|
<!-- 占位 -->
|
|
|
@ -16,7 +16,7 @@
|
|
|
|
<view v-for="(item, index) in orderList" :key="index" class="lists">
|
|
|
|
<view v-for="(item, index) in orderList" :key="index" class="lists">
|
|
|
|
<view class="type">
|
|
|
|
<view class="type">
|
|
|
|
<text class="order_id">订单编号:{{item.id}}</text>
|
|
|
|
<text class="order_id">订单编号:{{item.id}}</text>
|
|
|
|
<text class="order_type" :style="'color:' + colors">
|
|
|
|
<text class="order_type">
|
|
|
|
{{ item.state | setStatus }}
|
|
|
|
{{ item.state | setStatus }}
|
|
|
|
</text>
|
|
|
|
</text>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
@ -40,7 +40,7 @@
|
|
|
|
<view class="btns">
|
|
|
|
<view class="btns">
|
|
|
|
<block v-if="item.state == 0">
|
|
|
|
<block v-if="item.state == 0">
|
|
|
|
<!-- <view class="pay" :style="'color:#fff;background:' + colors+ ';border-color:' + colors" @tap="jumpDetails(item)">去付款</view> -->
|
|
|
|
<!-- <view class="pay" :style="'color:#fff;background:' + colors+ ';border-color:' + colors" @tap="jumpDetails(item)">去付款</view> -->
|
|
|
|
<view class="pay shouhou" :style="'color:' + colors + ';border-color:' + colors" @tap="cencalOrder(item)">取消订单</view>
|
|
|
|
<view class="pay shouhou" @tap="cencalOrder(item)">取消订单</view>
|
|
|
|
</block>
|
|
|
|
</block>
|
|
|
|
<block v-if="item.state == 1">
|
|
|
|
<block v-if="item.state == 1">
|
|
|
|
<!-- <view class="pay shouhou" @tap="onRefund(item)">取消订单</view> -->
|
|
|
|
<!-- <view class="pay shouhou" @tap="onRefund(item)">取消订单</view> -->
|
|
|
@ -50,7 +50,7 @@
|
|
|
|
<!-- <view class="pay shouhou" @tap="onRefund(item)">申请退款</view> -->
|
|
|
|
<!-- <view class="pay shouhou" @tap="onRefund(item)">申请退款</view> -->
|
|
|
|
</block>
|
|
|
|
</block>
|
|
|
|
<block v-if="item.state == 3">
|
|
|
|
<block v-if="item.state == 3">
|
|
|
|
<view class="pay shouhou" :style="'color:' + colors + ';border-color:' + colors" @tap="jumpDetails(item)">订单评价</view>
|
|
|
|
<view class="pay shouhou" @tap="jumpDetails(item)">订单评价</view>
|
|
|
|
<view class="pay shouhou" @tap="jumpDetails(item)">申请售后</view>
|
|
|
|
<view class="pay shouhou" @tap="jumpDetails(item)">申请售后</view>
|
|
|
|
</block>
|
|
|
|
</block>
|
|
|
|
<!-- <view class="pay shouhou" v-if="item.state == 4" @click="delOrder(item)">删除订单</view> -->
|
|
|
|
<!-- <view class="pay shouhou" v-if="item.state == 4" @click="delOrder(item)">删除订单</view> -->
|
|
|
@ -68,12 +68,13 @@
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
import { getOrderList, editOrder } from '@/api/index.js'
|
|
|
|
import { getOrderList, editOrder } from '@/api/index.js'
|
|
|
|
var app = getApp();
|
|
|
|
|
|
|
|
import tabs from "../../commponent/public/tabs";
|
|
|
|
import tabs from "../../commponent/public/tabs";
|
|
|
|
import loading from "../../commponent/public/loading";
|
|
|
|
import loading from "../../commponent/public/loading";
|
|
|
|
import navBar from '../../commponent/public/navBar.vue'
|
|
|
|
import navBar from '../../commponent/public/navBar.vue'
|
|
|
|
import { ORDER_NAVS } from '@/config/order.js'
|
|
|
|
import { ORDER_NAVS } from '@/config/order.js'
|
|
|
|
import { getUserInfo, setSalesGoods } from '@/utils/auth';
|
|
|
|
import { getUserInfo, setSalesGoods } from '@/utils/auth';
|
|
|
|
|
|
|
|
const app = getApp();
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
@ -83,7 +84,8 @@ import { getUserInfo, setSalesGoods } from '@/utils/auth';
|
|
|
|
active: 0,
|
|
|
|
active: 0,
|
|
|
|
orderList: [],
|
|
|
|
orderList: [],
|
|
|
|
isShow: true,
|
|
|
|
isShow: true,
|
|
|
|
colors: ""
|
|
|
|
colors: "",
|
|
|
|
|
|
|
|
themeObj: app.globalData.themeObj
|
|
|
|
};
|
|
|
|
};
|
|
|
|
},
|
|
|
|
},
|
|
|
|
filters: {
|
|
|
|
filters: {
|
|
|
|