feat:冻结、开卡代码生成

src/api/wallet/wallet-active.ts

@@ -0,0 +1,41 @@
+import request from "/@/utils/request"
+
+export function fetchList(query?: Object) {
+  return request({
+    url: '/wallet/wallet-active/page',
+    method: 'get',
+    params: query
+  })
+}
+
+export function addObj(obj?: Object) {
+  return request({
+    url: '/wallet/wallet-active',
+    method: 'post',
+    data: obj
+  })
+}
+
+export function getObj(id?: string) {
+  return request({
+    url: '/wallet/wallet-active/' + id,
+    method: 'get'
+  })
+}
+
+export function delObjs(ids?: Object) {
+  return request({
+    url: '/wallet/wallet-active',
+    method: 'delete',
+    data: ids
+  })
+}
+
+export function putObj(obj?: Object) {
+  return request({
+    url: '/wallet/wallet-active',
+    method: 'put',
+    data: obj
+  })
+}
+

src/api/wallet/wallet-freeze.ts

@@ -0,0 +1,41 @@
+import request from "/@/utils/request"
+
+export function fetchList(query?: Object) {
+  return request({
+    url: '/wallet/wallet-freeze/page',
+    method: 'get',
+    params: query
+  })
+}
+
+export function addObj(obj?: Object) {
+  return request({
+    url: '/wallet/wallet-freeze',
+    method: 'post',
+    data: obj
+  })
+}
+
+export function getObj(id?: string) {
+  return request({
+    url: '/wallet/wallet-freeze/' + id,
+    method: 'get'
+  })
+}
+
+export function delObjs(ids?: Object) {
+  return request({
+    url: '/wallet/wallet-freeze',
+    method: 'delete',
+    data: ids
+  })
+}
+
+export function putObj(obj?: Object) {
+  return request({
+    url: '/wallet/wallet-freeze',
+    method: 'put',
+    data: obj
+  })
+}
+

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

@@ -1,5 +1,14 @@
 import request from "/@/utils/request"
 
+export function pageJoin(query?: Object) {
+  return request({
+    url: '/wallet/wallet-recharge-apply/page-join',
+    method: 'get',
+    params: query
+  })
+}
+
+
 export function fetchList(query?: Object) {
   return request({
     url: '/wallet/wallet-recharge-apply/page',

src/components/DictSelect/index.vue

@@ -34,7 +34,10 @@ watch(selectId, (newVal, oldValue) => {
 async function getDictOptions() {
     if (!props.dictCode) return []
     const dicts = dict().getDict(props.dictCode)
-    if (dicts) return dicts
+    if (dicts) {
+        state.dictList = dicts
+        return
+    }
     const res = await getDicts(props.dictCode)
     if (!res) return []
     state.dictList = res.data.map((p: any) => ({ label: p.label, value: p.value, elTagType: p.listClass, elTagClass: p.cssClass }));

src/components/Select/SelectWalletType.vue

@@ -3,10 +3,12 @@
         remote-show-suffix filterable remote :remote-method="remoteSearch" :loading="state.loading"
         @visible-change="(e: boolean) => e && getOptions()">
         <el-option v-for="v in state.options" :key="v.id" :label="`${v.name}`" :value="v.id">
-            <div class="flex items-center justify-center">
+            <div class="flex items-center">
                 <div class="color-primary">{{ v.name }}</div>
                 <div class="flex items-center just ml5">
-                    <el-tag size="small">{{ state.walletType.find((i: any) => i.value == v.uniqueCode).label }}</el-tag>
+                    <el-tag size="small">
+                        {{ state.walletType.find((i: any) => i.value == v.uniqueCode)?.label }}
+                    </el-tag>
                 </div>
             </div>
         </el-option>

src/components/Upload/Excel.vue

@@ -1,19 +1,10 @@
 <!-- excel 导入组件 -->
 <template>
   <el-dialog :title="prop.title" v-model="state.upload.open" :close-on-click-modal="false" draggable>
-    <el-upload
+    <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="headers"
-        ref="uploadRef"
+      :action="baseURL + other.adaptationUrl(url)" :disabled="state.upload.isUploading"
-        :limit="1"
+      :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :on-error="handleFileError"
-        accept=".xlsx, .xls"
+      :auto-upload="false" drag>
-        :headers="headers"
-        :action="baseURL + other.adaptationUrl(url)"
-        :disabled="state.upload.isUploading"
-        :on-progress="handleFileUploadProgress"
-        :on-success="handleFileSuccess"
-        :on-error="handleFileError"
-        :auto-upload="false"
-        drag
-    >
       <i class="el-icon-upload"></i>
       <div class="el-upload__text">
         {{ $t('excel.operationNotice') }}
@@ -23,8 +14,7 @@
         <div class="el-upload__tip text-center">
           <span>{{ $t('excel.fileFormat') }}</span>
           <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline"
-                   @click="downExcelTemp" v-if="tempUrl"
+            @click="downExcelTemp" v-if="tempUrl">{{ $t('excel.downloadTemplate') }}
-          >{{ $t('excel.downloadTemplate') }}
           </el-link>
         </div>
       </template>
@@ -38,8 +28,8 @@
   <!--校验失败错误数据-->
   <el-dialog :title="$t('excel.validationFailureData')" v-model="state.errorVisible">
     <el-table :data="state.errorData">
-      <el-table-column property="lineNum" :label="$t('excel.lineNumbers')" width="100"></el-table-column>
+      <el-table-column property="lineNum" align="center" :label="$t('excel.lineNumbers')" width="100"></el-table-column>
-      <el-table-column property="errors" :label="$t('excel.misDescription')" show-overflow-tooltip>
+      <el-table-column property="errors" align="center" :label="$t('excel.misDescription')" show-overflow-tooltip>
         <template v-slot="scope">
           <el-tag type="danger" v-for="error in scope.row.errors" :key="error">{{ error }}</el-tag>
         </template>
@@ -49,9 +39,9 @@
 </template>
 
 <script setup lang="ts" name="upload-excel">
-import {useMessage} from '/@/hooks/message';
+import { useMessage } from '/@/hooks/message';
 import other from '/@/utils/other';
-import {Session} from '/@/utils/storage';
+import { Session } from '/@/utils/storage';
 
 const emit = defineEmits(['sizeChange', 'refreshDataList']);
 const prop = defineProps({

src/views/wallet/wallet-active/form.vue

@@ -0,0 +1,117 @@
+<template>
+  <el-dialog :title="form.id ? '编辑' : '新增'" v-model="visible" :close-on-click-modal="false" draggable>
+    <el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="90px" v-loading="loading">
+      <el-row :gutter="24">
+        <el-col :span="12" class="mb20">
+          <el-form-item label="用户id" prop="userId">
+            <el-input v-model="form.userId" placeholder="请输入用户id" />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="钱包id" prop="walletId">
+            <el-input v-model="form.walletId" placeholder="请输入钱包id" />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="用户卡号" prop="cardNumber">
+            <el-input v-model="form.cardNumber" placeholder="请输入用户卡号" />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="饭卡是否在硬件上激活" prop="isActiveHardware">
+            <el-input v-model="form.isActiveHardware" placeholder="请输入饭卡是否在硬件上激活" />
+          </el-form-item>
+        </el-col>
+
+      </el-row>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="visible = false">取消</el-button>
+        <el-button type="primary" @click="onSubmit" :disabled="loading">确认</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts" name="WalletActiveDialog">
+import { useDict } from '/@/hooks/dict';
+import { useMessage } from "/@/hooks/message";
+import { getObj, addObj, putObj } from '/@/api/wallet/wallet-active'
+import { rule } from '/@/utils/validate';
+const emit = defineEmits(['refresh']);
+
+// 定义变量内容
+const dataFormRef = ref();
+const visible = ref(false)
+const loading = ref(false)
+// 定义字典
+
+// 提交表单数据
+const form = reactive({
+  id: '',
+  userId: '',
+  walletId: '',
+  cardNumber: '',
+  isActiveHardware: '',
+});
+
+// 定义校验规则
+const dataRules = ref({
+})
+
+// 打开弹窗
+const openDialog = (id: string) => {
+  visible.value = true
+  form.id = ''
+
+  // 重置表单数据
+  nextTick(() => {
+    dataFormRef.value?.resetFields();
+  });
+
+  // 获取walletActive信息
+  if (id) {
+    form.id = id
+    getwalletActiveData(id)
+  }
+};
+
+// 提交
+const onSubmit = async () => {
+  const valid = await dataFormRef.value.validate().catch(() => { });
+  if (!valid) return false;
+
+  try {
+    loading.value = true;
+    form.id ? await putObj(form) : await addObj(form);
+    useMessage().success(form.id ? '修改成功' : '添加成功');
+    visible.value = false;
+    emit('refresh');
+  } catch (err: any) {
+    useMessage().error(err.msg);
+  } finally {
+    loading.value = false;
+  }
+};
+
+
+// 初始化表单数据
+const getwalletActiveData = (id: string) => {
+  // 获取数据
+  loading.value = true
+  getObj(id).then((res: any) => {
+    Object.assign(form, res.data)
+  }).finally(() => {
+    loading.value = false
+  })
+};
+
+// 暴露变量
+defineExpose({
+  openDialog
+});
+</script>

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

@@ -0,0 +1,119 @@
+<template>
+  <div class="layout-padding">
+    <div class="layout-padding-auto layout-padding-view">
+      <el-row>
+        <div class="mb8" style="width: 100%">
+          <el-button icon="folder-add" type="primary" class="ml10" @click="formDialogRef.openDialog()"
+            v-auth="'wallet_walletActive_add'">
+            新 增
+          </el-button>
+          <el-button plain :disabled="multiple" icon="Delete" type="primary" v-auth="'wallet_walletActive_del'"
+            @click="handleDelete(selectObjs)">
+            删除
+          </el-button>
+          <right-toolbar v-model:showSearch="showSearch" :export="'wallet_walletActive_export'"
+            @exportExcel="exportExcel" class="ml10 mr20" style="float: right;"
+            @queryTable="getDataList"></right-toolbar>
+        </div>
+      </el-row>
+      <el-table :data="state.dataList" v-loading="state.loading" border :cell-style="tableStyle.cellStyle"
+        :header-cell-style="tableStyle.headerCellStyle" @selection-change="selectionChangHandle"
+        @sort-change="sortChangeHandle">
+        <el-table-column type="selection" width="40" align="center" />
+        <el-table-column type="index" label="#" width="40" />
+        <el-table-column prop="userId" label="用户id" show-overflow-tooltip />
+        <el-table-column prop="walletId" label="钱包id" show-overflow-tooltip />
+        <el-table-column prop="walletTypeId" label="饭卡类型id" show-overflow-tooltip />
+        <el-table-column prop="deptId" label="部门id" show-overflow-tooltip />
+        <el-table-column prop="merchantId" label="商户id" show-overflow-tooltip />
+        <el-table-column prop="cardNumber" label="用户卡号" show-overflow-tooltip />
+        <el-table-column prop="isActiveHardware" label="饭卡是否在硬件上激活" show-overflow-tooltip />
+        <el-table-column label="操作" width="150">
+          <template #default="scope">
+            <el-button icon="edit-pen" text type="primary" v-auth="'wallet_walletActive_edit'"
+              @click="formDialogRef.openDialog(scope.row.id)">编辑</el-button>
+            <el-button icon="delete" text type="primary" v-auth="'wallet_walletActive_del'"
+              @click="handleDelete([scope.row.id])">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
+    </div>
+
+    <!-- 编辑、新增  -->
+    <form-dialog ref="formDialogRef" @refresh="getDataList(false)" />
+
+  </div>
+</template>
+
+<script setup lang="ts" name="systemWalletActive">
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { fetchList, delObjs } from "/@/api/wallet/wallet-active";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useDict } from '/@/hooks/dict';
+
+// 引入组件
+const FormDialog = defineAsyncComponent(() => import('./form.vue'));
+// 定义查询字典
+
+// 定义变量内容
+const formDialogRef = ref()
+// 搜索变量
+const queryRef = ref()
+const showSearch = ref(true)
+// 多选变量
+const selectObjs = ref([]) as any
+const multiple = ref(true)
+
+const state: BasicTableProps = reactive<BasicTableProps>({
+  queryForm: {},
+  pageList: fetchList
+})
+
+//  table hook
+const {
+  getDataList,
+  currentChangeHandle,
+  sizeChangeHandle,
+  sortChangeHandle,
+  downBlobFile,
+  tableStyle
+} = useTable(state)
+
+// 清空搜索条件
+const resetQuery = () => {
+  // 清空搜索条件
+  queryRef.value?.resetFields()
+  // 清空多选
+  selectObjs.value = []
+  getDataList()
+}
+
+// 导出excel
+const exportExcel = () => {
+  downBlobFile('/wallet/walletActive/export', Object.assign(state.queryForm, { ids: selectObjs }), 'walletActive.xlsx')
+}
+
+// 多选事件
+const selectionChangHandle = (objs: { id: string }[]) => {
+  selectObjs.value = objs.map(({ id }) => id);
+  multiple.value = !objs.length;
+};
+
+// 删除操作
+const handleDelete = async (ids: string[]) => {
+  try {
+    await useMessageBox().confirm('此操作将永久删除');
+  } catch {
+    return;
+  }
+
+  try {
+    await delObjs(ids);
+    getDataList();
+    useMessage().success('删除成功');
+  } catch (err: any) {
+    useMessage().error(err.msg);
+  }
+};
+</script>

src/views/wallet/wallet-freeze/form.vue

@@ -0,0 +1,117 @@
+<template>
+  <el-dialog :title="form.id ? '编辑' : '新增'" v-model="visible" :close-on-click-modal="false" draggable>
+    <el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="90px" v-loading="loading">
+      <el-row :gutter="24">
+        <el-col :span="12" class="mb20">
+          <el-form-item label="钱包id" prop="walletId">
+            <el-input v-model="form.walletId" placeholder="请输入钱包id" />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="用户id" prop="userId">
+            <el-input v-model="form.userId" placeholder="请输入用户id" />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="冻结状态" prop="freeStatus">
+            <el-input v-model="form.freeStatus" placeholder="请输入冻结状态" />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="备注" prop="remark">
+            <el-input v-model="form.remark" placeholder="请输入备注" />
+          </el-form-item>
+        </el-col>
+
+      </el-row>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="visible = false">取消</el-button>
+        <el-button type="primary" @click="onSubmit" :disabled="loading">确认</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts" name="WalletFreezeDialog">
+import { useDict } from '/@/hooks/dict';
+import { useMessage } from "/@/hooks/message";
+import { getObj, addObj, putObj } from '/@/api/wallet/wallet-freeze'
+import { rule } from '/@/utils/validate';
+const emit = defineEmits(['refresh']);
+
+// 定义变量内容
+const dataFormRef = ref();
+const visible = ref(false)
+const loading = ref(false)
+// 定义字典
+
+// 提交表单数据
+const form = reactive({
+  id: '',
+  walletId: '',
+  userId: '',
+  freeStatus: '',
+  remark: '',
+});
+
+// 定义校验规则
+const dataRules = ref({
+})
+
+// 打开弹窗
+const openDialog = (id: string) => {
+  visible.value = true
+  form.id = ''
+
+  // 重置表单数据
+  nextTick(() => {
+    dataFormRef.value?.resetFields();
+  });
+
+  // 获取walletFreeze信息
+  if (id) {
+    form.id = id
+    getwalletFreezeData(id)
+  }
+};
+
+// 提交
+const onSubmit = async () => {
+  const valid = await dataFormRef.value.validate().catch(() => { });
+  if (!valid) return false;
+
+  try {
+    loading.value = true;
+    form.id ? await putObj(form) : await addObj(form);
+    useMessage().success(form.id ? '修改成功' : '添加成功');
+    visible.value = false;
+    emit('refresh');
+  } catch (err: any) {
+    useMessage().error(err.msg);
+  } finally {
+    loading.value = false;
+  }
+};
+
+
+// 初始化表单数据
+const getwalletFreezeData = (id: string) => {
+  // 获取数据
+  loading.value = true
+  getObj(id).then((res: any) => {
+    Object.assign(form, res.data)
+  }).finally(() => {
+    loading.value = false
+  })
+};
+
+// 暴露变量
+defineExpose({
+  openDialog
+});
+</script>

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

@@ -0,0 +1,116 @@
+<template>
+  <div class="layout-padding">
+    <div class="layout-padding-auto layout-padding-view">
+      <el-row>
+        <div class="mb8" style="width: 100%">
+          <el-button icon="folder-add" type="primary" class="ml10" @click="formDialogRef.openDialog()"
+            v-auth="'wallet_walletFreeze_add'">
+            新 增
+          </el-button>
+          <el-button plain :disabled="multiple" icon="Delete" type="primary" v-auth="'wallet_walletFreeze_del'"
+            @click="handleDelete(selectObjs)">
+            删除
+          </el-button>
+          <right-toolbar v-model:showSearch="showSearch" :export="'wallet_walletFreeze_export'"
+            @exportExcel="exportExcel" class="ml10 mr20" style="float: right;"
+            @queryTable="getDataList"></right-toolbar>
+        </div>
+      </el-row>
+      <el-table :data="state.dataList" v-loading="state.loading" border :cell-style="tableStyle.cellStyle"
+        :header-cell-style="tableStyle.headerCellStyle" @selection-change="selectionChangHandle"
+        @sort-change="sortChangeHandle">
+        <el-table-column type="selection" width="40" align="center" />
+        <el-table-column type="index" label="#" width="40" />
+        <el-table-column prop="walletId" label="钱包id" show-overflow-tooltip />
+        <el-table-column prop="userId" label="用户id" show-overflow-tooltip />
+        <el-table-column prop="freeStatus" label="冻结状态" show-overflow-tooltip />
+        <el-table-column prop="remark" label="备注" show-overflow-tooltip />
+        <el-table-column label="操作" width="150">
+          <template #default="scope">
+            <el-button icon="edit-pen" text type="primary" v-auth="'wallet_walletFreeze_edit'"
+              @click="formDialogRef.openDialog(scope.row.id)">编辑</el-button>
+            <el-button icon="delete" text type="primary" v-auth="'wallet_walletFreeze_del'"
+              @click="handleDelete([scope.row.id])">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
+    </div>
+
+    <!-- 编辑、新增  -->
+    <form-dialog ref="formDialogRef" @refresh="getDataList(false)" />
+
+  </div>
+</template>
+
+<script setup lang="ts" name="systemWalletFreeze">
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { getObj, addObj, putObj } from '/@/api/wallet/wallet-active'
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useDict } from '/@/hooks/dict';
+
+// 引入组件
+const FormDialog = defineAsyncComponent(() => import('./form.vue'));
+// 定义查询字典
+
+// 定义变量内容
+const formDialogRef = ref()
+// 搜索变量
+const queryRef = ref()
+const showSearch = ref(true)
+// 多选变量
+const selectObjs = ref([]) as any
+const multiple = ref(true)
+
+const state: BasicTableProps = reactive<BasicTableProps>({
+  queryForm: {},
+  pageList: fetchList
+})
+
+//  table hook
+const {
+  getDataList,
+  currentChangeHandle,
+  sizeChangeHandle,
+  sortChangeHandle,
+  downBlobFile,
+  tableStyle
+} = useTable(state)
+
+// 清空搜索条件
+const resetQuery = () => {
+  // 清空搜索条件
+  queryRef.value?.resetFields()
+  // 清空多选
+  selectObjs.value = []
+  getDataList()
+}
+
+// 导出excel
+const exportExcel = () => {
+  downBlobFile('/wallet/walletFreeze/export', Object.assign(state.queryForm, { ids: selectObjs }), 'walletFreeze.xlsx')
+}
+
+// 多选事件
+const selectionChangHandle = (objs: { id: string }[]) => {
+  selectObjs.value = objs.map(({ id }) => id);
+  multiple.value = !objs.length;
+};
+
+// 删除操作
+const handleDelete = async (ids: string[]) => {
+  try {
+    await useMessageBox().confirm('此操作将永久删除');
+  } catch {
+    return;
+  }
+
+  try {
+    await delObjs(ids);
+    getDataList();
+    useMessage().success('删除成功');
+  } catch (err: any) {
+    useMessage().error(err.msg);
+  }
+};
+</script>

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

@@ -44,9 +44,14 @@
         </el-table-column>
         <el-table-column prop="userMobile" width="120" label="手机号" show-overflow-tooltip />
         <el-table-column prop="deptName" label="部门" show-overflow-tooltip />
-        <el-table-column prop="walletTypeUniqueCode" label="饭卡类型" show-overflow-tooltip>
+        <el-table-column prop="walletTypeUniqueCode" width="150" label="饭卡类型" show-overflow-tooltip>
           <template #default="{ row }">
-            <dict-tag :options="wallet_type" :value="row.walletTypeUniqueCode" />
+            <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" label="饭卡卡号" show-overflow-tooltip />

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

@@ -4,7 +4,7 @@
       <el-row :gutter="24">
         <el-col :span="24" class="mb20">
           <el-form-item label="充值时间" prop="importTime">
-            <el-date-picker v-model="form.importTime" type="month" value-format="x" placeholder="请选择充值时间" />
+            <el-date-picker v-model="form.importTime" type="month" value-format="YYYY-MM-DD" placeholder="请选择充值时间" />
           </el-form-item>
         </el-col>
 

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

@@ -1,11 +1,30 @@
 <template>
   <div class="layout-padding">
     <div class="layout-padding-auto layout-padding-view">
+      <el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList">
+        <el-row :gutter="24">
+          <el-col :span="4">
+            <el-form-item class="w100" label="用户" prop="userIds">
+              <select-user v-model="state.queryForm.userIds" placeholder="用户" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item class="w100" label="饭卡类型" prop="walletTypeId">
+              <select-wallet-type v-model="state.queryForm.walletTypeId" placeholder="饭卡类型" clearable />
+            </el-form-item>
+          </el-col>
+          <el-form-item>
+            <el-button icon="Search" type="primary" @click="getDataList">{{ $t('common.queryBtn')
+              }}</el-button>
+            <el-button icon="Refresh" @click="resetQuery">{{ $t('common.resetBtn') }}</el-button>
+          </el-form-item>
+        </el-row>
+      </el-form>
       <el-row>
         <div class="mb8" style="width: 100%">
-          <el-button icon="folder-add" type="primary" class="ml10" @click="formDialogRef.openDialog()"
+          <el-button icon="folder-add" type="primary" class="ml10" @click="uploadExcelRef.show()"
             v-auth="'wallet_walletRechargeApply_add'">
-            申 请
+            导 入
           </el-button>
           <el-button plain :disabled="multiple" icon="Delete" type="primary" v-auth="'wallet_walletRechargeApply_del'"
             @click="handleDelete(selectObjs)">
@@ -21,13 +40,31 @@
         @sort-change="sortChangeHandle">
         <el-table-column type="selection" width="40" align="center" />
         <el-table-column type="index" label="#" width="40" />
-        <el-table-column prop="userId" label="申请人ID" show-overflow-tooltip />
+        <el-table-column prop="username" label="申请人" show-overflow-tooltip />
-        <el-table-column prop="bizType" label="充值类型" show-overflow-tooltip />
+        <el-table-column prop="bizType" label="充值类型" show-overflow-tooltip>
-        <el-table-column prop="walletTypeId" label="饭卡类型id" show-overflow-tooltip />
+          <template #default="{ row }">
-        <el-table-column prop="deptId" label="部门ID" show-overflow-tooltip />
+            <dict-tag :options="wallet_biz_recharge" :value="row.bizType" />
-        <el-table-column prop="importTime" label="导入时间(手动选择)" show-overflow-tooltip />
+          </template>
-        <el-table-column label="操作" width="150">
+        </el-table-column>
+        <el-table-column prop="walletTypeId" widht="150" label="饭卡类型" show-overflow-tooltip>
+          <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.uniqueCode" />
+              </div>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="deptName" label="部门" show-overflow-tooltip />
+        <el-table-column prop="importTime" label="充值时间" show-overflow-tooltip />
+        <el-table-column prop="createTime" label="创建时间" show-overflow-tooltip />
+        <el-table-column label="操作" width="300">
           <template #default="scope">
+            <el-button icon="Document" text type="primary" v-auth="'wallet_walletRechargeApply_edit'"
+              @click="doInfo(scope.row)">数据</el-button>
+            <el-button icon="Connection" text type="primary" v-auth="'wallet_walletRechargeApply_edit'"
+              @click="formDialogRef.openDialog(scope.row.id)">申请</el-button>
             <el-button icon="edit-pen" text type="primary" v-auth="'wallet_walletRechargeApply_edit'"
               @click="formDialogRef.openDialog(scope.row.id)">编辑</el-button>
             <el-button icon="delete" text type="primary" v-auth="'wallet_walletRechargeApply_del'"
@@ -41,21 +78,27 @@
     <!-- 编辑、新增  -->
     <form-dialog ref="formDialogRef" @refresh="getDataList(false)" />
 
+    <upload-excel ref="uploadExcelRef" title="用户信息导入" url="/wallet/wallet-recharge-apply/read-excel"
+      temp-url="/admin/sys-file/local/file/wallet_recharge.xlsx" @refreshDataList="getDataList(false)" />
   </div>
 </template>
 
 <script setup lang="ts" name="systemWalletRechargeApply">
 import { BasicTableProps, useTable } from "/@/hooks/table";
-import { fetchList, delObjs } from "/@/api/wallet/wallet-recharge-apply";
+import * as walletRechargeApplyApi from "/@/api/wallet/wallet-recharge-apply";
 import { useMessage, useMessageBox } from "/@/hooks/message";
 import { useDict } from '/@/hooks/dict';
 
+const { push } = useRouter()
+
 // 引入组件
 const FormDialog = defineAsyncComponent(() => import('./form.vue'));
 // 定义查询字典
+const { wallet_biz_recharge, wallet_type } = useDict('wallet_biz_recharge', 'wallet_type');
 
 // 定义变量内容
 const formDialogRef = ref()
+const uploadExcelRef = ref()
 // 搜索变量
 const queryRef = ref()
 const showSearch = ref(true)
@@ -65,7 +108,7 @@ const multiple = ref(true)
 
 const state: BasicTableProps = reactive<BasicTableProps>({
   queryForm: {},
-  pageList: fetchList
+  pageList: walletRechargeApplyApi.pageJoin
 })
 
 //  table hook
@@ -98,6 +141,10 @@ const selectionChangHandle = (objs: { id: string }[]) => {
   multiple.value = !objs.length;
 };
 
+const doInfo = (row: any) => {
+  push({ path: '/wallet/wallet-recharge-apply/preview-excel', query: { id: row.id } })
+}
+
 // 删除操作
 const handleDelete = async (ids: string[]) => {
   try {
@@ -107,7 +154,7 @@ const handleDelete = async (ids: string[]) => {
   }
 
   try {
-    await delObjs(ids);
+    await walletRechargeApplyApi.delObjs(ids);
     getDataList();
     useMessage().success('删除成功');
   } catch (err: any) {

src/views/wallet/wallet-recharge-apply/preview-excel.vue

@@ -0,0 +1,46 @@
+<template>
+    <div class="layout-padding">
+        <div class="layout-padding-auto layout-padding-view">
+            <el-row>
+                <div class="mb8" style="width: 100%">
+                    <right-toolbar class="ml10 mr20" style="float: right;" :search="false" @queryTable="getDataList" />
+                </div>
+            </el-row>
+            <el-table :data="state.dataList" v-loading="state.loading" border :cell-style="tableStyle.cellStyle"
+                :header-cell-style="tableStyle.headerCellStyle" @sort-change="sortChangeHandle">
+                <el-table-column type="index" label="#" width="40" />
+                <el-table-column prop="username" label="用户" show-overflow-tooltip />
+                <el-table-column prop="userAvatar" label="头像" show-overflow-tooltip>
+                    <template #default="{ row }">
+                        <preview-image :src="row.userAvatar" />
+                    </template>
+                </el-table-column>
+                <el-table-column prop="userMobile" width="120" label="手机号" show-overflow-tooltip />
+                <el-table-column prop="username" label="操作金额" show-overflow-tooltip />
+            </el-table>
+            <pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle"
+                v-bind="state.pagination" />
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts" name="preview-excel">
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { useDict } from '/@/hooks/dict';
+import { displayPrice } from "/@/utils/formatMoney"
+import * as walletRechargeApplyApi from "/@/api/wallet/wallet-recharge-apply";
+
+// 定义变量内容
+const dialogVisible = ref(false)
+
+const state: BasicTableProps = reactive<BasicTableProps>({
+    queryForm: {},
+    pageList: walletRechargeApplyApi.pageJoin
+})
+
+//  table hook
+const { getDataList, currentChangeHandle, sizeChangeHandle, sortChangeHandle, downBlobFile, tableStyle } = useTable(state)
+
+
+
+</script>

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

@@ -21,17 +21,17 @@
         @sort-change="sortChangeHandle">
         <el-table-column type="selection" width="40" align="center" />
         <el-table-column type="index" label="#" width="40" />
+        <el-table-column prop="icon" label="钱包图标" show-overflow-tooltip>
+          <template #default="{ row }">
+            <preview-image :src="row.icon" />
+          </template>
+        </el-table-column>
         <el-table-column prop="name" label="钱包名" show-overflow-tooltip />
         <el-table-column prop="uniqueCode" label="饭卡类型" show-overflow-tooltip>
           <template #default="{ row }">
             <dict-tag :options="wallet_type" :value="row.uniqueCode" />
           </template>
         </el-table-column>
-        <el-table-column prop="icon" label="钱包图标" show-overflow-tooltip>
-          <template #default="{ row }">
-            <preview-image :src="row.icon" />
-          </template>
-        </el-table-column>
         <el-table-column label="操作" width="150">
           <template #default="scope">
             <el-button icon="edit-pen" text type="primary" v-auth="'wallet_walletType_edit'"