11

src/views/wallet/wallet-recharge-apply/index.vue

@@ -9,6 +9,15 @@
 					<el-form-item style="width: 200px" label="饭卡类型" prop="walletTypeId">
 						<select-wallet-type v-model="state.queryForm.walletTypeId" placeholder="饭卡类型" clearable />
 					</el-form-item>
+					<el-form-item style="width: 200px" label="充值类型" prop="bizType">
+						<dict-select v-model="state.queryForm.bizType" dict-code="wallet_biz_recharge" placeholder="充值类型" />
+					</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-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-form-item>
 					<el-form-item>
 						<el-button icon="Search" type="primary" @click="getDataList">{{ $t("common.queryBtn") }}</el-button>
 						<el-button icon="Refresh" @click="resetQuery">{{ $t("common.resetBtn") }}</el-button>
@@ -85,7 +94,18 @@
 					</template>
 				</el-table-column>
 				<el-table-column prop="remark" width="300" label="备注" />
-				<el-table-column prop="createTime" width="200" label="创建时间" />
+				<el-table-column width="250" label="时间">
+					<template #default="{ row }">
+						<div class="status">
+							<span>创建时间</span>
+							<span>{{ row.createTime }} </span>
+						</div>
+						<div class="status">
+							<span>审批时间</span>
+							<span>{{ row.processTime ?? "未审核" }} </span>
+						</div>
+					</template>
+				</el-table-column>
 				<el-table-column label="操作" width="300" fixed="right">
 					<template #default="{ row }">
 						<el-button
@@ -281,3 +301,29 @@ const taskSubmitEvent = () => {
 	getDataList()
 }
 </script>
+
+<style scoped lang="scss">
+.status {
+	display: flex;
+	align-items: center;
+	margin-bottom: 2px;
+
+	span {
+		display: inline-block;
+	}
+
+	span:nth-child(1) {
+		min-width: 60px;
+		max-width: 100px;
+		text-align: left;
+	}
+
+	span:nth-child(2) {
+		flex: 1;
+		min-width: 50px;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+}
+</style>