From cec9f9680539bfa914b1b399ebedd2cd332e409b Mon Sep 17 00:00:00 2001
From: dzc <2388224167@qq.com>
Date: Fri, 4 Jul 2025 16:13:11 +0800
Subject: [PATCH] 11

---
 .../wallet/wallet-recharge-invoice/index.vue  | 109 ++++++++----------
 .../wallet-recharge-invoice/print-dialog.vue  |  37 +++---
 2 files changed, 62 insertions(+), 84 deletions(-)

diff --git a/src/views/wallet/wallet-recharge-invoice/index.vue b/src/views/wallet/wallet-recharge-invoice/index.vue
index 9ace996..3047df2 100644
--- a/src/views/wallet/wallet-recharge-invoice/index.vue
+++ b/src/views/wallet/wallet-recharge-invoice/index.vue
@@ -1,7 +1,8 @@
 <template>
 	<div class="layout-padding">
 		<div class="layout-padding-auto layout-padding-view">
-			<el-form v-show="showSearch" ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList">
+			<el-form v-show="showSearch" ref="queryRef" :inline="true" :model="state.queryForm"
+				@keyup.enter="getDataList">
 				<el-row>
 					<el-form-item style="width: 300px" label="申请用户" prop="userIds">
 						<select-user v-model="state.queryForm.userIds" placeholder="申请用户" />
@@ -10,62 +11,55 @@
 						<dict-select v-model="state.queryForm.status" dict-code="recharge_invoice_status" />
 					</el-form-item>
 					<el-form-item style="width: 450px" label="创建时间" prop="createTimeList">
-						<el-date-picker v-model="state.queryForm.createTimeList" value-format="YYYY-MM-DD HH:mm:ss" type="datetimerange" />
+						<el-date-picker v-model="state.queryForm.createTimeList" value-format="YYYY-MM-DD HH:mm:ss"
+							type="datetimerange" />
 					</el-form-item>
 					<el-form-item style="width: 450px" label="审核时间" prop="processTimeList">
-						<el-date-picker v-model="state.queryForm.processTimeList" value-format="YYYY-MM-DD HH:mm:ss" type="datetimerange" />
+						<el-date-picker v-model="state.queryForm.processTimeList" value-format="YYYY-MM-DD HH:mm:ss"
+							type="datetimerange" />
 					</el-form-item>
 					<el-form-item>
-						<el-button icon="Search" type="primary" @click="getDataList">{{ $t("common.queryBtn") }}</el-button>
+						<el-button icon="Search" type="primary" @click="getDataList">{{ $t("common.queryBtn")
+						}}</el-button>
 						<el-button icon="Refresh" @click="resetQuery">{{ $t("common.resetBtn") }}</el-button>
 					</el-form-item>
 				</el-row>
 			</el-form>
 			<el-row>
 				<div class="mb8" style="width: 100%">
-					<el-button icon="folder-add" type="primary" class="ml10" @click="uploadExcelRef.show()" v-auth="'wallet_walletRechargeApply_add'">
+					<el-button icon="folder-add" type="primary" class="ml10" @click="uploadExcelRef.show()"
+						v-auth="'wallet_walletRechargeApply_add'">
 						导 入
 					</el-button>
 					<div class="flex justify-between items-center">
 						<el-tabs class="flex-1" v-model="activeName" @tab-click="handleClickTabItem">
 							<el-tab-pane v-for="v in tabItems" :key="v.id" :label="v.label" :name="v.value" />
 						</el-tabs>
-						<right-toolbar
-							v-model:showSearch="showSearch"
-							:export="'wallet_walletRechargeInvoice_export'"
-							@exportExcel="exportExcel"
-							class="ml10 mr20"
-							style="float: right"
-							@queryTable="getDataList"
-						/>
+						<right-toolbar v-model:showSearch="showSearch" :export="'wallet_walletRechargeInvoice_export'"
+							@exportExcel="exportExcel" class="ml10 mr20" style="float: right"
+							@queryTable="getDataList" />
 					</div>
 				</div>
 			</el-row>
-			<el-table
-				:data="state.dataList"
-				v-loading="state.loading"
-				border
-				:cell-style="tableStyle.cellStyle"
-				:header-cell-style="tableStyle.headerCellStyle"
-				@selection-change="selectionChangHandle"
-				@sort-change="sortChangeHandle"
-			>
+			<el-table :data="state.dataList" v-loading="state.loading" border :cell-style="tableStyle.cellStyle"
+				:header-cell-style="tableStyle.headerCellStyle" @selection-change="selectionChangHandle"
+				@sort-change="sortChangeHandle">
 				<el-table-column type="selection" width="40" align="center" />
 				<el-table-column type="index" label="#" width="50" />
-				<el-table-column prop="code" label="发票编号" />
-				<el-table-column prop="time" label="发票日期">
+				<el-table-column prop="code" min-width="100" label="发票编号" />
+				<el-table-column prop="time" min-width="120" label="发票日期">
 					<template #default="{ row }">
 						{{ parseTime(row.time, "{y}-{m}-{d}") }}
 					</template>
 				</el-table-column>
-				<el-table-column prop="deptOrUser" label="交款单位或个人" />
-				<el-table-column prop="totalPrice" label="合计人民币">
+				<el-table-column prop="deptOrUser" min-width="140" label="交款单位或个人" />
+				<el-table-column prop="totalPrice" min-width="120" label="合计人民币">
 					<template #default="{ row }">
 						{{ displayPrice(row.totalPrice) }}
 					</template>
 				</el-table-column>
-				<el-table-column prop="payeeUser" label="收款人" />
-				<el-table-column prop="payeeDept" label="收款单位" />
+				<el-table-column prop="payeeUser" min-width="120" label="收款人" show-overflow-tooltip />
+				<el-table-column prop="payeeDept" min-width="120" label="收款单位" show-overflow-tooltip />
 				<el-table-column prop="processStatus" width="100" label="审核状态">
 					<template #default="{ row }">
 						<dict-tag :options="check_status" :value="row.processStatus" />
@@ -76,20 +70,17 @@
 						<dict-tag :options="recharge_invoice_status" :value="row.status" />
 					</template>
 				</el-table-column>
-				<el-table-column prop="stampPicUrl" label="发票图片">
+				<el-table-column prop="stampPicUrl" min-width="120" label="发票图片">
 					<template #default="{ row }">
-						<preview-image
-							:src="row.stampPicUrl"
-							download
-							:downloadName="`${row.code}-${row.deptOrUser}-${row.payeeDept}-发票-${row.updateTime}`"
-						/>
+						<preview-image :src="row.stampPicUrl" download
+							:downloadName="`${row.code}-${row.deptOrUser}-${row.payeeDept}-发票-${row.updateTime}`" />
 					</template>
 				</el-table-column>
-				<el-table-column prop="remark" label="备注" />
+				<el-table-column prop="remark" label="备注" show-overflow-tooltip />
 				<el-table-column width="250" label="时间">
 					<template #default="{ row }">
-						<div v-if="false" class="flex justify-start">
-							<span>创建时间</span>
+						<div class="flex justify-start">
+							<span>创建时间：</span>
 							<span>{{ row.createTime }} </span>
 						</div>
 						<div class="flex justify-start">
@@ -104,36 +95,30 @@
 				</el-table-column>
 				<el-table-column label="操作" width="300" fixed="right">
 					<template #default="{ row }">
-						<el-button
-							v-auth="'wallet_walletRechargeApply_print'"
-							icon="printer"
-							text
-							type="primary"
-							:disabled="loading"
-							@click="previewInvoice(row)"
-						>
-							查看发票
-						</el-button>
-						<!-- row.isCheckUser && -->
-						<el-button v-if="row.processStatus == '1'" type="primary" link icon="VideoPlay" :disabled="loading" @click="deal(row)">
-							审批
-						</el-button>
-						<el-button icon="delete" text type="primary" v-auth="'wallet_walletRechargeInvoice_del'" @click="handleDelete([row.id])">
-							删除
-						</el-button>
+						<div class="flex">
+							<el-button v-auth="'wallet_walletRechargeApply_print'" icon="printer" text type="primary"
+								:disabled="loading" @click="previewInvoice(row)">
+								查看发票
+							</el-button>
+							<!-- row.isCheckUser && -->
+							<el-button v-if="row.processStatus == '1'" type="primary" link icon="VideoPlay"
+								:disabled="loading" @click="deal(row)">
+								开始处理
+							</el-button>
+							<el-button icon="delete" text type="primary" v-auth="'wallet_walletRechargeInvoice_del'"
+								@click="handleDelete([row.id])">
+								删除
+							</el-button>
+						</div>
 					</template>
 				</el-table-column>
 			</el-table>
-			<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
+			<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle"
+				v-bind="state.pagination" />
 		</div>
 
-		<upload-excel
-			ref="uploadExcelRef"
-			title="导入"
-			url="/wallet/wallet-recharge-apply/read-topup-excel"
-			temp-url="/admin/sys-file/local/file/wallet_recharge.xlsx"
-			@refreshDataList="getDataList(false)"
-		/>
+		<upload-excel ref="uploadExcelRef" title="导入" url="/wallet/wallet-recharge-apply/read-topup-excel"
+			temp-url="/admin/sys-file/local/file/wallet_recharge.xlsx" @refreshDataList="getDataList(false)" />
 
 		<!-- 编辑、新增  -->
 		<form-dialog ref="formDialogRef" @refresh="getDataList(false)" />
diff --git a/src/views/wallet/wallet-recharge-invoice/print-dialog.vue b/src/views/wallet/wallet-recharge-invoice/print-dialog.vue
index b89846b..308d07f 100644
--- a/src/views/wallet/wallet-recharge-invoice/print-dialog.vue
+++ b/src/views/wallet/wallet-recharge-invoice/print-dialog.vue
@@ -2,13 +2,15 @@
 	<el-dialog v-model="visible" title="预览" width="800px" :close-on-click-modal="false" draggable destroy-on-close>
 		<dict-tag class="mb-2" :options="check_status" :value="receiptData.processStatus" />
 
-		<div v-loading="loading" id="receiptRef" ref="receiptRef" class="w-[17.5cm] h-[9.5cm] border border-gray-400 p-6 bg-[#EBE1C622]">
+		<div v-loading="loading" id="receiptRef" ref="receiptRef"
+			class="w-[17.5cm] h-[9.5cm] border border-gray-400 p-6 bg-[#EBE1C622]">
 			<div class="text-center mx-auto w-[10cm] text-3xl font-bold">浦江县行政事业单位食堂统一收款收据</div>
 
 			<div class="flex justify-between items-end mb-1">
 				<div></div>
 				<div>
-					{{ formatDate(new Date(receiptData.time), "YYYY年 mm月 dd日") || " 年 月 日".replace(/ /g, "&nbsp;&nbsp;") }}
+					{{ formatDate(new Date(receiptData.time), "YYYY年 mm月 dd日") || " 年 月 日".replace(/ /g, "&nbsp;&nbsp;")
+					}}
 				</div>
 				<span>
 					<span>No. </span>
@@ -21,12 +23,8 @@
 					<tr>
 						<td class="border border-gray-600 px-2 w-3/12 h-[0.75cm]">交款单位（或个人）</td>
 						<td class="border border-gray-600 px-2 w-9/12 h-[0.75cm] text-sm text-blue-800" colspan="4">
-							<input
-								type="text"
-								v-model="receiptData.deptOrUser"
-								class="caret-red-600 w-full h-full bg-transparent text-center"
-								ref="deptOrUserInput"
-							/>
+							<input type="text" v-model="receiptData.deptOrUser"
+								class="caret-red-600 w-full h-full bg-transparent text-center" ref="deptOrUserInput" />
 						</td>
 					</tr>
 					<tr>
@@ -80,10 +78,8 @@
 						<td class="border border-gray-600 px-2 text-left align-text-top w-1/3 h-[0.75cm]">
 							<div class="flex">
 								<span class="whitespace-nowrap">备注：</span>
-								<textarea
-									v-model="receiptData.remark"
-									class="flex-1 text-sm text-blue-800 w-full h-full my-1 bg-transparent resize-none overflow-y-hidden"
-								/>
+								<textarea v-model="receiptData.remark"
+									class="flex-1 text-sm text-blue-800 w-full h-full my-1 bg-transparent resize-none overflow-y-hidden" />
 							</div>
 						</td>
 					</tr>
@@ -107,19 +103,16 @@
 			>
 				盖章
 			</el-button> -->
-			<el-button
-				v-if="receiptData.processStatus == '2' || receiptData.processStatus == '3'"
-				v-auth="'wallet_walletRechargeApply_back'"
-				type="primary"
-				plain
-				@click="backInvoice"
-				:disabled="loading"
-			>
+			<el-button v-if="receiptData.processStatus == '2' || receiptData.processStatus == '3'"
+				v-auth="'wallet_walletRechargeApply_back'" type="primary" plain @click="backInvoice"
+				:disabled="loading">
 				作废
 			</el-button>
 			<el-button type="primary" :disabled="loading" @click="applyStamp">申请审批</el-button>
-			<el-button v-auth="'wallet_walletRechargeApply_receiptSave'" type="primary" @click="saveReceipt" :disabled="loading">保存</el-button>
-			<el-button v-if="receiptData.stampPicUrl" type="warning" @click="handlePrint" :disabled="loading">打印</el-button>
+			<el-button v-auth="'wallet_walletRechargeApply_receiptSave'" type="primary" @click="saveReceipt"
+				:disabled="loading">保存</el-button>
+			<el-button v-if="receiptData.stampPicUrl" type="warning" @click="handlePrint"
+				:disabled="loading">打印</el-button>
 		</template>
 	</el-dialog>
 </template>