|
|
@@ -50,6 +50,7 @@
|
|
|
<el-row>
|
|
|
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
|
|
<el-button type="primary" icon="ele-RefreshRight" @click="onReset"> 重置 </el-button>
|
|
|
+ <el-button type="primary" icon="ele-Search" @click="downloadExcel"> 导出EXCEL </el-button>
|
|
|
</el-row>
|
|
|
</el-row>
|
|
|
</el-card>
|
|
|
@@ -96,9 +97,10 @@
|
|
|
|
|
|
<script setup lang="ts" name="partsManagement/oilGun">
|
|
|
import { onMounted, reactive, watch, computed } from "vue";
|
|
|
-import { getOrderInfoPage,getOrderFilter } from "/@/api/api";
|
|
|
+import { getOrderInfoPage,getOrderFilter,downloadAfterpayOrder } from "/@/api/api";
|
|
|
import { OrderInfoFilter } from "/@/api/admin/orderDto/QRBookDto";
|
|
|
import { nextTick } from 'vue';
|
|
|
+import { formatDate } from '/@/utils/formatTime'
|
|
|
|
|
|
/**页面对象 */
|
|
|
const Data = reactive({
|
|
|
@@ -117,8 +119,6 @@ const Data = reactive({
|
|
|
startCheckTime: null,
|
|
|
/**加油结束的时间 */
|
|
|
endCheckTime: null,
|
|
|
- /**油站 */
|
|
|
- StationName: null,
|
|
|
// 支付方式类型
|
|
|
paymentType:null,
|
|
|
// 用户手机号码or用户名称
|
|
|
@@ -195,11 +195,6 @@ const onQuery = async () => {
|
|
|
// 如果选择“全部”,不传递paymentType参数
|
|
|
filterParams.paymentType = null;
|
|
|
}
|
|
|
-
|
|
|
- // if(Data.Filter.payUserName=order.userName||order.phoneNumber){
|
|
|
- // filterParams.phoneNumberOruserName = Data.Filter.payUserName
|
|
|
- // }
|
|
|
-
|
|
|
const orders = await getOrderInfoPage(filterParams);
|
|
|
console.log('后端返回的原始数据:', orders);
|
|
|
console.log('后端返回的总记录数:', orders.total);
|
|
|
@@ -251,6 +246,33 @@ const onReset = () => {
|
|
|
onQuery();
|
|
|
};
|
|
|
|
|
|
+/** 下载excel */
|
|
|
+const downloadExcel = async () => {
|
|
|
+ return
|
|
|
+ Data.loading = true;
|
|
|
+ try {
|
|
|
+ let filterParams = {
|
|
|
+ page: Data.pageInput.page,
|
|
|
+ pageSize: Data.pageInput.pageSize,
|
|
|
+ ...Data.Filter
|
|
|
+ };
|
|
|
+ // 根据选中的支付方式设置筛选参数
|
|
|
+ if (Data.selectedPayment && Data.selectedPayment!== '0') {
|
|
|
+ filterParams.paymentType = parseInt(Data.selectedPayment);
|
|
|
+ } else {
|
|
|
+ // 如果选择“全部”,不传递paymentType参数
|
|
|
+ filterParams.paymentType = null;
|
|
|
+ }
|
|
|
+ const orders = await downloadAfterpayOrder(filterParams);
|
|
|
+
|
|
|
+ } catch (error) {
|
|
|
+ console.error('查询订单数据时出错:', error);
|
|
|
+ } finally {
|
|
|
+ Data.loading = false;
|
|
|
+ await nextTick();
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
/** 页数修改 */
|
|
|
const onSizeChange = (pageSize) => {
|
|
|
Data.pageInput.pageSize = pageSize;
|
|
|
@@ -271,6 +293,12 @@ const toView = ((data: any) => {
|
|
|
|
|
|
// 挂载时
|
|
|
onMounted(async () => {
|
|
|
+ const now = new Date();
|
|
|
+ const todayStart = new Date(now.getFullYear(),now.getMonth(),now.getDate());
|
|
|
+ var todayEnd = new Date(now.getFullYear(),now.getMonth(),now.getDate());
|
|
|
+ todayEnd.setHours(23,59,59,999);
|
|
|
+ Data.time1 = [formatDate(todayStart,"YYYY-mm-dd HH:MM:SS"),formatDate(todayEnd,"YYYY-mm-dd HH:MM:SS")]
|
|
|
+
|
|
|
const response = await getOrderFilter();
|
|
|
console.log("支付方式请求结果", response);
|
|
|
// 确保response.payments是一个数组
|
|
|
@@ -307,9 +335,12 @@ watch(() => Data.Filter.oilName,(val) => {
|
|
|
|
|
|
/** 过滤条件监听——时间 */
|
|
|
watch(() => Data.time1,(val) => {
|
|
|
+ console.log("时间变化",val)
|
|
|
if(val?.length === 0) return
|
|
|
Data.Filter.startCheckTime = new Date(val?.[0].toString());
|
|
|
Data.Filter.endCheckTime = new Date(val?.[1].toString());
|
|
|
+
|
|
|
+ console.log("时间变化后",formatDate(Data.Filter.startCheckTime,"YYYY-mm-dd HH:MM:SS"),formatDate(Data.Filter.endCheckTime,"YYYY-mm-dd HH:MM:SS"))
|
|
|
})
|
|
|
|
|
|
/** 过滤条件监听——支付方式 */
|