Merge remote-tracking branch 'origin/dev' into owen_dev

This commit is contained in:
owen 2023-08-26 13:05:30 +08:00
commit ec412f7a7f
20 changed files with 308 additions and 290 deletions

View File

@ -9,18 +9,19 @@ export interface Property {
export interface Sku { export interface Sku {
id?: number // 商品 SKU 编号 id?: number // 商品 SKU 编号
name?: string // 商品 SKU 名称
spuId?: number // SPU 编号 spuId?: number // SPU 编号
properties?: Property[] // 属性数组 properties?: Property[] // 属性数组
price?: number // 商品价格 price?: number | string // 商品价格
marketPrice?: number // 市场价 marketPrice?: number | string // 市场价
costPrice?: number // 成本价 costPrice?: number | string // 成本价
barCode?: string // 商品条码 barCode?: string // 商品条码
picUrl?: string // 图片地址 picUrl?: string // 图片地址
stock?: number // 库存 stock?: number // 库存
weight?: number // 商品重量单位kg 千克 weight?: number // 商品重量单位kg 千克
volume?: number // 商品体积单位m^3 平米 volume?: number // 商品体积单位m^3 平米
subCommissionFirstPrice?: number // 一级分销的佣金 subCommissionFirstPrice?: number | string // 一级分销的佣金
subCommissionSecondPrice?: number // 二级分销的佣金 subCommissionSecondPrice?: number | string // 二级分销的佣金
salesCount?: number // 商品销量 salesCount?: number // 商品销量
} }

View File

@ -102,20 +102,20 @@ export interface DeliveryVO {
// 订单发货 // 订单发货
export const delivery = async (data: DeliveryVO) => { export const delivery = async (data: DeliveryVO) => {
return await request.post({ url: `/trade/order/delivery`, data }) return await request.put({ url: `/trade/order/delivery`, data })
} }
// 订单备注 // 订单备注
export const remark = async (data) => { export const updateRemark = async (data: any) => {
return await request.post({ url: `/trade/order/remark`, data }) return await request.put({ url: `/trade/order/update-remark`, data })
} }
// 订单调价 // 订单调价
export const adjustPrice = async (data) => { export const updatePrice = async (data: any) => {
return await request.post({ url: `/trade/order/adjust-price`, data }) return await request.put({ url: `/trade/order/update-price`, data })
} }
// 修改订单地址 // 修改订单地址
export const adjustAddress = async (data) => { export const updateAddress = async (data: any) => {
return await request.post({ url: `/trade/order/adjust-address`, data }) return await request.put({ url: `/trade/order/update-address`, data })
} }

View File

@ -346,22 +346,6 @@ const remainingRouter: AppRouteRecordRaw[] = [
} }
] ]
}, },
{
path: '/property', // TODO @puhui999这里的 path 有问题,应该是 /product/property
component: Layout,
name: 'Property',
meta: {
hidden: true
},
children: [
{
path: 'value/:propertyId(\\d+)',
component: () => import('@/views/mall/product/property/value/index.vue'),
name: 'ProductPropertyValue',
meta: { title: '商品属性值', icon: '', activeMenu: '/product/property' }
}
]
},
{ {
path: '/product', path: '/product',
component: Layout, component: Layout,
@ -408,6 +392,19 @@ const remainingRouter: AppRouteRecordRaw[] = [
title: '商品详情', title: '商品详情',
activeMenu: '/product/product-spu' activeMenu: '/product/product-spu'
} }
},
{
path: 'property/value/:propertyId(\\d+)',
component: () => import('@/views/mall/product/property/value/index.vue'),
name: 'ProductPropertyValue',
meta: {
noCache: true,
hidden: true,
canTo: true,
icon: 'ep:view',
title: '商品属性值',
activeMenu: '/product/property'
}
} }
] ]
}, },
@ -421,7 +418,7 @@ const remainingRouter: AppRouteRecordRaw[] = [
children: [ children: [
{ {
path: 'detail/:orderId(\\d+)', path: 'detail/:orderId(\\d+)',
component: () => import('@/views/mall/trade/order/components/OrderDetailForm.vue'), component: () => import('@/views/mall/trade/order/detail/index.vue'),
name: 'TradeOrderDetailForm', name: 'TradeOrderDetailForm',
meta: { title: '订单详情', icon: '', activeMenu: '/trade/trade/order' } meta: { title: '订单详情', icon: '', activeMenu: '/trade/trade/order' }
} }

View File

@ -131,7 +131,7 @@ export enum DICT_TYPE {
BPM_OA_LEAVE_TYPE = 'bpm_oa_leave_type', BPM_OA_LEAVE_TYPE = 'bpm_oa_leave_type',
// ========== PAY 模块 ========== // ========== PAY 模块 ==========
PAY_CHANNEL_CODE = 'pay_channel_code', // 支付渠道编码类型 PAY_CHANNEL_CODE = 'pay_channel_code_type', // 支付渠道编码类型
PAY_ORDER_STATUS = 'pay_order_status', // 商户支付订单状态 PAY_ORDER_STATUS = 'pay_order_status', // 商户支付订单状态
PAY_REFUND_STATUS = 'pay_refund_status', // 退款订单状态 PAY_REFUND_STATUS = 'pay_refund_status', // 退款订单状态
PAY_NOTIFY_STATUS = 'pay_notify_status', // 商户支付回调状态 PAY_NOTIFY_STATUS = 'pay_notify_status', // 商户支付回调状态

View File

@ -174,7 +174,6 @@ export const copyValueToTarget = (target, source) => {
Object.assign(target, newObj) Object.assign(target, newObj)
} }
// TODO @puhui999返回要带上 .00 哈.例如说 1.00
/** /**
* *
* @param num * @param num
@ -185,6 +184,31 @@ export const formatToFraction = (num: number | string | undefined): number => {
return parseFloat((parsedNumber / 100).toFixed(2)) return parseFloat((parsedNumber / 100).toFixed(2))
} }
/**
* 1.00
* 使
*
* @param num
*/
export const floatToFixed2 = (num: number | string | undefined): string => {
let str = '0.00'
if (typeof num === 'undefined') {
return str
}
const f = formatToFraction(num)
const decimalPart = f.toString().split('.')[1]
const len = decimalPart ? decimalPart.length : 0
switch (len) {
case 0:
str = f.toString() + '.00'
break
case 1:
str = f.toString() + '0'
break
}
return str
}
/** /**
* *
* @param num * @param num

View File

@ -36,6 +36,7 @@
<el-form-item label="评论内容" prop="content"> <el-form-item label="评论内容" prop="content">
<el-input type="textarea" v-model="formData.content" /> <el-input type="textarea" v-model="formData.content" />
</el-form-item> </el-form-item>
<!-- TODO @疯狂formData.scores 是通过后端计算的哈不要前端传递 -->
<el-form-item label="评分星级" prop="scores"> <el-form-item label="评分星级" prop="scores">
<el-rate v-model="formData.scores" /> <el-rate v-model="formData.scores" />
</el-form-item> </el-form-item>

View File

@ -37,6 +37,7 @@ import { ElTable } from 'element-plus'
import * as ProductSpuApi from '@/api/mall/product/spu' import * as ProductSpuApi from '@/api/mall/product/spu'
import { propTypes } from '@/utils/propTypes' import { propTypes } from '@/utils/propTypes'
// TODO @ spu components
defineOptions({ name: 'SkuTableSelect' }) defineOptions({ name: 'SkuTableSelect' })
const props = defineProps({ const props = defineProps({

View File

@ -86,6 +86,7 @@ import { defaultProps, handleTree } from '@/utils/tree'
import * as ProductCategoryApi from '@/api/mall/product/category' import * as ProductCategoryApi from '@/api/mall/product/category'
import * as ProductSpuApi from '@/api/mall/product/spu' import * as ProductSpuApi from '@/api/mall/product/spu'
// TODO @ spu components
defineOptions({ name: 'SpuTableSelect' }) defineOptions({ name: 'SpuTableSelect' })
const message = useMessage() // const message = useMessage() //

View File

@ -60,6 +60,7 @@
<ContentWrap> <ContentWrap>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="false"> <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="false">
<el-table-column label="评论编号" align="center" prop="id" min-width="60" /> <el-table-column label="评论编号" align="center" prop="id" min-width="60" />
<!-- TODO @疯狂后端貌似没读取 -->
<el-table-column label="用户名称" align="center" prop="userNickname" width="80" /> <el-table-column label="用户名称" align="center" prop="userNickname" width="80" />
<el-table-column label="商品信息" align="center" min-width="210"> <el-table-column label="商品信息" align="center" min-width="210">
<template #default="scope"> <template #default="scope">
@ -210,7 +211,7 @@ const getList = async () => {
loading.value = true loading.value = true
try { try {
const data = await CommentApi.getCommentPage(queryParams) const data = await CommentApi.getCommentPage(queryParams)
// visible nulle-switchchange // visible null e-switch change
data.list.forEach((item) => { data.list.forEach((item) => {
if (!item.visible) { if (!item.visible) {
item.visible = false item.visible = false
@ -241,6 +242,7 @@ const openForm = (type: string, id?: number) => {
formRef.value.open(type, id) formRef.value.open(type, id)
} }
// TODO @
/** 回复 **/ /** 回复 **/
const replyFormRef = ref() const replyFormRef = ref()
const replyDialog = reactive({ const replyDialog = reactive({

View File

@ -101,6 +101,7 @@
import { dateFormatter } from '@/utils/formatTime' import { dateFormatter } from '@/utils/formatTime'
import * as PropertyApi from '@/api/mall/product/property' import * as PropertyApi from '@/api/mall/product/property'
import PropertyForm from './PropertyForm.vue' import PropertyForm from './PropertyForm.vue'
const { push } = useRouter() const { push } = useRouter()
defineOptions({ name: 'ProductProperty' }) defineOptions({ name: 'ProductProperty' })
@ -164,7 +165,7 @@ const handleDelete = async (id: number) => {
/** 跳转商品属性列表 */ /** 跳转商品属性列表 */
const goValueList = (id: number) => { const goValueList = (id: number) => {
push({ path: '/property/value/' + id }) push({ path: '/product/property/value/' + id })
} }
/** 初始化 **/ /** 初始化 **/

View File

@ -42,7 +42,9 @@ import { useTagsViewStore } from '@/store/modules/tagsView'
import { BasicInfoForm, DescriptionForm, OtherSettingsForm } from './components' import { BasicInfoForm, DescriptionForm, OtherSettingsForm } from './components'
// api // api
import * as ProductSpuApi from '@/api/mall/product/spu' import * as ProductSpuApi from '@/api/mall/product/spu'
import { convertToInteger, formatToFraction } from '@/utils' import { convertToInteger, floatToFixed2, formatToFraction } from '@/utils'
// TODO @
defineOptions({ name: 'ProductSpuForm' }) defineOptions({ name: 'ProductSpuForm' })
@ -107,12 +109,20 @@ const getDetail = async () => {
try { try {
const res = (await ProductSpuApi.getSpu(id)) as ProductSpuApi.Spu const res = (await ProductSpuApi.getSpu(id)) as ProductSpuApi.Spu
res.skus?.forEach((item) => { res.skus?.forEach((item) => {
if (isDetail.value === true) {
item.price = floatToFixed2(item.price)
item.marketPrice = floatToFixed2(item.marketPrice)
item.costPrice = floatToFixed2(item.costPrice)
item.subCommissionFirstPrice = floatToFixed2(item.subCommissionFirstPrice)
item.subCommissionSecondPrice = floatToFixed2(item.subCommissionSecondPrice)
} else {
// //
item.price = formatToFraction(item.price) item.price = formatToFraction(item.price)
item.marketPrice = formatToFraction(item.marketPrice) item.marketPrice = formatToFraction(item.marketPrice)
item.costPrice = formatToFraction(item.costPrice) item.costPrice = formatToFraction(item.costPrice)
item.subCommissionFirstPrice = formatToFraction(item.subCommissionFirstPrice) item.subCommissionFirstPrice = formatToFraction(item.subCommissionFirstPrice)
item.subCommissionSecondPrice = formatToFraction(item.subCommissionSecondPrice) item.subCommissionSecondPrice = formatToFraction(item.subCommissionSecondPrice)
}
}) })
formData.value = res formData.value = res
} finally { } finally {
@ -132,19 +142,19 @@ const submitForm = async () => {
await unref(descriptionRef)?.validate() await unref(descriptionRef)?.validate()
await unref(otherSettingsRef)?.validate() await unref(otherSettingsRef)?.validate()
// , server // , server
const deepCopyFormData = cloneDeep(unref(formData.value)) const deepCopyFormData = cloneDeep(unref(formData.value)) as ProductSpuApi.Spu
// sku // sku
formData.value.skus!.forEach((sku) => { formData.value.skus!.forEach((sku) => {
// //
if (sku.barCode === '') { if (sku.barCode === '') {
const index = deepCopyFormData.skus.findIndex( const index = deepCopyFormData.skus!.findIndex(
(item) => JSON.stringify(item.properties) === JSON.stringify(sku.properties) (item) => JSON.stringify(item.properties) === JSON.stringify(sku.properties)
) )
// sku // sku
deepCopyFormData.skus.splice(index, 1) deepCopyFormData.skus!.splice(index, 1)
} }
}) })
deepCopyFormData.skus.forEach((item) => { deepCopyFormData.skus!.forEach((item) => {
// sku name // sku name
item.name = deepCopyFormData.name item.name = deepCopyFormData.name
// sku // sku
@ -156,7 +166,7 @@ const submitForm = async () => {
}) })
// //
const newSliderPicUrls: any[] = [] const newSliderPicUrls: any[] = []
deepCopyFormData.sliderPicUrls.forEach((item: any) => { deepCopyFormData.sliderPicUrls!.forEach((item: any) => {
// //
typeof item === 'object' ? newSliderPicUrls.push(item.url) : newSliderPicUrls.push(item) typeof item === 'object' ? newSliderPicUrls.push(item.url) : newSliderPicUrls.push(item)
}) })

View File

@ -7,7 +7,6 @@ import SkuList from './SkuList.vue'
import { Spu } from '@/api/mall/product/spu' import { Spu } from '@/api/mall/product/spu'
// TODO @puhui999Properties 改成 Property 更合适Property 在 Spu 中已存在避免冲突 PropertyAndValues
interface PropertyAndValues { interface PropertyAndValues {
id: number id: number
name: string name: string

View File

@ -80,7 +80,7 @@
<el-table v-loading="loading" :data="list"> <el-table v-loading="loading" :data="list">
<el-table-column type="expand" width="30"> <el-table-column type="expand" width="30">
<template #default="{ row }"> <template #default="{ row }">
<el-form class="demo-table-expand" label-position="left"> <el-form class="spu-table-expand" label-position="left">
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-row> <el-row>
@ -91,12 +91,12 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="市场价:"> <el-form-item label="市场价:">
<span>{{ formatToFraction(row.marketPrice) }}</span> <span>{{ floatToFixed2(row.marketPrice) }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="成本价:"> <el-form-item label="成本价:">
<span>{{ formatToFraction(row.costPrice) }}</span> <span>{{ floatToFixed2(row.costPrice) }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -130,9 +130,7 @@
</el-table-column> </el-table-column>
<el-table-column :show-overflow-tooltip="true" label="商品名称" min-width="300" prop="name" /> <el-table-column :show-overflow-tooltip="true" label="商品名称" min-width="300" prop="name" />
<el-table-column align="center" label="商品售价" min-width="90" prop="price"> <el-table-column align="center" label="商品售价" min-width="90" prop="price">
<template #default="{ row }"> <template #default="{ row }"> {{ floatToFixed2(row.price) }}</template>
{{ formatToFraction(row.price) }}
</template>
</el-table-column> </el-table-column>
<el-table-column align="center" label="销量" min-width="90" prop="salesCount" /> <el-table-column align="center" label="销量" min-width="90" prop="salesCount" />
<el-table-column align="center" label="库存" min-width="90" prop="stock" /> <el-table-column align="center" label="库存" min-width="90" prop="stock" />
@ -229,7 +227,7 @@ import { createImageViewer } from '@/components/ImageViewer'
import { dateFormatter } from '@/utils/formatTime' import { dateFormatter } from '@/utils/formatTime'
import { checkSelectedNode, defaultProps, handleTree, treeToString } from '@/utils/tree' import { checkSelectedNode, defaultProps, handleTree, treeToString } from '@/utils/tree'
import { ProductSpuStatusEnum } from '@/utils/constants' import { ProductSpuStatusEnum } from '@/utils/constants'
import { formatToFraction } from '@/utils' import { floatToFixed2 } from '@/utils'
import download from '@/utils/download' import download from '@/utils/download'
import * as ProductSpuApi from '@/api/mall/product/spu' import * as ProductSpuApi from '@/api/mall/product/spu'
import * as ProductCategoryApi from '@/api/mall/product/category' import * as ProductCategoryApi from '@/api/mall/product/category'
@ -392,7 +390,7 @@ const resetQuery = () => {
const openForm = (id?: number) => { const openForm = (id?: number) => {
// //
if (typeof id === 'number') { if (typeof id === 'number') {
push('/product/spu/edit/' + id) push({ name: 'ProductSpuEdit', params: { spuId: id } })
return return
} }
// //
@ -402,8 +400,8 @@ const openForm = (id?: number) => {
/** /**
* 查看商品详情 * 查看商品详情
*/ */
const openDetail = (id?: number) => { const openDetail = (id: number) => {
push('/product/spu/detail/' + id) push({ name: 'ProductSpuDetail', params: { spuId: id } })
} }
/** 导出按钮操作 */ /** 导出按钮操作 */
@ -458,7 +456,7 @@ onMounted(async () => {
}) })
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.demo-table-expand { .spu-table-expand {
padding-left: 42px; padding-left: 42px;
:deep(.el-form-item__label) { :deep(.el-form-item__label) {

View File

@ -193,16 +193,4 @@ const resetForm = async () => {
await nextTick() await nextTick()
formRef.value.getElFormRef().resetFields() formRef.value.getElFormRef().resetFields()
} }
// TODO @puhui999 css demo-table-expand
</script> </script>
<style lang="scss" scoped>
.demo-table-expand {
padding-left: 42px;
:deep(.el-form-item__label) {
width: 82px;
font-weight: bold;
color: #99a9bf;
}
}
</style>

View File

@ -2,12 +2,12 @@
<Dialog v-model="dialogVisible" title="订单发货" width="25%"> <Dialog v-model="dialogVisible" title="订单发货" width="25%">
<el-form ref="formRef" v-loading="formLoading" :model="formData" label-width="80px"> <el-form ref="formRef" v-loading="formLoading" :model="formData" label-width="80px">
<el-form-item label="发货方式"> <el-form-item label="发货方式">
<el-radio-group v-model="radio"> <el-radio-group v-model="expressType">
<el-radio border label="1">快递物流</el-radio> <el-radio border label="express">快递物流</el-radio>
<el-radio border label="2">无需发货</el-radio> <el-radio border label="none">无需发货</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<template v-if="radio === '1'"> <template v-if="expressType === 'express'">
<el-form-item label="物流公司"> <el-form-item label="物流公司">
<el-select v-model="formData.logisticsId" placeholder="请选择" style="width: 100%"> <el-select v-model="formData.logisticsId" placeholder="请选择" style="width: 100%">
<el-option <el-option
@ -32,16 +32,17 @@
<script lang="ts" setup> <script lang="ts" setup>
import * as DeliveryExpressApi from '@/api/mall/trade/delivery/express' import * as DeliveryExpressApi from '@/api/mall/trade/delivery/express'
import * as TradeOrderApi from '@/api/mall/trade/order' import * as TradeOrderApi from '@/api/mall/trade/order'
import { copyValueToTarget } from '@/utils'
// TODO @puhui999 OrderDeliveryForm // TODO @puhui999 Form index.vue componentscomponents 使
defineOptions({ name: 'DeliveryOrderForm' }) defineOptions({ name: 'OrderDeliveryForm' })
const { t } = useI18n() // const { t } = useI18n() //
const message = useMessage() // const message = useMessage() //
const dialogVisible = ref(false) // const dialogVisible = ref(false) //
const formLoading = ref(false) // 12 const formLoading = ref(false) // 12
const radio = ref('1') // TODO @puhui999 radio expressType expressnone const expressType = ref('express') // expressnone
const formData = ref<TradeOrderApi.DeliveryVO>({ const formData = ref<TradeOrderApi.DeliveryVO>({
id: 0, // id: 0, //
logisticsId: null, // logisticsId: null, //
@ -49,12 +50,14 @@ const formData = ref<TradeOrderApi.DeliveryVO>({
}) })
const formRef = ref() // Ref const formRef = ref() // Ref
// TODO @puhui999
/** 打开弹窗 */ /** 打开弹窗 */
const open = async (orderId: number) => { const open = async (row: TradeOrderApi.OrderVO) => {
resetForm() resetForm()
// //
formData.value.id = orderId copyValueToTarget(formData.value, row)
if (row.logisticsId === null || row.logisticsId === 0) {
expressType.value = 'none'
}
dialogVisible.value = true dialogVisible.value = true
} }
defineExpose({ open }) // open defineExpose({ open }) // open
@ -66,7 +69,7 @@ const submitForm = async () => {
formLoading.value = true formLoading.value = true
try { try {
const data = unref(formData) const data = unref(formData)
if (radio.value === '2') { if (expressType.value === 'none') {
// //
data.logisticsId = 0 data.logisticsId = 0
data.logisticsNo = '' data.logisticsNo = ''

View File

@ -1,18 +1,27 @@
<template> <template>
<Dialog v-model="dialogVisible" title="修改订单收货地址" width="35%"> <Dialog v-model="dialogVisible" title="修改订单收货地址" width="35%">
<el-form ref="formRef" v-loading="formLoading" :model="formData" label-width="120px"> <el-form ref="formRef" v-loading="formLoading" :model="formData" label-width="120px">
<el-form-item label="收件人名称"> <el-form-item label="收件人">
<el-input v-model="formData.receiverName" /> <el-input v-model="formData.receiverName" placeholder="请输入收件人名称" />
</el-form-item> </el-form-item>
<el-form-item label="收件人手机"> <el-form-item label="手机">
<el-input v-model="formData.receiverMobile" /> <el-input v-model="formData.receiverMobile" placeholder="请输入收件人手机号" />
</el-form-item> </el-form-item>
<!-- TODO @puhui999应该是个地区下拉框可以看下 UserForm 所在地 --> <el-form-item label="所在地">
<el-form-item label="收件人地区编号"> <el-tree-select
<el-input v-model="formData.receiverAreaId" /> v-model="formData.receiverAreaId"
:data="areaList"
:props="defaultProps"
:render-after-expand="true"
/>
</el-form-item> </el-form-item>
<el-form-item label="收件人详细地址"> <el-form-item label="详细地址">
<el-input v-model="formData.receiverDetailAddress" /> <el-input
v-model="formData.receiverDetailAddress"
:rows="3"
placeholder="请输入收件人详细地址"
type="textarea"
/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<template #footer> <template #footer>
@ -23,10 +32,11 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import * as TradeOrderApi from '@/api/mall/trade/order' import * as TradeOrderApi from '@/api/mall/trade/order'
import { getAreaTree } from '@/api/system/area'
import { copyValueToTarget } from '@/utils' import { copyValueToTarget } from '@/utils'
import { defaultProps } from '@/utils/tree'
// TODO @puhui999OrderAdjustAddressForm OrderUpdateAddressForm defineOptions({ name: 'OrderUpdateAddressForm' })
defineOptions({ name: 'OrderAdjustAddressForm' })
const { t } = useI18n() // const { t } = useI18n() //
const message = useMessage() // const message = useMessage() //
@ -40,6 +50,7 @@ const formData = ref({
receiverAreaId: null, // receiverAreaId: null, //
receiverDetailAddress: '' // receiverDetailAddress: '' //
}) })
const areaList = ref([]) //
const formRef = ref() // Ref const formRef = ref() // Ref
/** 打开弹窗 */ /** 打开弹窗 */
@ -58,7 +69,7 @@ const submitForm = async () => {
formLoading.value = true formLoading.value = true
try { try {
const data = unref(formData) const data = unref(formData)
await TradeOrderApi.adjustAddress(data) await TradeOrderApi.updateAddress(data)
message.success(t('common.updateSuccess')) message.success(t('common.updateSuccess'))
dialogVisible.value = false dialogVisible.value = false
// //
@ -79,4 +90,9 @@ const resetForm = () => {
} }
formRef.value?.resetFields() formRef.value?.resetFields()
} }
onMounted(async () => {
//
areaList.value = await getAreaTree()
})
</script> </script>

View File

@ -20,11 +20,10 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import * as TradeOrderApi from '@/api/mall/trade/order' import * as TradeOrderApi from '@/api/mall/trade/order'
import { convertToInteger, formatToFraction } from '@/utils' import { convertToInteger, floatToFixed2, formatToFraction } from '@/utils'
import { cloneDeep } from 'lodash-es' import { cloneDeep } from 'lodash-es'
// TODO @puhui999OrderAdjustPriceForm OrderUpdatePriceForm defineOptions({ name: 'OrderUpdatePriceForm' })
defineOptions({ name: 'OrderAdjustPriceForm' })
const { t } = useI18n() // const { t } = useI18n() //
const message = useMessage() // const message = useMessage() //
@ -40,7 +39,9 @@ const formData = ref({
watch( watch(
() => formData.value.adjustPrice, () => formData.value.adjustPrice,
(data: number) => { (data: number) => {
formData.value.newPayPrice = formData.value.payPrice.replace('元', '') * 1 + data + '元' const num = formData.value.payPrice!.replace('元', '')
// @ts-ignore
formData.value.newPayPrice = (num * 1 + data).toFixed(2) + '元'
} }
) )
@ -49,10 +50,11 @@ const formRef = ref() // 表单 Ref
/** 打开弹窗 */ /** 打开弹窗 */
const open = async (row: TradeOrderApi.OrderVO) => { const open = async (row: TradeOrderApi.OrderVO) => {
resetForm() resetForm()
formData.value.id = row.id formData.value.id = row.id!
// //
formData.value.adjustPrice = formatToFraction(row.adjustPrice) formData.value.adjustPrice = formatToFraction(row.adjustPrice!)
formData.value.payPrice = formatToFraction(row.payPrice) + '元' formData.value.payPrice = floatToFixed2(row.payPrice!) + '元'
formData.value.newPayPrice = formData.value.payPrice
dialogVisible.value = true dialogVisible.value = true
} }
defineExpose({ open }) // open defineExpose({ open }) // open
@ -67,7 +69,7 @@ const submitForm = async () => {
data.adjustPrice = convertToInteger(data.adjustPrice) data.adjustPrice = convertToInteger(data.adjustPrice)
delete data.payPrice delete data.payPrice
delete data.newPayPrice delete data.newPayPrice
await TradeOrderApi.adjustPrice(data) await TradeOrderApi.updatePrice(data)
message.success(t('common.updateSuccess')) message.success(t('common.updateSuccess'))
dialogVisible.value = false dialogVisible.value = false
// //

View File

@ -1,8 +1,13 @@
<template> <template>
<Dialog v-model="dialogVisible" title="商家备注" width="25%"> <Dialog v-model="dialogVisible" title="商家备注" width="45%">
<el-form ref="formRef" v-loading="formLoading" :model="formData" label-width="80px"> <el-form ref="formRef" v-loading="formLoading" :model="formData" label-width="80px">
<el-form-item label="备注"> <el-form-item label="备注">
<el-input v-model="formData.remark" /> <el-input
v-model="formData.remark"
:rows="3"
placeholder="请输入订单备注"
type="textarea"
/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<template #footer> <template #footer>
@ -14,8 +19,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import * as TradeOrderApi from '@/api/mall/trade/order' import * as TradeOrderApi from '@/api/mall/trade/order'
// TODO @puhui999OrderRemarksForm OrderUpdateRemarkForm defineOptions({ name: 'OrderUpdateRemarkForm' })
defineOptions({ name: 'OrderRemarksForm' })
const { t } = useI18n() // const { t } = useI18n() //
const message = useMessage() // const message = useMessage() //
@ -46,7 +50,7 @@ const submitForm = async () => {
try { try {
const data = unref(formData) const data = unref(formData)
console.log(data) console.log(data)
await TradeOrderApi.remark(data) await TradeOrderApi.updateRemark(data)
message.success(t('common.updateSuccess')) message.success(t('common.updateSuccess'))
dialogVisible.value = false dialogVisible.value = false
// //

View File

@ -41,10 +41,10 @@
<dict-tag :type="DICT_TYPE.TRADE_ORDER_STATUS" :value="orderInfo.status" /> <dict-tag :type="DICT_TYPE.TRADE_ORDER_STATUS" :value="orderInfo.status" />
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label-class-name="no-colon"> <el-descriptions-item label-class-name="no-colon">
<el-button type="primary" @click="openForm('adjustPrice')">调整价格</el-button> <el-button type="primary" @click="openForm('updatePrice')">调整价格</el-button>
<el-button type="primary" @click="openForm('remark')">备注</el-button> <el-button type="primary" @click="openForm('remark')">备注</el-button>
<el-button type="primary" @click="openForm('delivery')">发货</el-button> <el-button type="primary" @click="openForm('delivery')">发货</el-button>
<el-button type="primary" @click="openForm('adjustAddress')">修改地址</el-button> <el-button type="primary" @click="openForm('updateAddress')">修改地址</el-button>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template #label><span style="color: red">提醒: </span></template> <template #label><span style="color: red">提醒: </span></template>
@ -68,12 +68,12 @@
</el-tag> </el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="商品原价(元)" prop="price" width="150"> <el-table-column label="商品原价" prop="price" width="150">
<template #default="{ row }">{{ formatToFraction(row.price) }}</template> <template #default="{ row }">{{ floatToFixed2(row.price) }}</template>
</el-table-column> </el-table-column>
<el-table-column label="数量" prop="count" width="100" /> <el-table-column label="数量" prop="count" width="100" />
<el-table-column label="合计(元)" prop="payPrice" width="150"> <el-table-column label="合计" prop="payPrice" width="150">
<template #default="{ row }">{{ formatToFraction(row.payPrice) }}</template> <template #default="{ row }">{{ floatToFixed2(row.payPrice) }}</template>
</el-table-column> </el-table-column>
<el-table-column label="售后状态" prop="afterSaleStatus" width="120"> <el-table-column label="售后状态" prop="afterSaleStatus" width="120">
<template #default="{ row }"> <template #default="{ row }">
@ -91,32 +91,32 @@
</el-descriptions> </el-descriptions>
<el-descriptions :column="6"> <el-descriptions :column="6">
<el-descriptions-item label="商品总额: "> <el-descriptions-item label="商品总额: ">
{{ formatToFraction(orderInfo.totalPrice) }} {{ floatToFixed2(orderInfo.totalPrice) }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="运费金额: "> <el-descriptions-item label="运费金额: ">
{{ formatToFraction(orderInfo.deliveryPrice) }} {{ floatToFixed2(orderInfo.deliveryPrice) }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="订单调价: "> <el-descriptions-item label="订单调价: ">
{{ formatToFraction(orderInfo.adjustPrice) }} {{ floatToFixed2(orderInfo.updatePrice) }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template #label><span style="color: red">商品优惠: </span></template> <template #label><span style="color: red">商品优惠: </span></template>
{{ formatToFraction(orderInfo.couponPrice) }} {{ floatToFixed2(orderInfo.couponPrice) }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template #label><span style="color: red">订单优惠: </span></template> <template #label><span style="color: red">订单优惠: </span></template>
{{ formatToFraction(orderInfo.discountPrice) }} {{ floatToFixed2(orderInfo.discountPrice) }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template #label><span style="color: red">积分抵扣: </span></template> <template #label><span style="color: red">积分抵扣: </span></template>
{{ formatToFraction(orderInfo.pointPrice) }} {{ floatToFixed2(orderInfo.pointPrice) }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item v-for="item in 5" :key="item" label-class-name="no-colon" /> <el-descriptions-item v-for="item in 5" :key="item" label-class-name="no-colon" />
<!-- 占位 --> <!-- 占位 -->
<el-descriptions-item label="应付金额: "> <el-descriptions-item label="应付金额: ">
{{ formatToFraction(orderInfo.payPrice) }} {{ floatToFixed2(orderInfo.payPrice) }}
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
@ -199,71 +199,27 @@
</ContentWrap> </ContentWrap>
<!-- 各种操作的弹窗 --> <!-- 各种操作的弹窗 -->
<DeliveryOrderForm ref="deliveryFormRef" @success="getDetail" /> <OrderDeliveryForm ref="deliveryFormRef" @success="getDetail" />
<OrderRemarksForm ref="remarksFormRef" @success="getDetail" /> <OrderUpdateRemarkForm ref="updateRemarkForm" @success="getDetail" />
<OrderAdjustAddressForm ref="adjustAddressFormRef" @success="getDetail" /> <OrderUpdateAddressForm ref="updateAddressFormRef" @success="getDetail" />
<OrderAdjustPriceForm ref="adjustPriceFormRef" @success="getDetail" /> <OrderUpdatePriceForm ref="updatePriceFormRef" @success="getDetail" />
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import * as TradeOrderApi from '@/api/mall/trade/order' import * as TradeOrderApi from '@/api/mall/trade/order'
import { formatToFraction } from '@/utils' import { floatToFixed2 } from '@/utils'
import { DICT_TYPE } from '@/utils/dict' import { DICT_TYPE } from '@/utils/dict'
import OrderRemarksForm from '@/views/mall/trade/order/components/OrderRemarksForm.vue' import OrderUpdateRemarkForm from '@/views/mall/trade/order/components/OrderUpdateRemarkForm.vue'
import DeliveryOrderForm from '@/views/mall/trade/order/components/DeliveryOrderForm.vue' import OrderDeliveryForm from '@/views/mall/trade/order/components/OrderDeliveryForm.vue'
import OrderAdjustAddressForm from '@/views/mall/trade/order/components/OrderAdjustAddressForm.vue' import OrderUpdateAddressForm from '@/views/mall/trade/order/components/OrderUpdateAddressForm.vue'
import OrderAdjustPriceForm from '@/views/mall/trade/order/components/OrderAdjustPriceForm.vue' import OrderUpdatePriceForm from '@/views/mall/trade/order/components/OrderUpdatePriceForm.vue'
// TODO @puhui999TradeOrderDetailForm order/detail/index.vue vue
defineOptions({ name: 'TradeOrderDetailForm' }) defineOptions({ name: 'TradeOrderDetailForm' })
const message = useMessage() // const message = useMessage() //
const { params } = useRoute() // const { params } = useRoute() //
// TODO @puhui999orderInfo const orderInfo = ref<TradeOrderApi.OrderVO>({})
const orderInfo = ref<TradeOrderApi.OrderVO>({
no: '',
createTime: null,
type: null,
terminal: null,
userId: null,
userIp: '',
userRemark: '',
status: null,
productCount: null,
finishTime: null,
cancelTime: null,
cancelType: null,
remark: '',
payOrderId: null,
payed: false,
payTime: null,
payChannelCode: '',
originalPrice: null,
orderPrice: null,
discountPrice: null,
deliveryPrice: null,
adjustPrice: null,
payPrice: null,
deliveryTemplateId: null,
logisticsId: null,
logisticsNo: '',
deliveryStatus: null,
deliveryTime: null,
receiveTime: null,
receiverName: '',
receiverMobile: '',
receiverAreaId: null,
receiverPostCode: null,
receiverDetailAddress: '',
afterSaleStatus: null,
refundPrice: null,
couponPrice: null,
pointPrice: null,
receiverAreaName: '',
items: [],
user: {}
})
// TODO @puhui999 // TODO @puhui999
const detailGroups = ref([ const detailGroups = ref([
{ {
title: '物流信息', title: '物流信息',
@ -282,7 +238,7 @@ const detailGroups = ref([
} }
]) ])
// TODO @puhui999 // TODO @puhui999
const detailInfo = ref({ const detailInfo = ref({
// //
expressInfo: { expressInfo: {
@ -330,22 +286,22 @@ const detailInfo = ref({
}) })
const deliveryFormRef = ref() // Ref const deliveryFormRef = ref() // Ref
const remarksFormRef = ref() // Ref const updateRemarkForm = ref() // Ref
const adjustAddressFormRef = ref() // Ref const updateAddressFormRef = ref() // Ref
const adjustPriceFormRef = ref() // Ref const updatePriceFormRef = ref() // Ref
const openForm = (type: string) => { const openForm = (type: string) => {
switch (type) { switch (type) {
case 'remark': case 'remark':
remarksFormRef.value?.open(orderInfo.value) updateRemarkForm.value?.open(orderInfo.value)
break break
case 'delivery': case 'delivery':
deliveryFormRef.value?.open(orderInfo.value.id) deliveryFormRef.value?.open(orderInfo.value)
break break
case 'adjustAddress': case 'updateAddress':
adjustAddressFormRef.value?.open(orderInfo.value) updateAddressFormRef.value?.open(orderInfo.value)
break break
case 'adjustPrice': case 'updatePrice':
adjustPriceFormRef.value?.open(orderInfo.value) updatePriceFormRef.value?.open(orderInfo.value)
break break
} }
} }

View File

@ -64,6 +64,9 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- TODO @puhui999要不加个 deliveryType 筛选配送方式然后如果选了快递就有快递公司筛选如果选了自提就有自提门店然后把他们这 3 坐在一个 el-form-item
目的是有的时候会筛选门店然后做核销这个时候就需要筛选自提门店
-->
<el-form-item label="快递公司" prop="type"> <el-form-item label="快递公司" prop="type">
<el-select v-model="queryParams.logisticsId" class="!w-280px" clearable placeholder="全部"> <el-select v-model="queryParams.logisticsId" class="!w-280px" clearable placeholder="全部">
<el-option <el-option
@ -90,7 +93,7 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- TODO 考虑是否移除或重构这个还是需要的哈--> <!-- TODO 聚合搜索等售后结束后实现-->
<el-form-item label="聚合搜索"> <el-form-item label="聚合搜索">
<el-input <el-input
v-show="true" v-show="true"
@ -100,7 +103,7 @@
placeholder="请输入" placeholder="请输入"
> >
<template #prepend> <template #prepend>
<el-select v-model="queryType.k" clearable placeholder="全部" class="!w-110px"> <el-select v-model="queryType.k" class="!w-110px" clearable placeholder="全部">
<el-option <el-option
v-for="dict in searchList" v-for="dict in searchList"
:key="dict.value" :key="dict.value"
@ -125,24 +128,59 @@
</ContentWrap> </ContentWrap>
<!-- 列表 --> <!-- 列表 -->
<!-- TODO @puhui999列表有可能尽量对齐 https://gitee.com/niushop_team/niushop_b2c_v5_stand/raw/master/image/back_end5.png
1订单号订单类型订单来源支付时间那一行直接做到订单项的数据中
2商品信息商品原价那一行应该是在最顶上一行不用每个订单项都写一条
3然后点击展开和收拢订单项可以不做哈
-->
<ContentWrap> <ContentWrap>
<el-table <el-table v-loading="loading" :data="list">
v-loading="loading" <el-table-column class-name="order-table-col">
:data="list" <template #header>
:show-overflow-tooltip="true" <!-- TODO @phui999小屏幕下会有偏移后续看看 -->
:stripe="true" <div class="flex items-center" style="width: 100%">
default-expand-all <div class="ml-100px mr-200px">商品信息</div>
> <div class="mr-60px">单价()/数量</div>
<el-table-column fixed="left" type="expand"> <div class="mr-60px">售后状态</div>
<div class="mr-60px">实付金额()</div>
<div class="mr-60px">买家/收货人</div>
<div class="mr-60px">配送方式</div>
<div class="mr-60px">订单状态</div>
<div class="mr-60px">操作</div>
</div>
</template>
<template #default="scope"> <template #default="scope">
<el-table :data="scope.row.items" :span-method="spanMethod" border style="width: 100%"> <el-table
<el-table-column label="商品信息" min-width="300" prop="spuName"> :data="scope.row.items"
:header-cell-style="headerStyle"
:span-method="spanMethod"
border
style="width: 100%"
>
<el-table-column min-width="300" prop="spuName">
<template #header>
<div
class="flex items-center"
style="height: 35px; background-color: #f7f7f7; width: 100%"
>
<span class="mr-20px">订单号{{ scope.row.no }} </span>
<span class="mr-20px">下单时间{{ formatDate(scope.row.createTime) }}</span>
<span>订单来源</span>
<dict-tag
:type="DICT_TYPE.TERMINAL"
:value="scope.row.terminal"
class="mr-20px"
/>
<span>支付方式</span>
<dict-tag
v-if="scope.row.payChannelCode"
:type="DICT_TYPE.PAY_CHANNEL_CODE"
:value="scope.row.payChannelCode"
class="mr-20px"
/>
<v-else class="mr-20px" v-else>未支付</v-else>
<span class="mr-20px" v-if="scope.row.payTime">
支付时间{{ formatDate(scope.row.payTime) }}
</span>
<span>订单类型</span>
<dict-tag :type="DICT_TYPE.TRADE_ORDER_TYPE" :value="scope.row.type" />
</div>
</template>
<template #default="{ row }"> <template #default="{ row }">
<div class="flex items-center"> <div class="flex items-center">
<el-image <el-image
@ -163,13 +201,9 @@
</el-table-column> </el-table-column>
<el-table-column label="商品原价*数量" prop="price" width="150"> <el-table-column label="商品原价*数量" prop="price" width="150">
<template #default="{ row }"> <template #default="{ row }">
<!-- TODO @puhui999价格要有 xxx.00 这种格式 --> {{ floatToFixed2(row.price) }} / {{ row.count }}
{{ formatToFraction(row.price) }} * {{ row.count }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="合计" prop="payPrice" width="150">
<template #default="{ row }">{{ formatToFraction(row.payPrice) }}</template>
</el-table-column>
<el-table-column label="售后状态" prop="afterSaleStatus" width="120"> <el-table-column label="售后状态" prop="afterSaleStatus" width="120">
<template #default="{ row }"> <template #default="{ row }">
<dict-tag <dict-tag
@ -180,8 +214,7 @@
</el-table-column> </el-table-column>
<el-table-column align="center" label="实际支付" min-width="120" prop="payPrice"> <el-table-column align="center" label="实际支付" min-width="120" prop="payPrice">
<template #default> <template #default>
<!-- TODO @puhui999价格要有 xxx.00 这种格式 --> {{ floatToFixed2(scope.row.payPrice) + '元' }}
{{ formatToFraction(scope.row.payPrice) + '元' }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="买家/收货人" min-width="160"> <el-table-column label="买家/收货人" min-width="160">
@ -218,6 +251,11 @@
<dict-tag :type="DICT_TYPE.TRADE_DELIVERY_TYPE" :value="scope.row.deliveryType" /> <dict-tag :type="DICT_TYPE.TRADE_DELIVERY_TYPE" :value="scope.row.deliveryType" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" label="订单状态" width="120">
<template #default>
<dict-tag :type="DICT_TYPE.TRADE_ORDER_STATUS" :value="scope.row.status" />
</template>
</el-table-column>
<el-table-column align="center" fixed="right" label="操作" width="160"> <el-table-column align="center" fixed="right" label="操作" width="160">
<template #default> <template #default>
<!-- TODO 权限后续补齐 --> <!-- TODO 权限后续补齐 -->
@ -233,14 +271,16 @@
</el-button> </el-button>
<template #dropdown> <template #dropdown>
<el-dropdown-menu> <el-dropdown-menu>
<!-- TODO puhui999可以判断下状态 + 物流类型展示发货按钮 --> <!-- 如果是快递并且未发货则展示发货按钮 -->
<el-dropdown-item command="delivery"> <el-dropdown-item
v-if="scope.row.deliveryType === 1 && scope.row.status === 10"
command="delivery"
>
<Icon icon="ep:takeaway-box" /> <Icon icon="ep:takeaway-box" />
发货 发货
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item command="orderRemarks"> <el-dropdown-item command="remark">
<Icon icon="ep:chat-line-square" /> <Icon icon="ep:chat-line-square" /> 备注
订单备注
</el-dropdown-item> </el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</template> </template>
@ -251,51 +291,6 @@
</el-table> </el-table>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" label="订单号" min-width="110" prop="no" />
<el-table-column align="center" label="订单类型" min-width="100">
<template #default="{ row }">
<dict-tag :type="DICT_TYPE.TRADE_ORDER_TYPE" :value="row.type" />
</template>
</el-table-column>
<el-table-column align="center" label="订单来源" min-width="145">
<template #default="{ row }">
<dict-tag v-if="row.terminal" :type="DICT_TYPE.TERMINAL" :value="row.terminal" />
<span v-else>{{ row.terminal }}</span>
</template>
</el-table-column>
<el-table-column
:formatter="dateFormatter"
align="center"
label="支付时间"
min-width="180"
prop="payTime"
/>
<el-table-column align="center" label="支付类型" min-width="120" prop="payChannelCode">
<template #default="{ row }">
<dict-tag
v-if="row.payChannelCode"
:type="DICT_TYPE.PAY_CHANNEL_CODE"
:value="row.payChannelCode"
/>
</template>
</el-table-column>
<el-table-column align="center" label="订单状态" min-width="100" prop="status">
<template #default="{ row }">
<dict-tag
v-if="row.status !== ''"
:type="DICT_TYPE.TRADE_ORDER_STATUS"
:value="row.status"
/>
<span v-else>{{ row.status }}</span>
</template>
</el-table-column>
<el-table-column
:formatter="dateFormatter"
align="center"
label="创建时间"
min-width="180"
prop="createTime"
/>
</el-table> </el-table>
<!-- 分页 --> <!-- 分页 -->
<Pagination <Pagination
@ -307,22 +302,19 @@
</ContentWrap> </ContentWrap>
<!-- 各种操作的弹窗 --> <!-- 各种操作的弹窗 -->
<DeliveryOrderForm ref="deliveryOrderFormRef" @success="getList" /> <OrderDeliveryForm ref="deliveryFormRef" @success="getList" />
<OrderRemarksForm ref="orderRemarksFormRef" @success="getList" /> <OrderUpdateRemarkForm ref="updateRemarkForm" @success="getList" />
</template> </template>
<script lang="ts" name="Order" setup> <script lang="ts" name="Order" setup>
import type { FormInstance, TableColumnCtx } from 'element-plus' import type { FormInstance, TableColumnCtx } from 'element-plus'
import DeliveryOrderForm from './components/DeliveryOrderForm.vue' import OrderDeliveryForm from './components/OrderDeliveryForm.vue'
import OrderRemarksForm from './components/OrderRemarksForm.vue' import OrderUpdateRemarkForm from './components/OrderUpdateRemarkForm.vue'
import { dateFormatter } from '@/utils/formatTime'
import * as TradeOrderApi from '@/api/mall/trade/order' import * as TradeOrderApi from '@/api/mall/trade/order'
// @puhui999 TradeOrderApi VO import * as PickUpStoreApi from '@/api/mall/trade/delivery/pickUpStore'
import { OrderItemRespVO, OrderVO } from '@/api/mall/trade/order' import { DICT_TYPE, getIntDictOptions, getStrDictOptions } from '@/utils/dict'
// @puhui999使 XXXApi import { formatDate } from '@/utils/formatTime'
import { getListAllSimple } from '@/api/mall/trade/delivery/pickUpStore' import { floatToFixed2 } from '@/utils'
import { DICT_TYPE, getStrDictOptions, getIntDictOptions } from '@/utils/dict'
import { formatToFraction } from '@/utils'
import { createImageViewer } from '@/components/ImageViewer' import { createImageViewer } from '@/components/ImageViewer'
import * as DeliveryExpressApi from '@/api/mall/trade/delivery/express' import * as DeliveryExpressApi from '@/api/mall/trade/delivery/express'
@ -330,7 +322,7 @@ const { currentRoute, push } = useRouter() // 路由跳转
const loading = ref(true) // const loading = ref(true) //
const total = ref(2) // const total = ref(2) //
const list = ref<OrderVO[]>([]) // const list = ref<TradeOrderApi.OrderVO[]>([]) //
const queryFormRef = ref<FormInstance>() // const queryFormRef = ref<FormInstance>() //
// //
const queryParams = reactive({ const queryParams = reactive({
@ -367,25 +359,43 @@ const searchList = ref([
{ value: 'userMobile', label: '用户电话' } { value: 'userMobile', label: '用户电话' }
]) ])
const headerStyle = ({ row, columnIndex }: any) => {
// 8
if (columnIndex === 0) {
row[columnIndex].colSpan = 8
} else {
//
row[columnIndex].colSpan = 0
return {
display: 'none'
}
}
}
interface SpanMethodProps { interface SpanMethodProps {
row: OrderItemRespVO row: TradeOrderApi.OrderItemRespVO
column: TableColumnCtx<OrderItemRespVO> column: TableColumnCtx<TradeOrderApi.OrderItemRespVO>
rowIndex: number rowIndex: number
columnIndex: number columnIndex: number
} }
const spanMethod = ({ rowIndex, columnIndex }: SpanMethodProps) => {
const colIndex = [4, 5, 6, 7] const spanMethod = ({ row, rowIndex, columnIndex }: SpanMethodProps) => {
// const len = list.value.find(
(order) => order.items?.findIndex((item) => item.id === row.id) !== -1
)?.items?.length
//
const colIndex = [3, 4, 5, 6]
if (colIndex.includes(columnIndex)) { if (colIndex.includes(columnIndex)) {
// //
if (rowIndex !== 0) { if (rowIndex !== 0) {
return { return {
rowspan: 0, rowspan: 0,
colspan: 0 colspan: 0
} }
} }
//
return { return {
rowspan: 2, rowspan: len,
colspan: 1 colspan: 1
} }
} }
@ -404,9 +414,9 @@ const getList = async () => {
} }
/** 搜索按钮操作 */ /** 搜索按钮操作 */
const handleQuery = () => { const handleQuery = async () => {
queryParams.pageNo = 1 queryParams.pageNo = 1
getList() await getList()
} }
/** 重置按钮操作 */ /** 重置按钮操作 */
@ -422,27 +432,26 @@ const imagePreview = (imgUrl: string) => {
}) })
} }
/** 查看商品详情 */ /** 查看订单详情 */
const openForm = (id: number) => { const openForm = (id: number) => {
// TODO @puhui999 name url push({ name: 'TradeOrderDetailForm', params: { orderId: id } })
push('/trade/order/detail/' + id)
} }
/** 操作分发 */ /** 操作分发 */
const deliveryOrderFormRef = ref() const deliveryFormRef = ref()
const orderRemarksFormRef = ref() const updateRemarkForm = ref()
const handleCommand = (command: string, row: OrderVO) => { const handleCommand = (command: string, row: TradeOrderApi.OrderVO) => {
switch (command) { switch (command) {
case 'orderRemarks': // TODO @puhui999orderRemarks remark case 'remark':
orderRemarksFormRef.value?.open(row) updateRemarkForm.value?.open(row)
break break
case 'delivery': case 'delivery':
deliveryOrderFormRef.value?.open(row.id) deliveryFormRef.value?.open(row)
break break
} }
} }
// // /
watch( watch(
() => currentRoute.value, () => currentRoute.value,
() => { () => {
@ -455,7 +464,12 @@ const deliveryExpressList = ref([]) // 物流公司
/** 初始化 **/ /** 初始化 **/
onMounted(async () => { onMounted(async () => {
await getList() await getList()
pickUpStoreList.value = await getListAllSimple() pickUpStoreList.value = await PickUpStoreApi.getListAllSimple()
deliveryExpressList.value = await DeliveryExpressApi.getSimpleDeliveryExpressList() deliveryExpressList.value = await DeliveryExpressApi.getSimpleDeliveryExpressList()
}) })
</script> </script>
<style lang="scss" scoped>
:deep(.order-table-col > .cell) {
padding: 0;
}
</style>