shop-applet/pages/commissionedSales/delegation_details/index.vue

384 lines
7.7 KiB
Vue
Raw Permalink Normal View History

2023-09-20 18:16:59 +08:00
<template>
<view class="content">
<view class="content_top">
<view class="content_top-one">
2023-11-05 15:14:44 +08:00
<image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/dong.gif" mode="aspectFill"></image>
2023-09-20 18:16:59 +08:00
</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>
2023-10-26 18:42:19 +08:00
<view v-if="objinfo.mer_info" class="center-twob">
2023-09-20 18:16:59 +08:00
{{objinfo.mer_info.mer_name}}
</view>
</view>
<view class="center-two">
<view class="center-twoa">
被委托方:
</view>
2023-10-26 18:42:19 +08:00
<view v-if="objinfo.entrust_mer_info" class="center-twob">
2023-09-20 18:16:59 +08:00
{{objinfo.entrust_mer_info.mer_name}}
</view>
</view>
<view class="center-two">
<view class="center-twoa">
委托周期:
</view>
<view class="center-twob">
2023-10-26 18:42:19 +08:00
{{objinfo.entrust_day}}
2023-09-20 18:16:59 +08:00
</view>
</view>
2023-11-01 20:01:52 +08:00
<view v-if="credit_buy==1" class="center-two">
2023-09-20 18:16:59 +08:00
<view class="center-twoa">
结算周期:
</view>
2023-10-26 18:42:19 +08:00
<view v-if="objinfo.mer_info" class="center-twob">
{{objinfo.mer_info.settle_cycle}}
2023-09-20 18:16:59 +08:00
</view>
</view>
2023-11-01 20:01:52 +08:00
<view v-if="credit_buy==1" class="center-two">
2023-09-20 18:16:59 +08:00
<view class="center-twoa">
结算利息:
</view>
2023-10-26 18:42:19 +08:00
<view v-if="objinfo.mer_info" class="center-twob">
2023-09-20 18:16:59 +08:00
{{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>
2024-04-30 18:57:01 +08:00
<view class="center-twob"
:style="{'text-align':objinfo.entrust_finish_refusal.length<15?'right':'left'}">
2023-09-20 18:16:59 +08:00
{{objinfo.entrust_finish_refusal}}
</view>
</view>
</view>
</view>
<view class="content_bootm">
<view class="content_bootm_txt">
2023-10-28 11:17:38 +08:00
查看TA提到的宝贝
2024-04-30 18:57:01 +08:00
<text v-if="objinfo.product_list">({{objinfo.product_list.length||0}})</text>
2023-09-20 18:16:59 +08:00
</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,
2024-04-30 18:57:01 +08:00
credit_buy: 0,
2023-09-20 18:16:59 +08:00
}
},
onLoad(e) {
this.list(e.id)
this.type = e.type
2024-04-30 18:57:01 +08:00
this.credit_buy = e.credit_buy || 0;
2023-09-20 18:16:59 +08:00
},
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-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-weight: 500;
color: #333333;
}
.one-txtb {
display: flex;
margin-top: 28rpx;
font-size: 32rpx;
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-weight: 400;
color: #333333;
}
.center-twob {
width: 360rpx;
text-align: right;
word-wrap: break-word;
font-size: 32rpx;
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-weight: 500;
color: #FFFFFF;
position: absolute;
left: 50%;
margin-left: -347rpx;
position: fixed;
bottom: 100rpx;
}
</style>