feat:人员搜索组件

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

@@ -1,6 +1,25 @@
 <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" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item class="w100" label="饭卡卡号" prop="cardNumber">
+              <el-input v-model="state.queryForm.cardNumber" 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 plain :disabled="multiple" icon="Delete" type="primary" v-auth="'wallet_walletManage_del'"
@@ -55,9 +74,9 @@
         <el-table-column prop="createTime" width="200" label="创建时间" show-overflow-tooltip />
         <el-table-column label="操作" fixed="right" width="200">
           <template #default="{ row }">
-            <el-button icon="edit-pen" text type="primary" v-auth="'wallet_walletManage_edit'"
+            <el-button icon="InfoFilled" text type="primary" v-auth="'wallet_walletManage_edit'"
               @click="formDialogRef.openDialog(row.id)">详情</el-button>
-            <el-button icon="edit-pen" text type="primary" v-auth="'wallet_walletManage_edit'"
+            <el-button icon="Money" text type="primary" v-auth="'wallet_walletManage_edit'"
               @click="changeBalanceRef.openDialog(row.userId, row.id)">充值/扣款</el-button>
           </template>
         </el-table-column>

src/views/wallet/wallet-manage/transaction-list.vue

@@ -30,27 +30,19 @@ import { displayPrice } from "/@/utils/formatMoney"
 const emit = defineEmits(['refresh']);
 
 // 定义变量内容
-const dataFormRef = ref();
 const visible = ref(false)
 const loading = ref(false)
 // 定义字典
 
 // 提交表单数据
 const form = reactive({
-  id: '',
-  isFreeze: '',
-  activeBindTime: '',
-  activeBindStatus: '',
 });
 const state: BasicTableProps = reactive<BasicTableProps>({
+  pagination: { size: 5, },
   queryForm: {},
   pageList: walletTransactionApi.pageJoin
 })
 
-// 定义校验规则
-const dataRules = ref({
-})
-
 //  table hook
 const {
   getDataList,
@@ -65,30 +57,15 @@ const {
 const openDialog = (id: string) => {
   visible.value = true
   form.id = ''
-
-  // 重置表单数据
-  nextTick(() => {
-    dataFormRef.value?.resetFields();
-  });
-
-  // 获取walletManage信息
   if (id) {
-    form.id = id
-    getwalletManageData(id)
+    state.queryForm.walletId = id
+    state.dataList = []
+    getDataList()
   }
 };
 
 
 
-// 初始化表单数据
-const getwalletManageData = (id: string) => {
-  // 获取数据
-  loading.value = true
-  const res = walletTransactionApi.pageJoin({ walletId: id });
-  console.log(res);
-
-};
-
 // 暴露变量
 defineExpose({
   openDialog

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

@@ -11,8 +11,9 @@
             @click="handleDelete(selectObjs)">
             删除
           </el-button>
-          <right-toolbar v-model:showSearch="showSearch" :export="'wallet_walletType_export'" @exportExcel="exportExcel"
-            class="ml10 mr20" style="float: right;" @queryTable="getDataList"></right-toolbar>
+          <right-toolbar :search="false" v-model:showSearch="showSearch" :export="'wallet_walletType_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"