telephone-clients 4.0.0-1-59 → 4.0.0-1-61

package/CHANGELOG.md

@@ -1,37 +1,37 @@
-# Change Log
-所有关于本产品的变化都在该文档里。
-
-## [Unreleased]
-
-## 1.1.7 - 2018-11-23 @ 王智鹏
-- 添加安卓端可以查询购气信息
-
-## 1.1.0 - 2018-11-11 @ 何宁社
-- 去掉样式
-
-## 1.0.19 - 2018-11-1 @ 何宁社
-- 派通气单时，自动建档
-
-## 1.0.11 - 2018-9-11 @ 文明
-### Fixed
-- 修改获取参数的方式及登入人的信息
-
-## 1.0.10 - 2018-9-3 @ 何宁社
-### Fixed
-- 删除错误的局部组件注册
-
-## 1.0.9 - 2018-9-3 @ 何宁社
-### Fixed
-- 解决部分组件的大写问题
-
-## 1.0.7 - 2018-9-3 @ 何宁社
-### Fixed
-- 解决Console的大写问题
-
-## 0.0.2 - 2018-5-6 @ 何宁社
-### Added
-- 把故障编辑及故障显示组件独立出来了
-
-## 0.0.1 - 2017-12-01
-### Added
-- pc端，微信端界面完成，接下来主要完成文字客服，语音客服，业务逻辑，手机app等功能
+# Change Log
+所有关于本产品的变化都在该文档里。
+
+## [Unreleased]
+
+## 1.1.7 - 2018-11-23 @ 王智鹏
+- 添加安卓端可以查询购气信息
+
+## 1.1.0 - 2018-11-11 @ 何宁社
+- 去掉样式
+
+## 1.0.19 - 2018-11-1 @ 何宁社
+- 派通气单时，自动建档
+
+## 1.0.11 - 2018-9-11 @ 文明
+### Fixed
+- 修改获取参数的方式及登入人的信息
+
+## 1.0.10 - 2018-9-3 @ 何宁社
+### Fixed
+- 删除错误的局部组件注册
+
+## 1.0.9 - 2018-9-3 @ 何宁社
+### Fixed
+- 解决部分组件的大写问题
+
+## 1.0.7 - 2018-9-3 @ 何宁社
+### Fixed
+- 解决Console的大写问题
+
+## 0.0.2 - 2018-5-6 @ 何宁社
+### Added
+- 把故障编辑及故障显示组件独立出来了
+
+## 0.0.1 - 2017-12-01
+### Added
+- pc端，微信端界面完成，接下来主要完成文字客服，语音客服，业务逻辑，手机app等功能

package/README.md

@@ -1,39 +1,39 @@
-# TelephoneClient
-
-#### 项目介绍
-{**以下是码云平台说明，您可以替换为您的项目简介**
-码云是开源中国推出的基于 Git 的代码托管平台（同时支持 SVN）。专为开发者提供稳定、高效、安全的云端软件开发协作平台
-无论是个人、团队、或是企业，都能够用码云实现代码托管、项目管理、协作开发。企业项目请看 [https://gitee.com/enterprises](https://gitee.com/enterprises)}
-
-#### 软件架构
-软件架构说明
-
-
-#### 安装教程
-
-1. xxxx
-2. xxxx
-3. xxxx
-
-#### 使用说明
-
-1. xxxx
-2. xxxx
-3. xxxx
-
-#### 参与贡献
-
-1. Fork 本项目
-2. 新建 Feat_xxx 分支
-3. 提交代码
-4. 新建 Pull Request
-
-
-#### 码云特技
-
-1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
-2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
-3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
-4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
-5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
+# TelephoneClient
+
+#### 项目介绍
+{**以下是码云平台说明，您可以替换为您的项目简介**
+码云是开源中国推出的基于 Git 的代码托管平台（同时支持 SVN）。专为开发者提供稳定、高效、安全的云端软件开发协作平台
+无论是个人、团队、或是企业，都能够用码云实现代码托管、项目管理、协作开发。企业项目请看 [https://gitee.com/enterprises](https://gitee.com/enterprises)}
+
+#### 软件架构
+软件架构说明
+
+
+#### 安装教程
+
+1. xxxx
+2. xxxx
+3. xxxx
+
+#### 使用说明
+
+1. xxxx
+2. xxxx
+3. xxxx
+
+#### 参与贡献
+
+1. Fork 本项目
+2. 新建 Feat_xxx 分支
+3. 提交代码
+4. 新建 Pull Request
+
+
+#### 码云特技
+
+1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
+2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
+3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
+4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
+5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
 6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "telephone-clients",
-  "version": "4.0.0-1-59",
+  "version": "4.0.0-1-61",
   "description": "呼叫模块前台组件",
   "main": "src/index.js",
   "directories": {

package/release.bat

@@ -1,5 +1,5 @@
-git add -A
-git commit -m "[build] %1"
-git tag -a V%1 -m "Release version %1"
-git push origin --tags
-git push
+git add -A
+git commit -m "[build] %1"
+git tag -a V%1 -m "Release version %1"
+git push origin --tags
+git push

package/src/filiale/meihekou/android/createQRcode.vue

@@ -1,186 +1,186 @@
-<template>
-  <div style="height: auto;width: 100%">
-    <div partial>
-      <div align="center" class="">
-        <div class=""><img src="../../../assets/scanCode.png">请扫描下方二维码进行购气</div>
-        <div class="row app-row">
-          <div class="col-xs-4">
-            <label class="font text-left">订单编号:</label>
-          </div>
-          <div class="col-xs-8">
-            <input v-model="oderInfo.out_trade_no" class="search_input input-font" type="text"/>
-          </div>
-        </div>
-        <div class="row app-row">
-          <div class="col-xs-4">
-            <label class="font text-left">订单状态:</label>
-          </div>
-          <div class="col-xs-8">
-            <input v-model="oderInfo.msg" class="search_input input-font" type="text"/>
-          </div>
-        </div>
-        <!--<div @click="callBack('支付成功')">返回</div>-->
-      </div>
-      <div align="center" class="">
-        <div class="QR-code">
-          <img v-show="isTimeout" height="266" src="../../../assets/qrcode_no.png" width="266"/>
-          <div id="scan" style="margin-top: 25px"></div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import QRCode from 'qrcodejs2'
-import {HttpResetClass} from "vue-client";
-
-export default {
-  title: '二维码扫码',
-  prop: ['row'],
-
-  data() {
-    return {
-      // 订单状态定时器
-      timer1: {},
-      timer2: {},
-      // 订单信息
-      oderInfo: {
-        out_trade_no: "",
-        msg: ''
-      },
-      // 下单信息
-      parameter: {
-      },
-      isTimeout: true // 二维码图片
-
-    }
-  },
-  methods: {
-    callBack(para) {
-      //tag
-      this.$back(para)
-    },
-    // 生成二维码
-    async createOrder() {
-      console.log(this.row)
-      let data = {
-        config: this.row.model.f_orgid,
-        f_revenue: 'productV3',
-        pay_way: this.row.model.f_payment,
-        money: `${Number(Number(this.row.money)*100).toFixed(2)}`,
-        body: '购气订单',
-        attach: {
-          f_userfiles_id: this.row.model.f_userfiles_id,
-          f_pregas: this.row.model.f_pregas,
-          f_preamount: this.row.money,
-          f_payment: this.row.money,
-          f_terminal_num: HostApp.getSN().data,
-          f_collection: this.row.money,
-          f_totalcost: this.row.money,
-          isHand: this.row.model.isHand || '',
-          hand_ids: this.row.model.hand_ids || [],
-          f_meterid: this.row.model.f_meterid || '',
-          isGasValue: this.row.model.isGasValue || '',
-          f_card_id: this.row.model.f_card_id || '',
-          f_times: this.row.model.f_times || 0
-        }
-      }
-      let result = await new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/pos/rs/logic/CCBGetCode`, data, {})
-      if (result.data && result.data.code == 200){
-        this.oderInfo.out_trade_no = result.data.f_out_trade_no
-        new QRCode(document.getElementById('scan'), {'text': result.data.url, width: 266, height: 266})
-        this.isTimeout = false
-        if (this.oderInfo.out_trade_no) {
-          this.timer1 = window.setInterval(this.queryOrderSatus, 3000)
-        }
-      }
-    },
-    // 查询订单状态
-    async queryOrderSatus() {
-      let http1 = new HttpResetClass()
-      let resp = await http1.load('POST', `${this.$androidUtil.getProxyUrl()}/pos/rs/sql/getSellGasInfo`, {
-        "data": {
-          "condition": `f_serial_id = '${this.oderInfo.out_trade_no}'`
-        }
-      }, {resolveMsg: null, rejectMsg: null})
-      if (resp.data.length == 1){
-        this.oderInfo.msg = '支付成功'
-        await this.destroyed()
-        await this.callBack(this.oderInfo.out_trade_no)
-      }else {
-        this.oderInfo.msg = '订单未支付'
-      }
-    },
-    destroyed() {
-      // 停止计时器
-      //tag
-      window.clearInterval(this.timer1)
-      // window.clearInterval(this.timer2)
-    }
-  },
-  async ready() {
-    let http1 = new HttpResetClass()
-    let resp = await http1.load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/tel_singleTable_OrderBy`, {
-      data: {
-        items: "*",
-        tablename: "t_userfiles",
-        condition: `f_userfiles_id = '${this.row.model.f_userfiles_id}' and f_table_state != '换表'`,
-        orderitem: "f_userfiles_id"
-      }
-    }, {resolveMsg: null, rejectMsg: null})
-    console.log(resp)
-    if (resp.data[0].f_meter_classify.includes('卡表')) {
-      this.row.model.isHand = '0'
-      this.row.model.f_meterid = resp.data[0].f_meterid
-      this.row.model.isGasValue = resp.data[0].f_meter_classify.includes('气量') ? '0' : '1'
-      this.row.model.f_card_id = resp.data[0].f_card_id
-      this.row.model.f_times = resp.data[0].f_times
-    }else if (resp.data[0].f_meter_classify.includes('机表')){
-      this.row.model.isHand = '1'
-      this.row.model.hand_ids = []
-      let resp2 = await http1.load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/tel_singleTable_OrderBy`, {
-        data: {
-          items: "id",
-          tablename: "t_handplan",
-          condition: `f_userfiles_id = '${this.row.model.f_userfiles_id}' and f_whether_pay = '否'`,
-          orderitem: "id desc"
-        }
-      }, {resolveMsg: null, rejectMsg: null})
-      if (resp2.data.length >0 ){
-        this.row.model.hand_ids = resp2.data.map(item=>{return item.id})
-      }
-    }else {
-      this.row.model.isHand = '-1'
-    }
-    await this.createOrder()
-  },
-  destroyed() {
-    // 停止计时器
-    //tag
-    window.clearInterval(this.timer1)
-    // window.clearInterval(this.timer2)
-  }
-}
-</script>
-<style>
-.app-row {
-  background-color: white;
-  padding: 10px 10px 0 10px;
-  border-bottom: 1px solid rgba(235, 235, 235, 0.7);
-}
-
-.search_input {
-  border: 0;
-  outline: none;
-}
-
-.font {
-  font: 15px PingFang-SC-Medium;
-  color: #666666;
-}
-
-.input-font {
-  font: 15px PingFang-SC-Medium;
-  color: #333333;
-}
-</style>
+<template>
+  <div style="height: auto;width: 100%">
+    <div partial>
+      <div align="center" class="">
+        <div class=""><img src="../../../assets/scanCode.png">请扫描下方二维码进行购气</div>
+        <div class="row app-row">
+          <div class="col-xs-4">
+            <label class="font text-left">订单编号:</label>
+          </div>
+          <div class="col-xs-8">
+            <input v-model="oderInfo.out_trade_no" class="search_input input-font" type="text"/>
+          </div>
+        </div>
+        <div class="row app-row">
+          <div class="col-xs-4">
+            <label class="font text-left">订单状态:</label>
+          </div>
+          <div class="col-xs-8">
+            <input v-model="oderInfo.msg" class="search_input input-font" type="text"/>
+          </div>
+        </div>
+        <!--<div @click="callBack('支付成功')">返回</div>-->
+      </div>
+      <div align="center" class="">
+        <div class="QR-code">
+          <img v-show="isTimeout" height="266" src="../../../assets/qrcode_no.png" width="266"/>
+          <div id="scan" style="margin-top: 25px"></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import QRCode from 'qrcodejs2'
+import {HttpResetClass} from "vue-client";
+
+export default {
+  title: '二维码扫码',
+  prop: ['row'],
+
+  data() {
+    return {
+      // 订单状态定时器
+      timer1: {},
+      timer2: {},
+      // 订单信息
+      oderInfo: {
+        out_trade_no: "",
+        msg: ''
+      },
+      // 下单信息
+      parameter: {
+      },
+      isTimeout: true // 二维码图片
+
+    }
+  },
+  methods: {
+    callBack(para) {
+      //tag
+      this.$back(para)
+    },
+    // 生成二维码
+    async createOrder() {
+      console.log(this.row)
+      let data = {
+        config: this.row.model.f_orgid,
+        f_revenue: 'productV3',
+        pay_way: this.row.model.f_payment,
+        money: `${Number(Number(this.row.money)*100).toFixed(2)}`,
+        body: '购气订单',
+        attach: {
+          f_userfiles_id: this.row.model.f_userfiles_id,
+          f_pregas: this.row.model.f_pregas,
+          f_preamount: this.row.money,
+          f_payment: this.row.money,
+          f_terminal_num: HostApp.getSN().data,
+          f_collection: this.row.money,
+          f_totalcost: this.row.money,
+          isHand: this.row.model.isHand || '',
+          hand_ids: this.row.model.hand_ids || [],
+          f_meterid: this.row.model.f_meterid || '',
+          isGasValue: this.row.model.isGasValue || '',
+          f_card_id: this.row.model.f_card_id || '',
+          f_times: this.row.model.f_times || 0
+        }
+      }
+      let result = await new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/pos/rs/logic/CCBGetCode`, data, {})
+      if (result.data && result.data.code == 200){
+        this.oderInfo.out_trade_no = result.data.f_out_trade_no
+        new QRCode(document.getElementById('scan'), {'text': result.data.url, width: 266, height: 266})
+        this.isTimeout = false
+        if (this.oderInfo.out_trade_no) {
+          this.timer1 = window.setInterval(this.queryOrderSatus, 3000)
+        }
+      }
+    },
+    // 查询订单状态
+    async queryOrderSatus() {
+      let http1 = new HttpResetClass()
+      let resp = await http1.load('POST', `${this.$androidUtil.getProxyUrl()}/pos/rs/sql/getSellGasInfo`, {
+        "data": {
+          "condition": `f_serial_id = '${this.oderInfo.out_trade_no}'`
+        }
+      }, {resolveMsg: null, rejectMsg: null})
+      if (resp.data.length == 1){
+        this.oderInfo.msg = '支付成功'
+        await this.destroyed()
+        await this.callBack(this.oderInfo.out_trade_no)
+      }else {
+        this.oderInfo.msg = '订单未支付'
+      }
+    },
+    destroyed() {
+      // 停止计时器
+      //tag
+      window.clearInterval(this.timer1)
+      // window.clearInterval(this.timer2)
+    }
+  },
+  async ready() {
+    let http1 = new HttpResetClass()
+    let resp = await http1.load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/tel_singleTable_OrderBy`, {
+      data: {
+        items: "*",
+        tablename: "t_userfiles",
+        condition: `f_userfiles_id = '${this.row.model.f_userfiles_id}' and f_table_state != '换表'`,
+        orderitem: "f_userfiles_id"
+      }
+    }, {resolveMsg: null, rejectMsg: null})
+    console.log(resp)
+    if (resp.data[0].f_meter_classify.includes('卡表')) {
+      this.row.model.isHand = '0'
+      this.row.model.f_meterid = resp.data[0].f_meterid
+      this.row.model.isGasValue = resp.data[0].f_meter_classify.includes('气量') ? '0' : '1'
+      this.row.model.f_card_id = resp.data[0].f_card_id
+      this.row.model.f_times = resp.data[0].f_times
+    }else if (resp.data[0].f_meter_classify.includes('机表')){
+      this.row.model.isHand = '1'
+      this.row.model.hand_ids = []
+      let resp2 = await http1.load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/tel_singleTable_OrderBy`, {
+        data: {
+          items: "id",
+          tablename: "t_handplan",
+          condition: `f_userfiles_id = '${this.row.model.f_userfiles_id}' and f_whether_pay = '否'`,
+          orderitem: "id desc"
+        }
+      }, {resolveMsg: null, rejectMsg: null})
+      if (resp2.data.length >0 ){
+        this.row.model.hand_ids = resp2.data.map(item=>{return item.id})
+      }
+    }else {
+      this.row.model.isHand = '-1'
+    }
+    await this.createOrder()
+  },
+  destroyed() {
+    // 停止计时器
+    //tag
+    window.clearInterval(this.timer1)
+    // window.clearInterval(this.timer2)
+  }
+}
+</script>
+<style>
+.app-row {
+  background-color: white;
+  padding: 10px 10px 0 10px;
+  border-bottom: 1px solid rgba(235, 235, 235, 0.7);
+}
+
+.search_input {
+  border: 0;
+  outline: none;
+}
+
+.font {
+  font: 15px PingFang-SC-Medium;
+  color: #666666;
+}
+
+.input-font {
+  font: 15px PingFang-SC-Medium;
+  color: #333333;
+}
+</style>

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

@@ -1,278 +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': '来电时间',
-      },
-    }
-  },
-  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: {
-    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,'') != ''"
-      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>