389 lines
7.9 KiB
Vue
389 lines
7.9 KiB
Vue
<template>
|
|
<view class="content">
|
|
<view class="content_top">
|
|
<view class="content_top-one">
|
|
<image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/dong.gif" mode="aspectFill"></image>
|
|
</view>
|
|
<view class="content_top-two">
|
|
<view class="top-two-one">
|
|
|
|
{{objinfo.mer_status==0?"待处理":""||objinfo.mer_status==2?"已拒绝":""||objinfo.mer_status==1?"已接受":""}}
|
|
</view>
|
|
<view class="top-two-two">
|
|
<!-- 2020-07-07 14:14:14
|
|
-->
|
|
{{objinfo.entrust_start_date}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="content_center">
|
|
<view class="content_center-one" v-for="(item,index) in objinfo.product_list">
|
|
<view class="center-one">
|
|
<view class="center-one-img">
|
|
<image :src="item.image[0]" mode="aspectFit"></image>
|
|
</view>
|
|
<view class="center-one-txt">
|
|
<view class="one-txta">
|
|
{{item.store_name}}
|
|
</view>
|
|
<view class="one-txtb">
|
|
<view class="">
|
|
委托价:¥<span>{{item.price}}</span>
|
|
</view>
|
|
<view class="">
|
|
数量:{{item.number}}个
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="content_center-two" v-if="objinfo">
|
|
<view class="center-two">
|
|
<view class="center-twoa">
|
|
委托方:
|
|
</view>
|
|
<view v-if="objinfo.mer_info" class="center-twob">
|
|
{{objinfo.mer_info.mer_name}}
|
|
</view>
|
|
</view>
|
|
<view class="center-two">
|
|
<view class="center-twoa">
|
|
被委托方:
|
|
</view>
|
|
<view v-if="objinfo.entrust_mer_info" class="center-twob">
|
|
{{objinfo.entrust_mer_info.mer_name}}
|
|
</view>
|
|
</view>
|
|
<view class="center-two">
|
|
<view class="center-twoa">
|
|
委托周期:
|
|
</view>
|
|
<view class="center-twob">
|
|
{{objinfo.entrust_day}}天
|
|
</view>
|
|
</view>
|
|
<view v-if="credit_buy==1" class="center-two">
|
|
<view class="center-twoa">
|
|
结算周期:
|
|
</view>
|
|
<view v-if="objinfo.mer_info" class="center-twob">
|
|
{{objinfo.mer_info.settle_cycle}}天
|
|
</view>
|
|
</view>
|
|
<view v-if="credit_buy==1" class="center-two">
|
|
<view class="center-twoa">
|
|
结算利息:
|
|
</view>
|
|
<view v-if="objinfo.mer_info" class="center-twob">
|
|
{{objinfo.mer_info.interest_rate}}%
|
|
</view>
|
|
</view>
|
|
<view class="center-two">
|
|
<view class="center-twoa">
|
|
状态:
|
|
</view>
|
|
<view class="center-twob">
|
|
|
|
{{objinfo.mer_status==0?"待处理":""||objinfo.mer_status==2?"已拒绝":""||objinfo.mer_status==1?"已接受":""}}
|
|
</view>
|
|
</view>
|
|
<view class="center-two">
|
|
<view class="center-twoa">
|
|
是否结束委托:
|
|
</view>
|
|
<view class="center-twob">
|
|
{{objinfo.entrust_finish==0?'未结束':""||objinfo.entrust_finish==1?'已结束':""||objinfo.entrust_finish==2?'商家拒绝':""||objinfo.entrust_finish==3?'申请':""}}
|
|
</view>
|
|
</view>
|
|
<view class="center-two" v-if="objinfo.entrust_finish_refusal">
|
|
<view class="center-twoa">
|
|
拒绝原因:
|
|
</view>
|
|
<view class="center-twob" :style="{'text-align':objinfo.entrust_finish_refusal.length<15?'right':'left'}">
|
|
{{objinfo.entrust_finish_refusal}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<view class="content_bootm">
|
|
<view class="content_bootm_txt">
|
|
查看TA提到的宝贝
|
|
<text v-if="objinfo.product_list">({{objinfo.product_list.length||0}})</text>
|
|
</view>
|
|
|
|
|
|
<view class="content_bootm_one" v-for="(item,i) in objinfo.product_list" @click="Merchbaby(item)">
|
|
<view class="bootm_oneimg">
|
|
<image :src="item.image[0]" mode="aspectFit"></image>
|
|
</view>
|
|
<view class="">
|
|
{{item.store_name}}
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<button class="release_btn button" v-if="objinfo.mer_status==1&&type==1" @click="submit(objinfo)">发布</button>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
addEntrustCart,
|
|
entrustdetail
|
|
} from '@/api/sale.js'
|
|
export default {
|
|
data() {
|
|
return {
|
|
objinfo: {},
|
|
goodsData: [{
|
|
name: '我发起的',
|
|
name1: '委托销售商品',
|
|
type: 1,
|
|
src: require('@/static/images/wtbg1.png'),
|
|
img: require('@/static/images/wtt1.png')
|
|
},
|
|
{
|
|
name: '我收到的',
|
|
name1: '帮助销售商品',
|
|
type: 2,
|
|
src: require('@/static/images/wtbg2.png'),
|
|
img: require('@/static/images/wtt2.png')
|
|
}
|
|
],
|
|
type: 0,
|
|
credit_buy: 0,
|
|
}
|
|
},
|
|
onLoad(e) {
|
|
this.list(e.id)
|
|
this.type = e.type
|
|
this.credit_buy = e.credit_buy || 0;
|
|
},
|
|
onShow() {
|
|
|
|
},
|
|
methods: {
|
|
//商品详情
|
|
list(id) {
|
|
entrustdetail(id).then((res) => {
|
|
|
|
this.objinfo = res.data
|
|
})
|
|
},
|
|
//商品宝贝详情
|
|
Merchbaby(item) {
|
|
uni.navigateTo({
|
|
url: `/pages/goods_details/index?id=${item.product_id}`
|
|
})
|
|
|
|
},
|
|
|
|
//提交购物车
|
|
submit(item) {
|
|
addEntrustCart({
|
|
community_id: item.community_id
|
|
}).then(res => {
|
|
|
|
if (res.status == 200) {
|
|
this.$util.Tips({
|
|
title: res.message,
|
|
icon: 'success'
|
|
})
|
|
uni.navigateTo({
|
|
url: '/pages/users/order_confirm/index?cartId=' + res.data.cart_id.toString()
|
|
})
|
|
}
|
|
|
|
})
|
|
}
|
|
}
|
|
|
|
}
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
.content {
|
|
position: relative;
|
|
}
|
|
|
|
.content_top {
|
|
height: 151rpx;
|
|
background: linear-gradient(84deg, #2352FA 0%, #6497FF 100%);
|
|
display: flex;
|
|
padding-top: 21rpx;
|
|
|
|
.content_top-one {
|
|
width: 107rpx;
|
|
height: 107rpx;
|
|
margin-left: 28rpx;
|
|
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
.content_top-two {
|
|
margin-left: 25rpx;
|
|
|
|
.top-two-one {
|
|
font-size: 35rpx;
|
|
font-family: PingFang SC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #FFFFFF;
|
|
margin-top: 10rpx;
|
|
|
|
}
|
|
|
|
.top-two-two {
|
|
font-size: 28rpx;
|
|
font-family: SF Pro Display-Light, SF Pro Display;
|
|
font-weight: 300;
|
|
color: #FFFFFF;
|
|
margin-top: 10rpx;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.content_center {
|
|
|
|
background: #FFFFFF;
|
|
border-radius: 14px 14px 14px 14px;
|
|
margin: 28rpx 28rpx;
|
|
|
|
.content_center-one {
|
|
display: flex;
|
|
padding: 0 28rpx;
|
|
|
|
.center-one {
|
|
margin-top: 32rpx;
|
|
margin-bottom: 32rpx;
|
|
display: flex;
|
|
|
|
.center-one-img {
|
|
width: 154rpx;
|
|
height: 154rpx;
|
|
margin-right: 21rpx;
|
|
|
|
image {
|
|
width: 154rpx;
|
|
height: 154rpx;
|
|
}
|
|
}
|
|
|
|
.center-one-txt {
|
|
.one-txta {
|
|
font-size: 32rpx;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #333333;
|
|
}
|
|
|
|
.one-txtb {
|
|
display: flex;
|
|
margin-top: 28rpx;
|
|
font-size: 32rpx;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
|
|
span {
|
|
color: #F84221;
|
|
margin-right: 30rpx;
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.content_center-two {
|
|
padding: 0 28rpx;
|
|
padding-bottom: 2rpx;
|
|
|
|
.center-two {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 32rpx;
|
|
margin-bottom: 32rpx;
|
|
|
|
.center-twoa {
|
|
font-size: 32rpx;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
}
|
|
|
|
.center-twob {
|
|
width: 360rpx;
|
|
text-align: right;
|
|
|
|
word-wrap: break-word;
|
|
font-size: 32rpx;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.content_bootm {
|
|
|
|
margin-bottom: 150rpx;
|
|
|
|
.content_bootm_txt {
|
|
margin-top: 42rpx;
|
|
padding-left: 28rpx;
|
|
}
|
|
|
|
.content_bootm_one {
|
|
height: 112rpx;
|
|
line-height: 112rpx;
|
|
background: #FFFFFF;
|
|
display: flex;
|
|
margin-top: 21rpx;
|
|
|
|
.bootm_oneimg {
|
|
width: 80rpx;
|
|
height: 80rpx;
|
|
margin: auto 0;
|
|
margin-left: 28rpx;
|
|
margin-right: 21rpx;
|
|
|
|
image {
|
|
width: 80rpx;
|
|
height: 80rpx;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.button {
|
|
width: 694rpx;
|
|
height: 84rpx;
|
|
line-height: 84rpx;
|
|
text-align: center;
|
|
background: linear-gradient(84deg, #F98649 0%, #F34E45 100%);
|
|
border-radius: 42px 42px 42px 42px;
|
|
font-size: 32rpx;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #FFFFFF;
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: -347rpx;
|
|
position: fixed;
|
|
bottom: 100rpx;
|
|
}
|
|
</style> |