telephone-clients 4.0.0-1-72 → 4.0.0-1-73

package/src/components/pc/VoiceServer.vue

@@ -1,207 +1,212 @@
-<template>
-  <!-- <div class="flex-row flex-over" id="pc-telepage"> -->
-  <!-- 话务员控制台 -->
-  <div class="binary flex-row">
-    <div class="binary-left ytab1" style="width: 53%;overflow: hidden">
-      <!-- 左侧区域 -->
-        <div class="panel">
-          <div class="panel-body flex-row" style="padding-left: 10px;">
-            <div  style="overflow: auto;">
-              <console @call-in="setCallObj" @re-in="injectRecordsIdInCallObj" @state-changed="stateChanged" v-if="meading == '转站点'" :deltelephone="deltelephone"></console>
-            </div>
-            <div class="flex flex-over" style="padding: 0 0px 0px 10px; overflow: auto;">
-              <!-- 用户查询，停气公告，话务员统计信息，知识库 -->
-              <div class="span no-close">
-                <div class="flex foot_tabset">
-                  <ul class="nav nav-pills" style="height:auto" class="nav nav-tabs">
-                    <li ><a :style="selectFiled == '用户查找'?'color:#333333!important;':'color:#666666!important;'" :class="{'tel_voiceActive':selectFiled == '用户查找','tel_f_size':selectFiled != '用户查找'}" href="javascript:void(0)" @click="setField('用户查找')">用户查找</a></li>
-                    <li ><a :style="selectFiled == '停气公告'?'color:#333333!important;':'color:#666666!important;'" :class="{'tel_voiceActive':selectFiled == '停气公告','tel_f_size':selectFiled != '停气公告'}" href="javascript:void(0)" @click="setField('停气公告')">停气公告</a></li>
-                    <li ><a :style="selectFiled == '知识库'?'color:#333333!important;':'color:#666666!important;'" :class="{'tel_voiceActive':selectFiled == '知识库','tel_f_size':selectFiled != '知识库'}" href="javascript:void(0)" @click="setField('知识库')">知识库</a></li>
-                    <!--<li ><a :style="selectFiled == '来电记录'?'color:#333333!important;':'color:#666666!important;'" :class="{'tel_voiceActive':selectFiled == '来电记录','tel_f_size':selectFiled != '来电记录'}" href="javascript:void(0)" @click="setField('来电记录')">来电记录</a></li>-->
-                  </ul>
-                  <div class="tab-content span">
-                    <tel-find-user :findid="findid"  v-show="selectFiled=='用户查找'" @select-changed="selected" @phone-find-repair="telephoneFindRepair" @find-one="findOne" :call-obj="callObj" v-ref:find></tel-find-user>
-                    <auxfunc v-show="selectFiled=='停气公告'"></auxfunc>
-                    <teleoper-kl v-show="selectFiled=='知识库'"></teleoper-kl>
-                    <!--<call-records v-show="selectFiled=='来电记录'"  :user="user" :clearflg="clearflg" :call-obj="callObj"></call-records>-->
-                  </div>
-
-                </div>
-                <tabset v-ref:tabs :close="false" style="padding: 0px">
-                  <tab header="用户查找" style="padding: 0px">
-                    <tel-find-user :findid="findid" v-if="findid.length==0&&findid!=null" @select-changed="selected" @phone-find-repair="telephoneFindRepair" @find-one="findOne" :call-obj="callObj" v-ref:find ></tel-find-user>
-                  </tab>
-                  <tab  header="停气公告">
-                    <auxfunc></auxfunc>
-                  </tab>
-                  <tab  header="知识库">
-                    <teleoper-kl></teleoper-kl>
-                  </tab>
-                  <!--<tab  header="来电记录">-->
-                    <!--<call-records></call-records>-->
-                  <!--</tab>-->
-                </tabset>
-              </div>
-              <!-- 用户基本信息，用户历史操作信息 -->
-              <!--<div class="col-sm-4" style="padding-right: 10px;">-->
-              <!--<userinfo :data='user'></userinfo>-->
-              <!--</div>-->
-              <!--<div class="col-sm-8">-->
-                <info-table :ulstyle="sty" :user="user" :call-obj="callObj" :is-need-condition="false" :is-group="false" :clearflg="clearflg"></info-table>
-              <!--</div>-->
-            </div>
-          </div>
-        </div>
-    </div>
-    <div class="binary-right" style="width:46%;overflow: hidden">
-      <!-- 右侧区域 -->
-        <div class="panel">
-          <div class="panel-body">
-                <user-operate :findid="findid" @chile-msg="selected" :user='user' v-ref:user :call-obj="callObj" type="voice"
-                              :login-user="loginUser"  :meading="meading"  v-on:commit="commit"></user-operate>
-              <!--<foot-print-list></foot-print-list>-->
-              <!--<div class="auto" style="min-width: 100px;" v-if="meading === '语音客服'">-->
-              <!--<call-map v-ref:map :curuser='user' :currepairman="repairs"></call-map>-->
-              <!--</div>-->
-          </div>
-        </div>
-    </div>
-  </div>
-
-  <!-- </div> -->
-</template>
-<script>
-  import * as Util from '../Util'
-  export default {
-    title: '语音服务',
-    data() {
-      return {
-        findid:this.standid,
-        user: null,
-        loginUser: this.$login.f,
-        callObj: '',
-        repairs: null,
-        deltelephone:'',  // 每次提交完成后，传给 console界面，
-        clearflg:0,
-        selectFiled:'用户查找',
-        sty:'margin:15px 0px;height:auto;border-bottom: 1px solid #e7e7e7;',
-        calllist:'false'
-      }
-    },
-    props: {
-      meading:{
-        type: String,
-        default: '转站点'
-      },
-      //标记从那个页面进来的 0站点工单 1语音客服
-      standid:{
-         type:Number,
-         default:1
-      },
-    },
-    ready(){
-      this.calllist=this.$appdata.getSingleValue('来电记录')
-    },
-    methods: {
-      setField(type){
-        this.selectFiled=type
-      },
-      telephoneFindRepair(val){
-        this.callObj = {
-          callNum:val
-        }
-      },
-      commit(val){
-        this.clearflg +=1
-        if(val){
-          this.deltelephone = val
-        }
-      },
-      selected(obj) {
-        this.user = obj.val
-
-      },
-      // 查找到一个用户时直接发送事件
-      findOne(obj) {
-        this.user = obj
-      },
-      setCallObj(obj) {
-        this.callObj = obj
-        //tag
-        //tag
-      },
-      injectRecordsIdInCallObj(obj) {
-        if (this.callObj)
-          this.callObj.RecordsID = obj.RecordsID
-      },
-      stateChanged(obj) {
-        if (this.callObj)
-          this.callObj.aState = obj.aState
-      }
-    },
-    events: {
-      // 事件由WorkCenterContent组件发出，查询的工单由维修员时，将本次活动整体发上来给地图
-      'repairs-info'(activity) {
-        this.repairs = activity.actorexpression.substring(2, activity.actorexpression.length - 1)
-      },
-      voiceserver(val) {
-        //tag
-        if (val) {
-          //tag)
-          // this.user.unit_name = val
-          this.$set('user.unit_name',val)
-        }
-      },
-      // 事件由WorkCenterContent组件发出，点击返回后将维修员信息清除，再次不做判断，每次点击返回都会发事件
-      'cannel-repairs-info'() {
-        this.repairs = null
-      }
-    }
-
-  }
-</script>
-<style lang="less" scoped>
-  .flex-over {
-    flex: 1;
-  }
-  .d-left {
-    width: 53%;
-    height: 97%;
-    float: left;
-    margin: 0.5% 0 0.5% 0.7%;
-  }
-  .d-right {
-    width: 45%;
-    height: 97%;
-    float: left;
-    margin:0.5% 0.7% 0.5% 0.6%;
-  }
-  .themeOne .binary .foot_tabset > .span > .tab-pane{
-    padding: 0px !important;
-  }
-  .tel_voiceActive{
-      font-family: PingFang-SC-Bold;
-      font-size: 16px;
-      font-weight: normal!important;
-      font-stretch: normal!important;
-      line-height: 18px;
-      letter-spacing: 0px;
-      color: #333333!important;
-      border-bottom: 3px solid #599fe5;
-    padding:10px 10px!important;
-  }
-  .tel_f_size{
-      font-family: PingFang-SC-Medium;
-      font-size: 16px;
-      font-weight: normal;
-      font-stretch: normal;
-      line-height: 18px;
-      letter-spacing: 0px;
-      color: #666666!important;
-    padding:10px 10px!important;
-  }
-  /*a{
-    text-decoration:none;
-    color:#333;
-  }*/
-</style>
+<template>
+  <!-- <div class="flex-row flex-over" id="pc-telepage"> -->
+  <!-- 话务员控制台 -->
+  <div class="binary flex-row">
+    <div class="binary-left ytab1" style="width: 53%;overflow: hidden">
+      <!-- 左侧区域 -->
+        <div class="panel">
+          <div class="panel-body flex-row" style="padding-left: 10px;">
+            <div  style="overflow: auto;">
+              <console @call-in="setCallObj" @re-in="injectRecordsIdInCallObj" @state-changed="stateChanged" v-if="meading == '转站点'" :deltelephone="deltelephone"></console>
+            </div>
+            <div class="flex flex-over" style="padding: 0 0px 0px 10px; overflow: auto;">
+              <!-- 用户查询，停气公告，话务员统计信息，知识库 -->
+              <div class="span no-close">
+                <div class="flex foot_tabset">
+                  <ul class="nav nav-pills" style="height:auto" class="nav nav-tabs">
+                    <li ><a :style="selectFiled == '用户查找'?'color:#333333!important;':'color:#666666!important;'" :class="{'tel_voiceActive':selectFiled == '用户查找','tel_f_size':selectFiled != '用户查找'}" href="javascript:void(0)" @click="setField('用户查找')">用户查找</a></li>
+                    <li ><a :style="selectFiled == '停气公告'?'color:#333333!important;':'color:#666666!important;'" :class="{'tel_voiceActive':selectFiled == '停气公告','tel_f_size':selectFiled != '停气公告'}" href="javascript:void(0)" @click="setField('停气公告')">停气公告</a></li>
+                    <li ><a :style="selectFiled == '知识库'?'color:#333333!important;':'color:#666666!important;'" :class="{'tel_voiceActive':selectFiled == '知识库','tel_f_size':selectFiled != '知识库'}" href="javascript:void(0)" @click="setField('知识库')">知识库</a></li>
+                    <!--<li ><a :style="selectFiled == '来电记录'?'color:#333333!important;':'color:#666666!important;'" :class="{'tel_voiceActive':selectFiled == '来电记录','tel_f_size':selectFiled != '来电记录'}" href="javascript:void(0)" @click="setField('来电记录')">来电记录</a></li>-->
+                  </ul>
+                  <div class="tab-content span">
+                    <tel-find-user :findid="findid"  v-show="selectFiled=='用户查找'" @select-changed="selected" @infochange="infochangeshow" @phone-find-repair="telephoneFindRepair" @find-one="findOne" :call-obj="callObj" v-ref:find></tel-find-user>
+                    <auxfunc v-show="selectFiled=='停气公告'"></auxfunc>
+                    <teleoper-kl v-show="selectFiled=='知识库'"></teleoper-kl>
+                    <!--<call-records v-show="selectFiled=='来电记录'"  :user="user" :clearflg="clearflg" :call-obj="callObj"></call-records>-->
+                  </div>
+
+                </div>
+                <tabset v-ref:tabs :close="false" style="padding: 0px">
+                  <tab header="用户查找" style="padding: 0px">
+                    <tel-find-user :findid="findid" v-if="findid.length==0&&findid!=null"  @select-changed="selected" @phone-find-repair="telephoneFindRepair" @find-one="findOne" :call-obj="callObj" v-ref:find ></tel-find-user>
+                  </tab>
+                  <tab  header="停气公告">
+                    <auxfunc></auxfunc>
+                  </tab>
+                  <tab  header="知识库">
+                    <teleoper-kl></teleoper-kl>
+                  </tab>
+                  <!--<tab  header="来电记录">-->
+                    <!--<call-records></call-records>-->
+                  <!--</tab>-->
+                </tabset>
+              </div>
+              <!-- 用户基本信息，用户历史操作信息 -->
+              <!--<div class="col-sm-4" style="padding-right: 10px;">-->
+              <!--<userinfo :data='user'></userinfo>-->
+              <!--</div>-->
+              <!--<div class="col-sm-8">-->
+                <info-table :ulstyle="sty" :user="user" :call-obj="callObj" :is-need-condition="false" :is-group="false" :clearflg="clearflg" v-show="button_bottom"></info-table>
+              <!--</div>-->
+            </div>
+          </div>
+        </div>
+    </div>
+    <div class="binary-right" style="width:46%;overflow: hidden">
+      <!-- 右侧区域 -->
+        <div class="panel">
+          <div class="panel-body">
+                <user-operate :findid="findid" @chile-msg="selected" :user='user' v-ref:user :call-obj="callObj" type="voice"
+                              :login-user="loginUser"  :meading="meading"  v-on:commit="commit"></user-operate>
+              <!--<foot-print-list></foot-print-list>-->
+              <!--<div class="auto" style="min-width: 100px;" v-if="meading === '语音客服'">-->
+              <!--<call-map v-ref:map :curuser='user' :currepairman="repairs"></call-map>-->
+              <!--</div>-->
+          </div>
+        </div>
+    </div>
+  </div>
+
+  <!-- </div> -->
+</template>
+<script>
+  import * as Util from '../Util'
+  export default {
+    title: '语音服务',
+    data() {
+      return {
+        findid:this.standid,
+        user: null,
+        loginUser: this.$login.f,
+        callObj: '',
+        repairs: null,
+        deltelephone:'',  // 每次提交完成后，传给 console界面，
+        clearflg:0,
+        selectFiled:'用户查找',
+        sty:'margin:15px 0px;height:auto;border-bottom: 1px solid #e7e7e7;',
+        calllist:'false',
+        button_bottom:true
+      }
+    },
+    props: {
+      meading:{
+        type: String,
+        default: '转站点'
+      },
+      //标记从那个页面进来的 0站点工单 1语音客服
+      standid:{
+         type:Number,
+         default:1
+      },
+    },
+    ready(){
+      this.calllist=this.$appdata.getSingleValue('来电记录')
+    },
+    methods: {
+      infochangeshow(val){
+        debugger
+        this.button_bottom = val
+      },
+      setField(type){
+        this.selectFiled=type
+      },
+      telephoneFindRepair(val){
+        this.callObj = {
+          callNum:val
+        }
+      },
+      commit(val){
+        this.clearflg +=1
+        if(val){
+          this.deltelephone = val
+        }
+      },
+      selected(obj) {
+        this.user = obj.val
+
+      },
+      // 查找到一个用户时直接发送事件
+      findOne(obj) {
+        this.user = obj
+      },
+      setCallObj(obj) {
+        this.callObj = obj
+        //tag
+        //tag
+      },
+      injectRecordsIdInCallObj(obj) {
+        if (this.callObj)
+          this.callObj.RecordsID = obj.RecordsID
+      },
+      stateChanged(obj) {
+        if (this.callObj)
+          this.callObj.aState = obj.aState
+      }
+    },
+    events: {
+      // 事件由WorkCenterContent组件发出，查询的工单由维修员时，将本次活动整体发上来给地图
+      'repairs-info'(activity) {
+        this.repairs = activity.actorexpression.substring(2, activity.actorexpression.length - 1)
+      },
+      voiceserver(val) {
+        //tag
+        if (val) {
+          //tag)
+          // this.user.unit_name = val
+          this.$set('user.unit_name',val)
+        }
+      },
+      // 事件由WorkCenterContent组件发出，点击返回后将维修员信息清除，再次不做判断，每次点击返回都会发事件
+      'cannel-repairs-info'() {
+        this.repairs = null
+      }
+    }
+
+  }
+</script>
+<style lang="less" scoped>
+  .flex-over {
+    flex: 1;
+  }
+  .d-left {
+    width: 53%;
+    height: 97%;
+    float: left;
+    margin: 0.5% 0 0.5% 0.7%;
+  }
+  .d-right {
+    width: 45%;
+    height: 97%;
+    float: left;
+    margin:0.5% 0.7% 0.5% 0.6%;
+  }
+  .themeOne .binary .foot_tabset > .span > .tab-pane{
+    padding: 0px !important;
+  }
+  .tel_voiceActive{
+      font-family: PingFang-SC-Bold;
+      font-size: 16px;
+      font-weight: normal!important;
+      font-stretch: normal!important;
+      line-height: 18px;
+      letter-spacing: 0px;
+      color: #333333!important;
+      border-bottom: 3px solid #599fe5;
+    padding:10px 10px!important;
+  }
+  .tel_f_size{
+      font-family: PingFang-SC-Medium;
+      font-size: 16px;
+      font-weight: normal;
+      font-stretch: normal;
+      line-height: 18px;
+      letter-spacing: 0px;
+      color: #666666!important;
+    padding:10px 10px!important;
+  }
+  /*a{
+    text-decoration:none;
+    color:#333;
+  }*/
+</style>