修改店长的商品详情

version/0412
fanfan 9 months ago
parent 14a7395928
commit 9b8338ee66
  1. 36
      pages/news3/shopOrder.vue
  2. 57
      pages/news3/shopOrderDetails.vue

@ -29,11 +29,14 @@
<view class="shopItemInfo" v-for="(p,i) in item.goods" :key="i"
@click="goJump('/pages/news3/shopOrderDetails',item,0)">
<image :src="p.goods_image"></image>
<view class="priceCon">
<text class="num">x{{p.total_num}}</text>
<view class="priceText">
<text style="font-size: 26upx;">¥</text>
<text>{{p.total_price}}</text>
<view class="priceName">
<view class="title">{{p.goods_name}}</view>
<view class="priceCon">
<text class="num">x{{p.total_num}}</text>
<view class="priceText">
<text style="font-size: 26upx;">¥</text>
<text>{{p.total_price}}</text>
</view>
</view>
</view>
</view>
@ -44,7 +47,7 @@
</view>
<view class="remark">
<view class="remarkTitle">
收件人姓名 {{item.address?item.address.name:''}}
收件人姓名 {{item.address?item.address.name:''}} {{item.address?item.address.phone:''}}
</view>
<view class="remarkContent">
{{item.remark}}
@ -134,7 +137,7 @@
{{audit_status==20?'拒绝':'同意'}}转移至售后
</view>
<view class="filterItem c">
<view class="itemTitle">
<!-- <view class="itemTitle">
上传照片 <text style="color:#FF5042">*</text><text>最多可传5张图片</text>
</view>
<u-upload :action="action" :header="header" @on-uploaded="refundSuccess" @on-remove="refundRemove"
@ -145,7 +148,7 @@
<view class="1">上传图片</view>
</view>
</template>
</u-upload>
</u-upload> -->
<view class="filterItemContent">
<view class="itemTitle">
备注
@ -159,7 +162,8 @@
</view>
</view>
</u-popup>
<u-modal v-model="deleteShow" :show-cancel-button="true" :closable='false' @cancel="deleteShow=false" @confirm="handleOk" title="确认删除订单?" confirm-color="#F55349">
<u-modal v-model="deleteShow" :show-cancel-button="true" :closable='false' @cancel="deleteShow=false"
@confirm="handleOk" title="确认删除订单?" confirm-color="#F55349">
<view class="slot-content order-modal">
<view class="content">删除之后订单无法恢复无法处理您的售后问题 请慎重考虑</view>
<view class="desc" @click="toggleImage()">
@ -639,6 +643,7 @@
.shopItemInfo {
display: flex;
margin-top: 40upx;
align-items: center;
image {
width: 180upx;
@ -646,12 +651,23 @@
flex-shrink: 0;
}
.priceName {
margin-left: 40upx;
.title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
.priceCon {
flex: 1;
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-left: 40upx;
margin-top: 30rpx;
.num {
font-size: 28upx;

@ -8,12 +8,23 @@
<!-- 订单状态 -->
<view class="order-status">
<view class="status">
<image :src="$picUrl+'/static/news3/time.png'" mode="widthFix"></image>
<!-- 待支付 -->
<image src="/static/order/status/wait_pay.png" mode="widthFix"
v-if="orderInfo.order_status == 10&&orderInfo.delivery_status==10"></image>
<!-- 待发货 -->
<image src="/static/order/status/wait_deliver.png" mode="widthFix"
v-else-if="orderInfo.order_status == 10 &&orderInfo.delivery_status==30"></image>
<!-- 待收货 -->
<image src="/static/order/status/wait_receipt.png" mode="widthFix"
v-else-if="orderInfo.order_status == 10 &&orderInfo.delivery_status==20 && orderInfo.receipt_status==10">
</image>
<!-- -->
<image src="/static/order/status/received.png" mode="widthFix" v-else></image>
<text>{{orderInfo.state_text}}</text>
</view>
<view class="reason"
v-if="(!orderInfo.order_refund_id&&orderInfo.order_status==10&&orderInfo.pay_status==10)||(!orderInfo.order_refund_id&&orderInfo.delivery_status==20&&orderInfo.order_status==10&&orderInfo.pay_status==20 && orderInfo.receipt_status==10)">
<u-count-down :timestamp="timestamp"></u-count-down>
v-if="(orderInfo.time_text>0&&!orderInfo.order_refund_id&&orderInfo.order_status==10&&orderInfo.pay_status==10)||(orderInfo.time_text>0&&!orderInfo.order_refund_id&&orderInfo.delivery_status==20&&orderInfo.order_status==10&&orderInfo.pay_status==20 && orderInfo.receipt_status==10)">
<u-count-down :timestamp="orderInfo.time_text" :show-days="false"></u-count-down>
<text style="color:#666666">
<text
v-if="!orderInfo.order_refund_id&&orderInfo.order_status==10&&orderInfo.pay_status==10">自动取消</text>
@ -35,7 +46,7 @@
<!-- 订单商品 -->
<view class="order-goods">
<view class="goods-list">
<!-- <view class="orderInfo">
<!-- <view class="orderInfo">
<text>订单号{{orderInfo.order_no}}</text>
</view> -->
<view class="list" v-for="(item,index) in orderInfo.goods" :key="index">
@ -94,7 +105,7 @@
<text>联系客户</text>
</view>
<view class="btnItem" style="border-left:1px solid #F4F4F4"
@click="callStore(order.storeInfo.phone)">
@click="callStore(order.storeInfo.store_phone)">
<image :src="$picUrl+'/static/news3/kefu.png'" mode="widthFix"></image>
<text>联系商家</text>
</view>
@ -106,20 +117,19 @@
<view class="remarkTitle">售后信息</view>
<view class="list">
<view class="title">退货类型:</view>
<view class="content">{{orderInfo.order_no}}</view>
<view class="content">{{orderInfo.refund_type_text}}</view>
</view>
<view class="list">
<view class="title">申请原因:</view>
<view class="content">{{orderInfo.apply_desc}}</view>
<view class="content">{{orderInfo.apply_desc||'-'}}</view>
</view>
<view class="list">
<view class="list" v-if="orderInfo.refuse_desc">
<view class="title">申请备注:</view>
<view class="content">{{orderInfo.order_no}}</view>
<view class="content">{{orderInfo.refuse_desc||'-'}}</view>
</view>
<view class="remarkText">申请图片</view>
<view class="img">
<image :src="$picUrl+'/static/news3/filter.png'" mode=""></image>
<image :src="$picUrl+'/static/news3/filter.png'" mode=""></image>
<view class="remarkText" v-if="orderInfo.images.length>0">申请图片</view>
<view class="img" v-if="orderInfo.images.length>0">
<image v-for="(item,index) in orderInfo.images" :src="item.image_url" mode=""></image>
</view>
</view>
<!-- 订单信息 -->
@ -181,13 +191,13 @@
<u-popup v-model=" afterSale" width="80%" border-radius="10" :closeable="true" mode="center">
<view class="afterSales">
<view class="filterTitle">
{{audit_status==20?'拒绝':'同意'}}
{{audit_status==20?'拒绝':'同意'}}转移至售后
</view>
<view class="filterItem c">
<view class="itemTitle">
<!-- <view class="itemTitle">
上传照片 <text style="color:#FF5042">*</text><text>最多可传5张图片</text>
</view>
<u-upload :action="action" :header="header" @on-uploaded="refundSuccess" @on-remove="refundRemove"
</view> -->
<!-- <u-upload :action="action" :header="header" @on-uploaded="refundSuccess" @on-remove="refundRemove"
width="180" height="180" :file-list="transferList" :custom-btn="true" max-count="5">
<template v-slot:addBtn>
<view class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
@ -195,7 +205,7 @@
<view class="1">上传图片</view>
</view>
</template>
</u-upload>
</u-upload> -->
<view class="filterItemContent">
<view class="itemTitle">
审核备注
@ -346,7 +356,8 @@
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10rpx;
margin-bottom: 10rpx;
text {
font-size: 28upx;
color: #707070;
@ -367,7 +378,7 @@
position: relative;
z-index: 2;
margin: 0upx 26upx;
padding-top: 30upx;
padding-top: 20upx;
}
.navBarContent {
@ -398,7 +409,7 @@
.order-status {
width: 100%;
margin: 0 12rpx 40rpx 12rpx;
.status {
display: flex;
align-items: center;
@ -406,8 +417,8 @@
width: 100%;
image {
width: 54upx;
height: auto;
width: 89upx;
height: 89upx;
}
text {

Loading…
Cancel
Save