系统首页修改

src/api/cert/index.js

@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+//获取首页信息
+export function getCertIndex() {
+    return request({
+      url: '/cert/index',
+      method: 'get'
+    })
+}
+  

src/router/index.js

@@ -66,7 +66,7 @@ export const constantRoutes = [
         path: '/index',
         component: () => import('@/views/index'),
         name: 'Index',
-        meta: { title: '首页', icon: 'dashboard', affix: true }
+        meta: { title: '系统首页', icon: 'dashboard', affix: true }
       }
     ]
   },

src/views/index.vue

@@ -10,11 +10,37 @@
       </div>
     </template>
     <el-row :gutter="20" class="info">
-      <el-col :span="8">帐户余额：￥<el-text class="mx-1">100</el-text></el-col>
-      <el-col :span="8">本月消费：￥<el-text class="mx-1">100</el-text></el-col>
+      <el-col :span="8">帐户余额：￥<el-text class="mx-1" >{{ userBalance }}</el-text></el-col>
+      <el-col :span="8">本月消费：￥<el-text class="mx-1" >{{ userBalanceMonth }}</el-text></el-col>
       <el-col :span="8">帐户等级：<el-tag class="ml-2" type="success">1</el-tag></el-col>
     </el-row>
   </el-card>
+  <div class="main2">
+    <el-card class="box-card">
+      <template #header>
+        <div class="card-header">
+          <span>服务信息</span>
+        </div>
+      </template>
+      <el-space direction="vertical" alignment="start" :size="30">
+            <div>
+              <el-input v-model="serverUrl"  size="large" style="width:500px" readonly>
+                <template #prepend>Api Server:</template>
+              </el-input>
+            </div>
+            <div>
+              <el-input v-model="userKey"  size="large" style="width:500px" readonly>
+                <template #prepend>Api Key:</template>
+              </el-input>
+            </div>
+            <div>
+              <el-input v-model="serverUrl2"  size="large" style="width:500px" readonly>
+                <template #prepend>Api Server备用:</template>
+              </el-input>
+            </div>
+            </el-space>
+    </el-card>
+  </div>
   <div class="main2">
     <el-card class="box-card">
       <template #header>
@@ -22,11 +48,19 @@
           <span>模型定价</span>
         </div>
       </template>
-      <el-table :data="tableData" height="250" style="width: 100%">
-        <el-table-column prop="name" label="模型"  />
-        <el-table-column prop="price1" label="提问价格" width="180" />
-        <el-table-column prop="price2" label="回答价格" width="180"/>
-        <el-table-column prop="txt" label="备注" />
+      <el-table :data="modelList" height="250" style="width: 100%">
+        <el-table-column prop="modelName" label="模型"  />
+        <el-table-column prop="modelPrice" label="提问价格" width="180" >
+          <template #default="scope">
+            ￥{{scope.row.modelPrice*1000}}/k
+          </template>
+          </el-table-column>
+        <el-table-column prop="modelPrice" label="回答价格" width="180">
+          <template #default="scope">
+            ￥{{scope.row.modelPrice*1000}}/k
+          </template>
+        </el-table-column>
+        <el-table-column prop="remark" label="备注" />
       </el-table>
     </el-card>
   </div>
@@ -34,26 +68,28 @@
 </template>
 
 <script setup name="Index">
-const tableData = [
-  {
-    name: 'gpt-3.5-turbo',
-    price1: '￥0.028 /1k',
-    price2: '￥0.028 /1k',
-    txt: ''
-  },
-  {
-    name: 'text-davinci-003',
-    price1: '￥0.28 /1k',
-    price2: '￥0.28 /1k',
-    txt: ''
-  },
-  {
-    name: 'text-embedding-ada-002',
-    price1: '￥0.0056 /1k',
-    price2: '￥0.0056 /1k',
-    txt: ''
-  }
-]
+import { getCertIndex } from '@/api/cert/index'
+import { ref } from 'vue';
+
+const modelList = ref([]);
+const serverUrl = ref("");
+const serverUrl2 = ref("");
+const userKey = ref("");
+const userBalance = ref(0);
+const userBalanceMonth = ref(0);
+
+function getIndex() {
+  getCertIndex().then(response => {
+    serverUrl.value = response.data.serverUrl
+    serverUrl2.value = response.data.serverUrl2
+    userKey.value = response.data.userKey
+    userBalance.value = response.data.userBalance
+    userBalanceMonth.value = response.data.userBalanceMonth
+    modelList.value = response.data.modelList
+  })
+}
+
+getIndex()
 </script>
 
 <style scoped lang="scss">