588 lines
12 KiB
Vue
588 lines
12 KiB
Vue
<template>
|
||
<view class="content">
|
||
|
||
<view class="content_top">
|
||
<!--选项卡滑动切换-->
|
||
<cxNavTitle :tabs="tabs" :activeItem="activeItem" :show="false" @tabClick="tabClick"></cxNavTitle>
|
||
</view>
|
||
<!-- 审核通过 打折有拒绝、同意功能 ，调货不需要功能 -->
|
||
<view class="content-content">
|
||
<view class="" v-for="(item,i) in orderList" :key='i'
|
||
style=" border-radius: 14rpx 14rpx 14rpx 14rpx;margin-bottom: 23rpx;background-color: #FFFFFF; padding: 28rpx 46rpx;">
|
||
|
||
<view @click="detail(item)"
|
||
:class="tabTitle=='tabTwo'?'content-onea':'content-one'&&(tabTitle=='tabFive'&&item.resale_type==1)?'content-onea':'content-one'">
|
||
<view class="content-one-img">
|
||
|
||
<image :src="item.image.indexOf(',')>-1?item.image.split(',')[0]:item.image" mode="aspectFit">
|
||
</image>
|
||
</view>
|
||
<view class="content-one-txt" v-if="tabTitle=='tabFive'">
|
||
<view class="one-txt-a">
|
||
{{item.title}}
|
||
</view>
|
||
<view class="one-txt-b" style="margin-top: 5px;">
|
||
<view class="txt-b-a">
|
||
￥ {{item.total_price}}
|
||
</view>
|
||
<view class="txt-b-b"
|
||
style="font-size: 28rpx;font-family: SF Pro Display-Regular, SF Pro Display;font-weight: 400;color: #999999;">
|
||
结算价:￥{{item.discount_price}}
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<view class="txt-b-b" style="margin-top: 5px;" v-if="item.resale_type==1">
|
||
类型:调货
|
||
</view>
|
||
<view class="txt-b-b" style="margin-top: 5px;" v-else>
|
||
类型:打折
|
||
</view>
|
||
</view>
|
||
<view class="content-one-txt" v-else>
|
||
<view class="one-txt-a">
|
||
{{item.title}}
|
||
</view>
|
||
<view class="one-txt-b">
|
||
<view class="txt-b-a">
|
||
￥ {{item.discount_price}}
|
||
</view>
|
||
<view class="txt-b-b" v-if="item.resale_type==1">
|
||
类型:调货
|
||
</view>
|
||
<view class="txt-b-b" v-else>
|
||
类型:打折
|
||
</view>
|
||
</view>
|
||
|
||
|
||
|
||
</view>
|
||
</view>
|
||
<view class="content-two_one" v-if='tabTitle=="tabOne"'>
|
||
<view class="content-two-edit" @click="soldEdit(item) ">
|
||
编辑
|
||
</view>
|
||
|
||
</view>
|
||
<view class="content-two-two" v-if='tabTitle=="tabTwo"'>
|
||
<!-- <view class="content-two-delete">
|
||
删除
|
||
</view>
|
||
<view class="content-two-edit">
|
||
编辑
|
||
</view>
|
||
-->
|
||
</view>
|
||
<view class="content-two-three" v-if='tabTitle=="tabThree"'>
|
||
<view class="content-two-delete" @click="pendingDeletion(item)">
|
||
删除
|
||
</view>
|
||
<view class="content-two-edit" @click="editReviewe(item)">
|
||
编辑
|
||
</view>
|
||
|
||
</view>
|
||
<view class="content-two-four" v-if='tabTitle=="tabFour"'>
|
||
<view class="content-two-delete" @click="auditDelete(item)">
|
||
删除
|
||
</view>
|
||
<view class="content-two-edit" @click="auditEdit(item)">
|
||
编辑
|
||
</view>
|
||
|
||
</view>
|
||
<view class="content-two-five" v-if='tabTitle=="tabFive"&&item.resale_type==2'>
|
||
<view class="" v-if="item.mer_status==0">
|
||
<view class="content-two-delete" @click="passDelete(item)">
|
||
拒绝
|
||
</view>
|
||
|
||
<view class="content-two-agree" @click="passagree(item)">
|
||
同意
|
||
</view>
|
||
</view>
|
||
<view class="" v-else>
|
||
<view :class="item.mer_status==1?'content-two-deletea':'content-two-delete'"
|
||
@click="passDelete(item)" v-if="item.mer_status==1">
|
||
拒绝
|
||
</view>
|
||
|
||
<view class="content-two-agree" @click="passagree(item)" v-else>
|
||
同意
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
|
||
|
||
|
||
</view>
|
||
|
||
<view v-if="orderList.length == 0 ">
|
||
<emptyPage title="暂无订单~"></emptyPage>
|
||
</view>
|
||
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import cxNavTitle from '@/components/cx-navTitle.vue'
|
||
import emptyPage from '@/components/emptyPage.vue';
|
||
|
||
import {
|
||
getResaleid,
|
||
getResalecheck,
|
||
getResaledelete,
|
||
getResale
|
||
} from '@/api/release.js'
|
||
export default {
|
||
components: {
|
||
cxNavTitle,
|
||
emptyPage
|
||
},
|
||
data() {
|
||
return {
|
||
activeItem: "tabOne",
|
||
tabTitle: "",
|
||
orderList: [],
|
||
|
||
where: {
|
||
page: 1,
|
||
limit: 10,
|
||
status: 1
|
||
},
|
||
tabs: [{
|
||
name: "tabOne",
|
||
label: '在售',
|
||
value: 1,
|
||
},
|
||
{
|
||
name: "tabTwo",
|
||
label: '已售出',
|
||
value: 2,
|
||
},
|
||
{
|
||
name: "tabThree",
|
||
label: '待审核',
|
||
value: 3,
|
||
},
|
||
{
|
||
name: "tabFour",
|
||
label: '审核未通过',
|
||
value: 4,
|
||
},
|
||
{
|
||
name: "tabFive",
|
||
label: '审核通过',
|
||
value: 5,
|
||
},
|
||
],
|
||
}
|
||
},
|
||
onLoad(num) {
|
||
this.tabTitle = this.tabs[0].name
|
||
if (num.key == '2') {
|
||
this.activeItem = 'tabThree',
|
||
this.where.status = 3
|
||
}
|
||
this.orderList = []
|
||
this.list()
|
||
},
|
||
methods: {
|
||
tabClick(e) { //点击获取当前标签数据
|
||
|
||
this.activeItem = e.name; //当前class类名
|
||
this.tabTitle = e.name; //当前选的标签名
|
||
this.where.status = e.value
|
||
this.orderList = []
|
||
this.list()
|
||
|
||
},
|
||
list() {
|
||
getResale(this.where).then(res => {
|
||
if (res.status = 200) {
|
||
this.orderList.push(...res.data.list)
|
||
}
|
||
})
|
||
},
|
||
//售出 编辑
|
||
soldEdit(item) {
|
||
if (item.resale_type == 1) {
|
||
uni.navigateTo({
|
||
url: '/pages/trading_hall/transfer_goods/index?id=' + item.community_id +
|
||
'>ype=' + 'edit'
|
||
})
|
||
} else {
|
||
uni.navigateTo({
|
||
url: '/pages/trading_hall/adddiscounts/index?id=' + item.community_id +
|
||
'>ype=' + 'edit'
|
||
})
|
||
}
|
||
|
||
},
|
||
//审核未通过 删除
|
||
pendingDeletion(item) {
|
||
|
||
getResaledelete(item.community_id).then(res => {
|
||
this.$util.Tips({
|
||
title: res.message,
|
||
icon: 'success'
|
||
})
|
||
this.orderList = []
|
||
this.list()
|
||
this.tabTitle = 'tabThree'
|
||
})
|
||
},
|
||
//待审核 编辑
|
||
editReviewe(item) {
|
||
if (item.resale_type == 1) {
|
||
uni.navigateTo({
|
||
url: '/pages/trading_hall/transfer_goods/index?id=' + item.community_id +
|
||
'>ype=' + 'edit'
|
||
})
|
||
} else {
|
||
uni.navigateTo({
|
||
url: '/pages/trading_hall/adddiscounts/index?id=' + item.community_id +
|
||
'>ype=' + 'edit'
|
||
})
|
||
}
|
||
},
|
||
// 审核未通过 删除
|
||
auditDelete(item) {
|
||
getResaledelete(item.community_id).then(res => {
|
||
this.$util.Tips({
|
||
title: res.message,
|
||
icon: 'success'
|
||
})
|
||
this.orderList = []
|
||
this.list()
|
||
this.tabTitle = 'tabFour'
|
||
})
|
||
},
|
||
|
||
// 审核未通过 编辑
|
||
auditEdit(item) {
|
||
if (item.resale_type == 1) {
|
||
uni.navigateTo({
|
||
url: '/pages/trading_hall/transfer_goods/index?id=' + item.community_id +
|
||
'>ype=' + 'edit'
|
||
})
|
||
} else {
|
||
uni.navigateTo({
|
||
url: '/pages/trading_hall/adddiscounts/index?id=' + item.community_id +
|
||
'>ype=' + 'edit'
|
||
})
|
||
}
|
||
},
|
||
//审核通过 拒绝
|
||
passDelete(item) {
|
||
getResalecheck(item.community_id, {
|
||
"status": 2
|
||
}).then(res => {
|
||
this.$util.Tips({
|
||
title: res.message,
|
||
icon: 'success'
|
||
})
|
||
this.orderList = []
|
||
this.list()
|
||
this.tabTitle = 'tabFive'
|
||
})
|
||
},
|
||
//详情
|
||
detail(item) {
|
||
|
||
uni.navigateTo({
|
||
url: '/pages/releaseManagement/details/index?key=' + item.community_id
|
||
})
|
||
},
|
||
//审核通过 同意
|
||
passagree(item) {
|
||
getResalecheck(item.community_id, {
|
||
"status": 1
|
||
}).then(res => {
|
||
this.$util.Tips({
|
||
title: res.message,
|
||
icon: 'success'
|
||
})
|
||
this.orderList = []
|
||
this.list()
|
||
this.tabTitle = 'tabFive'
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.content_top {
|
||
background-color: #FFFFFF;
|
||
}
|
||
|
||
.content_top {
|
||
|
||
width: 100%;
|
||
}
|
||
|
||
.content-content {
|
||
margin-top: 21rpx;
|
||
margin-left: 28rpx;
|
||
margin-right: 28rpx;
|
||
padding-top: 28rpx;
|
||
opacity: 1;
|
||
position: relative;
|
||
|
||
.content-onea {
|
||
display: flex;
|
||
padding-bottom: 23rpx;
|
||
background-color: #FFFFFF;
|
||
|
||
.content-one-img {
|
||
width: 148rpx;
|
||
height: 148rpx;
|
||
margin-right: 28rpx;
|
||
|
||
image {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
}
|
||
|
||
.content-one-txt {
|
||
margin-bottom: 23rpx;
|
||
|
||
.txt-b-a {
|
||
font-size: 32rpx;
|
||
font-family: PingFang SC;
|
||
font-weight: 500;
|
||
color: #333333;
|
||
}
|
||
|
||
.one-txt-b {
|
||
display: flex;
|
||
margin-top: 30rpx;
|
||
|
||
.txt-b-a {
|
||
font-size: 32rpx;
|
||
font-family: SF Pro Display-Medium, SF Pro Display;
|
||
font-weight: 500;
|
||
color: #F84221;
|
||
margin-right: 74rpx;
|
||
}
|
||
|
||
.txt-b-b {
|
||
font-size: 28rpx;
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
color: #333333
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
.content-one {
|
||
display: flex;
|
||
border-bottom: 1px solid #CCCCCC;
|
||
padding-bottom: 23rpx;
|
||
|
||
|
||
.content-one-img {
|
||
width: 148rpx;
|
||
height: 148rpx;
|
||
margin-right: 28rpx;
|
||
|
||
|
||
image {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
}
|
||
|
||
.content-one-txt {
|
||
|
||
|
||
.txt-b-a {
|
||
font-size: 32rpx;
|
||
font-family: PingFang SC;
|
||
font-weight: 500;
|
||
color: #333333;
|
||
}
|
||
|
||
.one-txt-b {
|
||
display: flex;
|
||
margin-top: 30rpx;
|
||
|
||
.txt-b-a {
|
||
font-size: 32rpx;
|
||
font-family: SF Pro Display-Medium, SF Pro Display;
|
||
font-weight: 500;
|
||
color: #F84221;
|
||
margin-right: 74rpx;
|
||
}
|
||
|
||
.txt-b-b {
|
||
font-size: 28rpx;
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
color: #333333
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
.content-two_one {
|
||
height: 110rpx;
|
||
position: relative;
|
||
|
||
.content-two-edit {
|
||
width: 168rpx;
|
||
height: 60rpx;
|
||
line-height: 60rpx;
|
||
text-align: center;
|
||
font-size: 28rpx;
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
color: #FFFFFF;
|
||
background: linear-gradient(90deg, #F98649 0%, #F34E45 100%);
|
||
border-radius: 32rpx 32rpx 32rpx 32rpx;
|
||
position: absolute;
|
||
right: 28rpx;
|
||
bottom: 20rpx;
|
||
}
|
||
}
|
||
|
||
.content-two-three {
|
||
height: 110rpx;
|
||
position: relative;
|
||
|
||
.content-two-edit {
|
||
width: 168rpx;
|
||
height: 60rpx;
|
||
line-height: 60rpx;
|
||
text-align: center;
|
||
font-size: 28rpx;
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
color: #FFFFFF;
|
||
background: linear-gradient(90deg, #F98649 0%, #F34E45 100%);
|
||
border-radius: 32rpx 32rpx 32rpx 32rpx;
|
||
position: absolute;
|
||
right: 28rpx;
|
||
bottom: 23rpx;
|
||
}
|
||
|
||
.content-two-delete {
|
||
width: 168rpx;
|
||
height: 60rpx;
|
||
line-height: 60rpx;
|
||
text-align: center;
|
||
font-size: 28rpx;
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
color: #999999;
|
||
border: 2rpx solid #999999;
|
||
position: absolute;
|
||
right: 228rpx;
|
||
bottom: 23rpx;
|
||
border-radius: 32rpx 32rpx 32rpx 32rpx;
|
||
}
|
||
}
|
||
|
||
.content-two-four {
|
||
height: 110rpx;
|
||
position: relative;
|
||
|
||
.content-two-edit {
|
||
width: 168rpx;
|
||
height: 60rpx;
|
||
line-height: 60rpx;
|
||
text-align: center;
|
||
font-size: 28rpx;
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
color: #FFFFFF;
|
||
background: linear-gradient(90deg, #F98649 0%, #F34E45 100%);
|
||
border-radius: 32rpx 32rpx 32rpx 32rpx;
|
||
position: absolute;
|
||
right: 28rpx;
|
||
bottom: 23rpx;
|
||
}
|
||
|
||
.content-two-delete {
|
||
width: 168rpx;
|
||
height: 60rpx;
|
||
line-height: 60rpx;
|
||
text-align: center;
|
||
font-size: 28rpx;
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
color: #999999;
|
||
border: 2rpx solid #999999;
|
||
position: absolute;
|
||
right: 228rpx;
|
||
bottom: 23rpx;
|
||
border-radius: 32rpx 32rpx 32rpx 32rpx;
|
||
}
|
||
}
|
||
|
||
|
||
.content-two-five {
|
||
height: 110rpx;
|
||
position: relative;
|
||
|
||
.content-two-agree {
|
||
width: 168rpx;
|
||
height: 60rpx;
|
||
line-height: 60rpx;
|
||
text-align: center;
|
||
font-size: 28rpx;
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
color: #FFFFFF;
|
||
background: linear-gradient(90deg, #F98649 0%, #F34E45 100%);
|
||
border-radius: 32rpx 32rpx 32rpx 32rpx;
|
||
position: absolute;
|
||
right: 28rpx;
|
||
bottom: 23rpx;
|
||
}
|
||
|
||
.content-two-deletea {
|
||
width: 168rpx;
|
||
height: 60rpx;
|
||
line-height: 60rpx;
|
||
text-align: center;
|
||
font-size: 28rpx;
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
color: #999999;
|
||
border: 2rpx solid #999999;
|
||
position: absolute;
|
||
right: 28rpx;
|
||
bottom: 23rpx;
|
||
border-radius: 32rpx 32rpx 32rpx 32rpx;
|
||
}
|
||
|
||
.content-two-delete {
|
||
width: 168rpx;
|
||
height: 60rpx;
|
||
line-height: 60rpx;
|
||
text-align: center;
|
||
font-size: 28rpx;
|
||
font-family: PingFang SC;
|
||
font-weight: 400;
|
||
color: #999999;
|
||
border: 2rpx solid #999999;
|
||
position: absolute;
|
||
right: 228rpx;
|
||
bottom: 23rpx;
|
||
border-radius: 32rpx 32rpx 32rpx 32rpx;
|
||
}
|
||
}
|
||
|
||
}
|
||
</style> |