zhuce
/
lilishop-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化售后方面

master
lemon橪 2021-10-12 16:31:03 +08:00
parent ea3563e4e9
commit 4c47a1249f
4 changed files with 46 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
pages/order/afterSales/afterSales.vue
View File

@ -21,7 +21,7 @@
<view class="order-sn">{{ order.serviceType_text }}</view> <view class="order-sn">{{ order.serviceType_text }}</view>
</view> </view>
<view v-for="(sku, goodsIndex) in order.orderItems" :key="goodsIndex"> <view v-for="(sku, goodsIndex) in order.orderItems" :key="goodsIndex">
<view class="goods-item-view" @click="onDetail(sku)"> <view class="goods-item-view" @click="onDetail(order,sku)">
<view class="goods-img"> <view class="goods-img">
<u-image border-radius="6" width="100%" height="100%" :src="sku.image"></u-image> <u-image border-radius="6" width="100%" height="100%" :src="sku.image"></u-image>
</view> </view>
@ -276,12 +276,20 @@ export default {
/** /**
* 查看详情 * 查看详情
*/ */
onDetail(sku) { onDetail(goods,sku) {
if (!this.$u.test.isEmpty(sku.skuId)) { // 售后申请
if(this.current == 0){
uni.navigateTo({ uni.navigateTo({
url: `/pages/product/goods?id=${sku.skuId}&goodsId=${sku.goodsId}`, url: `/pages/product/goods?id=${sku.skuId}&goodsId=${sku.goodsId || sku.goodsId}`,
}); });
} }
else{
uni.navigateTo({
url: `/pages/product/goods?id=${goods.skuId}&goodsId=${goods.goodsId || goods.goodsId}`,
});
}
}, },
/** /**

29
pages/order/afterSales/afterSalesDetail.vue
View File

@ -10,7 +10,8 @@
</view> </view>
</view> </view>
<view> <view>
<view class="goods-item-view" v-for="(item,index) in sku.orderItems" v-if="item.sn == sn" @click="gotoGoodsDetail(sku.goods_id)"> <view class="goods-item-view" v-for="(item,index) in sku.orderItems" v-if="item.sn == sn"
@click="gotoGoodsDetail(sku.goods_id)">
<view class="goods-img"> <view class="goods-img">
<u-image border-radius="6" width="131rpx" height="131rpx" :src="item.image"></u-image> <u-image border-radius="6" width="131rpx" height="131rpx" :src="item.image"></u-image>
</view> </view>
@ -27,7 +28,8 @@
<view class="after-num"> <view class="after-num">
<view>申请数量</view> <view>申请数量</view>
<view> <view>
<u-number-box :value="parseInt(form.num)" disabled-input :min="1" :max="parseInt(sku.num)" bg-color="#fff" @change="valChange"></u-number-box> <u-number-box :value="parseInt(form.num)" disabled-input :min="1" :max="parseInt(sku.num)" bg-color="#fff"
@change="valChange"></u-number-box>
</view> </view>
</view> </view>
</view> </view>
@ -36,7 +38,8 @@
<!-- 退款原因 --> <!-- 退款原因 -->
<view class="opt-view"> <view class="opt-view">
<u-form-item label="申请原因" :label-width="150"> <u-form-item label="申请原因" :label-width="150">
<u-input v-model="form.reason" type="select" input-align="right" :select-open="reasonSelectShow" @click="reasonSelectShow = true" placeholder="请选择申请原因" /> <u-input v-model="form.reason" type="select" input-align="right" :select-open="reasonSelectShow"
@click="reasonSelectShow = true" placeholder="请选择申请原因" />
</u-form-item> </u-form-item>
<u-form-item label="申请说明" :label-width="150"> <u-form-item label="申请说明" :label-width="150">
<u-input input-align="right" type="textarea" v-model="form.problemDesc" placeholder="请描述申请售后的说明" /> <u-input input-align="right" type="textarea" v-model="form.problemDesc" placeholder="请描述申请售后的说明" />
@ -47,7 +50,8 @@
<view class="opt-view"> <view class="opt-view">
<view class="img-title">上传凭证（最多5张）</view> <view class="img-title">上传凭证（最多5张）</view>
<view class="images-view"> <view class="images-view">
<u-upload :header=" { accessToken: storage.getAccessToken() }" :action="action" width="150" @on-uploaded="onUploaded" :max-count="5" :show-progress="false"></u-upload> <u-upload :header=" { accessToken: storage.getAccessToken() }" :action="action" width="150"
@on-uploaded="onUploaded" :max-count="5" :show-progress="false"></u-upload>
</view> </view>
</view> </view>
@ -81,11 +85,14 @@
</u-form> </u-form>
<view class="submit-view"> <view class="submit-view">
<u-button type="primary" ripple shape="circle" v-if="applyInfo.refundWay" :custom-style="customStyle" @click="onSubmit">提交申请</u-button> <u-button type="primary" ripple shape="circle" v-if="applyInfo.refundWay" :custom-style="customStyle"
@click="onSubmit">提交申请</u-button>
</view> </view>
<u-select mode="single-column" :list="reasonList" v-model="reasonSelectShow" @confirm="reasonSelectConfirm"></u-select> <u-select mode="single-column" :list="reasonList" v-model="reasonSelectShow" @confirm="reasonSelectConfirm">
</u-select>
<u-select mode="single-column" :list="typeList" v-model="typeSelectShow" @confirm="typeSelectConfirm"></u-select> <u-select mode="single-column" :list="typeList" v-model="typeSelectShow" @confirm="typeSelectConfirm"></u-select>
<u-select mode="single-column" :list="returnList" v-model="returnSelectShow" @confirm="returnSelectConfirm"></u-select> <u-select mode="single-column" :list="returnList" v-model="returnSelectShow" @confirm="returnSelectConfirm">
</u-select>
<u-toast ref="uToast" /> <u-toast ref="uToast" />
</view> </view>
</template> </template>
@ -462,7 +469,6 @@ page,
align-items: center; align-items: center;
} }
.images-view { .images-view {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
@ -484,12 +490,11 @@ page,
background-color: #ffffff; background-color: #ffffff;
height: 100rpx; height: 100rpx;
width: 750rpx; width: 750rpx;
justify-content: flex-end;
display: flex; display: flex;
align-items: center; align-items: center;
width: 100%; width: 100%;
/deep/ .u-btn{ padding-right: 32rpx;
width: 94% !important;
}
} }
</style> </style>

21
pages/order/afterSales/applyDetail.vue
View File

@ -90,11 +90,13 @@
serviceDetail.afterSaleImage && serviceDetail.afterSaleImage &&
serviceDetail.afterSaleImage.split(',').length != 0 serviceDetail.afterSaleImage.split(',').length != 0
"> ">
<image :src="img" @click="preview(serviceDetail.afterSaleImage.split(','), index)" v-for="(img, index) in serviceDetail.afterSaleImage.split(',')" :key="index" <image :src="img" @click="preview(serviceDetail.afterSaleImage.split(','), index)"
v-for="(img, index) in serviceDetail.afterSaleImage.split(',')" :key="index"
style="width: 50px; height: 50px; margin: 0px 5px"></image> style="width: 50px; height: 50px; margin: 0px 5px"></image>
</view> </view>
<!-- 如果服务类型为退款则不显示 --> <!-- 如果服务类型为退款则不显示 -->
<view class="detail-item" v-if="serviceDetail.serviceType != 'RETURN_MONEY' && serviceDetail.serviceStatus != 'APPLY'"> <view class="detail-item"
v-if="serviceDetail.serviceType != 'RETURN_MONEY' && serviceDetail.serviceStatus != 'APPLY'">
<view class="title">收货地址:</view> <view class="title">收货地址:</view>
<view class="value"> <view class="value">
<span v-if="storeAfterSaleAddress.salesConsigneeAddressPath">{{ <span v-if="storeAfterSaleAddress.salesConsigneeAddressPath">{{
@ -103,12 +105,14 @@
</view> </view>
</view> </view>
<!-- 如果服务类型为退款则不显示 --> <!-- 如果服务类型为退款则不显示 -->
<view class="detail-item" v-if="serviceDetail.serviceType != 'RETURN_MONEY' && serviceDetail.serviceStatus != 'APPLY'"> <view class="detail-item"
v-if="serviceDetail.serviceType != 'RETURN_MONEY' && serviceDetail.serviceStatus != 'APPLY'">
<view class="title">联系人:</view> <view class="title">联系人:</view>
<view class="value">{{ storeAfterSaleAddress.salesConsigneeName }}</view> <view class="value">{{ storeAfterSaleAddress.salesConsigneeName }}</view>
</view> </view>
<!-- 如果服务类型为退款则不显示 --> <!-- 如果服务类型为退款则不显示 -->
<view class="detail-item" v-if="serviceDetail.serviceType != 'RETURN_MONEY' && serviceDetail.serviceStatus != 'APPLY'"> <view class="detail-item"
v-if="serviceDetail.serviceType != 'RETURN_MONEY' && serviceDetail.serviceStatus != 'APPLY'">
<view class="title">联系方式:</view> <view class="title">联系方式:</view>
<view class="value">{{ <view class="value">{{
storeAfterSaleAddress.salesConsigneeMobile || "" | secrecyMobile storeAfterSaleAddress.salesConsigneeMobile || "" | secrecyMobile
@ -365,12 +369,13 @@ export default {
(this.serviceDetail.serviceType === "RETURN_GOODS" || (this.serviceDetail.serviceType === "RETURN_GOODS" ||
this.serviceDetail.serviceType === "ORDER_CANCEL") && this.serviceDetail.serviceType === "ORDER_CANCEL") &&
this.serviceDetail.refundWay === "OFFLINE"; this.serviceDetail.refundWay === "OFFLINE";
this.bankShow = this.bankShow =
this.serviceDetail.serviceType === "RETURN_MONEY" || this.serviceDetail.accountType === "BANK_TRANSFER" &&
((this.serviceDetail.serviceType === "RETURN_GOODS" ||
this.serviceDetail.serviceType === "ORDER_CANCEL") &&
this.serviceDetail.refundWay === "OFFLINE" && this.serviceDetail.refundWay === "OFFLINE" &&
this.serviceDetail.accountType === "BANK_TRANSFER"); ((this.serviceDetail.serviceType === "RETURN_GOODS") |
(this.serviceDetail.serviceType === "ORDER_CANCEL") ||
this.serviceDetail.serviceType === "RETURN_MONEY");
this.getReasonList(this.serviceDetail.serviceType); this.getReasonList(this.serviceDetail.serviceType);
}); });

4
pages/tabbar/cart/cartList.vue
View File

@ -64,8 +64,8 @@
</u-checkbox-group> </u-checkbox-group>
<span class="invalid" v-else style="font-size: 24rpx">失效</span> <span class="invalid" v-else style="font-size: 24rpx">失效</span>
</view> </view>
<u-image border-radius="20" :fade="true" @click.native="navigateToGoods(skuItem)" width="200rpx" <u-image border-radius="20" :fade="true" @click="navigateToGoods(skuItem)" width="200rpx"
height="200rpx" :src="skuItem.goodsSku.thumbnail" @click="navigateToGoods(skuItem)" /> height="200rpx" :src="skuItem.goodsSku.thumbnail" />
</view> </view>
<view class="goods-content"> <view class="goods-content">
<!-- 商品名称 --> <!-- 商品名称 -->