Merge branch 'invite'

index.html

@@ -9,6 +9,21 @@
   <link rel="icon" href="/favicon.ico">
   <title>Api2gpt</title>
   <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
+  <!-- Matomo -->
+  <script>
+    var _paq = window._paq = window._paq || [];
+    /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+    _paq.push(['trackPageView']);
+    _paq.push(['enableLinkTracking']);
+    (function() {
+      var u="https://anydoor.matomo.cloud/";
+      _paq.push(['setTrackerUrl', u+'matomo.php']);
+      _paq.push(['setSiteId', '4']);
+      var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+      g.async=true; g.src='//cdn.matomo.cloud/anydoor.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
+    })();
+  </script>
+  <!-- End Matomo Code -->
   <style>
     html,
     body,
@@ -122,7 +137,7 @@
       top: 0;
       width: 51%;
       height: 100%;
-      background: #7171C6;
+      background: #74c0ce;
       z-index: 1000;
       -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
@@ -206,7 +221,7 @@
       <div id="loader"></div>
       <div class="loader-section section-left"></div>
       <div class="loader-section section-right"></div>
-      <div class="load_title">正在加载系统资源，请耐心等待</div>
+      <div class="load_title"></div>
     </div>
   </div>
   <script type="module" src="/src/main.js"></script>

src/router/index.js

@@ -26,6 +26,15 @@ import Layout from '@/layout'
 
 // 公共路由
 export const constantRoutes = [
+  {
+    path: '/m/:code',
+    redirect: (to) => {
+      // 保存参数到本地缓存或 cookie
+      localStorage.setItem('inviteCode', to.params.code)
+      // 如果需要使用 cookie，可以使用 document.cookie = 'inviteCode=' + to.params.code
+      return '/register'
+    }
+  },
   {
     path: '/redirect',
     component: Layout,

src/views/index.vue

@@ -10,11 +10,26 @@
       </div>
     </template>
     <el-row :gutter="20" class="info">
-      <el-col :span="8">帐户余额：￥<el-text class="mx-1" >{{ userBalance }}</el-text></el-col>
+      <el-col :span="8">帐户余额：￥<el-text class="mx-1" >{{ NumFilter(userBalance) }}</el-text></el-col>
-      <el-col :span="8">本月消费：￥<el-text class="mx-1" >{{ userBalanceMonth }}</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-row>
   </el-card>
+  <div class="main2" v-if="pushSwitch">
+    <el-card class="box-card">
+      <template #header>
+        <div class="card-header">
+          <span>推荐计划</span>
+        </div>
+      </template>
+      <el-input v-model="pushUrl"  size="large" readonly @click.stop="handleCopy(pushUrl)">
+        <template #append>
+          <el-button @click="handleCopy(pushUrl)">复制链接</el-button>
+        </template>
+      </el-input>
+    </el-card>
+    <el-alert :title="'推荐用户首次充值成功后将获得佣金奖励：' + rewardDesc+'，奖励可在充值记录中查看'" type="success" :closable="false"  />
+  </div>
   <div class="main2">
     <el-card class="box-card">
       <template #header>
@@ -22,24 +37,33 @@
           <span>服务信息</span>
         </div>
       </template>
-      <el-space direction="vertical" alignment="start" :size="30">
+      <div style="margin-top: 10px; margin-bottom: 10px;">
-            <div>
+        <el-input v-model="serverUrl"  size="large" readonly  @click.stop="handleCopy(serverUrl)">
-              <el-input v-model="serverUrl"  size="large" style="width:500px" readonly>
+          <template #prepend>Api Server:</template>
-                <template #prepend>Api Server:</template>
+          <template #append>
-              </el-input>
+            <el-button @click="handleCopy(serverUrl)">复制</el-button>
-            </div>
+          </template>
-            <div>
+        </el-input>
-              <el-input v-model="userKey"  size="large" style="width:500px" readonly>
+      </div>
-                <template #prepend>Api Key:</template>
+      <div style="margin-top: 10px; margin-bottom: 10px;">
-              </el-input>
+        
-            </div>
+        <el-input v-model="userKey"  size="large" readonly @click.stop="handleCopy(userKey)">
-            <div>
+          <template #prepend>Api Key:</template>
-              <el-input v-model="serverUrl2"  size="large" style="width:500px" readonly>
+          <template #append>
-                <template #prepend>Api Server备用:</template>
+            <el-button @click="handleCopy(userKey)">复制</el-button>
-              </el-input>
+          </template>
-            </div>
+        </el-input>
-            </el-space>
+      </div>
+      <div style="margin-top: 10px; margin-bottom: 10px;">
+        <el-input v-model="serverUrl2" size="large" type="password" readonly @click.stop="handleCopy(serverUrl2)">
+          <template #prepend>Api Server备用:</template>
+          <template #append>
+            <el-button @click="handleCopy(serverUrl2)">复制</el-button>
+          </template>
+        </el-input>
+      </div>
     </el-card>
+    <el-alert title="点击输入框或按钮可直接复制" type="success" :closable="false"  />
   </div>
   <div class="main2">
     <el-card class="box-card">
@@ -48,20 +72,26 @@
           <span>模型定价</span>
         </div>
       </template>
+      <div style="margin-bottom: 10px;">
+        <el-alert title="注意：模型价格中的计费单位为每1000个token，而不是字数。算法基本和官方保持一致，一个中文字符大致消耗2个token, 用英文提问回复更省token" type="warning" :closable="false"/>
+      </div>
       <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
+            ￥{{NumFilter4(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
+            ￥{{NumFilter4(scope.row.modelPrice*1000)}}/k
           </template>
         </el-table-column>
         <el-table-column prop="remark" label="备注" />
       </el-table>
+      <div>
+        <el-alert title="GPT4接口暂未上线，尽请期待" type="error" :closable="false"/>
+      </div>
     </el-card>
   </div>
   </div>
@@ -69,26 +99,73 @@
 
 <script setup name="Index">
 import { getCertIndex } from '@/api/cert/index'
+import { getConfigKey } from "@/api/system/config";
 import { ref } from 'vue';
 
+const { proxy } = getCurrentInstance();
 const modelList = ref([]);
 const serverUrl = ref("");
 const serverUrl2 = ref("");
 const userKey = ref("");
 const userBalance = ref(0);
 const userBalanceMonth = ref(0);
+const pushUrl = ref("");
+const pushSwitch = ref("N")
+const rewardDesc = ref("")
 
 function getIndex() {
+  // 是否开启推广链接
+  getConfigKey("invite.distribution.switch").then(response => {
+    pushSwitch.value = response.msg;
+  });
+  getConfigKey("invite.distribution.type").then(resp1 => {
+    getConfigKey("invite.distribution.quota").then(resp2 => {
+      const type = resp1.msg
+      const quota = resp2.msg
+      if (type == "percent") {
+        rewardDesc.value = "被邀请用户首单充值"+quota+"%"
+      }else {
+        rewardDesc.value = quota +"元"
+      }
+    });
+  });
   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
+    pushUrl.value  = response.data.pushUrl
     modelList.value = response.data.modelList
   })
 }
 
+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("复制成功");
+}
+
+function NumFilter (value) {
+  // 截取当前数据到小数点后两位
+  let realVal = parseFloat(value).toFixed(2)
+  return realVal
+}
+function NumFilter4 (value) {
+  // 截取当前数据到小数点后两位
+  let realVal = parseFloat(value).toFixed(4)
+  return realVal
+}
+
 getIndex()
 </script>
 

src/views/login.vue

@@ -75,8 +75,8 @@ const router = useRouter();
 const { proxy } = getCurrentInstance();
 
 const loginForm = ref({
-  username: "admin",
+  username: "",
-  password: "admin123",
+  password: "",
   rememberMe: false,
   code: "",
   uuid: ""

src/views/register.vue

@@ -87,6 +87,7 @@
     <!--  底部  -->
     <div class="el-register-footer">
       <span>Copyright © 2023 api2gpt</span>
+      <a href="https://www.api2gpt.com">  使用说明</a>
     </div>
   </div>
 </template>
@@ -98,13 +99,15 @@ import { getCodeMail, register } from "@/api/login";
 const router = useRouter();
 const { proxy } = getCurrentInstance();
 
+const inviteCode = localStorage.getItem('inviteCode') || ''
 const registerForm = ref({
   username: "",
   password: "",
   confirmPassword: "",
   code: "",
   email: "",
-  uuid: ""
+  uuid: "",
+  inviteCode: inviteCode
 });
 
 const equalToPassword = (rule, value, callback) => {
@@ -140,6 +143,7 @@ const loading = ref(false);
 const captchaEnabled = ref(true);
 
 function handleRegister() {
+  console.log(registerForm.value.inviteCode)
   proxy.$refs.registerRef.validate(valid => {
     if (valid) {
       loading.value = true;

src/views/user/doc/index.vue

@@ -7,7 +7,7 @@
                 </div>
             </template>
             <div class="info">
-                请先参考：<a href="https://www.api2gpt.com/helper" target="_blank">api2gpt 文档</a>
+                请先参考：<a href="https://www.api2gpt.com/" target="_blank">api2gpt 文档</a>
             </div>
           </el-card>
    </div>

src/views/user/money/index.vue

@@ -3,12 +3,12 @@
       <el-card shadow="always"> 
         <el-space alignment="start" :size="30">
         充值金值：
-        <el-input-number v-model="form.paymentPrice" :precision="1" :step="0.1" :max="500" :min="0.1" />
+        <el-input-number v-model="form.paymentPrice" :precision="1" :step="0.1" :max="100" :min="0.1" />
         <el-button type="primary" @click="handlePayment" :loading="loading">充值</el-button>
         </el-space>
       </el-card>
       <div style="margin-top:5px;">
-        <el-alert title="第一次充值建议先小额进行试用，充值最高500元" type="warning" :closable="false" />
+        <el-alert title="第一次充值建议先小额进行试用，充值最高100元" type="warning" :closable="false" />
       </div>
     <div class="main2">
       <el-card class="box-card">
@@ -26,7 +26,11 @@
           </template>
         </el-table-column>
         <el-table-column label="创建时间" align="center" prop="createTime"></el-table-column>
-        <el-table-column label="支付时间" align="center" prop="paymentTime"></el-table-column>
+        <el-table-column label="支付方式" align="center" prop="paymentWay">
+          <template #default="scope">
+            <dict-tag :options="order_payment_way" :value="scope.row.paymentWay"/>
+          </template>
+        </el-table-column>
         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
           <template #default="scope">
             <el-button link type="primary" icon="Refresh" @click="refreshOrderStatus(scope.row.orderNo)">手动刷新</el-button>
@@ -139,6 +143,17 @@ function getList() {
   });
 }
 
+proxy.$notify({
+    title: '充值须值',
+    message:  '<div>1. 充值后不支持退款，建议先小额充值进行测试，平台不限制最低充值金额，请按需充值。</div>'+
+              '<div>2. 定价页面没写的模型和接口即不支持，不是所有的接口都支持，有特殊需求的朋友要注意。</div>'+
+              '<div>3. 支付宝充值到账一般为几秒钟到几分钟，但是偶尔也会遇到延迟比较高的情况，如果遇到支付状态长时间没有变化，请点击手动刷新更新状态即可</div>'+
+              '<div>4. 商务订制等大需求，请联系客服</div>',
+    type: 'warning',
+    dangerouslyUseHTMLString: true,
+    duration: 0
+});
+
 getList()
 </script>