add tg bot

PMPanel · Jun 2, 2021 · 5a2dfa3 · 5a2dfa3
1 parent 33312d4
commit 5a2dfa3
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 9 deletions.
diff --git a/src/api/usercenter.js b/src/api/usercenter.js
@@ -3,7 +3,8 @@ import request from '@/utils/request'
 const api = {
   changePass: '/user/password',
   getEmailCheckCode: '/user/getEmailCheckCode',
-  changeEmail: '/user/email'
+  changeEmail: '/user/email',
+  getTGConfig: '/user/tgconfig'
 }
 
 /**
@@ -50,3 +51,15 @@ export function changeEmail (params) {
     })
   })
 }
+
+/**
+ * 获取TG配置
+ * @param parameter
+ * @returns {AxiosPromise}
+ */
+export function getTGConfig () {
+  return request({
+    url: api.getTGConfig,
+    method: 'get'
+  })
+}
diff --git a/src/locales/lang/en-US.js b/src/locales/lang/en-US.js
@@ -204,6 +204,7 @@ const locale = {
   'usercenter.settings.security.changeEmail.oldEmailCheckCode': 'Old email\'s CheckCode',
   'usercenter.settings.security.changeEmail.newEmail': 'New Email Address',
   'usercenter.settings.security.changeEmail.newEmailCheckCode': 'New email\'s CheckCode',
+  'usercenter.settings.binding.tg': 'Binding Telegram',
 
   'app.setting.pagestyle': 'Page style setting',
   'app.setting.pagestyle.light': 'Light style',

diff --git a/src/locales/lang/zh-CN.js b/src/locales/lang/zh-CN.js
@@ -204,7 +204,8 @@ const locale = {
   'usercenter.settings.security.changeEmail': '更换邮箱',
   'usercenter.settings.security.changeEmail.oldEmailCheckCode': '旧邮箱验证码',
   'usercenter.settings.security.changeEmail.newEmail': '新邮箱地址',
-  'usercenter.settings.security.changeEmail.newEmailCheckCode': '新邮箱验证码'
+  'usercenter.settings.security.changeEmail.newEmailCheckCode': '新邮箱验证码',
+  'usercenter.settings.binding.tg': '绑定Telegram'
 
 }
 

diff --git a/src/views/account/settings/Binding.vue b/src/views/account/settings/Binding.vue
@@ -1,21 +1,35 @@
 <template>
-  <a-list
-    itemLayout="horizontal"
-    :dataSource="data"
-  >
+  <div class="account-settings-info-view">
+    <a-row :gutter="16">
+      <a-col :md="24" :lg="24">
+        <a-form layout="vertical">
+          <a-button type="primary" @click="bindTG">{{ $i18n.t('usercenter.settings.binding.tg') }}</a-button>
+        </a-form>
+      </a-col>
+    </a-row>
 
-  </a-list>
+  </div>
 </template>
 
 <script>
+import { getTGConfig } from '@/api/usercenter'
 export default {
   data () {
     return {
-      data: []
+      botUsername: ''
+    }
+  },
+  async created () {
+    const result = await getTGConfig()
+    if (result.code === 200) {
+      this.botUsername = result.data.botUsername
     }
   },
   methods: {
-
+    bindTG () {
+      const url = 'https://t.me/' + this.botUsername + '?start=' + this.$store.getters.userInfo.uuid
+      window.location.href = url
+    }
   }
 }
 </script>