diff --git a/src/views/cert/usageRecord/index.vue b/src/views/cert/usageRecord/index.vue
index f30d635..3477a66 100644
--- a/src/views/cert/usageRecord/index.vue
+++ b/src/views/cert/usageRecord/index.vue
@@ -93,7 +93,7 @@
 
     <el-table v-loading="loading" :data="usageRecordList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="序号" align="center" prop="id" />
+      <el-table-column label="时间" align="center" prop="createTime" />
       <el-table-column label="状态" align="center" prop="status">
         <template #default="scope">
           <dict-tag :options="sys_normal_disable" :value="scope.row.status"/>
@@ -102,10 +102,11 @@
       <el-table-column label="用户ID" align="center" prop="userId" />
       <el-table-column label="Key" align="center" prop="secretKey" />
       <el-table-column label="模型" align="center" prop="model" />
-      <el-table-column label="问题tokens" align="center" prop="promptTokens" />
-      <el-table-column label="回复tokens" align="center" prop="completionTokens" />
-      <el-table-column label="总tokens" align="center" prop="totalTokens" />
+      <el-table-column label="prompt" align="center" prop="promptTokens" />
+      <el-table-column label="completion" align="center" prop="completionTokens" />
+      <el-table-column label="total" align="center" prop="totalTokens" />
       <el-table-column label="消息ID" align="center" prop="msgId" />
+      <el-table-column label="费用" align="center" prop="fee" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template #default="scope">
           <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['cert:usageRecord:edit']">修改</el-button>
diff --git a/src/views/user/usage/index.vue b/src/views/user/usage/index.vue
index fc00568..6f83edc 100644
--- a/src/views/user/usage/index.vue
+++ b/src/views/user/usage/index.vue
@@ -6,32 +6,102 @@
                     <span>调用记录</span>
                 </div>
             </template>
-            <el-table :data="tableData" height="250" style="width: 100%">
-                <el-table-column prop="requestTime" label="调用时间" />
-                <el-table-column prop="msgId" label="调用ID" />
-                <el-table-column prop="model" label="模型" />
-                <el-table-column prop="promptTotkens" label="prompt" />
-                <el-table-column prop="completionTokens" label="completion" />
-                <el-table-column prop="totalTokens" label="total" />
-                <el-table-column prop="price" label="花费" />
+            <el-form :model="queryParams" ref="queryRef" :inline="true" label-width="68px">
+                <el-form-item label="Key" prop="secretKey">
+                    <el-input
+                    v-model="queryParams.secretKey"
+                    placeholder="请输入Key"
+                    clearable
+                    @keyup.enter="handleQuery"
+                    />
+                </el-form-item>
+                <el-form-item label="模型" prop="model">
+                    <el-input
+                    v-model="queryParams.model"
+                    placeholder="请输入模型"
+                    clearable
+                    @keyup.enter="handleQuery"
+                    />
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+                    <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+                </el-form-item>
+            </el-form>
+            <el-table v-loading="loading" :data="usageRecordList" @selection-change="handleSelectionChange">
+                <el-table-column label="调用时间" align="center" prop="createTime" />
+                <el-table-column label="调用ID" align="center" prop="secretKey" />
+                <el-table-column label="模型" align="center" prop="model" />
+                <el-table-column label="prompt" align="center" prop="promptTokens" />
+                <el-table-column label="completion" align="center" prop="completionTokens" />
+                <el-table-column label="total" align="center" prop="totalTokens" />
+                <el-table-column label="费用" align="center" prop="fee" />
             </el-table>
+            
+            <pagination
+            v-show="total>0"
+            :total="total"
+            v-model:page="queryParams.pageNum"
+            v-model:limit="queryParams.pageSize"
+            @pagination="getList"
+            />
         </el-card>
     </div>
  </template>
  
  <script setup name="usage">
-const tableData = [
-  {
-    requestTime: '2022-01-01 12:00:00',
-    msgId: '069e1032-8a68-4b27-ac8f-9ad8401d4df3',
-    model: 'gpt-3.5-turbo',
-    promptTotkens: 60,
-    completionTokens: 80,
-    totalTokens: 140,
-    price: 10
+import { listUsageRecord } from "@/api/cert/usageRecord";
+import { getUserProfile } from "@/api/system/user";
+
+const { proxy } = getCurrentInstance();
+
+const usageRecordList = ref([]);
+const loading = ref(true);
+const total = ref(0);
+
+const data = reactive({
+  queryParams: {
+    pageNum: 1,
+    userId: null,
+    pageSize: 10,
+    secretKey: null,
+    model: null,
+    msgId: null
   },
-]
- </script>
+});
+
+const { queryParams } = toRefs(data);
+
+function getUser() {
+  getUserProfile().then(response => {
+    queryParams.value.userId = response.data.userId
+    getList()
+  });
+};
+
+/** 查询使用记录列表 */
+function getList() {
+  loading.value = true;
+  listUsageRecord(queryParams.value).then(response => {
+    usageRecordList.value = response.rows;
+    total.value = response.total;
+    loading.value = false;
+  });
+}
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  proxy.resetForm("queryRef");
+  handleQuery();
+}
+
+getUser()
+</script>
  
  <style scoped lang="scss">
  .main {