telephone-clients 3.0.104-1 → 3.0.104-100

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

@@ -0,0 +1,290 @@
+<template>
+  <div class="flex">
+    <section>
+      <div class="basic-main row" style="height: 100%">
+        <criteria-paged :model="model" v-ref:paged>
+          <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
+            <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+              <div class="row">
+                <div class="col-sm-4 form-group" style="width: 20%">
+                  <label class="font_normal_body">&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="form-group col-sm-2">
+                  <label for="startDate" class="font_normal_body">开始日期:</label>
+                  <datepicker id="startDate" placeholder="开始日期"
+                              v-model="$parent.$parent.startDate"
+                              :value.sync="$parent.$parent.startDate"
+                              style="width: 60%;"
+                              :disabled-days-of-Week="[]"
+                              :format="'yyyy-MM-dd 00:00:00'"
+                              :show-reset-button="reset">
+                  </datepicker>
+                </div>
+                <div class="form-group col-sm-2">
+                  <label for="endDate" class="font_normal_body">结束日期:</label>
+                  <datepicker id="endDate" placeholder="结束日期"
+                              v-model="$parent.$parent.endDate"
+                              :value.sync="$parent.$parent.endDate"
+                              :disabled-days-of-Week="[]"
+                              style="width: 60%;"
+                              :format="'yyyy-MM-dd 23:59:59'"
+                              :show-reset-button="reset">
+                  </datepicker>
+                </div>
+                <div class="col-sm-3 form-group form-input-group" style="width: 20%;left: 35%">
+                  <button type="button" name="button" class="button_search" @click="search">查询</button>
+                  <export-excel-tel :data="$parent.$parent.searchData"
+                                    :field="$parent.$parent.excelHeaders"
+                                    sqlurl="rs/logic/telephoneExport" sql-name="manage_telman" :template-name="$parent.$parent.excelTitle"></export-excel-tel>
+                </div>
+              </div>
+            </div>
+          </criteria>
+          <data-grid :model="model" partial='list' class="list_area table_sy" v-ref:grid >
+            <template partial='head'>
+              <tr >
+                <th colspan="20" class="tableinfo">
+                  <h3 style="text-align: center;color: #00A3F0;font-size: 26px" >{{$parent.$parent.$parent.orgname }}话务统计报表</h3>
+                  </th>
+              </tr>
+              <tr>
+                <th>
+                  <nobr>话务员</nobr>
+                </th>
+                <th>
+                  <nobr>工号</nobr>
+                </th>
+                <th>
+                  <nobr>来电总数</nobr>
+                </th>
+                <th>
+                  <nobr>接线率</nobr>
+                </th>
+<!--                <th>-->
+<!--                  <nobr>置忙次数</nobr>-->
+<!--                </th>-->
+                <th>
+                  <nobr>已接</nobr>
+                </th>
+                <th>
+                  <nobr>未接</nobr>
+                </th>
+                <th>
+                  <nobr>外拨</nobr>
+                </th>
+                <th>
+                  <nobr>咨询单</nobr>
+                </th>
+                <th>
+                  <nobr>投诉单</nobr>
+                </th>
+                <th>
+                  <nobr>报修单</nobr>
+                </th>
+                <th>
+                  <nobr>话务来电</nobr>
+                </th>
+                <th>
+                  <nobr>部门派单</nobr>
+                </th>
+                <th >
+                  <nobr>报修单(抢修)</nobr>
+                </th>
+                <th >
+                  <nobr>报修单(服务)</nobr>
+                </th>
+                <th >
+                  <nobr>报修单(整改)</nobr>
+                </th>
+                <th >
+                  <nobr>报修单(置换通气)</nobr>
+                </th>
+              </tr>
+            </template>
+            <template partial='body'>
+              <tr>
+                <td style="text-align:center">
+                  <nobr>{{ row.nam }}</nobr>
+                </td>
+                <td style="text-align:center">
+                  <nobr>{{ row.id }}</nobr>
+                </td>
+                <td style="text-align:center">
+                  <nobr>{{ row.zongji }}</nobr>
+                </td>
+                <td style="text-align:center">
+                  <nobr>{{ row.scale }}</nobr>
+                </td>
+<!--                <td style="text-align:center">-->
+<!--                  <nobr>{{ row.zhimangcishu }}</nobr>-->
+<!--                </td>-->
+                <td style="text-align:center" >
+                  <nobr>{{ row.yijie }}</nobr>
+                </td>
+                <td style="text-align:center">
+                  <nobr>{{ row.weijie }}</nobr>
+                </td>
+                <td style="text-align:center">
+                  <nobr>{{ row.waibo }}</nobr>
+                </td>
+                <td style="text-align:center">
+                  <nobr>{{ row.zixundan}}</nobr>
+                </td>
+                <td style="text-align:center">
+                  <nobr>{{ row.tousudan}}</nobr>
+                </td>
+                <td style="text-align:center">
+                  <nobr>{{ row.baoxiudan}}</nobr>
+                </td>
+                <td style="text-align:center">
+                  <nobr>{{ row.huawunum}}</nobr>
+                </td>
+                <td style="text-align:center">
+                  <nobr>{{ row.bumennum}}</nobr>
+                </td>
+                <td style="text-align:center" >
+                  <nobr >{{ row.qiangxius}}</nobr>
+                </td>
+                <td style="text-align:center" >
+                  <nobr >{{ row.fuwus}}</nobr>
+                </td>
+                <td style="text-align:center" >
+                  <nobr >{{ row.zhenggais}}</nobr>
+                </td>
+                <td style="text-align:center" >
+                  <nobr >{{ row.zhihuantongqis}}</nobr>
+                </td>
+              </tr>
+            </template>
+            <template partial="foot">
+              <td style="text-align: center"><span><b>合计：</b></span></td>
+              <td style="text-align: center"><span><b> </b></span></td>
+              <td style="text-align: center">{{model.sums.zongji}}</td>
+              <td style="text-align: center">{{((model.sums.yijie/model.sums.zongji)*100).toFixed(2)+'%'}}</td>
+<!--              <td style="text-align: center">{{model.sums.zhimangcishu}}</td>-->
+              <td style="text-align: center">{{model.sums.yijie}}</td>
+              <td style="text-align: center">{{model.sums.weijie}}</td>
+              <td style="text-align: center">{{model.sums.waibo}}</td>
+              <td style="text-align: center">{{model.sums.zixundan}}</td>
+              <td style="text-align: center">{{model.sums.tousudan}}</td>
+              <td style="text-align: center">{{model.sums.baoxiudan}}</td>
+              <td style="text-align: center">{{model.sums.huawunum}}</td>
+              <td style="text-align: center">{{model.sums.bumennum}}</td>
+              <td style="text-align: center" >{{model.sums.qiangxius}}</td>
+              <td style="text-align: center" >{{model.sums.fuwus}}</td>
+              <td style="text-align: center" >{{model.sums.zhenggais}}</td>
+              <td style="text-align: center" >{{model.sums.zhihuantongqis}}</td>
+            </template>
+          </data-grid>
+        </criteria-paged>
+      </div>
+    </section>
+  </div>
+</template>
+<script>
+import {PagedList, HttpResetClass} from 'vue-client'
+import * as Util from '../../../components/Util'
+
+export default {
+  title: '话务员报表',
+  data () {
+    let model = new PagedList('rs/sql/manage_telman', 20, {
+      startDate: 'this.startDate',
+      endDate: 'this.endDate',
+      f_filiale_id: 'this.f_filiale_id'
+    },{zongji:'',yijie:'',weijie:'',waibo:'',zixundan:'',tousudan:'',baoxiudan:'',huawunum:'',bumennum:'',qiangxius:'',fuwus:'',zhenggais:'',zhihuantongqis:''})
+    model.f_filiale_id = `('${this.$login.f.orgid}')`
+    model.startDate=Util.getYesterDay() + ' 00:00:00'//昨天时间
+    model.endDate=Util.toStandardDateString()+ ' 23:59:59'//当前时间
+    return {
+      f_filiale_id: `('${this.$login.f.orgid}')`, // 分公司id
+      model: model,
+      source: 'tool.getFullTree(this.getRights().where(row.getType() != $zone$).where(row.getType() == $organization$))', //获取公司参数
+      userid: this.$login.f.id,
+      orgname: '',
+      startDate:Util.getYesterDay() + ' 00:00:00',
+      endDate:Util.toStandardDateString()+ ' 23:59:59',
+      searchData: {
+        condition: '',
+        startDate: '',
+        endDate: '',
+        f_filiale_id: ''
+      },
+      excelHeaders: {
+        'nam': '话务员',
+        'id': '工号',
+        'quanbujieting': '接线数',
+        'scale': '接线率',
+        // 'zhimangcishu': '置忙次数',
+        'yijie': '已接',
+        'weijie': '未接',
+        'waibo': '外拨',
+        'zixundan': '咨询单',
+        'tousudan': '投诉单',
+        'baoxiudan': '报修单',
+        'huawunum': '话务来电',
+        'bumennum': '部门派单',
+        'qiangxius': '报修单(抢修)',
+        'fuwus': '报修单(服务)',
+        'zhenggais': '报修单(整改)',
+        'zhihuantongqis': '报修单(置换通气)'
+      }
+    }
+  },
+  methods: {
+   getRes (obj) {
+      this.f_filiale_id = this.$login.convertToIn(obj.resids)
+      this.orgname = obj.res[0]
+      this.$set('orgname', obj.res[0])
+      console.log(
+        `%c 来电内容明细 %c 呼叫模块 %c`,
+        'background:#35495e ; padding: 1px; border-radius: 3px 0 0 3px;  color: #fff',
+        'background:#41b883 ; padding: 1px; border-radius: 0 3px 3px 0;  color: #fff',
+        'background:transparent',
+        this.orgname
+      )
+    },
+    selfSearch (args) {
+      if (!this.f_filiale_id) {
+        return this.$showMessage("请选择公司进行查询！！！")
+      }
+      this.model.f_filiale_id = this.f_filiale_id // 只有选择了下面的条件才会变化
+      this.searchData.f_filiale_id = this.f_filiale_id //导出
+      this.searchData.condition=args.condition //导出
+      this.model.startDate = this.startDate
+      this.searchData.startDate = this.startDate //导出
+      this.model.endDate = this.endDate
+      this.searchData.endDate = this.endDate //导出
+      this.model.search(args.condition, args.model)
+    }
+  },
+  computed: {
+    excelTitle() {
+      return `${this.orgname }话务员统计报表`
+    },
+  },
+  watch: {
+  },
+  ready () {
+    // //tag)
+    // this.$refs.paged.$refs.cri.search()
+    //tag + ' 00:00:00')
+    //tag+ ' 23:59:59')
+    this.orgname = this.$login.f.orgs
+    //tag)
+    //tag
+  }
+
+}
+</script>
+
+<style lang="less" >
+.tableinfo {
+  text-align: center;
+  background-color: #00A3F0;
+  color: #0c2e4d;
+  font-size: 26px;
+}
+</style>

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

@@ -0,0 +1,272 @@
+<template >
+  <div class="flex-row">
+    <div id="stand-work-list" class="flex bg-white p-10 basic-main" style="flex-direction: row">
+      <div style="width: 40%;height: 100%" v-show="leftShow">
+        <div class="row" style="height: 10%;width: 50%">
+          <div class="form-group form-input-group" style="display: flex;justify-content: flex-start">
+            <label class="font_normal_body" style="width: 40%">查询日期</label>
+            <datepicker placeholder="查询日期"
+                        :value.sync="searchDate"
+                        v-model="searchDate"
+                        :format="'yyyy-MM-dd 00:00:00'"
+            ></datepicker>
+            <button type="button" name="button"
+                    class="button_search button_spacing" style="z-index: 2" @click="searchEcharts()">查询</button>
+          </div>
+        </div>
+        <div style="height: 45%;" id="husunzhexian1"></div>
+        <div style="height: 45%;" id="husunzhexian2"></div>
+      </div>
+      <div class="span" style="width: 60%;overflow: auto">
+        <visit-info v-if="showVisit" :phone="wavflie" :idwavfile="idwavfile" :outltime="outltime" @show-obj="watchShow"></visit-info>
+        <criteria-paged :model="model" v-else v-ref:paged>
+          <criteria partial='criteria' v-ref:criteria  @condition-changed='$parent.search'>
+            <div novalidate class="form-inline" partial>
+              <div class="row">
+                <div class="col-sm-3 form-group form-input-group">
+                  <label class="font_normal_body" style="width: 35%">电话号码</label>
+                  <input  type="text" class="input_search" 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">
+                  <label class="font_normal_body" style="width: 40%">开始时间</label>
+                  <datepicker placeholder="开始时间"
+                              :value.sync="model.f_date_start"
+                              v-model="model.f_date_start"
+                              :format="'yyyy-MM-dd 00:00:01'"
+                              condition="outltime > '{}'"
+                  ></datepicker>
+                </div>
+                <div class="col-sm-3 form-group form-input-group">
+                  <label class="font_normal_body" style="width: 40%">结束时间</label>
+                  <datepicker placeholder="结束时间"
+                              :value.sync="model.f_date_end"
+                              v-model="model.f_date_end"
+                              :format="'yyyy-MM-dd 23:59:59'"
+                              condition="outltime < '{}'"
+                  ></datepicker>
+                </div>
+                <div class="col-sm-3 form-group form-input-group">
+                  <label class="font_normal_body" style="width: 35%">回访状态</label>
+                  <v-select :value.sync="model.f_flghuifang"
+                            :options='$parent.$parent.huifangs'
+                            :value-single="true"
+                            placeholder='请选择回访状态'
+                            close-on-select
+                            style="width: 60%"
+                  ></v-select>
+                </div>
+                <div style="float: right;" class="form-group span">
+                  <button type="button" name="button"
+                          class="button_search button_spacing" @click="search(),$dispatch('search')" style="z-index: 2">查询</button>
+                  <export-excel-tel
+                    :data="$parent.$parent.searchData"
+                    :field="$parent.$parent.excelHeaders"
+                    sqlurl="rs/logic/telephoneExport" sql-name="tel_singleTable_OrderBy" template-name='呼损记录导出'
+                    :choose-col="false">
+                  </export-excel-tel>
+                </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>操作</nobr></th>
+              </tr>
+            </template>
+            <template partial='body'>
+              <td style="text-align: center">{{row.telnum}}</td>
+              <td style="text-align: center">{{row.outltime}}</td>
+              <td style="text-align: center">
+                <button-link v-show="!row.f_flghuifang" type="button" class="btn btn-link" @click="$parent.$parent.$parent.playWav(row.telnum,row.id)">回拨</button-link>
+              </td>
+            </template>
+          </data-grid>
+        </criteria-paged>
+      </div>
+    </div>
+  </div>
+<!--  <modal :show.sync="showVisit" v-ref:modal backdrop="false">-->
+<!--    <header slot="modal-header" class="modal-header">-->
+<!--    </header>-->
+<!--    <article slot="modal-body" class="modal-body">-->
+<!--      <visit-info v-if="showVisit" :phone="wavflie" :idwavfile="idwavfile" :outltime="outltime" @show-obj="watchShow"></visit-info>-->
+<!--    </article>-->
+<!--    <footer slot="modal-footer" class="modal-footer">-->
+<!--    </footer>-->
+<!--  </modal>-->
+</template>
+
+<script>
+import {HttpResetClass, PagedList} from 'vue-client'
+import * as Util from '../../../components/Util'
+export default {
+  title: '呼损记录',
+  data () {
+    return {
+      model: new PagedList('rs/sql/tel_singleTable_OrderBy', 20, {items: "'*'", tablename: "'t_records'", orderitem: "'outltime desc'" }),
+      row: null,
+      show: false,
+      wavflie : '',
+      idwavfile:'',
+      leftShow:true,
+      searchDate:Util.toStandardDateString(),
+      orderMan: '',
+      msgs: [],
+      huifangs:[{label:"全部",value:""},{label:"已回访",value:"已回访"},{label:"未回访",value:"未回访"}],
+      service: Object,
+      pendingCount: 0,
+      serobj:Object,
+      showVisit:false,
+      outltime:this.getNowFormatDate(),
+      searchData:{
+        items: "*",
+        tablename: "t_records",
+        orderitem: "outltime desc",
+        condition: '1=1'
+      },
+      excelHeaders: {
+        'telnum': '电话号码',
+        'outltime': '来电时间',
+      },
+    }
+  },
+  ready () {
+    this.$refs.paged.$refs.criteria.model.f_flghuifang = '未回访'
+    this.leftShow = (this.$parent.leftShow == undefined ? true : this.$parent.leftShow)
+    this.renderEcharts(Util.toStandardDateString())
+    // this.selfSearch()
+
+  },
+  methods: {
+    searchEcharts(){
+      console.log("9334",this.searchDate)
+      this.renderEcharts(this.searchDate)
+    },
+    //获取当前日期
+    renderEcharts(date){
+      console.log("933",Util.addDate(3,date),Util.addDate(-3),date)
+      new HttpResetClass().load("post",'rs/sql/getLossPhoneByTime',{
+        data:{
+          groupitem:'SUBSTRING(outltime, 0, 11)',
+          condition:`outltime>='${Util.addDate(-3,date)} 00:00:00' and outltime<='${Util.addDate(3,date)} 23:59:59'`
+        }
+      },{resolveMsg:null,rejectMsg:null}).then(res=>{
+        let myChart1 = this.$echarts.init(document.getElementById(("husunzhexian1")))
+        myChart1.setOption(this.getAOptions("呼损日分析表",res.data))
+      })
+
+      new HttpResetClass().load("post",'rs/sql/getLossPhoneByTime',{
+        data:{
+          groupitem:"SUBSTRING(outltime, 12, 2)+':00'",
+          condition:`outltime>='${Util.toStandardDateString(date)} 08:00:00' and outltime<='${Util.toStandardDateString(date)} 18:59:59'`
+        }
+      },{resolveMsg:null,rejectMsg:null}).then(res=>{
+        let myChart1 = this.$echarts.init(document.getElementById(("husunzhexian2")))
+        myChart1.setOption(this.getAOptions("呼损时分析表",res.data))
+      })
+    },
+    getAOptions(title,arr){
+
+      return {
+        color: ['rgb(155,214,129)', '#73c0de'],
+        title: {
+          text: title
+        },
+        tooltip: {
+          trigger: 'axis'
+        },
+        legend: {
+          data: ['忙线', '未接']
+        },
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        toolbox: {
+          feature: {
+            saveAsImage: {}
+          }
+        },
+        xAxis: {
+          type: 'category',
+          boundaryGap: false,
+          data: arr.map(item=>{
+            if(title === '呼损日分析表'){
+              return item.timearea.substr(5,5)
+            }
+            return item.timearea
+          })
+        },
+        yAxis: {
+          type: 'value'
+        },
+        series: [
+          {
+            name: '未接',
+            type: 'line',
+            stack: 'Total',
+            data: arr.map(item=>item.weijie)
+          },
+          {
+            name: '忙线',
+            type: 'line',
+            stack: 'Total',
+            data: arr.map(item=>item.zhanxian)
+          },
+        ]
+      }
+    },
+    getNowFormatDate() {
+      var date = new Date();
+      var seperator1 = "-";
+      var month = date.getMonth() + 1;
+      var strDate = date.getDate();
+      if (month >= 1 && month <= 9) {
+        month = "0" + month;
+      }
+      if (strDate >= 0 && strDate <= 9) {
+        strDate = "0" + strDate;
+      }
+      var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate + ' 23:59:59'
+      return currentdate;
+    },
+    watchShow(val){
+      this.showVisit = val
+    },
+    clearVisit(){
+      this.show = false
+    },
+    playWav(val,val1){
+      if (!this.leftShow){
+        this.$parent.setUserPhone(val)
+      }
+      this.wavflie=val;
+      this.idwavfile=val1
+      this.showVisit = true
+    },
+    closemodel () {
+      this.showVisit = false
+    },
+    search(args) {
+      if(args.model.f_flghuifang){
+        if(args.model.f_flghuifang==='已回访'){
+          args.condition += ` and f_flghuifang = '已回访'`
+        }else{
+          args.condition += ` and f_flghuifang is null`
+        }
+      }
+      args.condition += " AND isnull(starttime,'') = '' AND isnull(findtime,'') != ''"
+      this.searchData.condition = args.condition
+      this.model.search(args.condition)
+    },
+  },
+}
+</script>