充值扣款申请审批状态筛选

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

@@ -30,14 +30,20 @@
 					>
 						删除
 					</el-button>
-					<right-toolbar
-						v-model:showSearch="showSearch"
-						:export="'wallet_walletRechargeApply_export'"
-						@exportExcel="exportExcel"
-						class="ml10 mr20"
-						style="float: right"
-						@queryTable="getDataList"
-					></right-toolbar>
+
+					<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_walletRechargeApply_export'"
+							@exportExcel="exportExcel"
+							class="ml10 mr20"
+							style="float: right"
+							@queryTable="getDataList"
+						/>
+					</div>
 				</div>
 			</el-row>
 			<el-table
@@ -154,6 +160,7 @@ import { useMessage, useMessageBox } from "/@/hooks/message"
 import { useDict } from "/@/hooks/dict"
 import { ElLoading } from "element-plus"
 import ProcessDrawer from "/@/components/processDrawer/index.vue"
+import { getDicts } from "/@/api/admin/dict"
 
 const { push } = useRouter()
 
@@ -170,10 +177,14 @@ const showSearch = ref(true)
 // 多选变量
 const selectObjs = ref([]) as any
 const multiple = ref(true)
+const activeName = ref("2")
+const tabItems = ref<any>([{}])
 const processDrawerRef = ref()
 
 const state: BasicTableProps = reactive<BasicTableProps>({
-	queryForm: {},
+	queryForm: {
+		processStatus: "2",
+	},
 	pageList: walletRechargeApplyApi.pageJoin,
 })
 
@@ -221,6 +232,17 @@ const selectionChangHandle = (objs: { id: string }[]) => {
 	multiple.value = !objs.length
 }
 
+onMounted(async () => {
+	const { data } = await getDicts("check_status")
+	tabItems.value = data
+})
+
+// tab点击切换
+const handleClickTabItem = (e: any) => {
+	state.queryForm.processStatus = tabItems.value[e.index].value
+	getDataList()
+}
+
 const doInfo = (row: any) => {
 	push({ path: "/wallet/wallet-recharge-apply/preview-excel", query: { id: row.id } })
 }