telephone-clients 3.0.104-10 → 3.0.104-100

package/src/filiale/wenxi/pc/RecordListLeft.vue

@@ -0,0 +1,272 @@
+<template>
+  <div class="flex">
+    <criteria-paged :model="model" v-ref:paged >
+      <criteria partial='criteria' v-ref:criteria  @condition-changed='$parent.search'>
+        <div novalidate class="select-overspread form-horizontal" partial>
+          <div class="row" >
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%" v-if="$parent.$parent.flag == '是'">
+              <label class="font_normal_body" style="width: 40%">公&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;司</label>
+              <right-tree :userid.sync='$parent.$parent.userid' style="width: 60%;"
+                          :source.sync='$parent.$parent.source' @re-res="$parent.$parent.getRes"></right-tree>
+            </div>
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
+              <label class="font_normal_body" style="width: 40%">录音&emsp;ID</label>
+              <input  type="text" class="form-control" v-model="model.id" placeholder='录音ID'
+                      condition="id like '%{}%'"
+                      :size="model.id ? model.id.length : 7">
+            </div>
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
+              <label class="font_normal_body" style="width: 40%">电话号码</label>
+              <input  type="text" class="form-control" v-model="model.telnum" placeholder='电话号码'
+                      condition="telnum like '%{}%'"
+                      :size="model.telnum ? model.telnum.length : 7">
+            </div>
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
+              <label class="font_normal_body" style="width: 40%">话务员</label>
+              <input  type="text" class="form-control" v-model="model.telname" placeholder='话务员姓名'
+                      condition="telname like '%{}%'"
+                      :size="model.telname ? model.telname.length : 7">
+            </div>
+
+            <div style="float: right;" class="form-group span">
+              <button type="button" name="button"
+                      class="button_search button_spacing" @click="search(),$dispatch('search')">查询</button>
+              <button type="button" name="button" style="background-color: #5ac0d9;border-radius: 4px;"
+                      class="button_spacing button_search" @click="$parent.$parent.clearmsg">清空</button>
+              <div style="float: right;" class="button_spacing button_search"
+                   :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
+                   @click="$parent.$parent.hidden()"></div>
+              <export-excel-tel :data="$parent.$parent.searchData"
+                                :field="$parent.$parent.excelHeaders"
+                                :choose-col="true"
+                                sqlurl="rs/logic/telephoneExport" sql-name="tel_recordlist"
+                                :template-name="$parent.$parent.excelTitle"></export-excel-tel>
+
+            </div>
+
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%" v-if="$parent.$parent.criteriaShow">
+              <label class="font_normal_body" style="width: 40%">电话类型</label>
+              <v-select :value.sync="model.teltype" :value-single="true"
+                        v-model="model.teltype"
+                        condition="teltype='{}'"
+                        :options='$parent.$parent.LoggedStates' placeholder='电话类型'
+                        close-on-select >
+              </v-select>
+
+            </div>
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%" v-if="$parent.$parent.criteriaShow">
+              <label class="font_normal_body" style="width: 40%">开始时间</label>
+              <datepicker placeholder="开始时间"
+                          :value.sync="model.f_created_startdate"
+                          v-model="model.f_created_startdate"
+                          :format="'yyyy-MM-dd 00:00:00'"
+                          condition="outltime > '{}'"
+              ></datepicker>
+            </div>
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%" v-if="$parent.$parent.criteriaShow">
+              <label class="font_normal_body" style="width: 40%">结束时间</label>
+              <datepicker placeholder="结束时间"
+                          :value.sync="model.f_created_enddate"
+                          v-model="model.f_created_enddate"
+                          :format="'yyyy-MM-dd 23:59:59'"
+                          condition="outltime < '{}'"
+              ></datepicker>
+            </div>
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%" v-if="$parent.$parent.criteriaShow">
+              <label class="font_normal_body" style="width: 40%">是否接通</label>
+              <v-select :value.sync="model.is_answer" :value-single="true"
+                        v-model="model.is_answer"
+                        :options='$parent.$parent.is_answers' placeholder='是否接通'
+                        close-on-select >
+              </v-select>
+
+            </div>
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%" v-if="$parent.$parent.criteriaShow">
+              <label class="font_normal_body" style="width: 40%">是否回访</label>
+              <v-select :value.sync="model.is_follow_up" :value-single="true"
+                        v-model="model.is_follow_up"
+                        :options='$parent.$parent.is_follow_ups' placeholder='是否回访'
+                        close-on-select >
+              </v-select>
+            </div>
+          </div>
+
+        </div>
+      </criteria>
+      <data-grid  partial='list' v-ref:grid :model="model" class="list_area table_sy">
+        <template partial='head'>
+          <tr>
+            <th><nobr>电话类型</nobr></th>
+            <th><nobr>电话号码</nobr></th>
+            <th><nobr>录音&emsp;ID</nobr></th>
+            <th><nobr>呼入/呼出</nobr></th>
+            <th><nobr>寻找坐席</nobr></th>
+            <th><nobr>响&emsp;&emsp;铃</nobr></th>
+            <th><nobr>开始通话</nobr></th>
+            <th><nobr>结束通话</nobr></th>
+            <th><nobr>保存工单</nobr></th>
+            <th><nobr>话务员</nobr></th>
+            <th><nobr>录音文件</nobr>
+          </tr>
+        </template>
+        <template partial='body' >
+          <td style="text-align: center">{{row.teltype}}</td>
+          <td>{{row.telnum}}</td>
+          <td>
+               <span title="{{row.id}}">
+                {{row.id.substring(0,6)}}...
+               </span>
+          </td>
+          <td>{{row.outltime}}</td>
+          <td>
+               <span title="耗时{{row.findcost}}S">
+              {{row.findtime}}
+               </span>
+          </td>
+          <td>
+              <span title="耗时{{row.ringcost}}S">
+              {{row.inltime}}
+              </span>
+          </td>
+          <td>
+              <span title="耗时{{row.incost}}S">
+              {{row.starttime}}
+              </span>
+          </td>
+          <td>
+                <span title="耗时{{row.telcost}}S">
+              {{row.endtime}}
+                </span>
+          </td>
+          <td>
+              <span title="耗时{{row.savecost}}S">
+              {{row.savetime}}
+              </span>
+          </td>
+          <td>{{row.telname}}</td>
+          <td>
+               <span title="{{row.recordfile}}">
+                {{row.recordfile.substring(0,6)}}...
+               </span>
+          </td>
+        </template>
+      </data-grid>
+    </criteria-paged>
+  </div>
+
+</template>
+
+<script>
+import {HttpResetClass, PagedList} from "vue-client";
+
+export default {
+  title: "电话记录列表",
+  data () {
+    return {
+      criteriaShow: false,
+      LoggedStates: [{label: '全部', value: ''},
+        {label: '呼入', value: '呼入'},
+        {label: '呼出', value: '呼出'},
+      ],
+      model: new PagedList('rs/sql/tel_recordlist', 20, {items: "'*'", tablename: "'t_records'", orderitem: "'outltime desc'" }),
+      row: null,
+      cclist:{
+        type: Array,
+        default: null
+      },
+      wavflie : '',
+      msgs: [],
+      infoobj:Object,
+      is_answers:[{label: '全部', value: ''},
+        {label: '接通', value: '接通'},
+        {label: '未接通', value: '未接通'}],
+      is_follow_ups:[{label: '全部', value: ''},
+        {label: '已回访', value: '已回访'},
+        {label: '未回访', value: '未回访'}],
+      userid: this.$login.f.id,
+      source: 'tool.getFullTree(this.getRights().where(row.getType() != $zone$).where(row.getType() == $organization$))', //获取公司参数
+      flag: '',
+      f_filiale_id: '',
+      excelTitle: '电话记录录导出',
+      excelHeaders: {
+        'teltype': '电话类型',
+        'telnum': '电话号码',
+        'outltime': '呼入/呼出',
+        'findtime':'寻找坐席',
+        'inltime': '响铃',
+        'starttime': '开始通话',
+        'endtime': '结束通话',
+        'savetime': '保存工单',
+        'telname': '话务员'
+      },
+      searchData: {
+        condition: '1=1'
+      },
+    }
+  },props: {
+
+  },
+  ready () {
+    this.flag = this.$appdata.getSingleValue('电话记录只查当前公司')
+    if (this.flag) {
+      if (this.flag == '是') {
+        this.model.f_filiale = this.$login.f.f_fengongsi
+        this.model.f_filiale_id =  this.$login.f.f_orgids
+      }
+    }
+  },
+  watch: {
+  },
+  methods: {
+    getRes (obj) {
+      this.f_filiale_id = this.$login.convertToIn(obj.resids)
+      console.log('--------------------')
+      console.log(this.f_filiale_id)
+      this.orgname = obj.res[0]
+      this.$set('orgname', obj.res[0])
+    },
+    hidden () {
+      this.criteriaShow = !this.criteriaShow
+    },
+    //选中
+    selectd(row){
+      //tag
+    },
+    search(args) {
+      console.log(this.f_filiale_id)
+      if (this.flag == '是') {
+        if (this.f_filiale_id) {
+          args.condition = args.condition + ' and f_filiale_id in ' + this.f_filiale_id
+        }
+      }
+      if (args.model.is_answer){
+        if (args.model.is_answer == '接通'){
+          args.condition += ` and starttime != '' `
+        }else {
+          args.condition += ` and starttime = '' and inltime != ''`
+        }
+      }
+      if (args.model.is_follow_up){
+        if (args.model.is_follow_up == '已回访'){
+          args.condition += ` and f_flghuifang = '已回访'`
+        }else {
+          args.condition += ` and f_flghuifang is null`
+        }
+      }
+      this.searchData.condition = args.condition
+      this.searchData.orderitem= " outltime desc"
+      this.model.search(args.condition, args.model)
+    },
+    clearmsg(){
+      this.$refs.paged.$refs.criteria.model={}
+    },
+  },
+  computed: {
+
+  }
+}
+</script>
+
+<style lang="less">
+
+</style>