telephone-clients 4.0.0-1-60 → 4.0.0-1-62

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

@@ -1,285 +1,285 @@
-<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 HH:mm:ss'"
-            ></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"  v-on:visitback="visitback" ></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"
-                              v-model="model.f_date"
-                              :format="'yyyy-MM-dd HH:mm:ss'"
-                              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_end_date"
-                              v-model="model.f_end_date"
-                              :format="'yyyy-MM-dd HH:mm:ss'"
-                              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="af-telephone/rs/logic/telephoneExport" sql-name="tel_singleTable_OrderBy" template-name='呼损记录导出'
-                    :choose-col="true">
-                  </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('af-telephone/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': '来电时间',
-      },
-      f_filiale:'',
-      f_filiale_id:'',
-    }
-  },
-  ready () {
-    this.f_filiale = this.$login.f.f_fengongsi
-    this.f_filiale_id = this.$login.f.f_orgids
-    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: {
-    visitback(val){
-      this.showVisit = false
-      if(val == 'commit'){
-        this.$refs.paged.$refs.criteria.search()
-      }
-    },
-    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",'af-telephone/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' and f_filiale_id = '${this.$login.f.orgid}'`
-        }
-      },{resolveMsg:null,rejectMsg:null}).then(res=>{
-        let myChart1 = this.$echarts.init(document.getElementById(("husunzhexian1")))
-        myChart1.setOption(this.getAOptions("呼损日分析表",res.data))
-      })
-
-      new HttpResetClass().load("post",'af-telephone/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'  and f_filiale_id = '${this.$login.f.orgid}'`
-        }
-      },{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,'') != ''"
-      if(this.f_filiale_id){
-        args.condition += ` and f_filiale_id  =  '${this.f_filiale_id}'`
-      }
-      this.searchData.condition = args.condition
-      this.model.search(args.condition)
-    },
-  },
-}
-</script>
+<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 HH:mm:ss'"
+            ></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"  v-on:visitback="visitback" ></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"
+                              v-model="model.f_date"
+                              :format="'yyyy-MM-dd HH:mm:ss'"
+                              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_end_date"
+                              v-model="model.f_end_date"
+                              :format="'yyyy-MM-dd HH:mm:ss'"
+                              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="af-telephone/rs/logic/telephoneExport" sql-name="tel_singleTable_OrderBy" template-name='呼损记录导出'
+                    :choose-col="true">
+                  </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('af-telephone/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': '来电时间',
+      },
+      f_filiale:'',
+      f_filiale_id:'',
+    }
+  },
+  ready () {
+    this.f_filiale = this.$login.f.orgs
+    this.f_filiale_id = this.$login.f.orgid
+    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: {
+    visitback(val){
+      this.showVisit = false
+      if(val == 'commit'){
+        this.$refs.paged.$refs.criteria.search()
+      }
+    },
+    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",'af-telephone/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' and f_filiale_id = '${this.$login.f.orgid}'`
+        }
+      },{resolveMsg:null,rejectMsg:null}).then(res=>{
+        let myChart1 = this.$echarts.init(document.getElementById(("husunzhexian1")))
+        myChart1.setOption(this.getAOptions("呼损日分析表",res.data))
+      })
+
+      new HttpResetClass().load("post",'af-telephone/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'  and f_filiale_id = '${this.$login.f.orgid}'`
+        }
+      },{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,'') != ''"
+      if(this.f_filiale_id){
+        args.condition += ` and f_filiale_id  =  '${this.f_filiale_id}'`
+      }
+      this.searchData.condition = args.condition
+      this.model.search(args.condition)
+    },
+  },
+}
+</script>