From 907c89c7d84911f3df9e97f2092a0f73be6f6711 Mon Sep 17 00:00:00 2001
From: weiwei <ctw@example.com>
Date: Tue, 1 Jul 2025 17:11:14 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=91=E7=A5=A8=E4=B8=8B=E6=8B=89=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E6=96=87=E6=9C=AC=E6=98=BE=E7=A4=BA=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Select/SelectWalletInvoice.vue | 163 ++++++++++--------
 1 file changed, 90 insertions(+), 73 deletions(-)

diff --git a/src/components/Select/SelectWalletInvoice.vue b/src/components/Select/SelectWalletInvoice.vue
index ed0f5a6..228035f 100644
--- a/src/components/Select/SelectWalletInvoice.vue
+++ b/src/components/Select/SelectWalletInvoice.vue
@@ -1,20 +1,37 @@
 <template>
-    <el-select style="width: 100%" v-model="state.selectId" :placeholder="props.placeholder"
-        :clearable="props.clearable" remote-show-suffix filterable remote :disabled="props.disabled"
-        :remote-method="remoteSearch" :loading="state.loading" @visible-change="(e: boolean) => e && getOptions()"
-        @change="change">
-        <el-option v-for="v in state.options" :key="v.id"
-            :label="`向${v.payeeDept}汇款${displayPrice(v.totalPrice)}用于充值-创建于${v.createTime}`" :value="v.id">
-            <div class="flex items-center">
-                向
-                <span class="color-danger">{{ v.payeeDept }}</span>
-                汇款
-                <span class="color-danger">{{ displayPrice(v.totalPrice) }}</span>
-                用于充值
-                <span>-创建于{{ v.createTime }}</span>
-            </div>
-        </el-option>
-    </el-select>
+	<el-select
+		style="width: 100%"
+		v-model="state.selectId"
+		:placeholder="props.placeholder"
+		:clearable="props.clearable"
+		remote-show-suffix
+		filterable
+		remote
+		:disabled="props.disabled"
+		:remote-method="remoteSearch"
+		:loading="state.loading"
+		@visible-change="(e: boolean) => e && getOptions()"
+		@change="change"
+	>
+		<el-option
+			v-for="v in state.options"
+			:key="v.id"
+			:label="`${v.code}-${v.deptOrUser}向${v.payeeDept}汇款${displayPrice(v.totalPrice)}用于充值-创建于${v.createTime}`"
+			:value="v.id"
+		>
+			<div class="flex items-center">
+				<span class="color-danger">{{ v.code }}</span>
+				-
+				<span class="color-danger">{{ v.deptOrUser }}</span>
+				向
+				<span class="color-danger">{{ v.payeeDept }}</span>
+				汇款
+				<span class="color-danger">{{ displayPrice(v.totalPrice) }}</span>
+				用于充值
+				<span>-创建于{{ v.createTime }}</span>
+			</div>
+		</el-option>
+	</el-select>
 </template>
 
 <script setup lang="ts" name="select-wallet-invoice">
@@ -30,90 +47,90 @@ const emit = defineEmits(["change"])
 const selectId = defineModel()
 
 const props = withDefaults(
-    defineProps<{
-        placeholder?: string
-        disabled?: boolean
-        clearable?: boolean
-        autoFirst?: boolean
-        apiParams?: any
-    }>(),
-    {
-        placeholder: "请选择",
-        disabled: false,
-        clearable: true,
-        autoFirst: false,
-        apiParams: {
-            status: "1"
-        },
-    },
+	defineProps<{
+		placeholder?: string
+		disabled?: boolean
+		clearable?: boolean
+		autoFirst?: boolean
+		apiParams?: any
+	}>(),
+	{
+		placeholder: "请选择",
+		disabled: false,
+		clearable: true,
+		autoFirst: false,
+		apiParams: {
+			status: "1",
+		},
+	},
 )
 
 const queryForm = reactive<any>({
-    name: "",
-    current: 1,
-    size: 10,
+	name: "",
+	current: 1,
+	size: 10,
 })
 
 const state = reactive<any>({
-    loading: true,
-    selectId: selectId,
-    options: [],
-    hardType: [],
+	loading: true,
+	selectId: selectId,
+	options: [],
+	hardType: [],
 })
 
 const currentUserId = computed(() => {
-    return useUserInfo().userInfos.user.userId
+	return useUserInfo().userInfos.user.userId
 })
 
 watch(
-    selectId,
-    (newVal, oldValue) => {
-        if (newVal == oldValue) return
-        state.selectId = newVal
-        getOptions()
-    },
-    { immediate: true },
+	selectId,
+	(newVal, oldValue) => {
+		if (newVal == oldValue) return
+		state.selectId = newVal
+		getOptions()
+	},
+	{ immediate: true },
 )
 
 async function getOptions() {
-    try {
-        state.loading = true
-        const _pa = {
-            ...queryForm,
-            ...props.apiParams,
-            userIds: [currentUserId.value],
-        }
+	try {
+		state.loading = true
+		const _pa = {
+			...queryForm,
+			...props.apiParams,
+			userIds: [currentUserId.value],
+		}
 
-        const { data } = await invoiceManager.invoiceSelect(_pa)
-        state.options = data.records ?? []
-        if (props.autoFirst && state.options.length != 0) {
-            state.selectId = state.options[0].id
-            emit("change", state.selectId)
-        }
-        const { hard_type } = useDict("hard_type")
-        state.hardType = hard_type
-    } finally {
-        setTimeout(() => (state.loading = false), 500)
-    }
+		const { data } = await invoiceManager.invoiceSelect(_pa)
+		state.options = data.records ?? []
+		if (props.autoFirst && state.options.length != 0) {
+			state.selectId = state.options[0].id
+			emit("change", state.selectId)
+		}
+		const { hard_type } = useDict("hard_type")
+		state.hardType = hard_type
+	} finally {
+		setTimeout(() => (state.loading = false), 500)
+	}
 }
 
 function remoteSearch(params: string) {
-    if (params != queryForm.name) {
-        queryForm.name = params
-        getOptions()
-    }
+	if (params != queryForm.name) {
+		queryForm.name = params
+		getOptions()
+	}
 }
 
 function clear() {
-    state.selectId = null
-    getOptions()
+	state.selectId = null
+	getOptions()
 }
 
 function change() {
-    emit("change", selectId)
+	emit("change", selectId)
 }
 
 onMounted(() => {
-    props.autoFirst && getOptions()
+	props.autoFirst && getOptions()
 })
 </script>