mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-uniapp.git
synced 2026-06-24 02:40:13 +08:00
refactor:项目升级Vue3+uView Plus
- 改造入口文件、全量替换组件引入 - 过滤器迁移混入,更新忽略配置,新增迁移文档
This commit is contained in:
@@ -54,7 +54,7 @@
|
||||
<view class="goods-title u-line-2">{{ sku.name }}</view>
|
||||
<!-- 如果商品多个则不显示每个商品价格-->
|
||||
<view class="goods-price" v-if="order.orderItems.length <= 1">
|
||||
¥{{ order.flowPrice | unitPrice }}
|
||||
¥{{unitPrice(order.flowPrice) }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="goods-num">
|
||||
@@ -89,31 +89,31 @@
|
||||
class="cannot_apply not_center"
|
||||
v-if="order.serviceType == 'RETURN_GOODS'"
|
||||
>
|
||||
退货处理-{{ order.serviceStatus | serviceStatusList }}</view
|
||||
退货处理-{{serviceStatusList(order.serviceStatus) }}</view
|
||||
>
|
||||
<view
|
||||
class="cannot_apply not_center"
|
||||
v-if="order.serviceType == 'SUPPLY_AGAIN_GOODS'"
|
||||
>
|
||||
补发商品-{{ order.serviceStatus | serviceStatusList }}</view
|
||||
补发商品-{{serviceStatusList(order.serviceStatus) }}</view
|
||||
>
|
||||
<view
|
||||
class="cannot_apply not_center"
|
||||
v-if="order.serviceType == 'RETURN_MONEY'"
|
||||
>
|
||||
退款-{{ order.serviceStatus | serviceStatusList }}</view
|
||||
退款-{{serviceStatusList(order.serviceStatus) }}</view
|
||||
>
|
||||
<view
|
||||
class="cannot_apply not_center"
|
||||
v-if="order.serviceType == 'EXCHANGE_GOODS'"
|
||||
>
|
||||
换货-{{ order.serviceStatus | serviceStatusList }}</view
|
||||
换货-{{serviceStatusList(order.serviceStatus) }}</view
|
||||
>
|
||||
<view
|
||||
class="cannot_apply not_center"
|
||||
v-if="order.serviceType == 'CANCEL'"
|
||||
>
|
||||
取消订单-{{ order.serviceStatus | serviceStatusList }}</view
|
||||
取消订单-{{serviceStatusList(order.serviceStatus) }}</view
|
||||
>
|
||||
</div>
|
||||
|
||||
@@ -177,7 +177,7 @@
|
||||
<!-- 多个商品显示订单总价格 -->
|
||||
<view class="cannot_apply">
|
||||
订单总金额:<span class="countMoney"
|
||||
>¥{{ order.flowPrice | unitPrice }}</span
|
||||
>¥{{unitPrice(order.flowPrice) }}</span
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
@@ -187,11 +187,11 @@
|
||||
<u-modal
|
||||
show-cancel-button
|
||||
@confirm="closeService"
|
||||
v-model="cancelShow"
|
||||
v-model:show="cancelShow"
|
||||
content="确认取消售后"
|
||||
></u-modal>
|
||||
<u-modal
|
||||
v-model="tipsShow"
|
||||
v-model:show="tipsShow"
|
||||
content="当订单未确认收货|已过售后服务有效期|已申请售后服务时,不能申请售后"
|
||||
></u-modal>
|
||||
</view>
|
||||
|
||||
@@ -49,8 +49,8 @@
|
||||
<view class="opt-view">
|
||||
<view class="img-title">上传凭证(最多5张)</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 :file-list="fileList" :auto-upload="false" width="150"
|
||||
@afterRead="onUploadAfterRead" :max-count="5"></u-upload>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -87,10 +87,10 @@
|
||||
<u-button type="primary" ripple shape="circle" v-if="applyInfo.refundWay" :custom-style="customStyle"
|
||||
@click="onSubmit">提交申请</u-button>
|
||||
</view>
|
||||
<u-select mode="single-column" :list="reasonList" v-model="reasonSelectShow" @confirm="reasonSelectConfirm">
|
||||
<u-select mode="single-column" :list="reasonList" v-model:show="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="returnList" v-model="returnSelectShow" @confirm="returnSelectConfirm">
|
||||
<u-select mode="single-column" :list="typeList" v-model:show="typeSelectShow" @confirm="typeSelectConfirm"></u-select>
|
||||
<u-select mode="single-column" :list="returnList" v-model:show="returnSelectShow" @confirm="returnSelectConfirm">
|
||||
</u-select>
|
||||
<u-toast ref="uToast" />
|
||||
</view>
|
||||
@@ -104,7 +104,7 @@ import {
|
||||
} from "@/api/after-sale";
|
||||
|
||||
import city from "@/components/m-city/m-city";
|
||||
import { upload } from "@/api/common.js";
|
||||
import { handleUploadAfterRead } from "@/utils/uploadHelper.js";
|
||||
import { checkBankno } from "@/utils/Foundation";
|
||||
import storage from "@/utils/storage.js";
|
||||
export default {
|
||||
@@ -115,7 +115,6 @@ export default {
|
||||
return {
|
||||
storage,
|
||||
list: [{ id: "", localName: "请选择", children: [] }],
|
||||
action: upload, //图片上传数据
|
||||
fileList: [],
|
||||
sn: "",
|
||||
sku: {},
|
||||
@@ -263,14 +262,10 @@ export default {
|
||||
valChange(e) {
|
||||
this.form.num = e.value;
|
||||
},
|
||||
//图片上传
|
||||
onUploaded(lists) {
|
||||
let images = [];
|
||||
|
||||
lists.forEach((item) => {
|
||||
images.push(item.response.result);
|
||||
onUploadAfterRead(event) {
|
||||
handleUploadAfterRead(event, this.fileList, (urls) => {
|
||||
this.form.images = urls;
|
||||
});
|
||||
this.form.images = images;
|
||||
},
|
||||
//提交申请
|
||||
onSubmit() {
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
<view class="goods-info">
|
||||
<view class="goods-title u-line-2">{{ sku.name }}</view>
|
||||
<view class="goods-price">
|
||||
<span>¥{{ sku.price | unitPrice }}</span>
|
||||
<span>¥{{unitPrice(sku.price) }}</span>
|
||||
<span class="num">购买数量: {{ sku.num }} </span>
|
||||
</view>
|
||||
</view>
|
||||
@@ -55,9 +55,9 @@
|
||||
</u-button>
|
||||
</view>
|
||||
</u-form>
|
||||
<u-select mode="single-column" :list="companyList" v-model="companySelectShow"
|
||||
<u-select mode="single-column" :list="companyList" v-model:show="companySelectShow"
|
||||
@confirm="companySelectConfirm"></u-select>
|
||||
<u-calendar v-model="timeshow" :mode="'date'" @change="onTimeChange"></u-calendar>
|
||||
<u-calendar v-model:show="timeshow" :mode="'date'" @change="onTimeChange"></u-calendar>
|
||||
<u-toast ref="uToast"/>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -11,12 +11,10 @@
|
||||
<view class="apply-info-view">
|
||||
<view class="status-info">
|
||||
<view class="status-info-box">
|
||||
<view class="status-val">{{
|
||||
serviceDetail.serviceStatus | serviceStatusList
|
||||
<view class="status-val">{{serviceStatusList(serviceDetail.serviceStatus)
|
||||
}}</view>
|
||||
|
||||
<view class="status-tip">{{
|
||||
serviceDetail.serviceStatus | statusFilter
|
||||
<view class="status-tip">{{statusFilter(serviceDetail.serviceStatus)
|
||||
}}</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -43,7 +41,7 @@
|
||||
}}</view>
|
||||
|
||||
<view class="goods-price">
|
||||
<view class="price"> ¥{{ serviceDetail.flowPrice | unitPrice }}</view>
|
||||
<view class="price"> ¥{{unitPrice(serviceDetail.flowPrice) }}</view>
|
||||
<view>
|
||||
<view>申请售后数量:{{ serviceDetail.num }}</view>
|
||||
</view>
|
||||
@@ -116,44 +114,38 @@
|
||||
v-if="serviceDetail.serviceType != 'RETURN_MONEY' && serviceDetail.serviceStatus != 'APPLY'">
|
||||
<view class="title">联系方式:</view>
|
||||
<view class="value">{{
|
||||
storeAfterSaleAddress.salesConsigneeMobile || "" | secrecyMobile
|
||||
storeAfterSaleAddress.salesConsigneeMobile ||secrecyMobile("")
|
||||
}}</view>
|
||||
</view>
|
||||
<view v-if="refundShow">
|
||||
<view class="detail-item">
|
||||
<view class="title">退款金额:</view>
|
||||
<view class="value">{{
|
||||
serviceDetail.flowPrice | unitPrice("¥")
|
||||
<view class="value">{{unitPrice(serviceDetail.flowPrice, "¥")
|
||||
}}</view>
|
||||
</view>
|
||||
<view class="detail-item" v-if="serviceDetail.agree_price">
|
||||
<view class="title">同意退款:</view>
|
||||
<view class="value">{{
|
||||
serviceDetail.agree_price | unitPrice("¥")
|
||||
<view class="value">{{unitPrice(serviceDetail.agree_price, "¥")
|
||||
}}</view>
|
||||
</view>
|
||||
<view class="detail-item" v-if="serviceDetail.actual_price">
|
||||
<view class="title">实际退款:</view>
|
||||
<view class="value">{{
|
||||
serviceDetail.actual_price | unitPrice("¥")
|
||||
<view class="value">{{unitPrice(serviceDetail.actual_price, "¥")
|
||||
}}</view>
|
||||
</view>
|
||||
<view class="detail-item" v-if="serviceDetail.actual_price">
|
||||
<view class="title">退款时间:</view>
|
||||
<view class="value">{{
|
||||
serviceDetail.refund_time | unixToDate
|
||||
<view class="value">{{unixToDate(serviceDetail.refund_time)
|
||||
}}</view>
|
||||
</view>
|
||||
<view class="detail-item" v-if="serviceDetail.refund_price !== 0">
|
||||
<view class="title">退款方式:</view>
|
||||
<view class="value">{{
|
||||
serviceDetail.refundWay | refundWayFilter
|
||||
<view class="value">{{refundWayFilter(serviceDetail.refundWay)
|
||||
}}</view>
|
||||
</view>
|
||||
<view class="detail-item" v-if="accountShow && serviceDetail.refund_price != 0">
|
||||
<view class="title">账户类型:</view>
|
||||
<view class="value">{{
|
||||
serviceDetail.accountType | accountTypeFilter
|
||||
<view class="value">{{accountTypeFilter(serviceDetail.accountType)
|
||||
}}</view>
|
||||
</view>
|
||||
<view class="detail-item" v-if="
|
||||
@@ -232,10 +224,7 @@ export default {
|
||||
this.getAddress();
|
||||
this.getLog(options.sn);
|
||||
},
|
||||
filters: {
|
||||
/**
|
||||
* 售后状态信息
|
||||
*/
|
||||
methods: {
|
||||
statusFilter(val) {
|
||||
switch (val) {
|
||||
case "APPLY":
|
||||
@@ -264,25 +253,16 @@ export default {
|
||||
return "";
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 退款信息
|
||||
*/
|
||||
refundWayFilter(val) {
|
||||
switch (val) {
|
||||
case "OFFLINE":
|
||||
return "账户退款";
|
||||
case "OFFLINE":
|
||||
return "线下退款";
|
||||
case "ORIGINAL":
|
||||
return "原路退回";
|
||||
default:
|
||||
return "";
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 账户信息
|
||||
*/
|
||||
accountTypeFilter(val) {
|
||||
switch (val) {
|
||||
case "WEIXINPAY":
|
||||
@@ -295,8 +275,6 @@ export default {
|
||||
return "";
|
||||
}
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* 点击图片放大或保存
|
||||
*/
|
||||
|
||||
Reference in New Issue
Block a user