3.1.0稳定版

This commit is contained in:
2025-12-01 19:47:24 +08:00
parent e8ab8252f8
commit 9f4c18fe7c
20 changed files with 1953 additions and 144 deletions

View File

@@ -35,7 +35,10 @@ export interface TenantExportReqVO {
export const getTenantPage = (params: TenantPageReqVO) => {
return request.get({ url: '/system/tenant/page', params })
}
// 查询租户列表(代理)
export const getTenantPageSelf = (params: TenantPageReqVO) => {
return request.get({ url: '/system/tenant/page_self', params })
}
// 查询租户详情
export const getTenant = (id: number) => {
return request.get({ url: '/system/tenant/get?id=' + id })
@@ -70,3 +73,7 @@ export const deleteTenantList = (ids: number[]) => {
export const exportTenant = (params: TenantExportReqVO) => {
return request.download({ url: '/system/tenant/export-excel', params })
}
// 获取租户等级
export const getSelfTenantLevel = () => {
return request.get({ url: '/system/tenant/getSelfTenantLevel' })
}

View File

@@ -46,3 +46,7 @@ export const deleteTenantPackageList = (ids: number[]) => {
export const getTenantPackageList = () => {
return request.get({ url: '/system/tenant-package/simple-list' })
}
// 获取非总后台租户套餐精简信息列表
export const getTenantPackageListagency = () => {
return request.get({ url: '/system/tenant-agency-package/get-simple-list' })
}

View File

@@ -0,0 +1,49 @@
import request from '@/config/axios'
// 代理租户套餐 VO
export interface TenantAgencyPackageVO {
id: number // 套餐编号
name: string // 套餐名
status: number // 租户状态0正常 1停用
remark: string // 备注
menuIds: string // 关联的菜单编号
days: number // 套餐天数
price: number // 套餐价格
hostslClient: number // 爬主播客户端 0 关闭 1 开启
brotherClient: number // 爬大哥客户端 0 关闭 1 开启
aiClient: number // AI 客户端 0 关闭 1 开启
packageType: number // 套餐类型
}
// 代理租户套餐 API
export const TenantAgencyPackageApi = {
// 查询代理租户套餐分页
getTenantAgencyPackagePage: async (params: any) => {
return await request.get({ url: `/system/tenant-agency-package/page`, params })
},
// 查询代理租户套餐详情
getTenantAgencyPackage: async (id: number) => {
return await request.get({ url: `/system/tenant-agency-package/get?id=` + id })
},
// 新增代理租户套餐
createTenantAgencyPackage: async (data: TenantAgencyPackageVO) => {
return await request.post({ url: `/system/tenant-agency-package/create`, data })
},
// 修改代理租户套餐
updateTenantAgencyPackage: async (data: TenantAgencyPackageVO) => {
return await request.put({ url: `/system/tenant-agency-package/update`, data })
},
// 删除代理租户套餐
deleteTenantAgencyPackage: async (id: number) => {
return await request.delete({ url: `/system/tenant-agency-package/delete?id=` + id })
},
// 导出代理租户套餐 Excel
exportTenantAgencyPackage: async (params) => {
return await request.download({ url: `/system/tenant-agency-package/export-excel`, params })
}
}

View File

@@ -0,0 +1,83 @@
import request from '@/config/axios'
// 租户余额 VO
export interface TenantBalanceVO {
id: number // 租户 Id
balance: number // 当前积分余额
version: number // 乐观锁版本号
updatedAt: Date // 更新时间
}
// 租户余额 API
export const TenantBalanceApi = {
// 查询租户余额分页
getTenantBalancePage: async (params: any) => {
return await request.get({ url: `/system/tenant-balance/page`, params })
},
// 查询下级租户余额分页
getSubordinateaMountPage: async (params: any) => {
return await request.get({ url: `/system/tenant-balance/get-self-subordinate-amount-page`, params })
},
//查看当前余额
getselfamount: async () => {
return await request.get({ url: `/system/tenant-balance/get-self-amount` })
},
// 查询租户余额详情
getTenantBalance: async (id: number) => {
return await request.get({ url: `/system/tenant-balance/get?id=` + id })
},
// 新增租户余额
createTenantBalance: async (data: TenantBalanceVO) => {
return await request.post({ url: `/system/tenant-balance/create`, data })
},
// 修改租户余额
updateTenantBalance: async (data: TenantBalanceVO) => {
return await request.put({ url: `/system/tenant-balance/update`, data })
},
// 删除租户余额
deleteTenantBalance: async (id: number) => {
return await request.delete({ url: `/system/tenant-balance/delete?id=` + id })
},
// 转账租户余额
tenantTransfer: async (data: TenantBalanceVO) => {
return await request.post({ url: `/system/tenant-balance/transfer`, data })
},
addAmount: async (data: TenantBalanceVO) => {
return await request.post({ url: `/system/tenant-balance/addAmount`, data })
},
// 导出租户余额 Excel
exportTenantBalance: async (params) => {
return await request.download({ url: `/system/tenant-balance/export-excel`, params })
},
// ==================== 子表(租户余额) ====================
// 获得租户余额分页
getTenantPointsPage: async (params) => {
return await request.get({ url: `/system/tenant-points/transaction-history/page`, params })
},
// 新增租户余额
createTenantPoints: async (data) => {
return await request.post({ url: `/system/tenant-balance/tenant-points/create`, data })
},
// 修改租户余额
updateTenantPoints: async (data) => {
return await request.put({ url: `/system/tenant-balance/tenant-points/update`, data })
},
// 删除租户余额
deleteTenantPoints: async (id: number) => {
return await request.delete({ url: `/system/tenant-balance/tenant-points/delete?id=` + id })
},
// 获得租户余额
getTenantPoints: async (id: number) => {
return await request.get({ url: `/system/tenant-balance/tenant-points/get?id=` + id })
}
}

View File

@@ -0,0 +1,48 @@
import request from '@/config/axios'
// 租户积分记录 VO
export interface TenantPointsVO {
id: number // 主键
points: number // 本次变动点数,正加负减
balance: number // 变动后余额快照(冗余)
type: string // 变动类型,如 RECHARGE, CONSUME, TRANSFER_OUT, TRANSFER_IN
remark: string // 备注
orderId: number // 订单 Id/业务单号
bizNo: string // 业务流水号(转账、订单等唯一标识)
operatorId: number // 操作人 Id
targetTenantId: number // 目标租户 Id转账使用
createdAt: Date // 创建时间
}
// 租户积分记录 API
export const TenantPointsApi = {
// 查询租户积分记录分页
getTenantPointsPage: async (params: any) => {
return await request.get({ url: `/system/tenant-points/page`, params })
},
// 查询租户积分记录详情
getTenantPoints: async (id: number) => {
return await request.get({ url: `/system/tenant-points/get?id=` + id })
},
// 新增租户积分记录
createTenantPoints: async (data: TenantPointsVO) => {
return await request.post({ url: `/system/tenant-points/create`, data })
},
// 修改租户积分记录
updateTenantPoints: async (data: TenantPointsVO) => {
return await request.put({ url: `/system/tenant-points/update`, data })
},
// 删除租户积分记录
deleteTenantPoints: async (id: number) => {
return await request.delete({ url: `/system/tenant-points/delete?id=` + id })
},
// 导出租户积分记录 Excel
exportTenantPoints: async (params) => {
return await request.download({ url: `/system/tenant-points/export-excel`, params })
}
}

View File

@@ -324,7 +324,8 @@ export default {
typeUpdate: 'Dict Type Eidt',
dataCreate: 'Dict Data Create',
dataUpdate: 'Dict Data Eidt',
fileUpload: 'File Upload'
fileUpload: 'File Upload',
transfer: 'Transfer',
},
dialog: {
dialog: 'Dialog',

View File

@@ -329,7 +329,8 @@ export default {
typeCreate: '字典类型新增',
typeUpdate: '字典类型编辑',
dataCreate: '字典数据新增',
dataUpdate: '字典数据编辑'
dataUpdate: '字典数据编辑',
transfer: '转账',
},
dialog: {
dialog: '弹窗',

View File

@@ -255,5 +255,7 @@ export enum DICT_TYPE {
SORT_STATE = 'sort_state', // 升序降序
SORT_TYPE = 'sort_type', // 排序类型
FLAG_TYPE = 'flag_type', // 旗帜
HOSTS_KIND = 'hosts_type' // 直播类型
HOSTS_KIND = 'hosts_type', // 直播类型
PAY_TYPE = 'pay_type', // 支付类型
}

View File

@@ -232,7 +232,7 @@ onMounted(async () => {
await getAllApi()
await getAllocationList()
//用户id == 1 且
if (wsCache.get('roleRouters').find(item => item.id === 1)?.children.find(item => item.id === 100)) {
await fetchAllHostsCount(1)
@@ -246,6 +246,7 @@ onMounted(async () => {
// 每次页面“再次显示”时都会触发(前提:该路由组件被 keep-alive 缓存)
onActivated(async () => {
console.log(wsCache.get('roleRouters'))
await fetchDailyHostsCount()
await fetchDailyHostsCountDesc()

View File

@@ -1,46 +1,46 @@
<template>
<Dialog v-model="dialogVisible" :title="dialogTitle" width="50%">
<Dialog v-model="dialogVisible" :title="dialogTitle" width="60%">
<el-form ref="formRef" v-loading="formLoading" :model="formData" :rules="formRules" label-width="120px">
<!-- ========== 1. 基础信息 ========== -->
<el-divider>基础信息</el-divider>
<el-form-item label="租户名" prop="name">
<el-input v-model="formData.name" placeholder="请输入租户名" />
<el-input v-model="formData.name" placeholder="请输入租户名" :disabled="formType === 'renew'" />
</el-form-item>
<el-form-item label="租户套餐" prop="packageId">
<el-select v-model="formData.packageId" clearable placeholder="请选择租户套餐">
<el-option v-for="item in packageList" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
<el-form-item v-if="tenantLevel <= 1" label="租户类型" prop="tenantType">
<el-radio-group v-model="formData.tenantType" :disabled="formType === 'renew'">
<el-radio value="代理">代理</el-radio>
<el-radio value="租户">租户</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="联系人" prop="contactName">
<el-input v-model="formData.contactName" placeholder="请输入联系人" />
<el-input v-model="formData.contactName" placeholder="请输入联系人" :disabled="formType === 'renew'" />
</el-form-item>
<el-form-item label="联系手机" prop="contactMobile">
<el-input v-model="formData.contactMobile" placeholder="请输入联系手机" />
<el-input v-model="formData.contactMobile" placeholder="请输入联系手机" :disabled="formType === 'renew'" />
</el-form-item>
<el-form-item v-if="formData.id === undefined" label="用户名称" prop="username">
<el-form-item label="绑定域名" prop="website">
<el-input v-model="formData.website" placeholder="请输入绑定域名" :disabled="formType === 'renew'" />
</el-form-item>
<!-- 只有创建时才需要用户名+密码 -->
<el-form-item v-if="formType === 'create'" label="用户名称" prop="username">
<el-input v-model="formData.username" placeholder="请输入用户名称" />
</el-form-item>
<el-form-item v-if="formData.id === undefined" label="用户密码" prop="password">
<el-form-item v-if="formType === 'create'" label="用户密码" prop="password">
<el-input v-model="formData.password" placeholder="请输入用户密码" show-password type="password" />
</el-form-item>
<el-form-item label="账号额度" prop="accountCount">
<el-input-number v-model="formData.accountCount" :min="0" controls-position="right" placeholder="请输入账号额度" />
</el-form-item>
<el-form-item label="AI过期时间" prop="aiExpireTime">
<el-date-picker v-model="formData.aiExpireTime" clearable placeholder="请选择AI过期时间" type="date"
value-format="x" />
</el-form-item>
<el-form-item label="爬大哥过期时间" prop="brotherExpireTime">
<el-date-picker v-model="formData.brotherExpireTime" clearable placeholder="请选择爬大哥过期时间" type="date"
value-format="x" />
</el-form-item>
<el-form-item label="爬虫后台过期时间" prop="expireTime">
<el-date-picker v-model="formData.expireTime" clearable placeholder="请选择过期时间" type="date" value-format="x" />
</el-form-item>
<el-form-item label="绑定域名" prop="website">
<el-input v-model="formData.website" placeholder="请输入绑定域名" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="formData.remark" placeholder="请输入备注" />
<el-input-number v-model="formData.accountCount" :min="0" controls-position="right" placeholder="请输入账号额度"
:disabled="formType === 'renew'" />
</el-form-item>
<el-form-item label="租户状态" prop="status">
<el-radio-group v-model="formData.status">
<el-radio v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)" :key="dict.value" :value="dict.value">
@@ -48,102 +48,203 @@
</el-radio>
</el-radio-group>
</el-form-item>
<!-- 选择用户 -->
<el-form-item v-if="formType !== 'create'" label="选择用户" prop="userId">
<el-select v-model="userData.id" @change="changeUser" clearable placeholder="请选择租户">
<el-option v-for="item in userList" :key="item.id" :label="item.username" :value="item.id" />
<el-form-item label="备注" prop="remark">
<el-input v-model="formData.remark" placeholder="请输入备注" type="textarea" />
</el-form-item>
<!-- ========== 2. 套餐 & 权限 ========== -->
<el-divider>套餐 & 权限</el-divider>
<el-form-item label="租户套餐" prop="packageId">
<el-select v-model="formData.packageId" clearable placeholder="请选择租户套餐" @change="handlePackageChange">
<el-option v-for="item in packageList" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
<!-- 可选套餐菜单预览如果套餐里有 menus/menuTree 之类字段 -->
<!-- <el-form-item label="套餐菜单">
<el-tree v-if="currentPackageMenus.length" :data="currentPackageMenus" node-key="id"
:props="{ label: 'name', children: 'children' }" default-expand-all show-checkbox :check-strictly="true"
:disabled="true" />
<span v-else style="color:#999;">请选择租户套餐后查看菜单</span>
</el-form-item> -->
<!-- ========== 3. 服务到期时间开通/续费 ========== -->
<!-- <el-divider>服务到期时间</el-divider> -->
<!-- AI 过期时间改成预设时长 -->
<!-- <el-form-item label="AI过期时间" prop="aiExpireTime">
<div style="display: flex; align-items: center;">
<el-radio-group v-model="aiExpirePreset" @change="handleAiExpireChange">
<el-radio-button label="1d">1</el-radio-button>
<el-radio-button label="3d">3</el-radio-button>
<el-radio-button label="1m">1个月</el-radio-button>
<el-radio-button label="2m">2个月</el-radio-button>
<el-radio-button label="6m">6个月</el-radio-button>
<el-radio-button label="1y">1</el-radio-button>
</el-radio-group>
<span v-if="formData.aiExpireTime" style="margin-left: 12px; color: #666;">
到期时间{{ formatExpire(formData.aiExpireTime) }}
</span>
</div>
</el-form-item> -->
<!-- 爬大哥过期时间改成预设时长 -->
<!-- <el-form-item label="爬大哥过期时间" prop="brotherExpireTime">
<div style="display: flex; align-items: center;">
<el-radio-group v-model="brotherExpirePreset" @change="handleBrotherExpireChange">
<el-radio-button label="1d">1</el-radio-button>
<el-radio-button label="3d">3</el-radio-button>
<el-radio-button label="1m">1个月</el-radio-button>
<el-radio-button label="2m">2个月</el-radio-button>
<el-radio-button label="6m">6个月</el-radio-button>
<el-radio-button label="1y">1</el-radio-button>
</el-radio-group>
<span v-if="formData.brotherExpireTime" style="margin-left: 12px; color: #666;">
到期时间{{ formatExpire(formData.brotherExpireTime) }}
</span>
</div>
</el-form-item> -->
<!-- 爬虫后台过期时间也改成预设时长 -->
<el-form-item label="后台过期时间" prop="expireTime">
<div style="display: flex; align-items: center;">
<el-radio-group v-model="expirePreset" @change="handleExpireChange">
<el-radio-button label="1d">1</el-radio-button>
<el-radio-button label="3d">3</el-radio-button>
<el-radio-button label="1m">1个月</el-radio-button>
<el-radio-button label="2m">2个月</el-radio-button>
<el-radio-button label="6m">6个月</el-radio-button>
<el-radio-button label="1y">1</el-radio-button>
</el-radio-group>
<span v-if="formData.expireTime" style="margin-left: 12px; color: #666;">
到期时间{{ formatExpire(formData.expireTime) }}
</span>
</div>
</el-form-item>
<!-- ========== 4. 功能开关依赖到期时间 ========== -->
<!-- <el-divider>功能开关</el-divider> -->
<!-- 选择用户 -->
<!-- <el-form-item v-if="formType !== 'create'" label="选择用户" prop="userId">
<el-select v-model="userData.id" @change="changeUser" clearable placeholder="请选择租户用户">
<el-option v-for="item in userList" :key="item.id" :label="item.username" :value="item.id" />
</el-select>
</el-form-item> -->
<!-- 爬虫不受限制直接选 -->
<el-form-item v-if="userData.id" label="爬虫" prop="status">
<!-- <el-form-item v-if="userData.id" label="爬虫">
<el-radio-group v-model="userData.crawl">
<el-radio :value="1">开启</el-radio>
<el-radio :value="0">关闭</el-radio>
</el-radio-group>
</el-form-item>
</el-form-item> -->
<!-- 爬大哥必须先选爬大哥过期时间 -->
<el-form-item v-if="userData.id" label="爬大哥" prop="status">
<!-- <el-form-item v-if="userData.id" label="爬大哥">
<el-radio-group v-model="userData.bigBrother" :disabled="!formData.brotherExpireTime">
<el-radio :value="1">开启</el-radio>
<el-radio :value="0">关闭</el-radio>
</el-radio-group>
</el-form-item>
<small v-if="!formData.brotherExpireTime" style="color:#999;">请先选择爬大哥过期时间</small>
</el-form-item> -->
<!-- ai自动化必须先选AI过期时间 -->
<el-form-item v-if="userData.id" label="ai自动化" prop="status">
<!-- <el-form-item v-if="userData.id" label="AI自动化">
<el-radio-group v-model="userData.aiChat" :disabled="!formData.aiExpireTime">
<el-radio :value="1">开启</el-radio>
<el-radio :value="0">关闭</el-radio>
</el-radio-group>
</el-form-item>
</el-form-item> -->
<!-- ai回复必须先选AI过期时间 -->
<el-form-item v-if="userData.id" label="ai回复" prop="status">
<!-- <el-form-item v-if="userData.id" label="AI回复">
<el-radio-group v-model="userData.aiReplay" :disabled="!formData.aiExpireTime">
<el-radio :value="1">开启</el-radio>
<el-radio :value="0">关闭</el-radio>
</el-radio-group>
</el-form-item>
</el-form-item> -->
</el-form>
<template #footer>
<el-button :disabled="formLoading" type="primary" @click="submitForm"> </el-button>
<el-button @click="dialogVisible = false"> </el-button>
</template>
</Dialog>
</template>
<script lang="ts" setup>
import { watch, computed } from 'vue'
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
import * as TenantApi from '@/api/system/tenant'
import { getUserByTenant, updateRoleUser } from '@/api/system/user'
import { CommonStatusEnum } from '@/utils/constants'
import * as TenantPackageApi from '@/api/system/tenantPackage'
import * as userApi from '@/api/system/user'
import { watch } from 'vue' // ⭐ 确保引入 watch
// 记录打开弹窗时的原始到期时间,用来做续费基准
const originalExpireTimes = ref({
ai: undefined as number | undefined,
brother: undefined as number | undefined,
crawler: undefined as number | undefined
})
const tenantLevel = ref(3)
defineOptions({ name: 'SystemTenantForm' })
TenantApi.getSelfTenantLevel().then(res => {
tenantLevel.value = res.tenantLevel
console.log(tenantLevel.value)
})
const { t } = useI18n()
const message = useMessage()
const dialogVisible = ref(false)
const dialogTitle = ref('')
const formLoading = ref(false)
// 新增一个类型renew
const formType = ref<'create' | 'update' | 'renew'>('create')
// 预设选项的 v-model
const aiExpirePreset = ref<string | null>(null)
const brotherExpirePreset = ref<string | null>(null)
const expirePreset = ref<string | null>(null)
const { t } = useI18n() // 国际化
const message = useMessage() // 消息弹窗
const dialogVisible = ref(false) // 弹窗的是否展示
const dialogTitle = ref('') // 弹窗的标题
const formLoading = ref(false) // 表单的加载中1修改时的数据加载2提交的按钮禁用
const formType = ref('') // 表单的类型create - 新增update - 修改
const formData = ref({
id: 0,
name: undefined,
packageId: undefined,
contactName: undefined,
contactMobile: undefined,
accountCount: undefined,
expireTime: undefined,
website: undefined,
name: undefined as string | undefined,
packageId: undefined as number | undefined,
contactName: undefined as string | undefined,
contactMobile: undefined as string | undefined,
accountCount: undefined as number | undefined,
tenantType: '租户' as string | undefined,
expireTime: undefined as number | undefined,
website: undefined as string | undefined,
status: CommonStatusEnum.ENABLE,
// 新增专属
username: undefined,
password: undefined,
remark: undefined,
aiExpireTime: undefined,
brotherExpireTime: undefined,
username: undefined as string | undefined,
password: undefined as string | undefined,
remark: undefined as string | undefined,
aiExpireTime: undefined as number | undefined,
brotherExpireTime: undefined as number | undefined
})
const userData = ref({} as userApi.UserVO)
let userList = ref([{
id: 0,
aiChat: 0,
bigBrother: 0,
crawl: 0
}])
const userList = ref<userApi.UserVO[]>([
{
id: 0,
aiChat: 0,
bigBrother: 0,
crawl: 0
} as any
])
const formRules = reactive({
name: [{ required: true, message: '租户名不能为空', trigger: 'blur' }],
packageId: [{ required: true, message: '租户套餐不能为空', trigger: 'blur' }],
contactName: [{ required: true, message: '联系人不能为空', trigger: 'blur' }],
// contactMobile: [
// { required: true, message: '手机号不能为空', trigger: 'blur' },
// { pattern: /^1[3-9]\d{9}$/, message: '请输入有效的 11 位手机号', trigger: ['blur', 'change'] }
// ],
status: [{ required: true, message: '租户状态不能为空', trigger: 'blur' }],
tenantType: [{ required: true, message: '租户类型不能为空', trigger: 'blur' }],
accountCount: [{ required: true, message: '账号额度不能为空', trigger: 'blur' }],
expireTime: [{ required: true, message: '过期时间不能为空', trigger: 'blur' }],
website: [{ required: true, message: '绑定域名不能为空', trigger: 'blur' }],
@@ -153,55 +254,158 @@ const formRules = reactive({
],
password: [{ required: true, message: '用户密码不能为空', trigger: 'blur' }]
})
const formRef = ref() // 表单 Ref
const packageList = ref([] as TenantPackageApi.TenantPackageVO[]) // 租户套餐
const formRef = ref()
const packageList = ref([] as TenantPackageApi.TenantPackageVO[])
// 当前套餐菜单:用于树形只读展示(后端要在套餐里带 menus / menuTree 等字段)
const currentPackageMenus = computed(() => {
const pkg = packageList.value.find((p) => p.id === formData.value.packageId)
return (pkg && (pkg as any).menus) || []
})
// 工具:根据预设计算到期时间(统一到 0 点,且进一到下一天)
function calcExpireFromPreset(preset: string, baseExpire?: number): number {
const now = new Date()
// 1. 基准时间:如果原始到期时间在未来,就从原始到期时间算;否则从今天算
let base = now
if (baseExpire) {
const cur = new Date(baseExpire)
if (cur.getTime() > now.getTime()) {
base = cur
}
}
// 2. 在基准时间上加时长
const target = new Date(base)
switch (preset) {
case '1d':
target.setDate(target.getDate() + 1)
break
case '3d':
target.setDate(target.getDate() + 3)
break
case '1m':
target.setMonth(target.getMonth() + 1)
break
case '2m':
target.setMonth(target.getMonth() + 2)
break
case '6m':
target.setMonth(target.getMonth() + 6)
break
case '1y':
target.setFullYear(target.getFullYear() + 1)
break
}
// 3. 进一到下一天 0 点
const end = new Date(
target.getFullYear(),
target.getMonth(),
target.getDate() + 1,
0,
0,
0,
0
)
return end.getTime()
}
// 选 AI 过期预设时,同步到真正的 aiExpireTime
function handleAiExpireChange(preset: string) {
if (!preset) {
formData.value.aiExpireTime = undefined
} else {
formData.value.aiExpireTime = calcExpireFromPreset(
preset,
originalExpireTimes.value.ai // 🔴 用原始 ai 到期时间
)
}
}
// 选 爬大哥 过期预设时,同步到真正的 brotherExpireTime
function handleBrotherExpireChange(preset: string) {
if (!preset) {
formData.value.brotherExpireTime = undefined
} else {
formData.value.brotherExpireTime = calcExpireFromPreset(
preset,
originalExpireTimes.value.brother // 🔴 用原始 brother 到期时间
)
}
}
// 选 爬虫后台 过期预设时,同步到真正的 expireTime
function handleExpireChange(preset: string) {
if (!preset) {
formData.value.expireTime = undefined
} else {
formData.value.expireTime = calcExpireFromPreset(
preset,
originalExpireTimes.value.crawler // 🔴 用原始 expireTime
)
}
}
// 套餐切换:现在只负责展示菜单,金额逻辑都在后端
function handlePackageChange(id: number) {
// 如果将来需要从套餐带出其他信息,可以在这里扩展
}
/** 打开弹窗 */
const open = async (type: string, id?: number) => {
const open = async (type: 'create' | 'update' | 'renew', id?: number) => {
dialogVisible.value = true
dialogTitle.value = t('action.' + type)
formType.value = type
dialogTitle.value =
type === 'create' ? t('action.create') : type === 'update' ? t('action.update') : '租户续费'
resetForm()
// 修改时,设置数据
if (id) {
formLoading.value = true
try {
formData.value = await TenantApi.getTenant(id)
getUserByTenant(id).then(res => {
console.log(res)
// 🔴 这里记录原始到期时间,后面续费都基于这三个算
originalExpireTimes.value.ai = formData.value.aiExpireTime
originalExpireTimes.value.brother = formData.value.brotherExpireTime
originalExpireTimes.value.crawler = formData.value.expireTime
getUserByTenant(id).then((res) => {
userList.value = res
})
} finally {
formLoading.value = false
}
}
// 加载套餐列表
packageList.value = await TenantPackageApi.getTenantPackageList()
}
defineExpose({ open }) // 提供 open 方法,用于打开弹窗
defineExpose({ open })
/** 提交表单 */
const emit = defineEmits(['success']) // 定义 success 事件,用于操作成功后的回调
const emit = defineEmits(['success'])
const submitForm = async () => {
// 校验表单
if (!formRef) return
const valid = await formRef.value.validate()
if (!valid) return
// 提交请求
formLoading.value = true
try {
const data = formData.value as unknown as TenantApi.TenantVO
if (formType.value === 'create') {
//下次更改内容,创建账号 给一个权限 爬大哥和AI
await TenantApi.createTenant(data)
message.success(t('common.createSuccess'))
} else {
// update + renew 都用 updateTenant参数不变
await TenantApi.updateTenant(data)
await updateRoleUser(userData.value)
message.success(t('common.updateSuccess'))
message.success(formType.value === 'renew' ? '续费成功' : t('common.updateSuccess'))
}
dialogVisible.value = false
// 发送操作成功的事件
emit('success')
} finally {
formLoading.value = false
@@ -211,35 +415,62 @@ const submitForm = async () => {
/** 重置表单 */
const resetForm = () => {
formData.value = {
id: undefined,
id: undefined as any,
name: undefined,
packageId: undefined,
contactName: undefined,
contactMobile: undefined,
accountCount: undefined,
tenantType: '租户', // ✅ 重置时也默认“租户”
expireTime: undefined,
website: undefined,
status: CommonStatusEnum.ENABLE,
username: undefined,
password: undefined,
remark: undefined,
aiExpireTime: undefined, // ⭐ 加上
brotherExpireTime: undefined, // ⭐ 加上
aiExpireTime: undefined,
brotherExpireTime: undefined
}
aiExpirePreset.value = null
brotherExpirePreset.value = null
expirePreset.value = null
userData.value = {} as userApi.UserVO
formRef.value?.resetFields()
originalExpireTimes.value = {
ai: undefined,
brother: undefined,
crawler: undefined
}
formRef.value?.resetFields?.()
}
function changeUser(val) {
userList.value.forEach(item => {
function changeUser(val: number) {
userList.value.forEach((item) => {
if (item.id === val) {
userData.value = item
userData.value.tenantId = formData.value.id
; (userData.value as any).tenantId = formData.value.id
if (!formData.value.aiExpireTime) {
userData.value.aiChat = 0
userData.value.aiReplay = 0
}
if (!formData.value.brotherExpireTime) {
userData.value.bigBrother = 0
}
}
})
}
function formatExpire(time?: number) {
if (!time) return ''
const d = new Date(time)
const pad = (n: number) => String(n).padStart(2, '0')
const Y = d.getFullYear()
const M = pad(d.getMonth() + 1)
const D = pad(d.getDate())
const h = pad(d.getHours())
const m = pad(d.getMinutes())
const s = pad(d.getSeconds())
return `${Y}-${M}-${D} ${h}:${m}:${s}`
}
// AI 过期时间变化:没有时间时,禁止并关闭 ai 功能
watch(
() => formData.value.aiExpireTime,

View File

@@ -79,14 +79,12 @@
<el-table-column type="selection" width="55" />
<el-table-column label="租户编号" align="center" prop="id" />
<el-table-column label="租户名" align="center" prop="name" />
<el-table-column label="租户类型" align="center" prop="tenantType" />
<el-table-column label="租户套餐" align="center" prop="packageId">
<template #default="scope">
<el-tag v-if="scope.row.packageId === 0" type="danger">系统租户</el-tag>
<template v-else v-for="item in packageList">
<el-tag type="success" :key="item.id" v-if="item.id === scope.row.packageId">
{{ item.name }}
</el-tag>
</template>
<el-tag :type="scope.row.packageId === 0 ? 'danger' : 'success'">
{{ getPackageName(scope.row.packageId) }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="联系人" align="center" prop="contactName" />
@@ -107,12 +105,15 @@
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180" :formatter="dateFormatter" />
<el-table-column label="操作" align="center" min-width="110" fixed="right">
<el-table-column label="操作" align="center" min-width="160" fixed="right">
<template #default="scope">
<el-button link type="primary" @click="openForm('update', scope.row.id)"
v-hasPermi="['system:tenant:update']">
编辑
</el-button>
<el-button link type="warning" @click="openForm('renew', scope.row.id)" v-hasPermi="['system:tenant:update']">
续费
</el-button>
<el-button link type="danger" @click="handleDelete(scope.row.id)" v-hasPermi="['system:tenant:delete']">
删除
</el-button>
@@ -134,9 +135,9 @@ import download from '@/utils/download'
import * as TenantApi from '@/api/system/tenant'
import * as TenantPackageApi from '@/api/system/tenantPackage'
import TenantForm from './TenantForm.vue'
import { useUserStore } from '@/store/modules/user'
defineOptions({ name: 'SystemTenant' })
const userStore = useUserStore()
const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化
@@ -150,6 +151,7 @@ const queryParams = reactive({
contactName: undefined,
contactMobile: undefined,
status: undefined,
tenantType: undefined,
remark: undefined,
createTime: [],
aiExpireTime: [],
@@ -159,12 +161,19 @@ const queryParams = reactive({
const queryFormRef = ref() // 搜索的表单
const exportLoading = ref(false) // 导出的加载中
const packageList = ref([] as TenantPackageApi.TenantPackageVO[]) //租户套餐列表
const packageAgencyList = ref([] as TenantPackageApi.TenantPackageVO[]) //租户套餐列表
/** 查询列表 */
const getList = async () => {
loading.value = true
try {
const data = await TenantApi.getTenantPage(queryParams)
let data = ''
if (userStore.getUser.id === 1) {
data = await TenantApi.getTenantPage(queryParams)
} else {
data = await TenantApi.getTenantPageSelf(queryParams)
}
list.value = data.list
total.value = data.total
} finally {
@@ -186,7 +195,7 @@ const resetQuery = () => {
/** 添加/修改操作 */
const formRef = ref()
const openForm = (type: string, id?: number) => {
const openForm = (type: 'create' | 'update' | 'renew', id?: number) => {
formRef.value.open(type, id)
}
@@ -235,11 +244,31 @@ const handleExport = async () => {
exportLoading.value = false
}
}
const getPackageName = (packageId: number) => {
if (packageId === 0) return '系统租户'
// 先从 packageList 找
const pkg = packageList.value.find((p) => p.id === packageId)
if (pkg) return pkg.name
// packageList 未找到,并且 packageId !== 1 时,再从 packageAgencyList 找
if (packageId !== 1) {
const agency = packageAgencyList.value.find((a) => a.id === packageId)
if (agency) return agency.name
}
return '未知套餐'
}
/** 初始化 **/
onMounted(async () => {
await getList()
// 获取租户套餐列表
packageList.value = await TenantPackageApi.getTenantPackageList()
if (userStore.getUser.id === 1) {
packageAgencyList.value = await TenantPackageApi.getTenantPackageListagency()
}
})
</script>

View File

@@ -1,12 +1,6 @@
<template>
<Dialog v-model="dialogVisible" :title="dialogTitle">
<el-form
ref="formRef"
v-loading="formLoading"
:model="formData"
:rules="formRules"
label-width="80px"
>
<el-form ref="formRef" v-loading="formLoading" :model="formData" :rules="formRules" label-width="80px">
<el-form-item label="套餐名" prop="name">
<el-input v-model="formData.name" placeholder="请输入套餐名" />
</el-form-item>
@@ -14,39 +8,19 @@
<el-card class="w-full h-400px !overflow-y-scroll" shadow="never">
<template #header>
全选/全不选:
<el-switch
v-model="treeNodeAll"
active-text=""
inactive-text=""
inline-prompt
@change="handleCheckedTreeNodeAll"
/>
<el-switch v-model="treeNodeAll" active-text="是" inactive-text="否" inline-prompt
@change="handleCheckedTreeNodeAll" />
全部展开/折叠:
<el-switch
v-model="menuExpand"
active-text="展开"
inactive-text="折叠"
inline-prompt
@change="handleCheckedTreeExpand"
/>
<el-switch v-model="menuExpand" active-text="展开" inactive-text="折叠" inline-prompt
@change="handleCheckedTreeExpand" />
</template>
<el-tree
ref="treeRef"
:data="menuOptions"
:props="defaultProps"
empty-text="加载中请稍候"
node-key="id"
show-checkbox
/>
<el-tree ref="treeRef" :data="menuOptions" :props="defaultProps" empty-text="加载中请稍候" node-key="id"
show-checkbox />
</el-card>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="formData.status">
<el-radio
v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
:key="dict.value"
:value="dict.value"
>
<el-radio v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)" :key="dict.value" :value="dict.value">
{{ dict.label }}
</el-radio>
</el-radio-group>

View File

@@ -0,0 +1,233 @@
<template>
<Dialog :title="dialogTitle" v-model="dialogVisible">
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px" v-loading="formLoading">
<el-form-item label="套餐名" prop="name">
<el-input v-model="formData.name" placeholder="请输入套餐名" />
</el-form-item>
<el-form-item label="租户状态" prop="status">
<el-radio-group v-model="formData.status">
<el-radio :value="0">正常</el-radio>
<el-radio :value="1">停用</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="formData.remark" placeholder="请输入备注" />
</el-form-item>
<!-- 改成树形菜单选择 -->
<el-form-item label="菜单权限" prop="menuIds">
<el-card class="w-full h-400px !overflow-y-scroll" shadow="never">
<template #header>
全选/全不选
<el-switch v-model="treeNodeAll" active-text="是" inactive-text="否" inline-prompt
@change="handleCheckedTreeNodeAll" />
&nbsp;全部展开/折叠
<el-switch v-model="menuExpand" active-text="展开" inactive-text="折叠" inline-prompt
@change="handleCheckedTreeExpand" />
</template>
<el-tree ref="treeRef" :data="menuOptions" :props="defaultProps" empty-text="加载中请稍候" node-key="id"
show-checkbox />
</el-card>
</el-form-item>
<el-form-item label="套餐天数" prop="days">
<el-input v-model="formData.days" placeholder="请输入套餐天数" />
</el-form-item>
<el-form-item label="套餐价格" prop="price">
<el-input v-model="formData.price" placeholder="请输入套餐价格" />
</el-form-item>
<!-- 爬大哥必须先选爬大哥过期时间 -->
<el-form-item label="爬大哥">
<el-radio-group v-model="formData.brotherClient">
<el-radio :value="1">开启</el-radio>
<el-radio :value="0">关闭</el-radio>
</el-radio-group>
</el-form-item>
<!-- ai自动化必须先选AI过期时间 -->
<el-form-item label="AI自动化">
<el-radio-group v-model="formData.hostslClient">
<el-radio :value="1">开启</el-radio>
<el-radio :value="0">关闭</el-radio>
</el-radio-group>
</el-form-item>
<!-- ai回复必须先选AI过期时间 -->
<el-form-item label="AI回复">
<el-radio-group v-model="formData.aiClient">
<el-radio :value="1">开启</el-radio>
<el-radio :value="0">关闭</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="套餐类型" prop="packageType">
<el-select v-model="formData.packageType" placeholder="请选择套餐类型">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
</el-form>
<template #footer>
<el-button @click="submitForm" type="primary" :disabled="formLoading"> </el-button>
<el-button @click="dialogVisible = false"> </el-button>
</template>
</Dialog>
</template>
<script setup lang="ts">
import { TenantAgencyPackageApi, TenantAgencyPackageVO } from '@/api/system/tenantagencypackage'
import * as MenuApi from '@/api/system/menu'
import { defaultProps, handleTree } from '@/utils/tree'
import { ElTree } from 'element-plus'
/** 代理租户套餐 表单 */
defineOptions({ name: 'TenantAgencyPackageForm' })
const { t } = useI18n()
const message = useMessage()
const dialogVisible = ref(false)
const dialogTitle = ref('')
const formLoading = ref(false)
const formType = ref<'create' | 'update' | string>('')
const formData = ref({
id: undefined as number | undefined,
name: undefined as string | undefined,
status: 0 as 0 | 1 | undefined, // 默认正常
remark: undefined as string | undefined,
menuIds: [] as number[], // ✅ 改成数组
days: undefined as number | undefined,
price: undefined as number | undefined,
hostslClient: undefined as number | undefined,
brotherClient: undefined as number | undefined,
aiClient: undefined as number | undefined,
packageType: undefined as string | undefined
})
const formRules = reactive({
name: [{ required: true, message: '套餐名不能为空', trigger: 'blur' }],
status: [{ required: true, message: '租户状态不能为空', trigger: 'change' }],
// menuIds: [{ required: true, message: '关联的菜单编号不能为空', trigger: 'change' }], // ✅ 校验菜单
days: [{ required: true, message: '套餐天数不能为空', trigger: 'blur' }],
price: [{ required: true, message: '套餐价格不能为空', trigger: 'blur' }]
})
const formRef = ref()
// ✅ 菜单树相关
const menuOptions = ref<any[]>([])
const menuExpand = ref(false)
const treeRef = ref<InstanceType<typeof ElTree>>()
const treeNodeAll = ref(false)
/** 打开弹窗 */
const open = async (type: string, id?: number) => {
dialogVisible.value = true
dialogTitle.value = t('action.' + type)
formType.value = type
await resetForm()
// 先加载菜单树数据(一定要先有数据,后 setChecked
formLoading.value = true
try {
const menus = await MenuApi.getSimpleMenusList()
menuOptions.value = handleTree(menus)
} finally {
formLoading.value = false
}
// 编辑:回显数据并勾选
if (id) {
formLoading.value = true
try {
const data = await TenantAgencyPackageApi.getTenantAgencyPackage(id)
formData.value = {
...formData.value,
...data,
menuIds: Array.isArray(data.menuIds) ? data.menuIds : []
}
// 勾选已有关联
formData.value.menuIds.forEach((mid: number) => {
treeRef.value?.setChecked(mid, true, false)
})
} finally {
formLoading.value = false
}
}
}
defineExpose({ open })
/** 提交表单 */
const emit = defineEmits(['success'])
const submitForm = async () => {
// 1. 先做表单校验
await formRef.value.validate()
// 2. 从树组件拿选中的菜单 id包含半选
const checked = (treeRef.value?.getCheckedKeys(false) || []) as number[]
const half = (treeRef.value?.getHalfCheckedKeys() || []) as number[]
const menuIds = Array.from(new Set([...checked, ...half])) // 去重一下
// 3. 把 menuIds 塞回 formData或者直接合并到 data 里)
formData.value.menuIds = menuIds
formLoading.value = true
try {
// 4. 组装真正发给后端的参数
const data = {
...(formData.value as any),
menuIds // ✅ 确保有这个字段
} as TenantAgencyPackageVO
if (formType.value === 'create') {
await TenantAgencyPackageApi.createTenantAgencyPackage(data)
message.success(t('common.createSuccess'))
} else {
await TenantAgencyPackageApi.updateTenantAgencyPackage(data)
message.success(t('common.updateSuccess'))
}
dialogVisible.value = false
emit('success')
} finally {
formLoading.value = false
}
}
/** 重置表单 */
const resetForm = async () => {
treeNodeAll.value = false
menuExpand.value = false
formData.value = {
id: undefined,
name: undefined,
status: 0,
remark: undefined,
menuIds: [], // ✅ 清空
days: undefined,
price: undefined,
hostslClient: undefined,
brotherClient: undefined,
aiClient: undefined,
packageType: undefined
}
treeRef.value?.setCheckedNodes([])
formRef.value?.resetFields()
}
/** 全选/全不选 */
const handleCheckedTreeNodeAll = () => {
treeRef.value?.setCheckedNodes(treeNodeAll.value ? menuOptions.value : [])
}
/** 展开/折叠全部 */
const handleCheckedTreeExpand = () => {
const nodes = (treeRef.value as any)?.store?.nodesMap
if (!nodes) return
for (const key in nodes) {
if (Object.prototype.hasOwnProperty.call(nodes, key)) {
nodes[key].expanded = menuExpand.value
}
}
}
</script>

View File

@@ -0,0 +1,200 @@
<template>
<ContentWrap>
<!-- 搜索工作栏 -->
<el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true">
<el-form-item label="套餐名" prop="name">
<el-input v-model="queryParams.name" placeholder="请输入套餐名" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="租户状态 " prop="status">
<el-select v-model="queryParams.status" placeholder="请选择租户状态 " clearable class="!w-240px">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="queryParams.remark" placeholder="请输入备注" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-date-picker v-model="queryParams.createTime" value-format="YYYY-MM-DD HH:mm:ss" type="daterange"
start-placeholder="开始日期" end-placeholder="结束日期"
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" class="!w-220px" />
</el-form-item>
<el-form-item label="套餐天数" prop="days">
<el-input v-model="queryParams.days" placeholder="请输入套餐天数" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="套餐价格" prop="price">
<el-input v-model="queryParams.price" placeholder="请输入套餐价格" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="爬主播客户端 " prop="hostslClient">
<el-input v-model="queryParams.hostslClient" placeholder="请输入爬主播客户端 " clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="爬大哥客户端 " prop="brotherClient">
<el-input v-model="queryParams.brotherClient" placeholder="请输入爬大哥客户端 " clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="AI 客户端 " prop="aiClient">
<el-input v-model="queryParams.aiClient" placeholder="请输入AI 客户端 " clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="套餐类型" prop="packageType">
<el-select v-model="queryParams.packageType" placeholder="请选择套餐类型" clearable class="!w-240px">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item>
<el-button @click="handleQuery">
<Icon icon="ep:search" class="mr-5px" /> 搜索
</el-button>
<el-button @click="resetQuery">
<Icon icon="ep:refresh" class="mr-5px" /> 重置
</el-button>
<el-button type="primary" plain @click="openForm('create')"
v-hasPermi="['system:tenant-agency-package:create']">
<Icon icon="ep:plus" class="mr-5px" /> 新增
</el-button>
<el-button type="success" plain @click="handleExport" :loading="exportLoading"
v-hasPermi="['system:tenant-agency-package:export']">
<Icon icon="ep:download" class="mr-5px" /> 导出
</el-button>
</el-form-item>
</el-form>
</ContentWrap>
<!-- 列表 -->
<ContentWrap>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<el-table-column label="套餐编号" align="center" prop="id" />
<el-table-column label="套餐名" align="center" prop="name" />
<el-table-column label="租户状态 " align="center" prop="status" />
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="关联的菜单编号" align="center" prop="menuIds" />
<el-table-column label="创建时间" align="center" prop="createTime" :formatter="dateFormatter" width="180px" />
<el-table-column label="套餐天数" align="center" prop="days" />
<el-table-column label="套餐价格" align="center" prop="price" />
<el-table-column label="爬主播客户端 " align="center" prop="hostslClient" />
<el-table-column label="爬大哥客户端 " align="center" prop="brotherClient" />
<el-table-column label="AI 客户端 " align="center" prop="aiClient" />
<el-table-column label="套餐类型" align="center" prop="packageType" />
<el-table-column label="操作" align="center" min-width="120px">
<template #default="scope">
<el-button link type="primary" @click="openForm('update', scope.row.id)"
v-hasPermi="['system:tenant-agency-package:update']">
编辑
</el-button>
<el-button link type="danger" @click="handleDelete(scope.row.id)"
v-hasPermi="['system:tenant-agency-package:delete']">
删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
@pagination="getList" />
</ContentWrap>
<!-- 表单弹窗添加/修改 -->
<TenantAgencyPackageForm ref="formRef" @success="getList" />
</template>
<script setup lang="ts">
import { dateFormatter } from '@/utils/formatTime'
import download from '@/utils/download'
import { TenantAgencyPackageApi, TenantAgencyPackageVO } from '@/api/system/tenantagencypackage'
import TenantAgencyPackageForm from './TenantAgencyPackageForm.vue'
/** 代理租户套餐 列表 */
defineOptions({ name: 'TenantAgencyPackage' })
const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化
const loading = ref(true) // 列表的加载中
const list = ref<TenantAgencyPackageVO[]>([]) // 列表的数据
const total = ref(0) // 列表的总页数
const queryParams = reactive({
pageNo: 1,
pageSize: 10,
name: undefined,
status: undefined,
remark: undefined,
menuIds: undefined,
createTime: [],
days: undefined,
price: undefined,
hostslClient: undefined,
brotherClient: undefined,
aiClient: undefined,
packageType: undefined
})
const queryFormRef = ref() // 搜索的表单
const exportLoading = ref(false) // 导出的加载中
/** 查询列表 */
const getList = async () => {
loading.value = true
try {
const data = await TenantAgencyPackageApi.getTenantAgencyPackagePage(queryParams)
list.value = data.list
total.value = data.total
} finally {
loading.value = false
}
}
/** 搜索按钮操作 */
const handleQuery = () => {
queryParams.pageNo = 1
getList()
}
/** 重置按钮操作 */
const resetQuery = () => {
queryFormRef.value.resetFields()
handleQuery()
}
/** 添加/修改操作 */
const formRef = ref()
const openForm = (type: string, id?: number) => {
formRef.value.open(type, id)
}
/** 删除按钮操作 */
const handleDelete = async (id: number) => {
try {
// 删除的二次确认
await message.delConfirm()
// 发起删除
await TenantAgencyPackageApi.deleteTenantAgencyPackage(id)
message.success(t('common.delSuccess'))
// 刷新列表
await getList()
} catch { }
}
/** 导出按钮操作 */
const handleExport = async () => {
try {
// 导出的二次确认
await message.exportConfirm()
// 发起导出
exportLoading.value = true
const data = await TenantAgencyPackageApi.exportTenantAgencyPackage(queryParams)
download.excel(data, '代理租户套餐.xls')
} catch {
} finally {
exportLoading.value = false
}
}
/** 初始化 **/
onMounted(() => {
getList()
})
</script>

View File

@@ -0,0 +1,169 @@
<template>
<Dialog :title="dialogTitle" v-model="dialogVisible">
<el-form v-if="formType === 'update'" ref="formRef" :model="formData" :rules="formRules" label-width="100px"
v-loading="formLoading">
<el-form-item label="充值用户" prop="id">
<el-input v-model="formData.id" placeholder="请输入充值用户" />
</el-form-item>
<el-form-item v-if="formType === 'update'" label="充值金额" prop="amount">
<!-- 改为 el-input-number仅允许数值输入且最小 0 -->
<el-input-number v-model.number="formData.amount" :min="0" controls-position="right" placeholder="请输入充值金额" />
</el-form-item>
<!-- 只有 transfer 类型时显示 -->
<el-form-item label="备注" prop="remark">
<el-input v-model="formData.remark" placeholder="请输入备注" />
</el-form-item>
</el-form>
<el-form v-if="formType === 'transfer'" ref="formRef" :model="formData" :rules="formRules" label-width="100px"
v-loading="formLoading">
<el-form-item label="转账用户" prop="targetTenantId">
<el-input v-model="formData.targetTenantId" placeholder="请输入转账用户" />
</el-form-item>
<el-form-item v-if="formType === 'transfer'" label="转账金额" prop="transferAmount">
<!-- 改为 el-input-number仅允许数值输入且最小 0 -->
<el-input-number v-model.number="formData.transferAmount" :min="0" controls-position="right"
placeholder="请输入转账金额" />
</el-form-item>
<el-form-item v-if="formType === 'transfer'" label="登录密码" prop="password">
<el-input v-model="formData.password" type="password" show-password placeholder="请输入登录密码" />
</el-form-item>
<!-- 只有 transfer 类型时显示 -->
<el-form-item label="备注" prop="remark">
<el-input v-model="formData.remark" placeholder="请输入备注" />
</el-form-item>
</el-form>
<template #footer>
<el-button @click="submitForm" type="primary" :disabled="formLoading">
</el-button>
<el-button @click="dialogVisible = false"> </el-button>
</template>
</Dialog>
</template>
<script setup lang="ts">
import { computed, ref, reactive } from 'vue'
import { TenantBalanceApi, TenantBalanceVO } from '@/api/system/tenantbalance'
/** 租户余额 表单 */
defineOptions({ name: 'TenantBalanceForm' })
const { t } = useI18n() // 国际化
const message = useMessage() // 消息弹窗
const dialogVisible = ref(false) // 弹窗的是否展示
const dialogTitle = ref('') // 弹窗的标题
const formLoading = ref(false) // 表单的加载中1修改时的数据加载2提交的按钮禁用
const formType = ref('') // 表单的类型create - 新增update - 修改transfer - 转账等
const formData = ref({
tenantId: undefined as number | undefined,
id: undefined as number | undefined,
amount: undefined as number | undefined,
transferAmount: undefined as number | undefined,
targetTenantId: undefined as number | undefined,
remark: undefined as string | undefined, // 变动表述
password: undefined as string | undefined // 登录密码
})
/** 校验规则transfer 时才要求 remark 必填 */
const formRules = computed(() => {
const baseRules: any = {
id: [{ required: true, message: '用户不能为空', trigger: 'blur' }],
amount: [{ required: true, message: '金额不能为空', trigger: 'blur' }]
}
if (formType.value === 'transfer') {
baseRules.password = [
{ required: true, message: '登录密码不能为空', trigger: 'blur' }
]
baseRules.transferAmount = [
{ required: true, message: '转账金额不能为空', trigger: 'blur' }
]
}
return baseRules
})
const formRef = ref() // 表单 Ref
/** 打开弹窗 */
const open = async (type: string, id?: number) => {
dialogVisible.value = true
dialogTitle.value = t('action.' + type)
formType.value = type
resetForm()
// 修改时,设置数据
if (id) {
formLoading.value = true
try {
const data = await TenantBalanceApi.getTenantBalance(id)
// 保证有 remark 和 password 字段(接口没有的话就保持 undefined
formData.value = {
tenantId: data.tenantId,
id: data.id,
amount: data.amount,
targetTenantId: data.id,
remark: undefined,
password: undefined,
transferAmount: undefined
}
} finally {
formLoading.value = false
}
}
}
defineExpose({ open }) // 提供 open 方法,用于打开弹窗
/** 提交表单 */
const emit = defineEmits(['success']) // 定义 success 事件,用于操作成功后的回调
const submitForm = async () => {
console.log(formData.value)
// 校验表单
await formRef.value.validate()
// 提交请求
formLoading.value = true
try {
const data = formData.value as unknown as TenantBalanceVO
if (formType.value === 'create') {
await TenantBalanceApi.createTenantBalance(data)
message.success(t('common.createSuccess'))
} else if (formType.value === 'transfer') {
await TenantBalanceApi.tenantTransfer(data)
message.success(t('common.updateSuccess'))
} else {
await TenantBalanceApi.addAmount(data)
message.success(t('common.updateSuccess'))
}
dialogVisible.value = false
// 发送操作成功的事件
emit('success')
} finally {
formLoading.value = false
}
}
/** 重置表单 */
const resetForm = () => {
formData.value = {
tenantId: undefined,
id: undefined,
amount: undefined,
transferAmount: undefined,
remark: undefined,
password: undefined
}
formRef.value?.resetFields()
}
</script>

View File

@@ -0,0 +1,132 @@
<template>
<Dialog :title="dialogTitle" v-model="dialogVisible">
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px" v-loading="formLoading">
<el-form-item label="本次变动点数,正加负减" prop="points">
<el-input v-model="formData.points" placeholder="请输入本次变动点数,正加负减" />
</el-form-item>
<el-form-item label="变动后余额快照(冗余)" prop="balance">
<el-input v-model="formData.balance" placeholder="请输入变动后余额快照(冗余)" />
</el-form-item>
<el-form-item label="变动类型,如 RECHARGE, CONSUME, TRANSFER_OUT, TRANSFER_IN" prop="type">
<el-select v-model="formData.type" placeholder="请选择变动类型,如 RECHARGE, CONSUME, TRANSFER_OUT, TRANSFER_IN">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="备注" prop="remark">
<Editor v-model="formData.remark" height="150px" />
</el-form-item>
<el-form-item label="订单 Id/业务单号" prop="orderId">
<el-input v-model="formData.orderId" placeholder="请输入订单 Id/业务单号" />
</el-form-item>
<el-form-item label="业务流水号(转账、订单等唯一标识)" prop="bizNo">
<el-input v-model="formData.bizNo" placeholder="请输入业务流水号(转账、订单等唯一标识)" />
</el-form-item>
<el-form-item label="操作人 Id" prop="operatorId">
<el-input v-model="formData.operatorId" placeholder="请输入操作人 Id" />
</el-form-item>
<el-form-item label="目标租户 Id转账使用" prop="targetTenantId">
<el-input v-model="formData.targetTenantId" placeholder="请输入目标租户 Id转账使用" />
</el-form-item>
<el-form-item label="创建时间" prop="createdAt">
<el-date-picker v-model="formData.createdAt" type="date" value-format="x" placeholder="选择创建时间" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="formData.remark" placeholder="请输入备注" />
</el-form-item>
</el-form>
<template #footer>
<el-button @click="submitForm" type="primary" :disabled="formLoading"> </el-button>
<el-button @click="dialogVisible = false"> </el-button>
</template>
</Dialog>
</template>
<script setup lang="ts">
import { TenantBalanceApi } from '@/api/system/tenantbalance'
const { t } = useI18n() // 国际化
const message = useMessage() // 消息弹窗
const dialogVisible = ref(false) // 弹窗的是否展示
const dialogTitle = ref('') // 弹窗的标题
const formLoading = ref(false) // 表单的加载中1修改时的数据加载2提交的按钮禁用
const formType = ref('') // 表单的类型create - 新增update - 修改
const formData = ref({
id: undefined,
points: undefined,
balance: undefined,
type: undefined,
remark: undefined,
orderId: undefined,
bizNo: undefined,
operatorId: undefined,
targetTenantId: undefined,
createdAt: undefined,
remark: undefined
})
const formRules = reactive({
points: [{ required: true, message: '本次变动点数,正加负减不能为空', trigger: 'blur' }],
createdAt: [{ required: true, message: '创建时间不能为空', trigger: 'blur' }]
})
const formRef = ref() // 表单 Ref
/** 打开弹窗 */
const open = async (type: string, id?: number, tenantId: number) => {
dialogVisible.value = true
dialogTitle.value = t('action.' + type)
formType.value = type
resetForm()
formData.value.tenantId = tenantId
// 修改时,设置数据
if (id) {
formLoading.value = true
try {
formData.value = await TenantBalanceApi.getTenantPoints(id)
} finally {
formLoading.value = false
}
}
}
defineExpose({ open }) // 提供 open 方法,用于打开弹窗
/** 提交表单 */
const emit = defineEmits(['success']) // 定义 success 事件,用于操作成功后的回调
const submitForm = async () => {
// 校验表单
await formRef.value.validate()
// 提交请求
formLoading.value = true
try {
const data = formData.value
if (formType.value === 'create') {
await TenantBalanceApi.createTenantPoints(data)
message.success(t('common.createSuccess'))
} else {
await TenantBalanceApi.updateTenantPoints(data)
message.success(t('common.updateSuccess'))
}
dialogVisible.value = false
// 发送操作成功的事件
emit('success')
} finally {
formLoading.value = false
}
}
/** 重置表单 */
const resetForm = () => {
formData.value = {
id: undefined,
points: undefined,
balance: undefined,
type: undefined,
remark: undefined,
orderId: undefined,
bizNo: undefined,
operatorId: undefined,
targetTenantId: undefined,
createdAt: undefined,
}
formRef.value?.resetFields()
}
</script>

View File

@@ -0,0 +1,112 @@
<template>
<!-- 列表 -->
<ContentWrap>
<!-- <el-button type="primary" plain @click="openForm('create')" v-hasPermi="['system:tenant-balance:create']">
<Icon icon="ep:plus" class="mr-5px" /> 新增
</el-button> -->
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<!-- <el-table-column label="主键" align="center" prop="id" /> -->
<el-table-column label="金额" align="center" prop="points" />
<el-table-column label="变动后余额" align="center" prop="balance" />
<el-table-column label="类型" align="center" prop="type" />
<el-table-column label="描述" align="center" prop="description" />
<el-table-column label="订单 Id/业务单号" align="center" prop="orderId" />
<el-table-column label="业务流水号" align="center" prop="bizNo" />
<el-table-column label="操作人 Id" align="center" prop="operatorId" />
<el-table-column label="目标租户Id" align="center" prop="targetTenantId" />
<el-table-column label="创建时间" align="center" prop="createdAt" :formatter="dateFormatter" width="180px" />
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="操作" align="center">
<template #default="scope">
<el-button link type="primary" @click="openForm('update', scope.row.id)"
v-hasPermi="['system:tenant-balance:update']">
编辑
</el-button>
<el-button link type="danger" @click="handleDelete(scope.row.id)"
v-hasPermi="['system:tenant-balance:delete']">
删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
@pagination="getList" />
</ContentWrap>
<!-- 表单弹窗添加/修改 -->
<TenantPointsForm ref="formRef" @success="getList" />
</template>
<script setup lang="ts">
import { dateFormatter } from '@/utils/formatTime'
import { TenantBalanceApi } from '@/api/system/tenantbalance'
import TenantPointsForm from './TenantPointsForm.vue'
const { t } = useI18n() // 国际化
const message = useMessage() // 消息弹窗
const props = defineProps<{
tenantId?: number // 租户 Id主表的关联字段
}>()
const loading = ref(false) // 列表的加载中
const list = ref([]) // 列表的数据
const total = ref(0) // 列表的总页数
const queryParams = reactive({
pageNo: 1,
pageSize: 10,
tenantId: undefined as unknown
})
/** 监听主表的关联字段的变化,加载对应的子表数据 */
watch(
() => props.tenantId,
(val: number) => {
if (!val) {
return
}
queryParams.tenantId = val
handleQuery()
},
{ immediate: true, deep: true }
)
/** 查询列表 */
const getList = async () => {
loading.value = true
try {
const data = await TenantBalanceApi.getTenantPointsPage(queryParams)
list.value = data.list
total.value = data.total
} finally {
loading.value = false
}
}
/** 搜索按钮操作 */
const handleQuery = () => {
queryParams.pageNo = 1
getList()
}
/** 添加/修改操作 */
const formRef = ref()
const openForm = (type: string, id?: number) => {
if (!props.tenantId) {
message.error('请选择一个租户余额')
return
}
formRef.value.open(type, id, props.tenantId)
}
/** 删除按钮操作 */
const handleDelete = async (id: number) => {
try {
// 删除的二次确认
await message.delConfirm()
// 发起删除
await TenantBalanceApi.deleteTenantPoints(id)
message.success(t('common.delSuccess'))
// 刷新列表
await getList()
} catch { }
}
</script>

View File

@@ -0,0 +1,206 @@
<template>
<ContentWrap>
<!-- 搜索工作栏 -->
<el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
<el-form-item label="积分余额" prop="balance">
<el-input v-model="queryParams.balance" placeholder="请输入当前积分余额" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="租户id" prop="id">
<el-input v-model="queryParams.id" placeholder="请输入租户id" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="租户名" prop="tenantName">
<el-input v-model="queryParams.tenantName" placeholder="请输入租户id" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="更新时间" prop="updatedAt">
<el-date-picker v-model="queryParams.updatedAt" value-format="YYYY-MM-DD" type="date" placeholder="选择更新时间"
clearable class="!w-240px" />
</el-form-item>
<el-form-item style="width: 100%;">
<div class="center-align">
<div>
<el-button @click="handleQuery">
<Icon icon="ep:search" class="mr-5px" /> 搜索
</el-button>
<el-button @click="resetQuery">
<Icon icon="ep:refresh" class="mr-5px" /> 重置
</el-button>
<el-button type="primary" plain @click="openForm('create')" v-hasPermi="['system:tenant-balance:create']">
<Icon icon="ep:plus" class="mr-5px" /> 新增
</el-button>
<el-button type="success" plain @click="handleExport" :loading="exportLoading"
v-hasPermi="['system:tenant-balance:export']">
<Icon icon="ep:download" class="mr-5px" /> 导出
</el-button>
</div>
<div v-if="userStore.getUser.id !== 1" class="balance-text">余额{{ mount }}</div>
</div>
</el-form-item>
</el-form>
</ContentWrap>
<!-- 列表 -->
<ContentWrap>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" highlight-current-row
@current-change="handleCurrentChange">
<el-table-column label="当前积分余额" align="center" prop="balance" />
<el-table-column label="租户名" align="center" prop="tenantName" />
<el-table-column label="租户id" align="center" prop="id" />
<el-table-column label="更新时间" align="center" prop="updatedAt" :formatter="dateFormatter" width="180px" />
<el-table-column label="描述" align="center" prop="remark" />
<el-table-column label="操作" align="center" min-width="120px">
<template #default="scope">
<el-button link type="primary" @click="openForm('update', scope.row.id)"
v-hasPermi="['system:tenant-balance:update']">
充值
</el-button>
<el-button link type="primary" @click="openForm('transfer', scope.row.id)"
v-hasPermi="['system:tenant-balance:transfer']">
转账
</el-button>
<el-button link type="danger" @click="handleDelete(scope.row.id)"
v-hasPermi="['system:tenant-balance:delete']">
删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
@pagination="getList" />
</ContentWrap>
<!-- 表单弹窗添加/修改 -->
<TenantBalanceForm ref="formRef" @success="getList" />
<!-- 子表的列表 -->
<ContentWrap>
<el-tabs model-value="tenantPoints">
<el-tab-pane label="变动记录" name="tenantPoints">
<TenantPointsList :tenant-id="currentRow.id" />
</el-tab-pane>
</el-tabs>
</ContentWrap>
</template>
<script setup lang="ts">
import { dateFormatter } from '@/utils/formatTime'
import download from '@/utils/download'
import { TenantBalanceApi, TenantBalanceVO } from '@/api/system/tenantbalance'
import TenantBalanceForm from './TenantBalanceForm.vue'
import TenantPointsList from './components/TenantPointsList.vue'
import { checkPermi } from '@/utils/permission'
import { useUserStore } from '@/store/modules/user'
const userStore = ref(useUserStore())
/** 租户余额 列表 */
defineOptions({ name: 'TenantBalance' })
const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化
const loading = ref(true) // 列表的加载中
const list = ref<TenantBalanceVO[]>([]) // 列表的数据
const total = ref(0) // 列表的总页数
const queryParams = reactive({
pageNo: 1,
pageSize: 10,
balance: undefined,
version: undefined,
updatedAt: undefined,
updatedAt: []
})
const queryFormRef = ref() // 搜索的表单
const exportLoading = ref(false) // 导出的加载中
const mount = ref(0)
/** 查询列表 */
const getList = async () => {
loading.value = true
try {
let data = {}
console.log(checkPermi(['system:tenant-balance:self-subordinate']))
if (userStore.value.getUser.id !== 1) {
getMount()
data = await TenantBalanceApi.getSubordinateaMountPage(queryParams)
} else {
data = await TenantBalanceApi.getTenantBalancePage(queryParams)
}
// if (checkPermi(['system:tenant-balance:self-subordinate'])) {
// } else {
// }
list.value = data.list
total.value = data.total
} finally {
loading.value = false
}
}
/** 查询列表 */
const getMount = async () => {
const data = await TenantBalanceApi.getselfamount()
mount.value = data.balance
}
/** 搜索按钮操作 */
const handleQuery = () => {
queryParams.pageNo = 1
getList()
}
/** 重置按钮操作 */
const resetQuery = () => {
queryFormRef.value.resetFields()
handleQuery()
}
/** 添加/修改操作 */
const formRef = ref()
const openForm = (type: string, id?: number) => {
formRef.value.open(type, id)
}
/** 删除按钮操作 */
const handleDelete = async (id: number) => {
try {
// 删除的二次确认
await message.delConfirm()
// 发起删除
await TenantBalanceApi.deleteTenantBalance(id)
message.success(t('common.delSuccess'))
// 刷新列表
await getList()
} catch { }
}
/** 导出按钮操作 */
const handleExport = async () => {
try {
// 导出的二次确认
await message.exportConfirm()
// 发起导出
exportLoading.value = true
const data = await TenantBalanceApi.exportTenantBalance(queryParams)
download.excel(data, '租户余额.xls')
} catch {
} finally {
exportLoading.value = false
}
}
/** 选中行操作 */
const currentRow = ref({}) // 选中行
const handleCurrentChange = (row) => {
currentRow.value = row
}
/** 初始化 **/
onMounted(() => {
getList()
})
</script>

View File

@@ -0,0 +1,129 @@
<template>
<Dialog :title="dialogTitle" v-model="dialogVisible">
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px" v-loading="formLoading">
<el-form-item label="本次变动点数,正加负减" prop="points">
<el-input v-model="formData.points" placeholder="请输入本次变动点数,正加负减" />
</el-form-item>
<el-form-item label="变动后余额快照(冗余)" prop="balance">
<el-input v-model="formData.balance" placeholder="请输入变动后余额快照(冗余)" />
</el-form-item>
<el-form-item label="变动类型,如 RECHARGE, CONSUME, TRANSFER_OUT, TRANSFER_IN" prop="type">
<el-select v-model="formData.type" placeholder="请选择变动类型,如 RECHARGE, CONSUME, TRANSFER_OUT, TRANSFER_IN">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="备注" prop="description">
<Editor v-model="formData.remark" height="150px" />
</el-form-item>
<el-form-item label="订单 Id/业务单号" prop="orderId">
<el-input v-model="formData.orderId" placeholder="请输入订单 Id/业务单号" />
</el-form-item>
<el-form-item label="业务流水号(转账、订单等唯一标识)" prop="bizNo">
<el-input v-model="formData.bizNo" placeholder="请输入业务流水号(转账、订单等唯一标识)" />
</el-form-item>
<el-form-item label="操作人 Id" prop="operatorId">
<el-input v-model="formData.operatorId" placeholder="请输入操作人 Id" />
</el-form-item>
<el-form-item label="目标租户 Id转账使用" prop="targetTenantId">
<el-input v-model="formData.targetTenantId" placeholder="请输入目标租户 Id转账使用" />
</el-form-item>
<el-form-item label="创建时间" prop="createdAt">
<el-date-picker v-model="formData.createdAt" type="date" value-format="x" placeholder="选择创建时间" />
</el-form-item>
</el-form>
<template #footer>
<el-button @click="submitForm" type="primary" :disabled="formLoading"> </el-button>
<el-button @click="dialogVisible = false"> </el-button>
</template>
</Dialog>
</template>
<script setup lang="ts">
import { TenantPointsApi, TenantPointsVO } from '@/api/system/tenantpoints'
/** 租户积分记录 表单 */
defineOptions({ name: 'TenantPointsForm' })
const { t } = useI18n() // 国际化
const message = useMessage() // 消息弹窗
const dialogVisible = ref(false) // 弹窗的是否展示
const dialogTitle = ref('') // 弹窗的标题
const formLoading = ref(false) // 表单的加载中1修改时的数据加载2提交的按钮禁用
const formType = ref('') // 表单的类型create - 新增update - 修改
const formData = ref({
id: undefined,
points: undefined,
balance: undefined,
type: undefined,
remark: undefined,
orderId: undefined,
bizNo: undefined,
operatorId: undefined,
targetTenantId: undefined,
createdAt: undefined
})
const formRules = reactive({
points: [{ required: true, message: '本次变动点数,正加负减不能为空', trigger: 'blur' }],
createdAt: [{ required: true, message: '创建时间不能为空', trigger: 'blur' }]
})
const formRef = ref() // 表单 Ref
/** 打开弹窗 */
const open = async (type: string, id?: number) => {
dialogVisible.value = true
dialogTitle.value = t('action.' + type)
formType.value = type
resetForm()
// 修改时,设置数据
if (id) {
formLoading.value = true
try {
formData.value = await TenantPointsApi.getTenantPoints(id)
} finally {
formLoading.value = false
}
}
}
defineExpose({ open }) // 提供 open 方法,用于打开弹窗
/** 提交表单 */
const emit = defineEmits(['success']) // 定义 success 事件,用于操作成功后的回调
const submitForm = async () => {
// 校验表单
await formRef.value.validate()
// 提交请求
formLoading.value = true
try {
const data = formData.value as unknown as TenantPointsVO
if (formType.value === 'create') {
await TenantPointsApi.createTenantPoints(data)
message.success(t('common.createSuccess'))
} else {
await TenantPointsApi.updateTenantPoints(data)
message.success(t('common.updateSuccess'))
}
dialogVisible.value = false
// 发送操作成功的事件
emit('success')
} finally {
formLoading.value = false
}
}
/** 重置表单 */
const resetForm = () => {
formData.value = {
id: undefined,
points: undefined,
balance: undefined,
type: undefined,
description: undefined,
orderId: undefined,
bizNo: undefined,
operatorId: undefined,
targetTenantId: undefined,
createdAt: undefined
}
formRef.value?.resetFields()
}
</script>

View File

@@ -0,0 +1,198 @@
<template>
<ContentWrap>
<!-- 搜索工作栏 -->
<el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="120px">
<!-- <el-form-item label="金额" prop="points">
<el-input v-model="queryParams.points" placeholder="请输入金额(正加负减)" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="变动后余额" prop="balance">
<el-input v-model="queryParams.balance" placeholder="请输入变动后余额(冗余)" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item> -->
<el-form-item label="类型" prop="type">
<el-select v-model="queryParams.type" placeholder="请选择类型" clearable class="!w-240px">
<el-option v-for="(dict, index) in getIntDictOptions(DICT_TYPE.PAY_TYPE)" :key="index" :label="dict.label"
:value="dict.label" />
</el-select>
</el-form-item>
<el-form-item label="订单 Id" prop="orderId">
<el-input v-model="queryParams.orderId" placeholder="请输入订单 Id / 业务单号" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="业务流水号" prop="bizNo">
<el-input v-model="queryParams.bizNo" placeholder="请输入业务流水号(转账、订单等唯一标识)" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="操作人 Id" prop="operatorId">
<el-input v-model="queryParams.operatorId" placeholder="请输入操作人 Id" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="目标租户 Id" prop="targetTenantId">
<el-input v-model="queryParams.targetTenantId" placeholder="请输入目标租户 Id转账使用" clearable
@keyup.enter="handleQuery" class="!w-240px" />
</el-form-item>
<el-form-item label="创建时间" prop="createdAt">
<el-date-picker v-model="queryParams.createdAt" value-format="YYYY-MM-DD HH:mm:ss" type="daterange"
start-placeholder="开始日期" end-placeholder="结束日期"
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" class="!w-240px" />
</el-form-item>
<!-- <el-form-item label="描述/备注" prop="remark">
<el-input v-model="queryParams.remark" placeholder="请输入描述或备注" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item> -->
<el-form-item>
<el-button @click="handleQuery">
<Icon icon="ep:search" class="mr-5px" /> 搜索
</el-button>
<el-button @click="resetQuery">
<Icon icon="ep:refresh" class="mr-5px" /> 重置
</el-button>
<!-- <el-button type="primary" plain @click="openForm('create')" v-hasPermi="['system:tenant-points:create']">
<Icon icon="ep:plus" class="mr-5px" /> 新增
</el-button> -->
<el-button type="success" plain @click="handleExport" :loading="exportLoading"
v-hasPermi="['system:tenant-points:export']">
<Icon icon="ep:download" class="mr-5px" /> 导出
</el-button>
</el-form-item>
</el-form>
</ContentWrap>
<!-- 列表 -->
<ContentWrap>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<!-- 列头按你给的短名称展示prop 对应后端字段 -->
<el-table-column label="金额" align="center" prop="points" />
<el-table-column label="变动后余额" align="center" prop="balance" />
<el-table-column label="类型" align="center" prop="type" />
<el-table-column label="描述" align="center" prop="description" />
<el-table-column label="订单 Id/业务单号" align="center" prop="orderId" />
<el-table-column label="业务流水号" align="center" prop="bizNo" />
<el-table-column label="操作人 Id" align="center" prop="operatorId" />
<el-table-column label="目标租户Id" align="center" prop="targetTenantId" />
<el-table-column label="创建时间" align="center" prop="createdAt" :formatter="dateFormatter" width="180px" />
<el-table-column label="备注" align="center" prop="remark" />
<!-- <el-table-column label="操作" align="center" min-width="120px">
<template #default="scope">
<el-button link type="primary" @click="openForm('update', scope.row.id)"
v-hasPermi="['system:tenant-points:update']">
编辑
</el-button>
<el-button link type="danger" @click="handleDelete(scope.row.id)"
v-hasPermi="['system:tenant-points:delete']">
删除
</el-button>
</template>
</el-table-column> -->
</el-table>
<!-- 分页 -->
<Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
@pagination="getList" />
</ContentWrap>
<!-- 表单弹窗添加/修改 -->
<TenantPointsForm ref="formRef" @success="getList" />
</template>
<script setup lang="ts">
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
import { dateFormatter } from '@/utils/formatTime'
import download from '@/utils/download'
import { TenantPointsApi, TenantPointsVO } from '@/api/system/tenantpoints'
import TenantPointsForm from './TenantPointsForm.vue'
/** 租户积分记录 列表 */
defineOptions({ name: 'TenantPoints' })
const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化
const loading = ref(true) // 列表的加载中
const list = ref<TenantPointsVO[]>([]) // 列表的数据
const total = ref(0) // 列表的总页数
const queryParams = reactive({
pageNo: 1,
pageSize: 10,
points: undefined,
balance: undefined,
type: undefined,
remark: undefined, // 兼容后端的 remark 字段
description: undefined, // 如果后端有 description可用于搜索过滤
orderId: undefined,
bizNo: undefined,
operatorId: undefined,
targetTenantId: undefined,
createdAt: undefined,
createdAtArr: [] // 保留原来的数组字段名兼容用(如果你用范围)
})
const queryFormRef = ref() // 搜索的表单
const exportLoading = ref(false) // 导出的加载中
/** 查询列表 */
const getList = async () => {
loading.value = true
try {
const data = await TenantPointsApi.getTenantPointsPage(queryParams)
list.value = data.list
total.value = data.total
} finally {
loading.value = false
}
}
/** 搜索按钮操作 */
const handleQuery = () => {
queryParams.pageNo = 1
getList()
}
/** 重置按钮操作 */
const resetQuery = () => {
queryFormRef.value.resetFields()
handleQuery()
}
/** 添加/修改操作 */
const formRef = ref()
const openForm = (type: string, id?: number) => {
formRef.value.open(type, id)
}
/** 删除按钮操作 */
const handleDelete = async (id: number) => {
try {
// 删除的二次确认
await message.delConfirm()
// 发起删除
await TenantPointsApi.deleteTenantPoints(id)
message.success(t('common.delSuccess'))
// 刷新列表
await getList()
} catch { }
}
/** 导出按钮操作 */
const handleExport = async () => {
try {
// 导出的二次确认
await message.exportConfirm()
// 发起导出
exportLoading.value = true
const data = await TenantPointsApi.exportTenantPoints(queryParams)
download.excel(data, '租户积分记录.xls')
} catch {
} finally {
exportLoading.value = false
}
}
/** 初始化 **/
onMounted(() => {
getList()
})
</script>