telephone-clients 3.0.105-2 → 3.0.105-21

package/src/filiale/hanzhong/pc/TextServer.vue

@@ -1,157 +1,157 @@
-<template>
-  <div class="binary flex-row">
-    <!-- 左侧 区域-->
-    <div class="binary-left" style="width:53%">
-	<!--<div class="panel" style="padding-left: 10px; padding-top:20px;">
-		<text-control></text-control>
-	</div>-->
-      <div class="panel">
-        <div class="panel-body">
-          <div class="flex">
-            <!-- 用户查询，停气公告，话务员统计信息，知识库 -->
-            <div style="flex: 1;overflow: auto;" class="span no-close aa" id="text-server">
-              <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 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>
-<!--                    <info-table :ulstyle="sty" v-show="selectFiled=='用戶信息'" :user="user" :is-need-condition="false" :is-group="false" ></info-table>-->
-                  </div>
-
-                </div>
-                <<tabset v-ref:tabs :close="false" style="padding: 0px">
-                  <tab header="用户查找" style="padding: 0px">
-                    <tel-find-user @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="来电记录">
-                    <teleoper-kl></teleoper-kl>
-                  </tab>-->
-                </tabset>
-              </div>
-
-            </div>
-            <!-- 用户基本信息，用户历史操作信息 -->
-            <div class="row" style="padding-top: 10px;flex: 1;overflow: hidden;">
-              <text-service  typeuser="system"  @user='queryUser'></text-service>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!-- 右侧区域 -->
-    <div class="binary-right" style="width:46%">
-      <div class="panel">
-        <div class="panel-body">
-          <div class="flex">
-              <user-operate @chile-msg="selected" :user='user' v-ref:user type="text" :login-user="loginUser"></user-operate>
-            <!--<foot-print-list></foot-print-list>-->
-            <!--<div class="auto">
-              <call-map v-ref:map :curuser='user' :currepairman="repairs"></call-map>
-            </div>-->
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import * as Util from '../../../components/Util'
-
-export default {
-  title: '文字客服',
-  data () {
-    return {
-      isText: true,
-      row: null,
-      user: '',
-      loginUser: this.$login.f,
-      repairs: null,
-      selectFiled:'用户查找',
-      sty:'margin:0px 0px;height:auto;border-bottom: 1px solid #e7e7e7;'
-    }
-  },
-  methods: {
-    setField(type){
-      this.selectFiled=type
-    },
-    voiceOrText (val) {
-      if (val) {
-        this.isText = true
-      } else {
-        this.isText = false
-      }
-    },
-    selected (msg) {
-      this.row = msg
-    },
-    // 文字客服切换用户时，需要重新查询用户
-    queryUser (user) {
-      this.user = user
-    },
-    // 查找到一个用户时直接发送事件
-    findOne (obj) {
-      this.user = obj
-    },
-    selected (obj) {
-      this.user = obj.val
-    }
-  },
-  events: {
-    // 事件由WorkCenterContent组件发出，查询的工单由维修员时，将本次活动整体发上来给地图
-    'repairs-info' (activity) {
-      this.repairs = activity.actorexpression.substring(2, activity.actorexpression.length-1)
-    },
-    // 事件由WorkCenterContent组件发出，点击返回后将维修员信息清除，再次不做判断，每次点击返回都会发事件
-    'cannel-repairs-info' () {
-      this.repairs = null
-    }
-  }
-
-}
-</script>
-<style>
-  .flex-over {
-    flex: 1;
-  }
-</style >
-<style lang="less" scoped>
-  .themeOne .binary .foot_tabset > .span > .tab-pane {
-     padding-top: 0px !important;
-    background-color: #ffffff !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;
-  }
-</style>
+<template>
+  <div class="binary flex-row">
+    <!-- 左侧 区域-->
+    <div class="binary-left" style="width:53%">
+	<!--<div class="panel" style="padding-left: 10px; padding-top:20px;">
+		<text-control></text-control>
+	</div>-->
+      <div class="panel">
+        <div class="panel-body">
+          <div class="flex">
+            <!-- 用户查询，停气公告，话务员统计信息，知识库 -->
+            <div style="flex: 1;overflow: auto;" class="span no-close aa" id="text-server">
+              <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 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>
+<!--                    <info-table :ulstyle="sty" v-show="selectFiled=='用戶信息'" :user="user" :is-need-condition="false" :is-group="false" ></info-table>-->
+                  </div>
+
+                </div>
+                <<tabset v-ref:tabs :close="false" style="padding: 0px">
+                  <tab header="用户查找" style="padding: 0px">
+                    <tel-find-user @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="来电记录">
+                    <teleoper-kl></teleoper-kl>
+                  </tab>-->
+                </tabset>
+              </div>
+
+            </div>
+            <!-- 用户基本信息，用户历史操作信息 -->
+            <div class="row" style="padding-top: 10px;flex: 1;overflow: hidden;">
+              <text-service  typeuser="system"  @user='queryUser'></text-service>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 右侧区域 -->
+    <div class="binary-right" style="width:46%">
+      <div class="panel">
+        <div class="panel-body">
+          <div class="flex">
+              <user-operate @chile-msg="selected" :user='user' v-ref:user type="text" :login-user="loginUser"></user-operate>
+            <!--<foot-print-list></foot-print-list>-->
+            <!--<div class="auto">
+              <call-map v-ref:map :curuser='user' :currepairman="repairs"></call-map>
+            </div>-->
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import * as Util from '../../../components/Util'
+
+export default {
+  title: '文字客服',
+  data () {
+    return {
+      isText: true,
+      row: null,
+      user: '',
+      loginUser: this.$login.f,
+      repairs: null,
+      selectFiled:'用户查找',
+      sty:'margin:0px 0px;height:auto;border-bottom: 1px solid #e7e7e7;'
+    }
+  },
+  methods: {
+    setField(type){
+      this.selectFiled=type
+    },
+    voiceOrText (val) {
+      if (val) {
+        this.isText = true
+      } else {
+        this.isText = false
+      }
+    },
+    selected (msg) {
+      this.row = msg
+    },
+    // 文字客服切换用户时，需要重新查询用户
+    queryUser (user) {
+      this.user = user
+    },
+    // 查找到一个用户时直接发送事件
+    findOne (obj) {
+      this.user = obj
+    },
+    selected (obj) {
+      this.user = obj.val
+    }
+  },
+  events: {
+    // 事件由WorkCenterContent组件发出，查询的工单由维修员时，将本次活动整体发上来给地图
+    'repairs-info' (activity) {
+      this.repairs = activity.actorexpression.substring(2, activity.actorexpression.length-1)
+    },
+    // 事件由WorkCenterContent组件发出，点击返回后将维修员信息清除，再次不做判断，每次点击返回都会发事件
+    'cannel-repairs-info' () {
+      this.repairs = null
+    }
+  }
+
+}
+</script>
+<style>
+  .flex-over {
+    flex: 1;
+  }
+</style >
+<style lang="less" scoped>
+  .themeOne .binary .foot_tabset > .span > .tab-pane {
+     padding-top: 0px !important;
+    background-color: #ffffff !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;
+  }
+</style>