code review:完善订单详情和售后退款 TODO 提到的问题
This commit is contained in:
parent
dbfabcbbb5
commit
3c315cf287
@ -54,6 +54,7 @@ export interface OrderVO {
|
||||
logs?: logs[]
|
||||
}
|
||||
|
||||
// TODO @puhui999:OrderLogRespVO 会不会更好哈。
|
||||
export interface logs {
|
||||
content?: string
|
||||
createTime?: Date
|
||||
|
@ -191,6 +191,7 @@ service.interceptors.response.use(
|
||||
}
|
||||
return Promise.reject('error')
|
||||
} else {
|
||||
// TODO @puhui999:这个先不用支持哈;
|
||||
// 前端处理 data 为 null 的情况,进行提示
|
||||
if (data.msg !== '') {
|
||||
ElNotification.error({ title: msg })
|
||||
|
@ -132,23 +132,11 @@
|
||||
placement="top"
|
||||
>
|
||||
<div class="el-timeline-right-content">
|
||||
<span>售后状态(之前):</span>
|
||||
<dict-tag
|
||||
:type="DICT_TYPE.TRADE_AFTER_SALE_STATUS"
|
||||
:value="saleLog.beforeStatus"
|
||||
class="mr-10px"
|
||||
/>
|
||||
<span>售后状态(之后):</span>
|
||||
<dict-tag
|
||||
:type="DICT_TYPE.TRADE_AFTER_SALE_STATUS"
|
||||
:value="saleLog.afterStatus"
|
||||
class="mr-10px"
|
||||
/>
|
||||
<span>操作明细:{{ saleLog.content }}</span>
|
||||
<span>{{ saleLog.content }}</span>
|
||||
</div>
|
||||
<template #dot>
|
||||
<span
|
||||
:style="{ backgroundColor: updateStyles(saleLog.userType) }"
|
||||
:style="{ backgroundColor: getUserTypeColor(saleLog.userType) }"
|
||||
class="dot-node-style"
|
||||
>
|
||||
{{ getDictLabel(DICT_TYPE.USER_TYPE, saleLog.userType)[0] || '系' }}
|
||||
@ -185,7 +173,8 @@ const formData = ref({
|
||||
})
|
||||
const updateAuditReasonFormRef = ref() // 拒绝售后表单 Ref
|
||||
|
||||
const updateStyles = (type: number) => {
|
||||
/** 获得 userType 颜色 */
|
||||
const getUserTypeColor = (type: number) => {
|
||||
const dict = getDictObj(DICT_TYPE.USER_TYPE, type)
|
||||
switch (dict?.colorType) {
|
||||
case 'success':
|
||||
|
@ -167,7 +167,7 @@
|
||||
</div>
|
||||
<template #dot>
|
||||
<span
|
||||
:style="{ backgroundColor: updateStyles(log.userType!) }"
|
||||
:style="{ backgroundColor: getUserTypeColor(log.userType!) }"
|
||||
class="dot-node-style"
|
||||
>
|
||||
{{ getDictLabel(DICT_TYPE.USER_TYPE, log.userType)[0] }}
|
||||
@ -201,7 +201,8 @@ defineOptions({ name: 'TradeOrderDetail' })
|
||||
|
||||
const message = useMessage() // 消息弹窗
|
||||
|
||||
const updateStyles = (type: number) => {
|
||||
/** 获得 userType 颜色 */
|
||||
const getUserTypeColor = (type: number) => {
|
||||
const dict = getDictObj(DICT_TYPE.USER_TYPE, type)
|
||||
switch (dict?.colorType) {
|
||||
case 'success':
|
||||
@ -221,22 +222,24 @@ const formData = ref<TradeOrderApi.OrderVO>({
|
||||
logs: []
|
||||
})
|
||||
|
||||
const deliveryFormRef = ref() // 发货表单 Ref
|
||||
/** 各种操作 */
|
||||
const updateRemarkForm = ref() // 订单备注表单 Ref
|
||||
const updateAddressFormRef = ref() // 收货地址表单 Ref
|
||||
const updatePriceFormRef = ref() // 订单调价表单 Ref
|
||||
const remark = () => {
|
||||
updateRemarkForm.value?.open(formData.value)
|
||||
}
|
||||
const deliveryFormRef = ref() // 发货表单 Ref
|
||||
const delivery = () => {
|
||||
deliveryFormRef.value?.open(formData.value)
|
||||
}
|
||||
const updateAddressFormRef = ref() // 收货地址表单 Ref
|
||||
const updateAddress = () => {
|
||||
updateAddressFormRef.value?.open(formData.value)
|
||||
}
|
||||
const updatePriceFormRef = ref() // 订单调价表单 Ref
|
||||
const updatePrice = () => {
|
||||
updatePriceFormRef.value?.open(formData.value)
|
||||
}
|
||||
|
||||
/** 获得详情 */
|
||||
const { params } = useRoute() // 查询参数
|
||||
const getDetail = async () => {
|
||||
@ -250,13 +253,15 @@ const getDetail = async () => {
|
||||
formData.value = res
|
||||
}
|
||||
}
|
||||
|
||||
/** 关闭 tag */
|
||||
const { delView } = useTagsViewStore() // 视图操作
|
||||
const { push, currentRoute } = useRouter() // 路由
|
||||
/** 关闭 tag */
|
||||
const close = () => {
|
||||
delView(unref(currentRoute))
|
||||
push({ name: 'TradeAfterSale' })
|
||||
}
|
||||
|
||||
/** 复制 */
|
||||
const clipboardSuccess = () => {
|
||||
message.success('复制成功')
|
||||
|
Loading…
Reference in New Issue
Block a user