账户管理-支持修改账户积分&余额

src/api/menduner/system/account/enterprise/index.ts

@@ -1,6 +1,30 @@
 import request from '@/config/axios'
 
+export interface EnterprisePointsVO {
+  userId: string,
+  point: number,
+  operation: string,
+  enterpriseId: string
+}
+
+export interface EnterpriseBalanceVO {
+  userId: string,
+  balance: number,
+  operation: string,
+  enterpriseId: string
+}
+
 // 获取用户积分分页
 export const getEnterpriseAccountPage = async (params) => {
   return await request.get({ url: `/menduner/system/enterprise-account/page`, params })
+}
+
+// 更新账户积分
+export const updateEnterpriseUserPoints = async (data) => {
+  return await request.put({ url: `/menduner/reward/enterprise/account/update-point`, data })
+}
+
+// 更新账户余额
+export const updateEnterpriseUserBalance = async (data) => {
+  return await request.put({ url: `/menduner/reward/enterprise/account/update-balance`, data })
 }

src/api/menduner/system/account/user/index.ts

@@ -6,17 +6,23 @@ export interface UserPointsVO {
   operation: string
 }
 
+export interface UserBalanceVO {
+  userId: string,
+  balance: number,
+  operation: string
+}
+
 // 获取用户积分分页
 export const getUserAccountPage = async (params) => {
   return await request.get({ url: `/menduner/system/user-account/page`, params })
 }
 
-// 获取用户积分详情
-export const getUserPointsDetails = async (id) => {
-  return await request.get({ url: `/menduner/reward/user-point/get?id=${id}` })
+// 更新账户积分
+export const updateUserPoints = async (data) => {
+  return await request.put({ url: `/menduner/reward/user/account/update-point`, data })
 }
 
-// 更新用户积分
-export const updateUserPoints = async (data) => {
-  return await request.put({ url: `/menduner/reward/user-point/update-point`, data })
+// 更新账户余额
+export const updateUserBalance = async (data) => {
+  return await request.put({ url: `/menduner/reward/user/account/update-balance`, data })
 }

src/views/menduner/system/account/enterprise/EnterpriseBalanceForm.vue

@@ -0,0 +1,88 @@
+<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="operation">
+        <el-radio-group v-model="formData.operation">
+          <el-radio :value="'+'">增加</el-radio>
+          <el-radio :value="'-'">减少</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="金额" prop="balance">
+        <el-input-number v-model="formData.balance" :min="0" :precision="0" />
+      </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 lang="ts" setup>
+import * as EnterpriseAccountApi from '@/api/menduner/system/account/enterprise'
+
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
+const dialogVisible = ref(false) // 弹窗的是否展示
+const dialogTitle = ref('') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const formData = ref<EnterpriseAccountApi.EnterpriseBalanceVO>({} as EnterpriseAccountApi.EnterpriseBalanceVO)
+
+const formRules = reactive({
+  operation: [{ required: true, message: '变动类型不能空', trigger: 'blur' }],
+  balance: [{ required: true, message: '金额不能空', trigger: 'blur' }]
+})
+const formRef = ref() // 表单 Ref
+
+/** 打开弹窗 */
+const open = async (type: string, id: number, userId: string, enterpriseId: string) => {
+  dialogVisible.value = true
+  dialogTitle.value = t('action.' + type)
+  resetForm()
+  // 修改时，设置数据
+  if (id) {
+    formData.value.userId = userId
+    formData.value.enterpriseId = enterpriseId
+  }
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  // 校验表单
+  if (!formRef) return
+  const valid = await formRef.value.validate()
+  
+  if (!valid) return
+  // 提交请求
+  formLoading.value = true
+  try {
+    await EnterpriseAccountApi.updateEnterpriseUserBalance(formData.value)
+    message.success(t('common.updateSuccess'))
+    dialogVisible.value = false
+    // 发送操作成功的事件
+    emit('success')
+  } finally {
+    formLoading.value = false
+  }
+}
+
+/** 重置表单 */
+const resetForm = () => {
+  formData.value = {
+    balance: 0,
+    userId: '',
+    operation: '+',
+    enterpriseId: ''
+  }
+  formRef.value?.resetFields()
+}
+</script>

src/views/menduner/system/account/enterprise/EnterprisePointsForm.vue

@@ -0,0 +1,88 @@
+<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="operation">
+        <el-radio-group v-model="formData.operation">
+          <el-radio :value="'+'">增加</el-radio>
+          <el-radio :value="'-'">减少</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="奖励积分" prop="point">
+        <el-input-number v-model="formData.point" :min="0" :precision="0" />
+      </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 lang="ts" setup>
+import * as EnterpriseAccountApi from '@/api/menduner/system/account/enterprise'
+
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
+const dialogVisible = ref(false) // 弹窗的是否展示
+const dialogTitle = ref('') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const formData = ref<EnterpriseAccountApi.EnterprisePointsVO>({} as EnterpriseAccountApi.EnterprisePointsVO)
+
+const formRules = reactive({
+  operation: [{ required: true, message: '变动类型不能空', trigger: 'blur' }],
+  point: [{ required: true, message: '奖励积分不能空', trigger: 'blur' }]
+})
+const formRef = ref() // 表单 Ref
+
+/** 打开弹窗 */
+const open = async (type: string, id: number, userId: string, enterpriseId: string) => {
+  dialogVisible.value = true
+  dialogTitle.value = t('action.' + type)
+  resetForm()
+  // 修改时，设置数据
+  if (id) {
+    formData.value.userId = userId
+    formData.value.enterpriseId = enterpriseId
+  }
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  // 校验表单
+  if (!formRef) return
+  const valid = await formRef.value.validate()
+  
+  if (!valid) return
+  // 提交请求
+  formLoading.value = true
+  try {
+    await EnterpriseAccountApi.updateEnterpriseUserPoints(formData.value)
+    message.success(t('common.updateSuccess'))
+    dialogVisible.value = false
+    // 发送操作成功的事件
+    emit('success')
+  } finally {
+    formLoading.value = false
+  }
+}
+
+/** 重置表单 */
+const resetForm = () => {
+  formData.value = {
+    point: 0,
+    userId: '',
+    operation: '+',
+    enterpriseId: ''
+  }
+  formRef.value?.resetFields()
+}
+</script>

src/views/menduner/system/account/enterprise/index.vue

@@ -36,35 +36,6 @@
           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="point">
-        <el-input
-          v-model="queryParams.point"
-          placeholder="请输入积分数量"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="获得时间" prop="createDate">
-        <el-date-picker
-          v-model="queryParams.createDate"
-          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>
         <el-button @click="handleQuery">
           <Icon icon="ep:search" class="mr-5px" />
@@ -98,6 +69,26 @@
         prop="createTime"
         :formatter="dateFormatter"
       />
+      <el-table-column label="操作" align="center">
+        <template #default="scope">
+          <el-button
+            link
+            @click="openBalanceForm('update', scope.row.id, scope.row.userId, scope.row.enterpriseId)"
+            type="primary"
+            v-hasPermi="['menduner:reward:enterprise-balance:update']"
+          >
+            修改余额
+          </el-button>
+          <el-button
+            link
+            @click="openForm('update', scope.row.id, scope.row.userId, scope.row.enterpriseId)"
+            type="primary"
+            v-hasPermi="['menduner:reward:enterprise-point:update']"
+          >
+            修改积分
+          </el-button>
+        </template>
+      </el-table-column>
     </el-table>
     <!-- 分页 -->
     <Pagination
@@ -107,10 +98,17 @@
       @pagination="getList"
     />
   </ContentWrap>
+
+  <!-- 修改积分 -->
+  <EnterprisePointsForm ref="formRef" @success="getList" />
+  <!-- 修改余额 -->
+  <EnterpriseBalanceForm ref="balanceFormRef" @success="getList" />
 </template>
 
 <script lang="ts" setup>
 import { dateFormatter } from '@/utils/formatTime'
+import EnterprisePointsForm from './EnterprisePointsForm.vue'
+import EnterpriseBalanceForm from './EnterpriseBalanceForm.vue'
 import * as EnterpriseAccountApi from '@/api/menduner/system/account/enterprise'
 
 defineOptions({ name: 'AccountEnterprise' })
@@ -142,6 +140,17 @@ const getList = async () => {
   }
 }
 
+/** 添加/修改操作 */
+const formRef = ref()
+const openForm = (type: string, id: number, userId: string, enterpriseId: string) => {
+  formRef.value.open(type, id, userId, enterpriseId)
+}
+
+const balanceFormRef = ref()
+const openBalanceForm = (type: string, id: number, userId: string, enterpriseId: string) => {
+  balanceFormRef.value.open(type, id, userId, enterpriseId)
+}
+
 /** 搜索按钮操作 */
 const handleQuery = () => {
   queryParams.pageNo = 1

src/views/menduner/system/account/user/UserBalanceForm.vue

@@ -0,0 +1,86 @@
+<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="operation">
+        <el-radio-group v-model="formData.operation">
+          <el-radio :value="'+'">增加</el-radio>
+          <el-radio :value="'-'">减少</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="金额" prop="balance">
+        <el-input-number v-model="formData.balance" :min="0" :precision="0" />
+      </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 lang="ts" setup>
+import * as UserAccountApi from '@/api/menduner/system/account/user'
+
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
+const dialogVisible = ref(false) // 弹窗的是否展示
+const dialogTitle = ref('') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const formData = ref<UserAccountApi.UserBalanceVO>({} as UserAccountApi.UserBalanceVO)
+
+const formRules = reactive({
+  operation: [{ required: true, message: '变动类型不能空', trigger: 'blur' }],
+  balance: [{ required: true, message: '金额不能空', trigger: 'blur' }]
+})
+const formRef = ref() // 表单 Ref
+
+/** 打开弹窗 */
+const open = async (type: string, id: number, userId: string) => {
+  dialogVisible.value = true
+  dialogTitle.value = t('action.' + type)
+  resetForm()
+  // 修改时，设置数据
+  if (id) {
+    formData.value.userId = userId
+  }
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  // 校验表单
+  if (!formRef) return
+  const valid = await formRef.value.validate()
+  
+  if (!valid) return
+  // 提交请求
+  formLoading.value = true
+  try {
+    await UserAccountApi.updateUserBalance(formData.value)
+    message.success(t('common.updateSuccess'))
+    dialogVisible.value = false
+    // 发送操作成功的事件
+    emit('success')
+  } finally {
+    formLoading.value = false
+  }
+}
+
+/** 重置表单 */
+const resetForm = () => {
+  formData.value = {
+    balance: 0,
+    userId: '',
+    operation: '+'
+  }
+  formRef.value?.resetFields()
+}
+</script>

src/views/menduner/system/account/user/index.vue

@@ -42,35 +42,6 @@
           />
         </el-select>
       </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="point">
-        <el-input
-          v-model="queryParams.point"
-          placeholder="请输入积分数量"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item> -->
-      <!-- <el-form-item label="获得时间" prop="createDate">
-        <el-date-picker
-          v-model="queryParams.createDate"
-          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>
         <el-button @click="handleQuery">
           <Icon icon="ep:search" class="mr-5px" />
@@ -111,6 +82,14 @@
       />
       <el-table-column label="操作" align="center">
         <template #default="scope">
+          <el-button
+            link
+            @click="openBalanceForm('update', scope.row.id, scope.row.userId)"
+            type="primary"
+            v-hasPermi="['menduner:reward:user-balance:update']"
+          >
+            修改余额
+          </el-button>
           <el-button
             link
             @click="openForm('update', scope.row.id, scope.row.userId)"
@@ -131,14 +110,18 @@
     />
   </ContentWrap>
 
-  <!-- 表单弹窗：修改 -->
+  <!-- 表单弹窗：修改积分 -->
   <UserPointsForm ref="formRef" @success="getList" />
+
+  <!-- 修改余额 -->
+  <UserBalanceForm ref="balanceFormRef" @success="getList" />
 </template>
 
 <script lang="ts" setup>
 import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
 import { dateFormatter } from '@/utils/formatTime'
 import UserPointsForm from './UserPointsForm.vue'
+import UserBalanceForm from './UserBalanceForm.vue'
 import * as UserAccountApi from '@/api/menduner/system/account/user'
 
 defineOptions({ name: 'AccountUser' })
@@ -176,6 +159,11 @@ const openForm = (type: string, id: number, userId: string) => {
   formRef.value.open(type, id, userId)
 }
 
+const balanceFormRef = ref()
+const openBalanceForm = (type: string, id: number, userId: string) => {
+  balanceFormRef.value.open(type, id, userId)
+}
+
 /** 搜索按钮操作 */
 const handleQuery = () => {
   queryParams.pageNo = 1