|
@@ -6,25 +6,31 @@
|
|
|
</template>
|
|
|
<template #goods="{ record }">
|
|
|
<div class="flex items-center h-20px text-16px">
|
|
|
- <div class="font-semibold">订单编号:{{ record.orderCode }}</div>
|
|
|
- <div class="ml3">下单时间:{{ record.createTime }}</div>
|
|
|
- <div class="ml3 truncate w300px"
|
|
|
- >店铺名称:
|
|
|
-
|
|
|
- <a-tooltip>
|
|
|
- <template #title>{{ record.orderType == 3 || record.orderType == 4 ? record.departName : record.siteName }} </template>
|
|
|
- {{ record.orderType == 3 || record.orderType == 4 ? record.departName : record.siteName }}
|
|
|
- </a-tooltip>
|
|
|
- </div>
|
|
|
+ <a-descriptions :size="small">
|
|
|
+ <a-descriptions-item label="订单编号">
|
|
|
+ <a-tag color="orange">{{ record.orderCode }}</a-tag>
|
|
|
+ </a-descriptions-item>
|
|
|
+ <a-descriptions-item label="申请时间">{{ record.createTime }}</a-descriptions-item>
|
|
|
+ </a-descriptions>
|
|
|
+ <!-- <div class="ml3 truncate w300px"-->
|
|
|
+ <!-- >店铺名称:-->
|
|
|
+ <!-- <a-tooltip>-->
|
|
|
+ <!-- <template #title>{{ record.orderType == 3 || record.orderType == 4 ? record.departName : record.siteName }} </template>-->
|
|
|
+ <!-- {{ record.orderType == 3 || record.orderType == 4 ? record.departName : record.siteName }}-->
|
|
|
+ <!-- </a-tooltip>-->
|
|
|
+ <!-- </div>-->
|
|
|
</div>
|
|
|
- <div class="mt3 flex items-center border-b border-solid pb-3 h-90px" v-for="item in record.orderProInfoList" :key="item.id">
|
|
|
+ <div class="mt3 flex items-center border-b border-solid pb-3 h-90px" v-for="item in record.refundOrderProInfoList" :key="item.id">
|
|
|
<Image :width="80" :height="80" class="rounded-16px" :src="item.productImage.split(',')[0]" v-if="item.productImage" />
|
|
|
<div class="ml3">{{ item.productName }}</div>
|
|
|
+ <div class="ml3 font-semibold">
|
|
|
+ <a-tag color="cyan">退款编号:{{ item.appOrderRefundsInfo.outRefundNo }}</a-tag>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<template #price="{ record }">
|
|
|
<div class="h-20px"></div>
|
|
|
- <div class="mt3 h-90px flex flex-col justify-center border-b border-solid" v-for="item in record.orderProInfoList" :key="item.id">
|
|
|
+ <div class="mt3 h-90px flex flex-col justify-center border-b border-solid" v-for="item in record.refundOrderProInfoList" :key="item.id">
|
|
|
<div class="flex items-center" v-if="item.price > 0">
|
|
|
<div>¥{{ item.price || 0 }}</div>
|
|
|
<div class="line-through ml-3 text-gray">¥{{ item.originalPrice || 0 }}</div>
|
|
@@ -38,47 +44,43 @@
|
|
|
</template>
|
|
|
<template #user="{ record }">
|
|
|
<div class="h-20px"></div>
|
|
|
- <div class="mt3 h-90px flex flex-col justify-center border-b border-solid" v-for="item in record.orderProInfoList" :key="item.id">
|
|
|
+ <div class="mt3 h-90px flex flex-col justify-center border-b border-solid" v-for="item in record.refundOrderProInfoList" :key="item.id">
|
|
|
<div>{{ item.userName || item.ticketNo || '无' }}</div>
|
|
|
<div class="text-gray">{{ item.userPhone }}</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<template #status="{ record }">
|
|
|
<div class="h-20px"></div>
|
|
|
- <div class="mt3 h-90px flex flex-col justify-center border-b border-solid" v-for="item in record.orderProInfoList" :key="item.id">
|
|
|
- <div v-if="item.type != 6">{{ orderStatus[item.orderStatus] }}</div>
|
|
|
+ <div class="mt3 h-90px flex flex-col justify-center border-b border-solid" v-for="item in record.refundOrderProInfoList" :key="item.id">
|
|
|
+ <div v-if="item.type != 6">
|
|
|
+ <a-tag>{{ orderStatus[item.orderStatus] }}</a-tag>
|
|
|
+ </div>
|
|
|
<div v-else>无</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<template #After="{ record }">
|
|
|
<div class="h-20px"></div>
|
|
|
- <div class="mt3 h-90px flex flex-col justify-center border-b border-solid" v-for="item in record.orderProInfoList" :key="item.id">
|
|
|
+ <div class="mt3 h-90px flex flex-col justify-center border-b border-solid" v-for="item in record.refundOrderProInfoList" :key="item.id">
|
|
|
<div v-if="item.type != 6">{{ afterSaleStatus[item.afterSaleStatus] }}</div>
|
|
|
<div v-else>无</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
- <template #sharing="{ record }">
|
|
|
- <a-tag color="pink" v-if="record.profitSharingStatus == 0">未分账</a-tag>
|
|
|
- <a-tag color="cyan" v-if="record.profitSharingStatus == 1">分账中</a-tag>
|
|
|
- <a-tag color="green" v-if="record.profitSharingStatus == 2">已分账</a-tag>
|
|
|
- </template>
|
|
|
</BasicTable>
|
|
|
<orderModelView @register="registerModal"></orderModelView>
|
|
|
- <a-modal v-model:open="openExportData" title="导出赛事名单" @ok="handleExportData" :confirmLoading="exportLoading">
|
|
|
- <BasicForm :showActionButtonGroup="false" @register="registerForm" style="margin: 50px 50px 0 50px" />
|
|
|
- </a-modal>
|
|
|
+ <refundOrderModelView @register="registerModalRefund"></refundOrderModelView>
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
import orderModelView from './components/orderModelView.vue';
|
|
|
+ import refundOrderModelView from './components/refundOrderModelView.vue';
|
|
|
import { Image, message, Modal, QRCode } from 'ant-design-vue';
|
|
|
import { ref, reactive, computed, unref } from 'vue';
|
|
|
import { BasicTable, TableAction } from '/@/components/Table';
|
|
|
import { useForm, BasicForm, FormSchema } from '/@/components/Form';
|
|
|
import { useModal } from '/@/components/Modal';
|
|
|
import { useListPage } from '/@/hooks/system/useListPage';
|
|
|
- import { columns, searchFormSchema, afterSaleStatus, orderStatus } from './order.data';
|
|
|
- import { list, exportData, queryEvents, queryProject, putProfitSharing } from './order.api';
|
|
|
+ import { columns, searchFormSchema, afterSaleStatus, orderStatus } from './refundOrder.data';
|
|
|
+ import { list, exportData, queryEvents, queryProject, putProfitSharing } from './refundOrder.api';
|
|
|
import { useUserStore } from '/@/store/modules/user';
|
|
|
import { useMessage } from '/@/hooks/web/useMessage';
|
|
|
|
|
@@ -87,6 +89,7 @@
|
|
|
const userStore = useUserStore();
|
|
|
//注册model
|
|
|
const [registerModal, { openModal }] = useModal();
|
|
|
+ const [registerModalRefund, { openModal: openModalRefund }] = useModal();
|
|
|
//注册table数据
|
|
|
const { prefixCls, tableContext } = useListPage({
|
|
|
tableProps: {
|
|
@@ -101,11 +104,11 @@
|
|
|
},
|
|
|
inset: true,
|
|
|
actionColumn: {
|
|
|
- width: 120,
|
|
|
+ width: 200,
|
|
|
fixed: 'right',
|
|
|
},
|
|
|
beforeFetch: (params) => {
|
|
|
- return Object.assign(params, { ...queryParam, orgCode: userStore.userInfo?.orgCode });
|
|
|
+ return Object.assign(params, { ...queryParam });
|
|
|
},
|
|
|
},
|
|
|
});
|
|
@@ -150,20 +153,6 @@
|
|
|
},
|
|
|
},
|
|
|
},
|
|
|
- // {
|
|
|
- // label: '报名结束时间',
|
|
|
- // field: 'entryTime',
|
|
|
- // component: 'RangePicker',
|
|
|
- // labelWidth: 100,
|
|
|
- // required: true,
|
|
|
- // componentProps: {
|
|
|
- // onChange: (value) => {
|
|
|
- // exportQueryParam.startTime = value[0];
|
|
|
- // exportQueryParam.endTime = value[1];
|
|
|
- // console.log(value);
|
|
|
- // },
|
|
|
- // },
|
|
|
- // },
|
|
|
];
|
|
|
|
|
|
/**
|
|
@@ -178,7 +167,7 @@
|
|
|
});
|
|
|
|
|
|
/**
|
|
|
- * 编辑事件
|
|
|
+ * 查看订单
|
|
|
*/
|
|
|
function handleEdit(record: Recordable) {
|
|
|
openModal(true, {
|
|
@@ -187,22 +176,11 @@
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
- * 确认分账
|
|
|
+ * 查看退款
|
|
|
*/
|
|
|
- function handleConfirm(record) {
|
|
|
- createWarningModal({
|
|
|
- title: '提示',
|
|
|
- content: '是否确认进行分账?',
|
|
|
- okText: '确认',
|
|
|
- cancelText: '取消',
|
|
|
- okCancel: true,
|
|
|
- onOk: async () => {
|
|
|
- await putProfitSharing({ orderCode: record.orderCode });
|
|
|
- await reload();
|
|
|
- },
|
|
|
- onCancel: () => {
|
|
|
- reload();
|
|
|
- },
|
|
|
+ function handleConfirm(record: Recordable) {
|
|
|
+ openModalRefund(true, {
|
|
|
+ record,
|
|
|
});
|
|
|
}
|
|
|
|
|
@@ -212,12 +190,12 @@
|
|
|
function getTableAction(record) {
|
|
|
return [
|
|
|
{
|
|
|
- label: '查看',
|
|
|
+ label: '查看订单',
|
|
|
onClick: handleEdit.bind(null, record),
|
|
|
// auth: 'feedback:nm_feedback:edit',
|
|
|
},
|
|
|
{
|
|
|
- label: '分账',
|
|
|
+ label: '查看退款',
|
|
|
onClick: handleConfirm.bind(null, record),
|
|
|
isShow: record.orProfitSharing == 1,
|
|
|
},
|