From 7e8ff778f926c759689f23f7d0d7a9aaa0be7ba8 Mon Sep 17 00:00:00 2001
From: Chopper <liushuai711@gmail.com>
Date: Tue, 22 Feb 2022 01:32:36 +0800
Subject: [PATCH] =?UTF-8?q?=E5=95=86=E5=AE=B6=E5=A2=9E=E5=8A=A0im=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 seller/src/api/common.js       |  7 +++++++
 seller/src/views/home/home.vue | 24 +++++++++++++++++++++++-
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/seller/src/api/common.js b/seller/src/api/common.js
index f33a6d38..f0022aa6 100644
--- a/seller/src/api/common.js
+++ b/seller/src/api/common.js
@@ -9,3 +9,10 @@ export const getChildRegion = (id) => {
 export const getRegion = (params) => {
   return getRequest(`${commonUrl}/common/common/region/region`, params);
 };
+
+
+
+// 获取IM接口前缀
+export function getIMDetail () {
+  return getRequest(`${commonUrl}/common/common/IM`);
+}
diff --git a/seller/src/views/home/home.vue b/seller/src/views/home/home.vue
index ccec140b..79bd70f3 100644
--- a/seller/src/views/home/home.vue
+++ b/seller/src/views/home/home.vue
@@ -16,11 +16,13 @@
           <div class="shop-box">
             <div class="box-item">
               <div>店铺名称：{{userData.storeName || '暂无'}}</div>
-
             </div>
             <div class="box-item">
               <div>店铺状态：{{userData.storeDisable=='OPEN' ? '开启中' : '关闭'}}</div>
             </div>
+            <div class="box-item" @click="im()">
+              <Button type="info">点击登录客服</Button>
+            </div>
           </div>
 
           <div class="rate-box">
@@ -199,6 +201,7 @@
 
 <script>
 import { getSellerHomeData, getHomeNotice } from "@/api/index";
+import { getIMDetail } from "@/api/common"
 import { seeArticle } from "@/api/pages";
 import Cookies from "js-cookie";
 
@@ -214,6 +217,7 @@ export default {
       noticesDetail: { // 平台公告详情
         title: "",
       },
+      IMLink:"",
     };
   },
   methods: {
@@ -242,6 +246,24 @@ export default {
         this.noticeFlage = true;
       }
     },
+    async im() {
+      // 获取访问Token
+      let accessToken = this.getStore("accessToken");
+      await this.getIMDetailMethods();
+      if (!accessToken) {
+        this.$Message.error("请登录后再联系客服");
+        return;
+      }
+      window.open(this.IMLink + "?token=" + accessToken);
+    },
+
+    // 获取im信息
+    async getIMDetailMethods() {
+      let res = await getIMDetail();
+      if (res.success) {
+        this.IMLink = res.result;
+      }
+    },
     // 获取首页数据
     async getHomeData() {
       let res = await getSellerHomeData();