From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/views/member/user/detail/UserOrderList.vue | 279 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 279 insertions(+), 0 deletions(-)
diff --git a/src/views/member/user/detail/UserOrderList.vue b/src/views/member/user/detail/UserOrderList.vue
new file mode 100644
index 0000000..92ee70d
--- /dev/null
+++ b/src/views/member/user/detail/UserOrderList.vue
@@ -0,0 +1,279 @@
+<template>
+ <!-- 鎼滅储 -->
+ <ContentWrap>
+ <el-form
+ ref="queryFormRef"
+ :inline="true"
+ :model="queryParams"
+ class="-mb-15px"
+ label-width="68px"
+ >
+ <el-form-item label="璁㈠崟鐘舵��" prop="status">
+ <el-select v-model="queryParams.status" class="!w-280px" clearable placeholder="鍏ㄩ儴">
+ <el-option
+ v-for="dict in getIntDictOptions(DICT_TYPE.TRADE_ORDER_STATUS)"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鏀粯鏂瑰紡" prop="payChannelCode">
+ <el-select
+ v-model="queryParams.payChannelCode"
+ class="!w-280px"
+ clearable
+ placeholder="鍏ㄩ儴"
+ >
+ <el-option
+ v-for="dict in getStrDictOptions(DICT_TYPE.PAY_CHANNEL_CODE)"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鍒涘缓鏃堕棿" prop="createTime">
+ <el-date-picker
+ v-model="queryParams.createTime"
+ :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+ class="!w-280px"
+ end-placeholder="鑷畾涔夋椂闂�"
+ start-placeholder="鑷畾涔夋椂闂�"
+ type="daterange"
+ value-format="YYYY-MM-DD HH:mm:ss"
+ />
+ </el-form-item>
+ <el-form-item label="璁㈠崟鏉ユ簮" prop="terminal">
+ <el-select v-model="queryParams.terminal" class="!w-280px" clearable placeholder="鍏ㄩ儴">
+ <el-option
+ v-for="dict in getIntDictOptions(DICT_TYPE.TERMINAL)"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="璁㈠崟绫诲瀷" prop="type">
+ <el-select v-model="queryParams.type" class="!w-280px" clearable placeholder="鍏ㄩ儴">
+ <el-option
+ v-for="dict in getIntDictOptions(DICT_TYPE.TRADE_ORDER_TYPE)"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="閰嶉�佹柟寮�" prop="deliveryType">
+ <el-select v-model="queryParams.deliveryType" class="!w-280px" clearable placeholder="鍏ㄩ儴">
+ <el-option
+ v-for="dict in getIntDictOptions(DICT_TYPE.TRADE_DELIVERY_TYPE)"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item
+ v-if="queryParams.deliveryType === DeliveryTypeEnum.EXPRESS.type"
+ label="蹇�掑叕鍙�"
+ prop="logisticsId"
+ >
+ <el-select v-model="queryParams.logisticsId" class="!w-280px" clearable placeholder="鍏ㄩ儴">
+ <el-option
+ v-for="item in deliveryExpressList"
+ :key="item.id"
+ :label="item.name"
+ :value="item.id"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item
+ v-if="queryParams.deliveryType === DeliveryTypeEnum.PICK_UP.type"
+ label="鑷彁闂ㄥ簵"
+ prop="pickUpStoreId"
+ >
+ <el-select
+ v-model="queryParams.pickUpStoreId"
+ class="!w-280px"
+ clearable
+ multiple
+ placeholder="鍏ㄩ儴"
+ >
+ <el-option
+ v-for="item in pickUpStoreList"
+ :key="item.id"
+ :label="item.name"
+ :value="item.id"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item
+ v-if="queryParams.deliveryType === DeliveryTypeEnum.PICK_UP.type"
+ label="鏍搁攢鐮�"
+ prop="pickUpVerifyCode"
+ >
+ <el-input
+ v-model="queryParams.pickUpVerifyCode"
+ class="!w-280px"
+ clearable
+ placeholder="璇疯緭鍏ヨ嚜鎻愭牳閿�鐮�"
+ @keyup.enter="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="鑱氬悎鎼滅储">
+ <el-input
+ v-show="true"
+ v-model="queryParams[queryType.queryParam]"
+ class="!w-280px"
+ clearable
+ placeholder="璇疯緭鍏�"
+ >
+ <template #prepend>
+ <el-select
+ v-model="queryType.queryParam"
+ class="!w-110px"
+ clearable
+ placeholder="鍏ㄩ儴"
+ @change="inputChangeSelect"
+ >
+ <el-option
+ v-for="dict in dynamicSearchList"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </template>
+ </el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button @click="handleQuery">
+ <Icon class="mr-5px" icon="ep:search" />
+ 鎼滅储
+ </el-button>
+ <el-button @click="resetQuery">
+ <Icon class="mr-5px" icon="ep:refresh" />
+ 閲嶇疆
+ </el-button>
+ </el-form-item>
+ </el-form>
+ </ContentWrap>
+
+ <!-- 鍒楄〃 -->
+ <ContentWrap>
+ <!-- 娣诲姞 row-key="id" 瑙ｅ喅鍒楁暟鎹腑鐨� table#header 鏁版嵁涓嶅埛鏂扮殑闂 -->
+ <el-table v-loading="loading" :data="list" row-key="id">
+ <OrderTableColumn :list="list" :pick-up-store-list="pickUpStoreList">
+ <template #default="{ row }">
+ <el-button link type="primary" @click="openDetail(row.id)">
+ <Icon icon="ep:notification" />
+ 璇︽儏
+ </el-button>
+ </template>
+ </OrderTableColumn>
+ </el-table>
+ <!-- 鍒嗛〉 -->
+ <Pagination
+ v-model:limit="queryParams.pageSize"
+ v-model:page="queryParams.pageNo"
+ :total="total"
+ @pagination="getList"
+ />
+ </ContentWrap>
+</template>
+<script lang="ts" setup>
+import * as OrderApi from '@/api/mall/trade/order/index'
+import { DICT_TYPE, getIntDictOptions, getStrDictOptions } from '@/utils/dict'
+import * as PickUpStoreApi from '@/api/mall/trade/delivery/pickUpStore'
+import * as DeliveryExpressApi from '@/api/mall/trade/delivery/express'
+import { FormInstance } from 'element-plus'
+import { OrderTableColumn } from '@/views/mall/trade/order/components'
+import { DeliveryTypeEnum } from '@/utils/constants'
+
+const { push } = useRouter() // 璺敱璺宠浆
+
+const { userId } = defineProps<{
+ userId: number
+}>()
+
+const loading = ref(true) // 鍒楄〃鐨勫姞杞戒腑
+const total = ref(0) // 鍒楄〃鐨勬�婚〉鏁�
+const list = ref([]) // 鍒楄〃鐨勬暟鎹�
+const pickUpStoreList = ref<PickUpStoreApi.DeliveryPickUpStoreVO[]>([]) // 鑷彁闂ㄥ簵绮剧畝鍒楄〃
+const deliveryExpressList = ref<DeliveryExpressApi.DeliveryExpressVO[]>([]) // 鐗╂祦鍏徃
+const queryFormRef = ref<FormInstance>() // 鎼滅储鐨勮〃鍗�
+// 琛ㄥ崟鎼滅储
+const queryParams = ref({
+ pageNo: 1, // 椤垫暟
+ pageSize: 10, // 姣忛〉鏄剧ず鏁伴噺
+ userId: userId,
+ status: undefined, // 璁㈠崟鐘舵��
+ payChannelCode: undefined, // 鏀粯鏂瑰紡
+ createTime: undefined, // 鍒涘缓鏃堕棿
+ terminal: undefined, // 璁㈠崟鏉ユ簮
+ type: undefined, // 璁㈠崟绫诲瀷
+ deliveryType: undefined, // 閰嶉�佹柟寮�
+ logisticsId: undefined, // 蹇�掑叕鍙�
+ pickUpStoreId: undefined, // 鑷彁闂ㄥ簵
+ pickUpVerifyCode: undefined // 鑷彁鏍搁攢鐮�
+})
+const queryType = reactive({ queryParam: '' }) // 璁㈠崟鎼滅储绫诲瀷 queryParam
+
+// 璁㈠崟鑱氬悎鎼滅储 select 绫诲瀷閰嶇疆锛堝姩鎬佹悳绱級
+const dynamicSearchList = ref([
+ { value: 'no', label: '璁㈠崟鍙�' },
+ { value: 'userNickname', label: '鐢ㄦ埛鏄电О' },
+ { value: 'userMobile', label: '鐢ㄦ埛鐢佃瘽' }
+])
+/**
+ * 鑱氬悎鎼滅储鍒囨崲鏌ヨ瀵硅薄鏃惰Е鍙�
+ * @param val
+ */
+const inputChangeSelect = (val: string) => {
+ dynamicSearchList.value
+ .filter((item) => item.value !== val)
+ ?.forEach((item1) => {
+ // 娓呴櫎闆嗗悎鎼滅储鏃犵敤灞炴��
+ if (queryParams.value.hasOwnProperty(item1.value)) {
+ delete queryParams.value[item1.value]
+ }
+ })
+}
+
+/** 鎼滅储鎸夐挳鎿嶄綔 */
+const handleQuery = async () => {
+ queryParams.value.pageNo = 1
+ await getList()
+}
+
+/** 閲嶇疆鎸夐挳鎿嶄綔 */
+const resetQuery = () => {
+ queryFormRef.value?.resetFields()
+ queryParams.value.userId = userId
+ handleQuery()
+}
+/** 鏌ヨ鍒楄〃 */
+const getList = async () => {
+ loading.value = true
+ try {
+ const data = await OrderApi.getOrderPage(queryParams.value)
+ list.value = data.list
+ total.value = data.total
+ } finally {
+ loading.value = false
+ }
+}
+
+/** 鏌ョ湅璁㈠崟璇︽儏 */
+const openDetail = (id: number) => {
+ push({ name: 'TradeOrderDetail', params: { id } })
+}
+
+/** 鍒濆鍖� **/
+onMounted(async () => {
+ await getList()
+ pickUpStoreList.value = await PickUpStoreApi.getSimpleDeliveryPickUpStoreList()
+ deliveryExpressList.value = await DeliveryExpressApi.getSimpleDeliveryExpressList()
+})
+</script>
--
Gitblit v1.8.0