充值流水恢复接口

src/api/wallet/wallet-recharge-import.ts

@@ -46,3 +46,11 @@ export function putObj(obj?: Object) {
 		data: obj,
 	})
 }
+
+export function recover(params?: Object) {
+	return request({
+		url: "/wallet-recharge-import/recover",
+		method: "get",
+		params,
+	})
+}

src/views/admin/system/user/index.vue

@@ -36,7 +36,7 @@
 				<div
 					class="w-[12px] h-[56px] absolute left-0 top-[44vh] translate-y-[-50%] transition-all cursor-pointer"
 					@click="handleClickDepTreeDrawer(isOpen)"
-					style="background-color: #e3e9ed; border-top-right-radius: 15px; border-bottom-right-radius: 15px"
+					style="background-color: #e3e9ed; border-top-right-radius: 10px; border-bottom-right-radius: 10px"
 				>
 					<i class="drawer-icon">
 						<el-icon>
@@ -390,15 +390,18 @@ const handleClickDepTreeDrawer = (isDrawerOpen: boolean) => {
 
 <style>
 .splitpanes--vertical > .splitpanes__splitter {
-	background: #cccccc;
-	min-width: 2px;
+	background: var(--el-color-primary);
+	/* min-width: 2px; */
+	width: 2px;
 	transition: all 0.3s ease;
 }
 .splitpanes--vertical > .splitpanes__splitter:active {
-	background: #1890ff;
+	background: var(--el-color-primary);
+	opacity: 0.6;
 }
 .splitpanes--vertical > .splitpanes__splitter:hover {
-	background: #1890ff;
+	background: var(--el-color-primary);
+	opacity: 0.6;
 }
 .drawer-icon {
 	color: #b7bdc8;

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

@@ -109,9 +109,9 @@
 						<div class="color-success">{{ displayPrice(row.price) }}</div>
 					</template>
 				</el-table-column>
-				<el-table-column v-if="false" label="操作" width="300">
+				<el-table-column label="操作" width="200">
 					<template #default="{ row }">
-						<el-button
+						<!-- <el-button
 							v-if="false"
 							icon="delete"
 							text
@@ -120,7 +120,8 @@
 							@click="handleDelete([row.id])"
 						>
 							删除</el-button
-						>
+						> -->
+						<el-button icon="RefreshRight" text type="primary" @click="handleRecover(row.id)">恢复</el-button>
 					</template>
 				</el-table-column>
 			</el-table>
@@ -157,17 +158,13 @@ const state: BasicTableProps = reactive<BasicTableProps>({
 const { getDataList, currentChangeHandle, sizeChangeHandle, sortChangeHandle, downBlobFile, tableStyle } =
 	useTable(state)
 
-// 删除操作
-const handleDelete = async (ids: string[]) => {
+// 恢复操作
+const handleRecover = async (id: string) => {
 	try {
-		await useMessageBox().confirm("此操作将永久删除")
-	} catch {
-		return
-	}
-	try {
-		// await walletRechargeApplyApi.delObjs(ids)
+		await useMessageBox().confirm("确认恢复吗？")
+		await walletRechargeImportApi.recover({ id })
 		getDataList()
-		useMessage().success("删除成功")
+		useMessage().success("恢复成功")
 	} catch (err: any) {
 		useMessage().error(err.msg)
 	}