11

src/api/wallet/wallet-manage.ts

@@ -1,5 +1,35 @@
 import request from "/@/utils/request"
 
+/**
+ * 不活跃用户统计分页
+ */
+export function pageJoinActive(data: any) {
+	return request({
+		url: "/wallet/wallet-manage/page-join-active",
+		method: "post",
+		params: {
+			current: data.current,
+			size: data.size,
+		},
+		data: data,
+	})
+}
+
+/**
+ * 不活跃用户统计list
+ */
+export function listJoinActive(data: any) {
+	return request({
+		url: "/wallet/wallet-manage/list-list-active",
+		method: "post",
+		params: {
+			current: data.current,
+			size: data.size,
+		},
+		data: data,
+	})
+}
+
 export function fetchList(query?: Object) {
 	return request({
 		url: "/wallet/wallet-manage/page",

src/views/wallet/wallet-inactive/index.vue

@@ -17,17 +17,8 @@
 							<el-form-item style="width: 300px" label="用户" prop="userId">
 								<select-user v-model="state.queryForm.userId" />
 							</el-form-item>
-							<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="walletRecordMonth">
-								<el-date-picker
-									v-model="state.queryForm.walletRecordMonth"
-									value-format="YYYY-MM"
-									type="month"
-									:clearable="false"
-									placeholder="选择月份"
-								/>
+							<el-form-item style="width: 300px" label="不活跃月数" prop="unactiveMonthsNumber">
+								<el-input v-model="state.queryForm.unactiveMonthsNumber" type="number" placeholder="不活跃月数" />
 							</el-form-item>
 							<el-form-item>
 								<el-button icon="Search" type="primary" @click="getDataList">{{ $t("common.queryBtn") }}</el-button>
@@ -70,45 +61,14 @@
 					>
 						<el-table-column v-auth="'wallet_walletManage_del'" type="selection" width="40" align="center" />
 						<el-table-column type="index" label="#" width="80" />
-						<el-table-column prop="username" width="100" label="用户" />
-						<el-table-column prop="userAvatar" width="80" label="头像">
+						<el-table-column prop="username" label="用户" />
+						<el-table-column prop="userAvatar" label="头像">
 							<template #default="{ row }">
 								<preview-image :src="row.userAvatar" />
 							</template>
 						</el-table-column>
-						<el-table-column prop="userMobile" width="120" label="手机号" />
-						<el-table-column prop="deptName" label="部门" width="200" />
-						<el-table-column prop="walletTypeUniqueCode" width="200" label="饭卡类型">
-							<template #default="{ row }">
-								<div class="flex items-center justify-center">
-									<div class="color-primary">{{ row.walletTypeName }}</div>
-									<div class="flex items-center just ml5">
-										<dict-tag :options="wallet_type" :value="row.walletTypeUniqueCode" />
-									</div>
-								</div>
-							</template>
-						</el-table-column>
-						<el-table-column prop="cardNumber" width="150" label="饭卡卡号" />
-						<el-table-column prop="balance" align="center" width="100" label="余额">
-							<template #default="{ row }">
-								<div class="color-primary">{{ displayPrice(row.balance) }}</div>
-							</template>
-						</el-table-column>
-						<el-table-column prop="isFreeze" width="120" label="是否冻结饭卡">
-							<template #default="{ row }">
-								<dict-tag :options="yes_no_type" :value="row.isFreeze" />
-							</template>
-						</el-table-column>
-						<el-table-column v-if="false" prop="activeBindStatus" width="120" label="饭卡绑定状态" />
-						<el-table-column prop="lastTopUpTime" width="200" label="最后充值时间">
-							<template #default="{ row }">
-								<span v-if="row.lastTopUpTime">{{ row.lastTopUpTime }}</span>
-								<span v-else class="color-danger">本月未充值</span>
-							</template>
-						</el-table-column>
-						<el-table-column prop="" width="200" label="是否最近三个月未充值">
-							<template #default="{ row }">{{ "??" }}</template>
-						</el-table-column>
+						<el-table-column prop="userMobile" label="手机号" />
+						<el-table-column prop="deptName" label="部门" />
 					</el-table>
 					<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
 				</template>
@@ -119,7 +79,7 @@
 
 <script setup lang="ts" name="systemWalletManage">
 import { BasicTableProps, useTable } from "/@/hooks/table"
-import { fetchListJoinQb, delObjs } from "/@/api/wallet/wallet-manage"
+import { pageJoinActive, delObjs } from "/@/api/wallet/wallet-manage"
 import { useMessage, useMessageBox } from "/@/hooks/message"
 import { useDict } from "/@/hooks/dict"
 import { displayPrice } from "/@/utils/formatMoney"
@@ -137,9 +97,9 @@ const multiple = ref(true)
 
 const state: BasicTableProps = reactive<BasicTableProps>({
 	queryForm: {
-		walletRecordMonth: formatDate(new Date(), "YYYY-mm"),
+		unactiveMonthsNumber: 3,
 	},
-	pageList: fetchListJoinQb,
+	pageList: pageJoinActive,
 })
 
 //  table hook