代码提交

CallCenterWeb.UI/RMYY/src/api/knowledgeBase/knowledgeBase.js

 export function addInfo(params) {
     return request({
       url: 'Knowledge/AddInfo',
-      method: 'get',
+      method: 'post',
       params
     })
   }

CallCenterWeb.UI/RMYY/src/components/context/Dialplate/index.vue

 <template>
   <div class="dialplate">
     <div class="plate">
-      <!-- 拨号盘 -->
+      <!-- 拨号盘  @keyup.enter.native="callOut"-->
       <el-input
         v-model="telNumber"
         class="tel_input"
         autofocus
         maxlength="12"
+        ref="inputFocus"
         @keyup.native="callOutInput"
-        @keyup.enter.native="callOut"
       />
       <i v-show="isShowDelNum" class="del_num" @click="delNum" />
       <el-row v-for="(item, index) in dialNums" :gutter="20" :key="index">
       </el-row>
       <el-button v-waves class="btn_call" type="success" round @click="callOut">拨打</el-button>
       <!-- 右侧 通话记录和通讯录  -->
-      <svg-icon v-popover:popover class="btn_yonghu" icon-class="yonghu" />
+      <!-- <svg-icon v-popover:popover class="btn_yonghu" icon-class="yonghu" />
       <el-popover
         ref="popover"
         :value="telIsVisCallout"
         width="396"
         trigger="click"
         transition="fade-in-linear"
-      >
-        <el-tabs v-model="tabActiveName" stretch class="phnoe_tabs" @tab-click="handleClick">
-          <el-input v-model="s_keywords" size="mini" placeholder="搜索" prefix-icon="el-icon-search" @keyup.enter="serach_btn" />
-          <el-tab-pane label="通讯录" name="first">
-            <el-scrollbar
-              v-loading="loading2"
-              element-loading-background="transparent"
-              style="height: 320px;"
-            >
-              <ul v-if="phoneLists.length" class="recent_calls_lists">
-                <li
-                  v-for="(item, index) in phoneLists"
-                  :key="index"
-                  class="recent_calls_item clearfix"
+      > -->
+        <div class="popoverClass">
+           <el-tabs v-model="tabActiveName" stretch class="phnoe_tabs" @tab-click="handleClick">
+              <!-- <el-input v-model="s_keywords" size="mini" placeholder="搜索" prefix-icon="el-icon-search" @keyup.enter="serach_btn" /> -->
+              <el-tab-pane label="通讯录" name="first">
+                <el-scrollbar
+                  v-loading="loading2"
+                  element-loading-background="transparent"
+                  style="height: 320px;"
                 >
-                  <div class="recent_calls_item_left" @click="recentCallOut(item.tel)">
-                    <p class="recent_calls_item_name">{{ item.name }}</p>
-                    <p class="recent_calls_item_tel">{{ item.tel }}</p>
-                  </div>
-                </li>
-              </ul>
-              <p v-else class="text_center">没有找到数据···</p>
-            </el-scrollbar>
-          </el-tab-pane>
-          <el-tab-pane label="历史记录" name="second">
-            <div class="h_list_title">
-              <span>最近通话</span>
-            </div>
-            <el-scrollbar
-              v-loading="loading1"
-              element-loading-background="transparent"
-              style="height: 300px;"
-            >
-              <ul v-if="recentCalls.length" class="recent_calls_lists">
-                <li v-for="item in recentCalls" :key="item.id" class="recent_calls_item clearfix">
-                  <div class="recent_calls_item_left" @click="recentCallOut(item.tel)">
-                    <svg-icon v-show="item.isCallOut" icon-class="huchu" />
-                    <p :class="{ name_state: !item.isConect }" class="recent_calls_item_name">
-                      <span v-if="item.isConect">{{ item.callTimes | secondToDuring }}</span>
-                    </p>
-                    <p class="recent_calls_item_tel">{{ item.tel }}</p>
-                  </div>
-                  <div class="recent_calls_item_right">
-                    <span class="recent_calls_item_time">{{ item.time | timesAgo }}</span>
-                    <el-tooltip
-                      v-show="isShowOrderIcon"
-                      v-if="item.isOrder"
-                      effect="dark"
-                      content="点击查看工单"
-                      placement="right"
+                  <ul v-if="phoneLists.length" class="recent_calls_lists">
+                    <li
+                      v-for="(item, index) in phoneLists"
+                      :key="index"
+                      class="recent_calls_item clearfix"
                     >
-                      <svg-icon icon-class="xiangmu1" @click.native="goOrderList(item.tel)" />
-                    </el-tooltip>
-                  </div>
-                </li>
-              </ul>
-              <p v-else class="text_center">没有找到数据···</p>
-            </el-scrollbar>
-          </el-tab-pane>
+                      <div class="recent_calls_item_left" @click="recentCallOut(item.tel)">
+                        <svg-icon icon-class="huchu" />
+                        <p class="recent_calls_item_name">{{ item.name }}</p>
+                        <p class="recent_calls_item_tel">{{ item.tel }}</p>
+                      </div>
+                    </li>
+                  </ul>
+                  <p v-else class="text_center">没有找到数据···</p>
+                </el-scrollbar>
+              </el-tab-pane>
+              <el-tab-pane label="历史记录" name="second">
+                <div class="h_list_title">
+                  <span>最近通话</span>
+                </div>
+                <el-scrollbar
+                  v-loading="loading1"
+                  element-loading-background="transparent"
+                  style="height: 300px;"
+                >
+                  <ul v-if="recentCalls.length" class="recent_calls_lists">
+                    <li v-for="item in recentCalls" :key="item.id" class="recent_calls_item clearfix">
+                      <div class="recent_calls_item_left" @click="recentCallOut(item.tel)">
+                        <svg-icon v-show="item.isCallOut" icon-class="huchu" />
+                        <p :class="{ name_state: !item.isConect }" class="recent_calls_item_name">
+                          <span v-if="item.isConect">{{ item.callTimes | secondToDuring }}</span>
+                        </p>
+                        <p class="recent_calls_item_tel">{{ item.tel }}</p>
+                      </div>
+                      <div class="recent_calls_item_right">
+                        <span class="recent_calls_item_time">{{ item.time | timesAgo }}</span>
+                        <el-tooltip
+                          v-show="isShowOrderIcon"
+                          v-if="item.isOrder"
+                          effect="dark"
+                          content="点击查看工单"
+                          placement="right"
+                        >
+                          <svg-icon icon-class="xiangmu1" @click.native="goOrderList(item.tel)" />
+                        </el-tooltip>
+                      </div>
+                    </li>
+                  </ul>
+                  <p v-else class="text_center">没有找到数据···</p>
+                </el-scrollbar>
+              </el-tab-pane>
 
-        </el-tabs>
-      </el-popover>
+            </el-tabs>
+        </div>
+       
+      
+      <!-- </el-popover> -->
     </div>
   </div>
 </template>
         ['*', '0', '#']
       ],
       tabActiveName: 'first',
-      s_keywords: '',
       pageParams: {
         pageindex: 1, // 当前第几页
         pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
     telIsVisCallout: function(newVal, oldVal) {
       console.log(newVal)
       if (newVal) {
+        this.readCardModel()
         this.tabActiveName = 'first'
         this.getMailList()
       } else {
     }
   },
   created() {
-    // this.tabActiveName = 'first'
+    // this.tabActiveName = 'first' .$refs['mark']
+    
     document.onkeyup = (e) => {
       if (e.keyCode === 13) {
         if (this.tabActiveName === 'first') {
 
     //
     serach_btn() {
-      console.log(this.s_keywords)
       if (this.tabActiveName === 'first') {
         this.getMailList()
       } else if (this.tabActiveName === 'second') {
         this.getTelHisList()
       }
     },
-    // 获取通话历史记录
+
+    readCardModel() {
+      const _this = this
+      setTimeout(function() {
+        _this.$refs.inputFocus.focus();
+      }, 100)
+    },
+
     getTelHisList() {
       this.loading1 = true
       const stime = getPreDate(3600 * 1000 * 24 * 7) // 不传参数是30天前
       const params = {
         stime, // 开始时间
         etime, // 结束时间
-        phone: this.s_keywords //	否	string	模糊查询（呼叫号码）
+        phone: this.telNumber //	否	string	模糊查询（呼叫号码）
       }
       getCurentCallRecords(params).then(res => {
         this.loading1 = false
     },
     // 获取通讯录
     getMailList() {
-      console.log(this.s_keywords)
+      console.log(this.telNumber)
       this.loading2 = true
       const params = {
         pageindex: this.pageParams.pageindex, // 第几页
         pagesize: this.pageParams.pagesize, // 每页几条信息
-        keyword: this.s_keywords // 否	string	模糊查询（姓名，手机号码，固话）
+        keyword: this.telNumber // 否	string	模糊查询（姓名，手机号码，固话）
       }
       getCusUserList(params).then(res => {
         this.loading2 = false
 </style>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
+.popoverClass{
+  width: 396px;
+  position: fixed;
+  top: 37px;
+  left: 672px;
+  transform-origin: left center;
+  z-index: 2001;
+  margin-left: 13px;
+  margin-top: 14px;
+}
+    
 .dialplate {
   .plate {
     width: 100%;
         }
         .recent_calls_item_name {
           line-height: 18px;
+          text-align: left;
           margin: 6px 0 0 0;
         }
         .recent_calls_item_tel {
           line-height: 18px;
+          text-align: left;
           margin: 4px 0 0 0;
         }
       }