telephone-clients 3.0.103-54 → 3.0.103-55

package/src/components/pc/RecordListLeft.vue

@@ -1,188 +1,188 @@
-<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%">
-              <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 class="col-sm-3 form-group form-input-group" style="width: 20%" >
-              <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 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>
-            </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-1" style="float: right;margin-right: 40px"  >
-            </div>
-            <div class="col-sm-2" style="float: right;margin-right: 40px"  >
-            </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,
-    }
-  },props: {
-
-  },
-  ready () {
-  },
-  watch: {
-  },
-  methods: {
-    hidden () {
-      this.criteriaShow = !this.criteriaShow
-    },
-    //选中
-    selectd(row){
-      //tag
-    },
-    search(args) {
-      this.model.search(args.condition, args.model)
-    },
-    clearmsg(){
-      this.$refs.paged.$refs.criteria.model={}
-    },
-  },
-  computed: {
-
-  }
-}
-</script>
-
-<style lang="less">
-
-</style>
+<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%">
+              <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 class="col-sm-3 form-group form-input-group" style="width: 20%" >
+              <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 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>
+            </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-1" style="float: right;margin-right: 40px"  >
+            </div>
+            <div class="col-sm-2" style="float: right;margin-right: 40px"  >
+            </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,
+    }
+  },props: {
+
+  },
+  ready () {
+  },
+  watch: {
+  },
+  methods: {
+    hidden () {
+      this.criteriaShow = !this.criteriaShow
+    },
+    //选中
+    selectd(row){
+      //tag
+    },
+    search(args) {
+      this.model.search(args.condition, args.model)
+    },
+    clearmsg(){
+      this.$refs.paged.$refs.criteria.model={}
+    },
+  },
+  computed: {
+
+  }
+}
+</script>
+
+<style lang="less">
+
+</style>