admin123
/
shop-front-end
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: admin123:463793f3d51eaa60a3f39fc75284b00719d8836b
Branches Tags
admin123:master
..
compare: admin123:bad63e65d7bf98a7869d03a9f35d3837dc6f574a
Branches Tags
admin123:master

No commits in common. "463793f3d51eaa60a3f39fc75284b00719d8836b" and "bad63e65d7bf98a7869d03a9f35d3837dc6f574a" have entirely different histories.
463793f3d5 ... bad63e65d7

11 changed files with 113 additions and 304 deletions
Show Stats Expand all files Collapse all files

8
src/api/common/login.ts
View File

@ -16,13 +16,13 @@ export type ConfigDTO = {
export type LoginByPasswordDTO = { export type LoginByPasswordDTO = {
/** 用户名 */ /** 用户名 */
username?: string; username: string;
/** 密码 */ /** 密码 */
password?: string; password: string;
/** 验证码 */ /** 验证码 */
captchaCode?: string; captchaCode: string;
/** 验证码对应的缓存key */ /** 验证码对应的缓存key */
captchaCodeKey?: string; captchaCodeKey: string;
/** 企业微信 */ /** 企业微信 */
corpid: string; corpid: string;
code: string; code: string;

69
src/api/shop/order.ts
View File

@ -1,78 +1,27 @@
import { http } from "@/utils/http"; import { http } from "@/utils/http";
export interface OrderQuery extends BasePageQuery { export interface OrderQuery extends BasePageQuery {
/** 订单编号 */
orderNumber?: string; orderNumber?: string;
/**
* 订单状态
* @remarks
* 1-待付款 | 2-已付款 | 3-已发货 | 4-已完成 | 5-已取消
*/
status?: number; status?: number;
/**
* 支付状态
* @remarks
* 1-未支付 | 2-已支付 | 3-退款中 | 4-已退款
*/
payStatus?: number; payStatus?: number;
/** 订单开始时间（查询范围） */
startTime?: string; startTime?: string;
/** 订单结束时间（查询范围） */
endTime?: string; endTime?: string;
/** 支付时间（精确查询） */
payTime?: string;
/**
* 支付方式
* @remarks
* wechat-微信支付 | balance-余额支付
*/
paymentMethod?: string;
} }
export interface OrderDTO { export interface OrderDTO {
/** 订单唯一ID */
orderId: number; orderId: number;
/** ucid */
ucid?: string; ucid?: string;
/** openid */
openid?: string; openid?: string;
/** 支付网关交易id */
tradeId?: string; tradeId?: string;
/** 手机号码 */
mobile?: string; mobile?: string;
/** 企业微信用户ID或汇邦云用户ID */
userid?: string; userid?: string;
/** 用户姓名 */
name?: string; name?: string;
/**
* 是否内部用户
* @remarks
* 0-否 | 1-汇邦云用户 | 2-企业微信用户
*/
isInternal?: number; isInternal?: number;
/** 业务系统订单ID（对接外部系统） */
bizOrderId?: string; bizOrderId?: string;
/** 订单总金额 */
totalAmount: number; totalAmount: number;
/**
* 订单状态
* @remarks
* 1-待付款 | 2-已付款 | 3-已发货 | 4-已完成 | 5-已取消
*/
status: number; status: number;
/**
* 支付状态
* @remarks
* 1-未支付 | 2-已支付 | 3-退款中 | 4-已退款
*/
payStatus: number; payStatus: number;
/**
* 支付方式
* @remarks
* wechat-微信支付 | balance-余额支付
*/
paymentMethod?: string; paymentMethod?: string;
/** 支付时间 */
payTime?: string; payTime?: string;
} }
@ -81,22 +30,8 @@ export const getOrderListApi = (params?: OrderQuery) => {
params: { params: {
...params, ...params,
// 处理时间范围参数格式 // 处理时间范围参数格式
startTime: params?.startTime ? params.startTime : undefined, startTime: params?.startTime ? new Date(params.startTime).toISOString() : undefined,
endTime: params?.endTime ? params.endTime : undefined, endTime: params?.endTime ? new Date(params.endTime).toISOString() : undefined
payTime: params?.payTime ? params.payTime : undefined
}
});
};
/** 批量导出订单 */
export const exportOrderExcelApi = (params: OrderQuery, fileName: string) => {
return http.download("/shop/order/excel", fileName, {
params: {
...params,
// 处理时间范围参数格式
startTime: params?.startTime ? params.startTime : undefined,
endTime: params?.endTime ? params.endTime : undefined,
payTime: params?.payTime ? params.payTime : undefined
} }
}); });
}; };

8
src/layout/components/navbar.vue
View File

@ -37,9 +37,9 @@ const {
<!-- 二维码 --> <!-- 二维码 -->
<QrCodeHover /> <QrCodeHover />
<!-- 菜单搜索 --> <!-- 菜单搜索 -->
<!-- <Search /> --> <Search />
<!-- 通知 --> <!-- 通知 -->
<!-- <Notice id="header-notice" /> --> <Notice id="header-notice" />
<!-- 退出登录 --> <!-- 退出登录 -->
<el-dropdown trigger="click"> <el-dropdown trigger="click">
<span class="el-dropdown-link navbar-bg-hover select-none"> <span class="el-dropdown-link navbar-bg-hover select-none">
@ -61,9 +61,9 @@ const {
</el-dropdown-menu> </el-dropdown-menu>
</template> </template>
</el-dropdown> </el-dropdown>
<!-- <span class="set-icon navbar-bg-hover" title="打开项目配置" @click="onPanel"> <span class="set-icon navbar-bg-hover" title="打开项目配置" @click="onPanel">
<IconifyIconOffline :icon="Setting" /> <IconifyIconOffline :icon="Setting" />
</span> --> </span>
</div> </div>
</div> </div>
</template> </template>

8
src/layout/components/sidebar/horizontal.vue
View File

@ -47,9 +47,9 @@ nextTick(() => {
<!-- 二维码 --> <!-- 二维码 -->
<QrCodeHover /> <QrCodeHover />
<!-- 菜单搜索 --> <!-- 菜单搜索 -->
<!-- <Search /> --> <Search />
<!-- 通知 --> <!-- 通知 -->
<!-- <Notice id="header-notice" /> --> <Notice id="header-notice" />
<!-- 退出登录 --> <!-- 退出登录 -->
<el-dropdown trigger="click"> <el-dropdown trigger="click">
<span class="el-dropdown-link navbar-bg-hover"> <span class="el-dropdown-link navbar-bg-hover">
@ -65,9 +65,9 @@ nextTick(() => {
</el-dropdown-menu> </el-dropdown-menu>
</template> </template>
</el-dropdown> </el-dropdown>
<!-- <span class="set-icon navbar-bg-hover" title="打开项目配置" @click="onPanel"> <span class="set-icon navbar-bg-hover" title="打开项目配置" @click="onPanel">
<IconifyIconOffline :icon="Setting" /> <IconifyIconOffline :icon="Setting" />
</span> --> </span>
</div> </div>
</div> </div>
</template> </template>

8
src/layout/components/sidebar/mixNav.vue
View File

@ -76,9 +76,9 @@ watch(
<!-- 二维码 --> <!-- 二维码 -->
<QrCodeHover /> <QrCodeHover />
<!-- 菜单搜索 --> <!-- 菜单搜索 -->
<!-- <Search /> --> <Search />
<!-- 通知 --> <!-- 通知 -->
<!-- <Notice id="header-notice" /> --> <Notice id="header-notice" />
<!-- 退出登录 --> <!-- 退出登录 -->
<el-dropdown trigger="click"> <el-dropdown trigger="click">
<span class="el-dropdown-link navbar-bg-hover select-none"> <span class="el-dropdown-link navbar-bg-hover select-none">
@ -94,9 +94,9 @@ watch(
</el-dropdown-menu> </el-dropdown-menu>
</template> </template>
</el-dropdown> </el-dropdown>
<!-- <span class="set-icon navbar-bg-hover" title="打开项目配置" @click="onPanel"> <span class="set-icon navbar-bg-hover" title="打开项目配置" @click="onPanel">
<IconifyIconOffline :icon="Setting" /> <IconifyIconOffline :icon="Setting" />
</span> --> </span>
</div> </div>
</div> </div>
</template> </template>

31
src/router/index.ts
View File

@ -1,7 +1,7 @@
// import "@/utils/sso"; // import "@/utils/sso";
import { getConfig } from "@/config"; import { getConfig } from "@/config";
import NProgress from "@/utils/progress"; import NProgress from "@/utils/progress";
import { sessionKey, setTokenFromBackend } from "@/utils/auth"; import { sessionKey } from "@/utils/auth";
import { useMultiTagsStoreHook } from "@/store/modules/multiTags"; import { useMultiTagsStoreHook } from "@/store/modules/multiTags";
import { usePermissionStoreHook } from "@/store/modules/permission"; import { usePermissionStoreHook } from "@/store/modules/permission";
import { import {
@ -26,9 +26,6 @@ import { isUrl, openLink, storageSession, isAllEmpty } from "@pureadmin/utils";
import remainingRouter from "./modules/remaining"; import remainingRouter from "./modules/remaining";
import { TokenDTO } from "@/api/common/login"; import { TokenDTO } from "@/api/common/login";
import { useWxStore, useWxStoreOutside } from "@/store/modules/wx";
import * as LoginAPI from "@/api/common/login";
import { message } from "@/utils/message";
/** 自动导入全部静态路由，无需再手动引入！匹配 src/router/modules 目录（任何嵌套级别）中具有 .ts 扩展名的所有文件，除了 remaining.ts 文件 /** 自动导入全部静态路由，无需再手动引入！匹配 src/router/modules 目录（任何嵌套级别）中具有 .ts 扩展名的所有文件，除了 remaining.ts 文件
* 如何匹配所有文件请看：https://github.com/mrmlnc/fast-glob#basic-syntax * 如何匹配所有文件请看：https://github.com/mrmlnc/fast-glob#basic-syntax
@ -104,7 +101,7 @@ const whiteList = ["/login"];
const { VITE_HIDE_HOME } = import.meta.env; const { VITE_HIDE_HOME } = import.meta.env;
router.beforeEach(async (to: ToRouteType, _from, next) => { router.beforeEach((to: ToRouteType, _from, next) => {
if (to.meta?.keepAlive) { if (to.meta?.keepAlive) {
handleAliveRoute(to, "add"); handleAliveRoute(to, "add");
// 页面整体刷新和点击标签页刷新 // 页面整体刷新和点击标签页刷新
@ -112,30 +109,6 @@ router.beforeEach(async (to: ToRouteType, _from, next) => {
handleAliveRoute(to); handleAliveRoute(to);
} }
} }
const wxStore = useWxStoreOutside();
if (!wxStore.isInit) {
wxStore.initWx();
const urlParams = new URLSearchParams(window.location.search);
console.log('urlParams', urlParams);
const corpid = urlParams.get('corpid') || undefined;
const code = urlParams.get('code') || undefined;
const state = urlParams.get('state') || undefined;
if (code && corpid) {
wxStore.handleWxCallback({ corpid, code, state });
const { data } = await LoginAPI.loginByPassword({
corpid,
code,
state
});
// 登录成功后 将token存储到sessionStorage中
setTokenFromBackend(data);
// 获取后端路由
await initRouter();
next({ path: getTopMenu(true).path });
}
}
const userInfo = storageSession().getItem<TokenDTO>(sessionKey)?.currentUser; const userInfo = storageSession().getItem<TokenDTO>(sessionKey)?.currentUser;
NProgress.start(); NProgress.start();
const externalLink = isUrl(to?.name as string); const externalLink = isUrl(to?.name as string);

9
src/store/modules/wx.ts
View File

@ -13,19 +13,12 @@ export const useWxStore = defineStore("wx", () => {
const state = ref<string>("") const state = ref<string>("")
// 用户 userid // 用户 userid
const userid = ref<string>("") const userid = ref<string>("")
// 初始化
const isInit = ref<boolean>(false);
// 设置 userid // 设置 userid
const setUserid = (id: string) => { const setUserid = (id: string) => {
userid.value = id userid.value = id
} }
const initWx = () => {
if (isInit.value) return;
isInit.value = true;
}
const handleWxCallback = async (params: { corpid: string; code: string; state: string }) => { const handleWxCallback = async (params: { corpid: string; code: string; state: string }) => {
console.log('handleWxCallback:', params) console.log('handleWxCallback:', params)
if (params.code && params.corpid) { if (params.code && params.corpid) {
@ -49,7 +42,7 @@ export const useWxStore = defineStore("wx", () => {
} }
} }
return { corpid, code, state, userid, isInit, setUserid, handleWxCallback, initWx } return { corpid, code, state, userid, setUserid, handleWxCallback }
}) })
/** /**

4
src/views/login/index.vue
View File

@ -194,9 +194,9 @@ onBeforeMount(async () => {
onMounted(() => { onMounted(() => {
window.document.addEventListener("keypress", onkeypress); window.document.addEventListener("keypress", onkeypress);
// 临时登录 // 临时登录
/* if (wxStore.code && wxStore.corpid) { if (wxStore.code && wxStore.corpid) {
onLogin(ruleFormRef.value); onLogin(ruleFormRef.value);
} */ }
}); });
onBeforeUnmount(() => { onBeforeUnmount(() => {

13
src/views/shop/cabinet-goods/cabinet-goods-config-modal.vue
View File

@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { onMounted, ref, watch } from "vue"; import { ref } from "vue";
import { useRenderIcon } from "@/components/ReIcon/src/hooks"; import { useRenderIcon } from "@/components/ReIcon/src/hooks";
import { getGoodsListApi, type GoodsDTO } from "@/api/shop/goods"; import { getGoodsListApi, type GoodsDTO } from "@/api/shop/goods";
import { configureGoodsCellsStock } from "@/api/cabinet/cabinet-cell"; import { configureGoodsCellsStock } from "@/api/cabinet/cabinet-cell";
@ -76,17 +76,6 @@ const handleConfigure = async (row: GoodsDTO) => {
} }
}; };
watch(
() => props.cellId,
() => {
getList();
}
);
onMounted(() => {
getList();
})
defineExpose({ getList }); defineExpose({ getList });
</script> </script>

205
src/views/shop/cabinet-goods/index.vue
View File

@ -28,7 +28,7 @@ const searchFormParams = ref({
}); });
const pagination = ref({ const pagination = ref({
pageSize: 5, pageSize: 10,
currentPage: 1, currentPage: 1,
total: 0 total: 0
}); });
@ -191,128 +191,89 @@ const handleClearGoods = async (row: CabinetCellDTO) => {
</script> </script>
<template> <template>
<div class="main flex"> <div class="main">
<!-- 左侧柜机列表 --> <el-form ref="formRef" :inline="true" :model="searchFormParams"
<div class="w-[200px] pr-4 border-r h-full left-list"> class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px]">
<div class="text-lg font-bold mb-4 px-2">柜机列表</div> <el-form-item label="柜机：" prop="cabinetId">
<div class="h-[calc(100vh-180px)] overflow-y-auto"> <el-select v-model.number="searchFormParams.cabinetId" placeholder="请选择柜机" clearable class="!w-[200px]">
<div class="cabinet-list"> <el-option v-for="cabinet in cabinets" :key="cabinet.cabinetId" :label="cabinet.cabinetName"
<div v-for="cabinet in cabinets" :key="cabinet.cabinetId" :value="cabinet.cabinetId" />
class="cabinet-item p-3 mb-2 cursor-pointer rounded hover:bg-gray-100 transition-colors" </el-select>
:class="{ 'bg-blue-50': searchFormParams.cabinetId === cabinet.cabinetId }" </el-form-item>
@click="searchFormParams.cabinetId = cabinet.cabinetId; onSearch()"> <el-form-item label="单元格号：" prop="cellNo">
{{ cabinet.cabinetName }} <el-input v-model.number="searchFormParams.cellNo" placeholder="请输入单元格号" clearable class="!w-[180px]" />
</div> </el-form-item>
</div> <el-form-item label="单元格类型：" prop="cellType">
</div> <el-select v-model="searchFormParams.cellType" placeholder="请选择类型" clearable class="!w-[180px]">
</div> <el-option label="小格" :value="1" />
<el-option label="中格" :value="2" />
<el-option label="大格" :value="3" />
<el-option label="超大格" :value="4" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" :icon="useRenderIcon(Search)" @click="onSearch">
搜索
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm">
重置
</el-button>
</el-form-item>
</el-form>
<!-- 右侧内容 --> <PureTableBar title="柜体单元格管理" @refresh="getList">
<div class="flex-1 pl-4"> <template #buttons>
<el-form ref="formRef" :inline="true" :model="searchFormParams" class="search-form bg-bg_color w-full pt-[12px]"> <el-button type="danger" :icon="useRenderIcon(Delete)" :disabled="multipleSelection.length === 0"
<el-form-item label="单元格号：" prop="cellNo"> @click="handleBulkDelete">
<el-input v-model.number="searchFormParams.cellNo" placeholder="请输入单元格号" clearable class="!w-[180px]" /> 批量删除
</el-form-item> </el-button>
<el-form-item label="单元格类型：" prop="cellType"> </template>
<el-select v-model="searchFormParams.cellType" placeholder="请选择类型" clearable class="!w-[180px]"> <el-table ref="tableRef" v-loading="loading" :data="dataList" row-key="cellId"
<el-option label="小格" :value="1" /> @selection-change="handleSelectionChange" border>
<el-option label="中格" :value="2" /> <el-table-column type="selection" width="55" />
<el-option label="大格" :value="3" /> <el-table-column label="商品图片" width="120">
<el-option label="超大格" :value="4" /> <template #default="{ row }">
</el-select> <el-image :src="row.coverImg" :preview-src-list="[row.coverImg]" :z-index="9999" :preview-teleported="true"
</el-form-item> :hide-on-click-modal="true" fit="cover" class="rounded" width="60" height="60" />
<el-form-item> </template>
<el-button type="primary" :icon="useRenderIcon(Search)" @click="onSearch"> </el-table-column>
搜索 <el-table-column label="商品名称">
</el-button> <template #default="{ row }">
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm"> {{ row.goodsId ? row.goodsName : '未配置商品' }}
重置 </template>
</el-button> </el-table-column>
</el-form-item> <el-table-column label="价格" prop="price" width="120" />
</el-form> <el-table-column label="库存" prop="stock" width="120" />
<el-table-column label="单元格号" prop="cellNo" width="120" />
<div title="柜体单元格管理" @refresh="getList" class="cell-list"> <el-table-column label="单元格类型" prop="cellType">
<!-- <template #buttons> <template #default="{ row }">
<el-button type="danger" :icon="useRenderIcon(Delete)" :disabled="multipleSelection.length === 0" {{ switchCellType(row.cellType) }}
@click="handleBulkDelete"> </template>
批量删除 </el-table-column>
</el-button> <el-table-column label="操作" width="150" fixed="right">
</template> --> <template #default="{ row }">
<el-table ref="tableRef" v-loading="loading" :data="dataList" row-key="cellId" <el-button type="success" link :icon="useRenderIcon(AddFill)" @click="handleConfigure(row)">
@selection-change="handleSelectionChange" border> 配置商品
<el-table-column type="selection" width="55" /> </el-button>
<el-table-column label="商品图片" width="120"> <el-button v-if="row.goodsId" type="warning" link :icon="useRenderIcon(EditPen)"
<template #default="{ row }"> @click="handleStockConfig(row)">
<el-image :src="row.coverImg" :preview-src-list="[row.coverImg]" :z-index="9999" 配置库存
:preview-teleported="true" :hide-on-click-modal="true" fit="cover" class="rounded" width="60" </el-button>
height="60" /> <el-button v-if="row.goodsId" type="danger" link :icon="useRenderIcon(Delete)"
</template> @click="handleClearGoods(row)">
</el-table-column> 下架商品
<el-table-column label="商品名称"> </el-button>
<template #default="{ row }"> </template>
{{ row.goodsId ? row.goodsName : '未配置商品' }} </el-table-column>
</template> </el-table>
</el-table-column> <el-pagination v-model:current-page="pagination.currentPage" v-model:page-size="pagination.pageSize"
<el-table-column label="价格" prop="price" width="120" /> :page-sizes="[10, 20, 50]" layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
<el-table-column label="库存" prop="stock" width="120" /> @size-change="onSizeChange" @current-change="onCurrentChange" />
<el-table-column label="单元格号" prop="cellNo" width="120" /> </PureTableBar>
<el-table-column label="单元格类型" prop="cellType"> <el-dialog v-model="configVisible" title="配置商品" width="80%">
<template #default="{ row }"> <CabinetGoodsConfigModal v-model="configVisible" :cell-id="currentCellId" @refresh="getList" />
{{ switchCellType(row.cellType) }} </el-dialog>
</template>
</el-table-column>
<el-table-column label="操作" width="150" fixed="right">
<template #default="{ row }">
<el-button type="success" link :icon="useRenderIcon(AddFill)" @click="handleConfigure(row)">
配置商品
</el-button>
<el-button v-if="row.goodsId" type="warning" link :icon="useRenderIcon(EditPen)"
@click="handleStockConfig(row)">
配置库存
</el-button>
<el-button v-if="row.goodsId" type="danger" link :icon="useRenderIcon(Delete)"
@click="handleClearGoods(row)">
下架商品
</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination v-model:current-page="pagination.currentPage" v-model:page-size="pagination.pageSize"
:page-sizes="[5, 10, 20, 50]" layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
@size-change="onSizeChange" @current-change="onCurrentChange" class="pagination" />
</div>
<el-dialog v-model="configVisible" title="配置商品" width="80%">
<CabinetGoodsConfigModal v-model="configVisible" :cell-id="currentCellId" @refresh="getList" />
</el-dialog>
</div>
</div> </div>
</template> </template>
<style scoped> <style scoped></style>
.flex {
display: flex;
}
.border-r {
border-right: 1px solid #ebeef5;
}
.left-list {
background: #FFFFFF;
padding: 15px;
}
.search-form {
padding-left: 10px;
}
.pagination {
margin-top: 10px;
background: #FFFFFF;
padding: 7px;
}
.cell-list {
margin-top: 10px;
}
</style>

54
src/views/shop/order/index.vue
View File

@ -2,7 +2,7 @@
import { ref } from "vue"; import { ref } from "vue";
import { PureTableBar } from "@/components/RePureTableBar"; import { PureTableBar } from "@/components/RePureTableBar";
import { useRenderIcon } from "@/components/ReIcon/src/hooks"; import { useRenderIcon } from "@/components/ReIcon/src/hooks";
import { getOrderListApi, exportOrderExcelApi, type OrderDTO } from "@/api/shop/order"; import { getOrderListApi, type OrderDTO } from "@/api/shop/order";
import Search from "@iconify-icons/ep/search"; import Search from "@iconify-icons/ep/search";
import Refresh from "@iconify-icons/ep/refresh"; import Refresh from "@iconify-icons/ep/refresh";
import { ElMessage } from "element-plus"; import { ElMessage } from "element-plus";
@ -18,10 +18,8 @@ const searchFormParams = ref({
orderNumber: "", orderNumber: "",
status: null, status: null,
payStatus: null, payStatus: null,
paymentMethod: null,
startTime: "", startTime: "",
endTime: "", endTime: ""
payTime: "",
}); });
const pagination = ref({ const pagination = ref({
@ -68,28 +66,6 @@ const onCurrentChange = (val: number) => {
getList(); getList();
}; };
const exportLoading = ref(false);
const handleExport = async () => {
try {
exportLoading.value = true;
const dateSuffix = searchFormParams.value.payTime
? `_${searchFormParams.value.payTime.split(' ')[0].replace(/-/g, '')}`
: '';
const fileName = `订单列表${dateSuffix}.xlsx`;
await exportOrderExcelApi({
...searchFormParams.value,
pageSize: pagination.value.pageSize,
pageNum: pagination.value.currentPage
}, fileName);
ElMessage.success('导出任务已开始，请稍后查看下载文件');
} catch (e) {
ElMessage.error('导出失败');
} finally {
exportLoading.value = false;
}
};
getList(); getList();
</script> </script>
@ -97,15 +73,11 @@ getList();
<div class="main"> <div class="main">
<el-form ref="formRef" :inline="true" :model="searchFormParams" <el-form ref="formRef" :inline="true" :model="searchFormParams"
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px]"> class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px]">
<!-- <el-form-item label="时间范围："> <el-form-item label="时间范围：">
<el-date-picker v-model="searchFormParams.startTime" type="date" placeholder="开始时间" <el-date-picker v-model="searchFormParams.startTime" type="datetime" placeholder="开始时间"
value-format="YYYY-MM-DD HH:mm:ss" class="!w-[200px]" /> value-format="YYYY-MM-DD HH:mm:ss" class="!w-[200px]" />
<span class="mx-2">至</span> <span class="mx-2">至</span>
<el-date-picker v-model="searchFormParams.endTime" type="date" placeholder="结束时间" <el-date-picker v-model="searchFormParams.endTime" type="datetime" placeholder="结束时间"
value-format="YYYY-MM-DD HH:mm:ss" class="!w-[200px]" />
</el-form-item> -->
<el-form-item label="支付日期：">
<el-date-picker v-model="searchFormParams.payTime" type="date" placeholder="支付时间"
value-format="YYYY-MM-DD HH:mm:ss" class="!w-[200px]" /> value-format="YYYY-MM-DD HH:mm:ss" class="!w-[200px]" />
</el-form-item> </el-form-item>
<el-form-item label="订单编号：" prop="orderNumber"> <el-form-item label="订单编号：" prop="orderNumber">
@ -128,12 +100,6 @@ getList();
<el-option label="已退款" :value="4" /> <el-option label="已退款" :value="4" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="支付方式：" prop="paymentMethod">
<el-select v-model="searchFormParams.paymentMethod" placeholder="请选择支付方式" clearable class="!w-[180px]">
<el-option label="微信支付" value="wechat" />
<el-option label="余额支付" value="balance" />
</el-select>
</el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" :icon="useRenderIcon(Search)" @click="onSearch"> <el-button type="primary" :icon="useRenderIcon(Search)" @click="onSearch">
搜索 搜索
@ -141,10 +107,6 @@ getList();
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm"> <el-button :icon="useRenderIcon(Refresh)" @click="resetForm">
重置 重置
</el-button> </el-button>
<el-button type="success" :loading="exportLoading" :icon="useRenderIcon('vscode-icons:file-type-excel2')"
@click="handleExport">
导出Excel
</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -171,11 +133,7 @@ getList();
</el-tag> </el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="支付方式" prop="paymentMethod" width="120"> <el-table-column label="支付方式" prop="paymentMethod" width="120" />
<template #default="{ row }">
{{ { wechat: '微信支付', balance: '余额支付' }[row.paymentMethod] || row.paymentMethod }}
</template>
</el-table-column>
<el-table-column label="支付时间" prop="payTime" width="180"> <el-table-column label="支付时间" prop="payTime" width="180">
<template #default="{ row }"> <template #default="{ row }">
{{ row.payTime ? new Date(row.payTime).toLocaleString() : '-' }} {{ row.payTime ? new Date(row.payTime).toLocaleString() : '-' }}