|
|
|
|
@ -99,27 +99,7 @@ const user_order_columns = [{
|
|
|
|
|
h('b', '姓名: '),
|
|
|
|
|
row.name,
|
|
|
|
|
]),
|
|
|
|
|
h(NSpace, {
|
|
|
|
|
align: 'center'
|
|
|
|
|
}, {
|
|
|
|
|
default: () => {
|
|
|
|
|
return [
|
|
|
|
|
h('b', '性别:'),
|
|
|
|
|
h(
|
|
|
|
|
NTag,
|
|
|
|
|
{
|
|
|
|
|
size: 'small',
|
|
|
|
|
type: Number(row.sex) === 1 ? 'info' : 'error'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
default: () => {
|
|
|
|
|
return Number(row.sex) === 1 ? '男' : '女'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
),
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
}),
|
|
|
|
|
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@ -127,6 +107,21 @@ const user_order_columns = [{
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
}),
|
|
|
|
|
h('div', null, [
|
|
|
|
|
h('b', '性别:'),
|
|
|
|
|
h(
|
|
|
|
|
NTag,
|
|
|
|
|
{
|
|
|
|
|
size: 'small',
|
|
|
|
|
type: Number(row.sex) === 1 ? 'info' : 'error'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
default: () => {
|
|
|
|
|
return Number(row.sex) === 1 ? '男' : '女'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
),
|
|
|
|
|
]),
|
|
|
|
|
h('div', null, [
|
|
|
|
|
h('b', '手机号: '),
|
|
|
|
|
h('span', row.phone),
|
|
|
|
|
@ -174,13 +169,13 @@ const user_order_columns = [{
|
|
|
|
|
]),
|
|
|
|
|
h('div', null, [
|
|
|
|
|
h('b', '套餐名称: '),
|
|
|
|
|
h('span', null, name),
|
|
|
|
|
h('span',{ onClick: ()=>combo_name_click(row.buy_info) }, null, name),
|
|
|
|
|
]),
|
|
|
|
|
h('div', {class: ['line_wrapper']}, [
|
|
|
|
|
h('b', '自选项目: '),
|
|
|
|
|
h('div', {class: ['items_content_wrapper']}, !!row.buy_info.items.length ? row.buy_info.items.map((item) => {
|
|
|
|
|
return item.name
|
|
|
|
|
}).join('、') : '-'),
|
|
|
|
|
return item.name+'(¥'+ item.price+')'
|
|
|
|
|
}).join('、') : '无'),
|
|
|
|
|
]),
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
@ -188,10 +183,14 @@ const user_order_columns = [{
|
|
|
|
|
title: '支付信息',
|
|
|
|
|
key: 'status',
|
|
|
|
|
render(row) {
|
|
|
|
|
let zixuan_price=0
|
|
|
|
|
let price = row.price
|
|
|
|
|
if (row.price !== row.true_price) {
|
|
|
|
|
price = price + '(' + row.true_price + ')'
|
|
|
|
|
price = price
|
|
|
|
|
}
|
|
|
|
|
row.buy_info.items.map((item) => {
|
|
|
|
|
|
|
|
|
|
zixuan_price=Number(zixuan_price) +Number(item.price) })
|
|
|
|
|
let children = [
|
|
|
|
|
h('div', null, [
|
|
|
|
|
h('b', '订单编号: '),
|
|
|
|
|
@ -220,14 +219,21 @@ const user_order_columns = [{
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
),
|
|
|
|
|
// h('div', null, [
|
|
|
|
|
// h('b', '创建时间: '),
|
|
|
|
|
// h('span', row.created_at),
|
|
|
|
|
// ]),
|
|
|
|
|
|
|
|
|
|
h('div', null, [
|
|
|
|
|
h('b', '支付金额: '),
|
|
|
|
|
h('b', '订单金额: '),
|
|
|
|
|
h('span', price),
|
|
|
|
|
h('b', !!row.buy_info.combo.id != 0 ? "套餐金额: " : null),
|
|
|
|
|
h('span', !!row.buy_info.combo.id != 0 ? row.buy_info.combo.price : null),
|
|
|
|
|
h('span', !!row.buy_info.items.length > 0 ? [
|
|
|
|
|
h('b',"自选金额: "),
|
|
|
|
|
h('span',zixuan_price)
|
|
|
|
|
] : null),
|
|
|
|
|
|
|
|
|
|
]),
|
|
|
|
|
|
|
|
|
|
h('div', null, [
|
|
|
|
|
h('b', '实际支付金额: '),
|
|
|
|
|
h('span', row.true_price),
|
|
|
|
|
]),
|
|
|
|
|
h(
|
|
|
|
|
NSpace,
|
|
|
|
|
@ -382,9 +388,32 @@ const UserOrderCancel = async () => {
|
|
|
|
|
UserOrderList()
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
let comboinfo_show=ref(false)
|
|
|
|
|
let comboItemList=ref('')
|
|
|
|
|
const combo_name_click=(combo)=>{
|
|
|
|
|
console.log(combo.combo);
|
|
|
|
|
if(combo.combo.name!='自选项目'){
|
|
|
|
|
comboinfo_show.value=true
|
|
|
|
|
comboItemList.value=combo.combo.items
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<n-modal v-model:show="comboinfo_show" preset="card" :style="{width: '400px'}"
|
|
|
|
|
title="套餐项目" :auto-focus="false"
|
|
|
|
|
:bordered="false">
|
|
|
|
|
<div>
|
|
|
|
|
<div v-for="(item,index) in comboItemList" :key="index">
|
|
|
|
|
{{item.name}} ¥{{item.price}}
|
|
|
|
|
</div>
|
|
|
|
|
<n-space justify="center">
|
|
|
|
|
<!-- <n-button @click="UserOrderCancel()" type="info">确定</n-button> -->
|
|
|
|
|
<!-- <n-button @click="comboinfo_show = false">确定</n-button> -->
|
|
|
|
|
</n-space>
|
|
|
|
|
</div>
|
|
|
|
|
</n-modal>
|
|
|
|
|
<n-modal v-model:show="cancel_show" preset="card" :style="{width: '400px'}"
|
|
|
|
|
:title="`取消${cancel_show === 2 ? '订单' : '预约'}确认`" :auto-focus="false"
|
|
|
|
|
:bordered="false">
|
|
|
|
|
|