From 6ddc79fd4f8c3ebb028d5c10641b5a84f1256685 Mon Sep 17 00:00:00 2001
From: kelvin <kidult.x@gmail.com>
Date: Mon, 12 Jun 2023 19:39:48 +0800
Subject: [PATCH 1/2] =?UTF-8?q?updat=20key=E7=AE=A1=E7=90=86=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/cert/apiToken.js     | 24 +++++++++
 src/views/index.vue          |  6 ++-
 src/views/user/key/index.vue | 96 ++++++++++++++++++++++++++++++++++++
 3 files changed, 125 insertions(+), 1 deletion(-)
 create mode 100644 src/views/user/key/index.vue

diff --git a/src/api/cert/apiToken.js b/src/api/cert/apiToken.js
index 8596c26..64686ec 100644
--- a/src/api/cert/apiToken.js
+++ b/src/api/cert/apiToken.js
@@ -50,3 +50,27 @@ export function flushApiToken(id) {
     method: 'get'
   })
 }
+
+//生成用户KEY
+export function generateKey(){
+  return request({
+    url: '/cert/apiToken/generateKey',
+    method: 'get'
+  })
+}
+
+//获取当前用户KEY列表
+export function getKeyList(){
+  return request({
+    url: '/cert/apiToken/getKeyList',
+    method: 'get'
+  })
+}
+
+//删除用户KEY
+export function delKey(key){
+  return request({
+    url: '/cert/apiToken/deleteKey/'+key,
+    method: 'delete'
+  })
+}
\ No newline at end of file
diff --git a/src/views/index.vue b/src/views/index.vue
index d01f7fb..67731bb 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -38,6 +38,11 @@
       <template #header>
         <div class="card-header">
           <span>服务信息</span>
+          <div>
+            <router-link to="/key">
+            <el-button type="primary">KEY管理</el-button>
+            </router-link>
+          </div>
         </div>
       </template>
       <div style="margin-top: 10px; margin-bottom: 10px;">
@@ -49,7 +54,6 @@
         </el-input>
       </div>
       <div style="margin-top: 10px; margin-bottom: 10px;">
-        
         <el-input v-model="userKey"  size="large" readonly @click.stop="handleCopy(userKey)">
           <template #prepend>Api Key:</template>
           <template #append>
diff --git a/src/views/user/key/index.vue b/src/views/user/key/index.vue
new file mode 100644
index 0000000..47b4530
--- /dev/null
+++ b/src/views/user/key/index.vue
@@ -0,0 +1,96 @@
+<template>
+    <div class="main">
+         <el-card class="box-card">
+             <template #header>
+                 <div class="card-header">
+                     <span>KEY 管理</span>
+                     <div><el-button type="success" style="margin-right: 10px;" @click="handleAdd()">添加一个</el-button></div>
+                 </div>
+             </template>
+             <div style="margin-top: 10px; margin-bottom: 10px;" v-for="(obj,index) in keyList" :obj="obj" :index="index" :key="obj.id">
+                <el-input :value="'AK-'+ obj.id"  size="large" readonly @click.stop="handleCopy('AK-'+obj.id)">
+                <template #prepend>Api Server{{ index + 1 }}:</template>
+                <template #append>
+                    <el-button @click="handleDel(obj.id)">删除</el-button>
+                </template>
+                </el-input>
+             </div>
+           </el-card>
+    </div>
+  </template>
+  
+  <script setup name="key">
+    import { ref } from 'vue';
+    import { delKey,getKeyList,generateKey } from "@/api/cert/apiToken";
+
+    const { proxy } = getCurrentInstance();
+    const keyList = ref([]);
+
+    function Init(){
+        getKeyList().then(response => {
+            keyList.value = response.data
+        })
+    }
+
+    function handleAdd(){
+        generateKey().then(response => {
+            proxy.$modal.msgSuccess("添加成功");
+            Init();
+        })
+    }
+
+    function handleDel(key){
+        proxy.$modal.confirm('是否确认删除KEY:AK-'+key+'？').then(function() {
+            return delKey(key);
+        }).then(() => {
+            Init();
+            proxy.$modal.msgSuccess("删除成功");
+        }).catch(() => {});
+    }
+
+    function handleCopy(id){
+        // 获取需要复制的元素以及元素内的文本内容
+        const text = id;
+        // 添加一个input元素放置需要的文本内容
+        const input = document.createElement("input");
+        input.value = text;
+        document.body.appendChild(input);
+        // 选中并复制文本到剪切板
+        input.select();
+        document.execCommand("copy");
+        // 移除input元素
+        document.body.removeChild(input);
+        proxy.$modal.msgSuccess("复制成功");
+    }
+
+
+    Init();
+  </script>
+  
+  <style scoped lang="scss">
+  .main {
+     padding: 20px;
+  }
+    .card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    }
+
+    .text {
+    font-size: 14px;
+    }
+
+    .item {
+    margin-bottom: 18px;
+    }
+
+    .info {
+        font-size: 15px;
+        color: #606266;
+    }
+</style>
+
+
+  
+  
\ No newline at end of file

From 442752f0df682cef6367ba1b5f8563df60047d7c Mon Sep 17 00:00:00 2001
From: Kelvin <kidult.x@gmail.com>
Date: Mon, 12 Jun 2023 22:46:13 +0800
Subject: [PATCH 2/2] update

---
 src/views/index.vue              |  4 +++-
 src/views/order/order/index.vue  |  1 +
 src/views/user/key/index.vue     |  7 ++++++-
 src/views/user/money/index.vue   | 22 +++++++++++++++-------
 src/views/user/support/index.vue | 10 ++++++++++
 src/views/user/usage/index.vue   | 24 ++++++++++++++++--------
 6 files changed, 51 insertions(+), 17 deletions(-)

diff --git a/src/views/index.vue b/src/views/index.vue
index 67731bb..3c792dd 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -15,7 +15,7 @@
     <el-row :gutter="20" class="info">
       <el-col :span="8">帐户余额：￥<el-text class="mx-1" >{{ NumFilter(userBalance) }}</el-text></el-col>
       <el-col :span="8">本月消费：￥<el-text class="mx-1" >{{ NumFilter(userBalanceMonth) }}</el-text></el-col>
-      <el-col :span="8">帐户等级：<el-tag class="ml-2" type="success">1</el-tag></el-col>
+      <el-col :span="8">当日消费：￥<el-text class="mx-1" >{{ NumFilter(userBalanceDay) }}</el-text></el-col>
     </el-row>
   </el-card>
   <div class="main2" v-if="pushSwitch == 'Y'">
@@ -116,6 +116,7 @@ const serverUrl2 = ref("");
 const userKey = ref("");
 const userBalance = ref(0);
 const userBalanceMonth = ref(0);
+const userBalanceDay = ref(0);
 const pushUrl = ref("");
 const pushSwitch = ref("N")
 const rewardDesc = ref("")
@@ -142,6 +143,7 @@ function getIndex() {
     userKey.value = response.data.userKey
     userBalance.value = response.data.userBalance
     userBalanceMonth.value = response.data.userBalanceMonth
+    userBalanceDay.value = response.data.userBalanceDay
     pushUrl.value  = response.data.pushUrl
     modelList.value = response.data.modelList
   })
diff --git a/src/views/order/order/index.vue b/src/views/order/order/index.vue
index 26ca4ff..02b9cca 100644
--- a/src/views/order/order/index.vue
+++ b/src/views/order/order/index.vue
@@ -116,6 +116,7 @@
       <el-table v-loading="loading" :data="orderList" @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="55" align="center" />
         <el-table-column label="订单号" align="center" prop="orderNo" />
+        <el-table-column label="用户ID" align="center" prop="userId" />
         <el-table-column label="支付方式" align="center" prop="paymentWay">
           <template #default="scope">
             <dict-tag :options="order_payment_way" :value="scope.row.paymentWay"/>
diff --git a/src/views/user/key/index.vue b/src/views/user/key/index.vue
index 47b4530..8b61f66 100644
--- a/src/views/user/key/index.vue
+++ b/src/views/user/key/index.vue
@@ -9,7 +9,7 @@
              </template>
              <div style="margin-top: 10px; margin-bottom: 10px;" v-for="(obj,index) in keyList" :obj="obj" :index="index" :key="obj.id">
                 <el-input :value="'AK-'+ obj.id"  size="large" readonly @click.stop="handleCopy('AK-'+obj.id)">
-                <template #prepend>Api Server{{ index + 1 }}:</template>
+                <template #prepend>Api KEY{{ index + 1 }}:</template>
                 <template #append>
                     <el-button @click="handleDel(obj.id)">删除</el-button>
                 </template>
@@ -40,6 +40,11 @@
     }
 
     function handleDel(key){
+        console.log(keyList.value.length);
+        if(keyList.value.length < 2){
+            proxy.$modal.msgError("请至少保留一个KEY");
+            return;
+        }
         proxy.$modal.confirm('是否确认删除KEY:AK-'+key+'？').then(function() {
             return delKey(key);
         }).then(() => {
diff --git a/src/views/user/money/index.vue b/src/views/user/money/index.vue
index c880eb7..ff9f0f2 100644
--- a/src/views/user/money/index.vue
+++ b/src/views/user/money/index.vue
@@ -40,13 +40,18 @@
         </el-table-column>
       </el-table>
       
-      <pagination
-        v-show="total>0"
-        :total="total"
-        v-model:page="queryParams.pageNum"
-        v-model:limit="queryParams.pageSize"
-        @pagination="getList"
-      />
+       <div style="margin-top: 20px;">
+        <el-pagination
+                v-model:current-page="queryParams.pageNum"
+                v-model:page-size="queryParams.pageSize"
+                layout="total, sizes, prev, pager, next, jumper"
+                v-show="total>0"
+                :background="true"
+                :total="total"
+                @size-change="getList"
+                @current-change="getList"
+              />
+        </div>
       </el-card>
     </div>
     <el-dialog title="请使用支付宝扫码充值" v-model="open" width="500px" :before-close="cancel" append-to-body>
@@ -184,5 +189,8 @@ getList()
 .main2 {
   margin-top: 20px;
 }
+.el-pagination {
+    justify-content: center;
+  }
 </style>
 
diff --git a/src/views/user/support/index.vue b/src/views/user/support/index.vue
index 742391b..85a81b2 100644
--- a/src/views/user/support/index.vue
+++ b/src/views/user/support/index.vue
@@ -19,6 +19,16 @@
             </el-space>
 
         </el-card>
+        <el-card class="box-card" style="margin-top: 20px;">
+            <template #header>
+                <div class="card-header">
+                    <span>使用文档</span>
+                </div>
+            </template>
+            <div class="info">
+                请先参考：<a href="https://www.api2gpt.com/helper.html" target="_blank">api2gpt 文档</a>
+            </div>
+          </el-card>
     </div>
  </template>
  
diff --git a/src/views/user/usage/index.vue b/src/views/user/usage/index.vue
index f633496..6da2df0 100644
--- a/src/views/user/usage/index.vue
+++ b/src/views/user/usage/index.vue
@@ -37,14 +37,18 @@
                 <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"
-            />
+            <div style="margin-top: 20px;">
+              <el-pagination
+                v-model:current-page="queryParams.pageNum"
+                v-model:page-size="queryParams.pageSize"
+                layout="total, sizes, prev, pager, next, jumper"
+                v-show="total>0"
+                :background="true"
+                :total="total"
+                @size-change="getList"
+                @current-change="getList"
+              />
+            </div>
         </el-card>
     </div>
  </template>
@@ -100,6 +104,10 @@ getList()
  .main {
     padding: 20px;
  }
+
+ .el-pagination {
+    justify-content: center;
+  }
  </style>
  
  
\ No newline at end of file