feat: 客服系统右侧添加查看详情按钮

Signed-off-by: tangshizhe <48740614+tangshizhe@users.noreply.github.com>

src/api/modules/biService.js

@@ -0,0 +1,10 @@
+import request from '@/api'
+// 查询分享数据
+export function getFindClueInfo (data) {
+  return request({
+    baseURL: '/jyapi',
+    url: '/biService/findClueInfo',
+    method: 'post',
+    data
+  })
+}

src/api/modules/index.js

@@ -7,3 +7,4 @@ export * from './entbase'
 export * from './bigmember'
 export * from './publicapply'
 export * from './communicateBook'
+export * from './biService'

src/components/CustomerInfo.vue

@@ -20,7 +20,13 @@
     </div>
     <div class="info-content" v-loading="loading">
       <div class="item_" v-show="active === 1">
-        <Cell title="客户基础信息">
+        <Cell>
+          <template v-slot:title>
+            <div class="custom-title flex">
+              <span class="title">客户基础信息</span>
+              <div @click="getDetail" class="get-detail-btn">查看详情</div>
+            </div>
+          </template>
           <div class="item-main">
             <span class="account-info">用户手机号：{{ userInfo.phone }}</span>
             <span v-if="userInfo.vipStatus > 0" class="account-icon icon-vip"></span>
@@ -82,7 +88,7 @@ import { Pagination, Input, Popover } from 'element-ui'
 import Cell from '@/components/fold-cell/'
 import Order from '@/components/order-item/'
 import Summary from '@/components/summary/'
-import { getUserInfo, getOrderList, isEvalInfo, setSummary, commonPhrasesClassList } from '@/api/modules/'
+import { getUserInfo, getOrderList, isEvalInfo, setSummary, commonPhrasesClassList, getFindClueInfo } from '@/api/modules/'
 import { momentTime, formatNum } from '@/utils/'
 export default {
   name: 'CustomerInfo',
@@ -203,6 +209,22 @@ export default {
     tabClick (val) {
       this.active = val
     },
+    // 客户基础信息--查看详情
+    async getDetail () {
+      try {
+        const { error_code: code, error_msg: msg, data } = await getFindClueInfo({ phone: this.userInfo.phone })
+        if (code === 0) {
+          const { clue_id: clueId, clue_position_id: cluePositionId, position_id: positionId, uid, userid } = data
+          const params = `clue_id=${clueId}&clue_position_id=${cluePositionId}&position_id=${positionId}&uid=${uid}&userid=${userid}`
+          const url = `${location.origin}/succbi/work_order/app/work_order.app/电销相关内容/clue_info_insert.spg?${params}`
+          window.open(url)
+        } else {
+          this.$message.error(msg)
+        }
+      } catch (error) {
+        console.log(error)
+      }
+    },
     doSearch () { // 搜索
       this.loading = true
       this.debounce(() => {
@@ -621,34 +643,52 @@ export default {
   flex-direction: column;
   justify-content: space-between;
   overflow: hidden;
-
   .info-content {
     padding: 0 16px;
     flex: 1;
     overflow-y: scroll;
+    ::v-deep {
+      .cell-left {
+        flex: 1;
+      }
+    }
+    .custom-title {
+      justify-content: space-between;
+      .get-detail-btn{
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding: 1px 8px;
+        font-size: 12px;
+        color: #fff;
+        background: #2ABED1;
+        border-radius: 4px;
+        cursor: pointer;
+      }
+    }
   }
   .info-content::-webkit-scrollbar {
-  /*滚动条整体样式*/
-  width: 8px;
-  height: 1px;
-}
-.info-content::-webkit-scrollbar-thumb {
-  /*滚动条里面小方块*/
-  // border-radius: 3px;
-  // background-color: #fff;
-  opacity: 0.15;
-  // border: 6px solid rgba(0, 0, 0, 0);
-  // box-shadow: 8px 0 0 #ECECEC inset;
-    border-radius: 6px;
-    border: 2px solid #fff;
-    /* -webkit-box-shadow: 8px 0 0 #E5E5E5 inset;*/
-    background: #E5E5E5;
-}
-.info-content::-webkit-scrollbar-track {
-    /* -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); */
-    border-radius: 6px;
-    background: #fff;
-}
+    /*滚动条整体样式*/
+    width: 8px;
+    height: 1px;
+  }
+  .info-content::-webkit-scrollbar-thumb {
+    /*滚动条里面小方块*/
+    // border-radius: 3px;
+    // background-color: #fff;
+    opacity: 0.15;
+    // border: 6px solid rgba(0, 0, 0, 0);
+    // box-shadow: 8px 0 0 #ECECEC inset;
+      border-radius: 6px;
+      border: 2px solid #fff;
+      /* -webkit-box-shadow: 8px 0 0 #E5E5E5 inset;*/
+      background: #E5E5E5;
+  }
+  .info-content::-webkit-scrollbar-track {
+      /* -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); */
+      border-radius: 6px;
+      background: #fff;
+  }
   .item-main {
     display: flex;
     align-items: center;