telephone-clients 4.0.0-1-89 → 4.0.0-1-91

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

@@ -1,692 +1,692 @@
-<template>
-  <div style="height: auto;width: 100%" class="repair-bg">
-    <div class="bq-parent">
-      <blockquote  style="color: #499edf;border-left-color: #499edf;font-size: 16px">
-        <p>
-          待派发工单<span v-if="rows">（{{rows.length}}单）</span>
-          <span v-if="!rows">（暂无待派发工单）</span>
-        </p>
-      </blockquote>
-    </div>
-
-    <div>
-      <form>
-        <!--      查询条件-->
-        <div class="row app-row">
-          <div class="col-xs-4">
-            <img src="../../../assets/用户姓名-蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
-            <label for="f_userinfo_code" class="font text-left">用户姓名：</label>
-          </div>
-          <div class="col-xs-8" >
-            <input  type="text"  v-model="username" placeholder='用户姓名'
-                    class="search_input input-font" />
-          </div>
-        </div>
-        <div class="row app-row">
-          <div class="col-xs-4">
-            <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
-            <label for="f_userinfo_code" class="font text-left">用户地址：</label>
-          </div>
-          <div class="col-xs-8" >
-            <input type="text" id="f_userinfo_code" class="search_input input-font"
-                   v-model="address" placeholder='用户地址'  />
-          </div>
-        </div>
-        <div class="row app-row">
-          <div class="col-xs-4">
-            <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
-            <label  class="font text-left">接单站点：</label>
-          </div>
-          <input style="width: 60%" type="text" v-show="false" v-model="f_meetunit">
-          <right-tree islist :userid="userid" :source="source"  v-on:re-res="reres2" >
-          </right-tree>
-        </div>
-        <div class="row app-row" >
-          <div class="col-xs-4">
-            <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
-            <label  class="font text-left">维修区域：</label>
-          </div>
-          <div class="col-xs-8" >
-            <v-select :value.sync="f_slice_area_id"
-                      v-model="f_slice_area_id"
-                      :options='sliceArea'
-                      placeholder='请选择'
-                      close-on-select
-                      :multiple="false"
-            ></v-select>
-          </div>
-        </div>
-        <div class="row app-row" >
-          <div class="col-xs-4">
-            <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
-            <label  class="font text-left">报修类型：</label>
-          </div>
-          <div class="col-xs-8" >
-            <v-select :value.sync="f_repairtype"
-                      v-model="f_repairtype"
-                      :options='baoxiuType'
-                      placeholder='请选择'
-                      close-on-select
-                      :multiple="false"
-            ></v-select>
-          </div>
-        </div>
-        <div class="row app-row" >
-          <div class="col-xs-4">
-            <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
-            <label  class="font text-left">用户类型：</label>
-          </div>
-          <div class="col-xs-8" >
-            <v-select :value.sync="f_user_type"
-                      v-model="f_user_type"
-                      :options='userType'
-                      placeholder='请选择'
-                      :multiple="false"
-                      close-on-select
-            ></v-select>
-          </div>
-        </div>
-        <div class="row app-row">
-          <div class="col-xs-4">
-            <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
-            <label class="font text-left">截止时间：</label>
-          </div>
-          <div class="col-xs-8" style="display: flex; justify-content: space-between;">
-            <datepicker id="f_finish_date_start"
-                        placeholder= '起始时间'
-                        :value.sync="f_finish_date_start"
-                        :disabled-days-of-Week="[]"
-                        v-model="f_finish_date_start"
-                        class="input-font"
-                        style="width:60%"
-                        :format="'yyyy-MM-dd 00:00:00'"
-                        :show-reset-button="reset">
-            </datepicker>
-          </div>
-        </div>
-        <div class="row app-row">
-          <div class="col-xs-4">
-            <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
-            <label class="font text-left">截止时间：</label>
-          </div>
-          <div class="col-xs-8" style="display: flex; justify-content: space-between;">
-            <datepicker id="f_finish_date_end"
-                        placeholder= '结束时间'
-                        :value.sync="f_finish_date_end"
-                        :disabled-days-of-Week="[]"
-                        v-model="f_finish_date_end"
-                        class="input-font"
-                        style="width:60%"
-                        :format="'yyyy-MM-dd 23:59:00'"
-                        :show-reset-button="reset">
-            </datepicker>
-          </div>
-        </div>
-        <div class="row app-row">
-          <div class="col-xs-4 col-sm-3">
-            <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
-            <label class="font text-left">逾期天数：</label>
-          </div>
-          <div class="col-xs-8 col-sm-9">
-            <div class="row">
-              <div class="col-xs-4">
-                <input type="number" min="0" v-model.number="f_over_start"
-                       class="form-control form-control-sm" placeholder="起始天数">
-              </div>
-              <div class="col-xs-2 text-center">
-                <span class="font">至</span>
-              </div>
-              <div class="col-xs-4">
-                <input type="number" min="0" v-model.number="f_over_end"
-                       class="form-control form-control-sm" placeholder="结束天数">
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="row app-row">
-          <div class="col-xs-4">
-            <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
-            <label for="f_userinfo_code" class="font text-left">报修内容：</label>
-          </div>
-          <div class="col-xs-8" >
-            <input type="text" id="f_userinfo_code" class="search_input input-font"
-                   v-model="f_failure" placeholder='报修内容'  />
-          </div>
-        </div>
-        <!--     分割按钮和条件的高度   -->
-        <div class="row app-row" style="height: 10px;"></div>
-        <!--      按钮    -->
-        <div class="row text-center app-row">
-          <button type="button"  class="btn btn-lg btn-font btn-color" @click="ifsearch()" style="min-width: 25%;">查询</button>
-        </div>
-        <div style="height:30px;" class="app-row"></div>
-      </form>
-    </div>
-    <!--   列表 -->
-    <div class="panel panel-default repair-info-content auto">
-      <div class="panel-body">
-        <div class="panel panel-default well panel-blue-border"  :class="row.failure.indexOf('漏气') !== -1 ? 'class-a':''" v-for="row in listData.list"  >
-          <div class="panel-body" style="padding: 10px">
-            <div class="row form-group">
-              <div class="col-sm-12 col-xs-12 col-md-12">
-                <div class="row" >
-                  <div :class="{'text-danger': row.f_remindersign}" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
-                    工单编号: {{row.f_service_id}}<span v-if="row.f_remindersign">(催单 {{row.f_reminderdata}}) </span>
-                  </div>
-                  <div :class="{'text-danger': row.f_remindersign}" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
-                    接单站点: {{row.f_meetunit}}<span v-if="row.f_remindersign">(催单 {{row.f_reminderdata}}) </span>
-                  </div>
-                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
-                    派发时间: {{row.f_created_date}}
-                  </div>
-                  <div v-show="false" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="worktype == '置换通气单'||worktype == '安装单'">
-                    预约时间: {{row.f_yuyue_date}}
-                  </div>
-                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_repairtype">
-                    报修类型: {{row.f_repairtype}}
-                  </div>
-                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_finish_date">
-                    截止天数: {{Math.floor((new Date(row.f_finish_date.substring(0,10)).getTime() - new Date(row.f_created_date.substring(0,10)).getTime()) / 86400000)}}
-                  </div>
-                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_finish_date">
-                    截止日期: {{row.f_finish_date}}
-                  </div>
-                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_finish_date">
-                    逾期天数:
-                    {{Math.max(0, Math.floor((new Date().getTime() - new Date(row.f_finish_date.substring(0,10)).getTime()) / 86400000))}}
-                  </div>
-                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_userinfo_code">
-                    用户编号: {{row.f_userinfo_code}}
-                  </div>
-                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_enter_number">
-                    用户证号: {{row.f_enter_number}}
-                  </div>
-                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
-                    用户姓名: {{row.f_user_name}}
-                  </div>
-                  <div v-show="false" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
-                    来电电话: {{row.f_phone}}
-                    <img src="../../../assets/telphonesend.png" style="width: 12px;" @click.stop.prevent='makeAPhoneCall(row.f_phone)'>
-                  </div>
-                  <div class="col-sm-12 col-xs-12 col-md-12">
-                    联系电话: {{row.f_contact_phone}}
-                    <img src="../../../assets/telphonesend.png" style="width: 12px;" @click.stop.prevent='makeAPhoneCall(row.f_contact_phone)'>
-                  </div>
-                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
-                    用户地址: {{row.f_address}}
-                  </div>
-                  <div v-show="row.f_remarks" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
-                    备注信息: {{row.f_remarks}}
-                  </div>
-                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.failure">
-                    <failure-show :value='row.failure'>
-                    </failure-show>
-                  </div>
-                </div>
-              </div>
-              <div class="col-sm-12 col-xs-12 col-md-12">
-                <button type="button" name="button" class="btn btn-primary btn-sm" style="float: right;margin-right: 5px;" @click="selected(row)">下派</button>
-                <button type="button" name="button" class="btn btn-primary btn-sm" style="float: right;margin-right: 5px;" @click="returnOrder(row)">退回</button>
-                <button type="button" name="button" class="btn btn-primary btn-sm" style="float: right;margin-right: 5px;" @click="caseend(row)">结案</button>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div style="height:auto;width: 100%;text-align: center">
-          <a v-if="!listData.isEnd" @click="showMore()">展开更多......</a>
-          <span v-if="listData.isEnd">到底了......</span>
-        </div>
-      </div>
-      <modal  :show.sync="return_modal" v-ref:modalCase backdrop="false">
-        <header slot="modal-header" class="modal-header">
-          工单退回
-        </header>
-        <article slot="modal-body" class="modal-body">
-          <div class="col-sm-12 form-group">
-            <label class="control-label col-sm-2">退回备注</label>
-            <div class="col-sm-9">
-              <input class="form-control" type="text" v-model="return_modal_data.serviceacitivity[0].f_site_back_reason"/>
-            </div>
-          </div>
-        </article>
-        <footer slot="modal-footer" class="modal-footer">
-          <button type="button" class="btn btn-success" @click='returnOrderBack()'>确定</button>
-          <button type="button" class="btn btn-success" @click='returnModalClose()'>关闭</button>
-        </footer>
-      </modal>
-      <modal :show.sync="sendshow" v-ref:modal :backdrop="false">
-        <div slot="modal-header" class="modal-header">
-          <h4 class="modal-title">
-            派发工单
-          </h4>
-        </div>
-        <div slot="modal-body" class="modal-body">
-          <div class="row" style="margin-top: 6px">
-            <label class="col-xs-4 col-md-4 control-label font text-left">派单方式</label>
-            <div class="col-xs-8">
-              <v-select :value-single="true" :value.sync="f_handlingtype" v-model="f_handlingtype"
-                        :options='repairerType' placeholder='请选择派单方式'
-                        close-on-select></v-select>
-            </div>
-          </div>
-          <div class="row" style="margin-top: 6px" v-if="f_handlingtype == '转维修员'">
-            <label class="col-xs-4 col-md-4 control-label font text-left">维修员</label>
-            <div class="col-xs-8">
-              <v-select :value="sendselected.serviceacitivity[0].f_reciever" :value-single="true"
-                        :options='repairers' placeholder='请选择维修员'
-                        close-on-select v-on:change="repiarmancg"></v-select>
-            </div>
-          </div>
-          <div class="row" style="margin-top: 6px" v-if="f_handlingtype == '转站点'">
-            <label class="col-xs-4 col-md-4 control-label font text-left">站点</label>
-            <input style="width: 60%" type="text" v-show="false" v-model="sendselected.serviceacitivity[0].f_reciever">
-            <right-tree islist :userid="userid" :source="source"  v-on:re-res="reres" :textContent="选择站点管理员">
-
-            </right-tree>
-          </div>
-          <div class="row" style="margin-top: 6px">
-            <label class="control-label font text-left col-md-4 col-xs-4">备注</label>
-            <div class="col-xs-8 col-md-8">
-              <input type="text" v-model="sendselected.f_advice"/>
-            </div>
-          </div>
-        </div>
-        <div slot="modal-footer" class="modal-footer">
-          <button type="button" class="btn btn-default" @click="worksend()">确定</button>
-          <button type="button" class="btn btn-default" @click="undo()">取消</button>
-        </div>
-      </modal>
-      <modal  :show.sync="caseshow" v-ref:modalCase backdrop="false">
-        <header slot="modal-header" class="modal-header">
-          工单结案
-        </header>
-        <article slot="modal-body" class="modal-body">
-          <div class="col-sm-12 form-group">
-            <label class="control-label col-sm-2">结案备注</label>
-            <div class="col-sm-9">
-              <input class="form-control" type="text" v-model="f_caseremarks"/>
-            </div>
-          </div>
-        </article>
-        <footer slot="modal-footer" class="modal-footer">
-          <button type="button" class="btn btn-success" @click='caseok'>确定</button>
-          <button type="button" class="btn btn-success" @click='caseclose'>关闭</button>
-        </footer>
-      </modal>
-    </div>
-  </div>
-</template>
-<script>
-import FailureShow from '../../../components/pc/FailureShow'
-import { HttpResetClass } from 'vue-client'
-import Vue from 'vue'
-import * as Util from "../../../components/Util";
-
-export default{
-  title: '移动端站点派发',
-  data () {
-    return {
-      return_modal:false,
-      return_modal_data:{},
-      userid: Vue.user.id,
-      source:
-        'dep=this.getParentByType($organization$).getSpecialResByType($department$),' +
-        'tool.getFullTree(dep.where(row.hasSpecialRole($派单员$)))',
-      repairName: '',
-      f_handlingtype:'转维修员',
-      baoxiuType:this.$appdata.getParam('报修类型'),
-      repairerType:[{label: '转维修员', value: '转维修员'}, {label: '转站点', value: '转站点'}],
-      userType:[{label: '全部', value: ''},{label: '民用', value: '民用'}, {label: '非民用', value: '非民用'}],
-      repairerStands:[],
-      f_caseremarks:'',
-      selectone:'',
-      rows: [],
-      sliceArea :[],
-      username:'',
-      address:'',
-      f_meetunit: '',
-      f_slice_area_id: '',
-      f_user_type: '',
-      f_finish_date_start: '',
-      f_finish_date_end: '',
-      f_over_start: '',
-      f_over_end: '',
-      f_failure:'',
-      sendshow:false,
-      repairers: [],
-      areas: [],
-      caseshow:false,
-      sendselected:{
-        serviceacitivity:[
-          {
-            f_service_acitivity_type: '派单',
-            f_reciever:''
-          }
-        ],
-        f_advice:''
-      },
-      number:0,
-      listData: {
-        list: [],
-        isEnd: true,
-        index: 0
-      }
-    }
-  },
-  props: {
-  },
-  methods: {
-    gerzone(){
-      new HttpResetClass().load('POST',`/api/af-safecheck/sql/safe_singleTable_OrderBy`, {data: {
-          items: 'name,id',
-          tablename: 't_zone',
-          condition: `f_orgid='${ Vue.user.orgid}'`,
-          orderitem: 'id'
-        }}, {resolveMsg: null, rejectMsg: null}).then((res) => {
-          this.sliceArea=[]
-          this.sliceArea.push({
-            label:'全部',
-            value:''
-          })
-          res.data.forEach(ress=>{
-            this.sliceArea.push({
-              label:ress.name,
-              value:ress.id
-            })
-     })
-      })
-    },
-    returnOrderBack(){
-      new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/logic/siteBack`, {model: this.return_modal_data, loginUser: {name: Vue.user.name, ename: Vue.user.ename, id: Vue.user.id}}).then((res) => {
-        this.returnModalClose()
-        this.$showMessage(`退回成功`)
-      })
-    },
-    returnModalClose(){
-      this.return_modal_data = {}
-      this.return_modal = false
-    },
-    returnOrder(row){
-      row.serviceacitivity = [
-        {
-          "f_service_acitivity_type": "打回",
-          "f_site_back_reason": ""
-        }
-      ]
-      this.return_modal_data = row
-      this.return_modal = true
-    },
-    reres(val){
-      if(val.res == undefined || val.res[0] == undefined || val.res[0] == ''){
-        return
-      }
-      this.sendselected.serviceacitivity[0].f_meetunit = val.res[0]
-      this.sendselected.f_meetunit = val.res[0]
-      this.sendselected.f_filiale_id = val.orgobj[0].parentid
-      this.sendselected.f_filiale = val.orgobj[0].parentname
-      this.sendselected.f_outlets = val.res[0]
-      this.sendselected.serviceacitivity[0].f_reciever = val.resids[0]
-    },
-    reres2(val){
-      if(val.res == undefined || val.res[0] == undefined || val.res[0] == ''){
-        return
-      }
-    this.f_meetunit=val.res[0]
-    },
-    caseend(val){
-      this.selectone = val
-      this.caseshow = true
-    },
-    // 结案确认
-    caseok(){
-      // 工单结案操作
-      let data = {model: this.selectone, loginUser: {name: Vue.user.name, ename: Vue.user.ename},f_caseremarks:this.f_caseremarks}
-      let HttpReset1 = new HttpResetClass()
-      // 将数据发送给业务逻辑
-      HttpReset1.load('POST',`${this.$androidUtil.getProxyUrl()}/af-telephone/rs/logic/serviceCase`, data).then((res) => {
-        this.f_caseremarks = ''
-        this.caseshow = false
-        this.ifsearch()
-      })
-    },
-    // 结案返回
-    caseclose(){
-      this.f_caseremarks = ''
-      this.caseshow = false
-      this.selectone = ''
-    },
-    worksend() {
-      if (!this.sendselected.serviceacitivity[0].f_reciever) {
-        this.$showMessage(`请选择接单人员!`, ['confirm'])
-        return
-      }
-      let data = {
-        model: this.sendselected,
-        loginUser: {name: Vue.user.name, ename: Vue.user.ename},
-        f_handlingtype: this.f_handlingtype
-      }
-      let HttpReset = new HttpResetClass()
-      // 将数据发送给业务逻辑
-      HttpReset.load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/logic/siteSend`, data).then((res) => {
-        if (res.data.code == 300) {
-          this.sendshow = false
-          this.sendselected = {
-            serviceacitivity: [
-              {
-                f_service_acitivity_type: '派单',
-                f_reciever: ''
-              }
-            ],
-            f_advice: ''
-          }
-          this.ifsearch()
-          this.$showMessage(`该单已被派发!`, ['confirm'])
-          return
-        } else {
-          this.sendshow = false
-          this.sendselected = {
-            serviceacitivity: [
-              {
-                f_service_acitivity_type: '派单',
-                f_reciever: ''
-              }
-            ],
-            f_advice: ''
-          }
-          this.ifsearch()
-          this.$showMessage(`派发成功!`, ['confirm'])
-          return
-        }
-      })
-    },
-    repiarmancg(val){
-      this.sendselected.serviceacitivity[0].f_reciever = val
-    },
-    // 获取维修员
-    getEmp () {
-      // 获取接单人数组
-      let http = new HttpResetClass()
-      var val = {source: `this.getParentByType($organization$).getChildByName($维修员$).getUsers()`, userid: `${Vue.user.id}`}
-      http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/search`, {data: val}, {resolveMsg: null, rejectMsg: null}).then((res) => {
-        res.data.forEach((item) => {
-          this.repairers.push({label: `${item.name}`, value: item.name})
-        })
-      })
-    },
-    ifsearch(){
-      this.listData.list = []
-      this.listData.index = 0
-      this.listData.isEnd = true
-      var condition = `1 = 1  and tswo.f_workorder_type = '报修单'`
-      if(this.username != ''){
-        condition += " and tswo.f_user_name like '%" + this.username + "%'"
-      }
-      if(this.address != ''){
-        condition += " and tswo.f_address like  '%" + this.address + "%'"
-      }
-      if(this.f_meetunit != ''){
-        condition += `and ts.f_meetunit = '${this.f_meetunit}' `
-      }
-      if(this.f_repairtype != ''){
-        condition += `and tswo.f_repairtype = '${this.f_repairtype}' `
-      }
-      if(this.f_user_type != ''){
-        condition +=  `and tswo.f_user_type = '${this.f_user_type}' `
-      }
-      if(this.f_finish_date_start != ''){
-        condition +=  `and tswo.f_finish_date >= '${this.f_finish_date_start}' `
-      }
-      if(this.f_finish_date_end != ''){
-        condition +=  `and tswo.f_finish_date <= '${this.f_finish_date_end}' `
-      }
-      if(this.f_slice_area_id != ''){
-        condition += `and tua.f_slice_area_id = '${this.f_slice_area_id}' `
-      }
-      if(this.f_failure != ''){
-        condition += `and tswo.failure_str like '%${this.f_failure}%' `
-      }
-      // 逾期天数筛选（SQL Server 语法）
-      if (this.f_over_start !== '' || this.f_over_end !== '') {
-        const dateDiffExpr = `DATEDIFF(DAY, CONVERT(DATE, tswo.f_finish_date), CONVERT(DATE, GETDATE()))`;
-        if (this.f_over_start !== '' && this.f_over_end !== '') {
-          // 区间筛选
-          condition += ` AND ${dateDiffExpr} BETWEEN ${this.f_over_start} AND ${this.f_over_end}`;
-        } else if (this.f_over_start !== '') {
-          // 最小逾期天数
-          condition += ` AND ${dateDiffExpr} >= ${this.f_over_start}`;
-        } else if (this.f_over_end !== '') {
-          // 最大逾期天数
-          condition += ` AND ${dateDiffExpr} <= ${this.f_over_end}`;
-        }
-      }
-      var val = {
-        condition:{
-          condition:condition,
-          sign:'1 = 1'
-        },
-        userid:Vue.user.name
-      }
-      let http = new HttpResetClass()
-      http.load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/operatorServiceNew`, {data: val}, {resolveMsg: null, rejectMsg: null}).then((res) => {
-        this.rows = res.data
-        this.showMore()
-      })
-    },
-    selected (row) {
-      this.sendselected = Object.assign({}, this.sendselected, row)
-      this.sendshow =true
-    },
-    undo(){
-      this.sendselected ={
-        serviceacitivity:[
-          {
-            f_service_acitivity_type: '派单',
-            f_reciever:''
-          }
-        ],
-        f_advice:''
-      }
-      this.sendshow = false
-      this.ifsearch()
-    },
-    makeAPhoneCall(phoneNumber) {
-      this.$androidUtil.makeAPhoneCall(phoneNumber)
-    },
-    showMore() {
-      if (!this.rows) {
-        return
-      }
-      let endIndex = this.listData.index + 10
-      if (endIndex > this.rows.length) {
-        endIndex = this.rows.length
-      }
-      for (; this.listData.index < endIndex; this.listData.index++) {
-        this.listData.list.push(this.rows[this.listData.index])
-      }
-      if(this.listData.index == this.rows.length){
-        this.listData.isEnd = true
-      }else {
-        this.listData.isEnd = false
-      }
-    }
-  },
-  ready () {
-    this.gerzone()
-    this.getEmp()
-    this.ifsearch()
-  },
-  components: {
-    FailureShow,
-    'failure-show': FailureShow
-  }
-}
-</script>
-<style scoped>
-/* 在 <style> 部分添加 */
-.form-control-sm {
-  padding: 0.25rem 0.5rem;
-  font-size: 0.875rem;
-}
-
-.input-group-addon {
-  padding: 0.375rem 0.75rem;
-  font-weight: 500;
-  color: #666;
-}
-
-@media (max-width: 768px) {
-  .app-row .form-control {
-    width: 100%;
-    margin-bottom: 0.5rem;
-  }
-}
-.searBtn {
-  background: #FFFFFF;
-  color: #0096fb;
-  border: 1px solid #0096fb;
-  border-radius: 5px;
-  padding: 8px;
-  text-align: center;
-  font-size: 1.2em;
-  z-index: 10;
-  opacity:0.5;
-  bottom: 50px;
-  margin-top: -10px;
-  height: 40px;
-}
-.bg {
-  background-color: #499edf;
-  height: 1px;
-  border: 0;
-}
-.app-row {
-  background-color: white;
-  padding: 10px 10px 0 10px;
-  border-bottom: 1px solid rgba(235, 235, 235, 0.5);
-}
-.search_input {
-  border: 0;
-  outline: none;
-}
-.font{
-  font: 15px PingFang-SC-Medium;
-  color: #666666;
-}
-.input-font{
-  font: 15px PingFang-SC-Medium;
-  color: #333333;
-}
-.btn-font{
-  font:600 16px PingFang-SC-Bold;
-  color: #499EDF;
-}
-.btn-color{
-  background-color: #FFFFFF;
-  border-radius: 10px ;
-  border: 1px solid #499EDF;
-}
-.panel-blue-border {
-  border: 1px solid #499edf;
-  border-radius: 5px;
-}
-</style>
+<template>
+  <div style="height: auto;width: 100%" class="repair-bg">
+    <div class="bq-parent">
+      <blockquote  style="color: #499edf;border-left-color: #499edf;font-size: 16px">
+        <p>
+          待派发工单<span v-if="rows">（{{rows.length}}单）</span>
+          <span v-if="!rows">（暂无待派发工单）</span>
+        </p>
+      </blockquote>
+    </div>
+
+    <div>
+      <form>
+        <!--      查询条件-->
+        <div class="row app-row">
+          <div class="col-xs-4">
+            <img src="../../../assets/用户姓名-蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label for="f_userinfo_code" class="font text-left">用户姓名：</label>
+          </div>
+          <div class="col-xs-8" >
+            <input  type="text"  v-model="username" placeholder='用户姓名'
+                    class="search_input input-font" />
+          </div>
+        </div>
+        <div class="row app-row">
+          <div class="col-xs-4">
+            <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label for="f_userinfo_code" class="font text-left">用户地址：</label>
+          </div>
+          <div class="col-xs-8" >
+            <input type="text" id="f_userinfo_code" class="search_input input-font"
+                   v-model="address" placeholder='用户地址'  />
+          </div>
+        </div>
+        <div class="row app-row">
+          <div class="col-xs-4">
+            <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label  class="font text-left">接单站点：</label>
+          </div>
+          <input style="width: 60%" type="text" v-show="false" v-model="f_meetunit">
+          <right-tree islist :userid="userid" :source="source"  v-on:re-res="reres2" >
+          </right-tree>
+        </div>
+        <div class="row app-row" >
+          <div class="col-xs-4">
+            <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label  class="font text-left">维修区域：</label>
+          </div>
+          <div class="col-xs-8" >
+            <v-select :value.sync="f_slice_area_id"
+                      v-model="f_slice_area_id"
+                      :options='sliceArea'
+                      placeholder='请选择'
+                      close-on-select
+                      :multiple="false"
+            ></v-select>
+          </div>
+        </div>
+        <div class="row app-row" >
+          <div class="col-xs-4">
+            <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label  class="font text-left">报修类型：</label>
+          </div>
+          <div class="col-xs-8" >
+            <v-select :value.sync="f_repairtype"
+                      v-model="f_repairtype"
+                      :options='baoxiuType'
+                      placeholder='请选择'
+                      close-on-select
+                      :multiple="false"
+            ></v-select>
+          </div>
+        </div>
+        <div class="row app-row" >
+          <div class="col-xs-4">
+            <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label  class="font text-left">用户类型：</label>
+          </div>
+          <div class="col-xs-8" >
+            <v-select :value.sync="f_user_type"
+                      v-model="f_user_type"
+                      :options='userType'
+                      placeholder='请选择'
+                      :multiple="false"
+                      close-on-select
+            ></v-select>
+          </div>
+        </div>
+        <div class="row app-row">
+          <div class="col-xs-4">
+            <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label class="font text-left">截止时间：</label>
+          </div>
+          <div class="col-xs-8" style="display: flex; justify-content: space-between;">
+            <datepicker id="f_finish_date_start"
+                        placeholder= '起始时间'
+                        :value.sync="f_finish_date_start"
+                        :disabled-days-of-Week="[]"
+                        v-model="f_finish_date_start"
+                        class="input-font"
+                        style="width:60%"
+                        :format="'yyyy-MM-dd 00:00:00'"
+                        :show-reset-button="reset">
+            </datepicker>
+          </div>
+        </div>
+        <div class="row app-row">
+          <div class="col-xs-4">
+            <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label class="font text-left">截止时间：</label>
+          </div>
+          <div class="col-xs-8" style="display: flex; justify-content: space-between;">
+            <datepicker id="f_finish_date_end"
+                        placeholder= '结束时间'
+                        :value.sync="f_finish_date_end"
+                        :disabled-days-of-Week="[]"
+                        v-model="f_finish_date_end"
+                        class="input-font"
+                        style="width:60%"
+                        :format="'yyyy-MM-dd 23:59:00'"
+                        :show-reset-button="reset">
+            </datepicker>
+          </div>
+        </div>
+        <div class="row app-row">
+          <div class="col-xs-4 col-sm-3">
+            <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label class="font text-left">逾期天数：</label>
+          </div>
+          <div class="col-xs-8 col-sm-9">
+            <div class="row">
+              <div class="col-xs-4">
+                <input type="number" min="0" v-model.number="f_over_start"
+                       class="form-control form-control-sm" placeholder="起始天数">
+              </div>
+              <div class="col-xs-2 text-center">
+                <span class="font">至</span>
+              </div>
+              <div class="col-xs-4">
+                <input type="number" min="0" v-model.number="f_over_end"
+                       class="form-control form-control-sm" placeholder="结束天数">
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="row app-row">
+          <div class="col-xs-4">
+            <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label for="f_userinfo_code" class="font text-left">报修内容：</label>
+          </div>
+          <div class="col-xs-8" >
+            <input type="text" id="f_userinfo_code" class="search_input input-font"
+                   v-model="f_failure" placeholder='报修内容'  />
+          </div>
+        </div>
+        <!--     分割按钮和条件的高度   -->
+        <div class="row app-row" style="height: 10px;"></div>
+        <!--      按钮    -->
+        <div class="row text-center app-row">
+          <button type="button"  class="btn btn-lg btn-font btn-color" @click="ifsearch()" style="min-width: 25%;">查询</button>
+        </div>
+        <div style="height:30px;" class="app-row"></div>
+      </form>
+    </div>
+    <!--   列表 -->
+    <div class="panel panel-default repair-info-content auto">
+      <div class="panel-body">
+        <div class="panel panel-default well panel-blue-border"  :class="row.failure.indexOf('漏气') !== -1 ? 'class-a':''" v-for="row in listData.list"  >
+          <div class="panel-body" style="padding: 10px">
+            <div class="row form-group">
+              <div class="col-sm-12 col-xs-12 col-md-12">
+                <div class="row" >
+                  <div :class="{'text-danger': row.f_remindersign}" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    工单编号: {{row.f_service_id}}<span v-if="row.f_remindersign">(催单 {{row.f_reminderdata}}) </span>
+                  </div>
+                  <div :class="{'text-danger': row.f_remindersign}" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    接单站点: {{row.f_meetunit}}<span v-if="row.f_remindersign">(催单 {{row.f_reminderdata}}) </span>
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    派发时间: {{row.f_created_date}}
+                  </div>
+                  <div v-show="false" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="worktype == '置换通气单'||worktype == '安装单'">
+                    预约时间: {{row.f_yuyue_date}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_repairtype">
+                    报修类型: {{row.f_repairtype}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_finish_date">
+                    截止天数: {{Math.floor((new Date(row.f_finish_date.substring(0,10)).getTime() - new Date(row.f_created_date.substring(0,10)).getTime()) / 86400000)}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_finish_date">
+                    截止日期: {{row.f_finish_date}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_finish_date">
+                    逾期天数:
+                    {{Math.max(0, Math.floor((new Date().getTime() - new Date(row.f_finish_date.substring(0,10)).getTime()) / 86400000))}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_userinfo_code">
+                    用户编号: {{row.f_userinfo_code}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_enter_number">
+                    用户证号: {{row.f_enter_number}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    用户姓名: {{row.f_user_name}}
+                  </div>
+                  <div v-show="false" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    来电电话: {{row.f_phone}}
+                    <img src="../../../assets/telphonesend.png" style="width: 12px;" @click.stop.prevent='makeAPhoneCall(row.f_phone)'>
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12">
+                    联系电话: {{row.f_contact_phone}}
+                    <img src="../../../assets/telphonesend.png" style="width: 12px;" @click.stop.prevent='makeAPhoneCall(row.f_contact_phone)'>
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    用户地址: {{row.f_address}}
+                  </div>
+                  <div v-show="row.f_remarks" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    备注信息: {{row.f_remarks}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.failure">
+                    <failure-show :value='row.failure'>
+                    </failure-show>
+                  </div>
+                </div>
+              </div>
+              <div class="col-sm-12 col-xs-12 col-md-12">
+                <button type="button" name="button" class="btn btn-primary btn-sm" style="float: right;margin-right: 5px;" @click="selected(row)">下派</button>
+                <button type="button" name="button" class="btn btn-primary btn-sm" style="float: right;margin-right: 5px;" @click="returnOrder(row)">退回</button>
+                <button type="button" name="button" class="btn btn-primary btn-sm" style="float: right;margin-right: 5px;" @click="caseend(row)">结案</button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div style="height:auto;width: 100%;text-align: center">
+          <a v-if="!listData.isEnd" @click="showMore()">展开更多......</a>
+          <span v-if="listData.isEnd">到底了......</span>
+        </div>
+      </div>
+      <modal  :show.sync="return_modal" v-ref:modalCase backdrop="false">
+        <header slot="modal-header" class="modal-header">
+          工单退回
+        </header>
+        <article slot="modal-body" class="modal-body">
+          <div class="col-sm-12 form-group">
+            <label class="control-label col-sm-2">退回备注</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="text" v-model="return_modal_data.serviceacitivity[0].f_site_back_reason"/>
+            </div>
+          </div>
+        </article>
+        <footer slot="modal-footer" class="modal-footer">
+          <button type="button" class="btn btn-success" @click='returnOrderBack()'>确定</button>
+          <button type="button" class="btn btn-success" @click='returnModalClose()'>关闭</button>
+        </footer>
+      </modal>
+      <modal :show.sync="sendshow" v-ref:modal :backdrop="false">
+        <div slot="modal-header" class="modal-header">
+          <h4 class="modal-title">
+            派发工单
+          </h4>
+        </div>
+        <div slot="modal-body" class="modal-body">
+          <div class="row" style="margin-top: 6px">
+            <label class="col-xs-4 col-md-4 control-label font text-left">派单方式</label>
+            <div class="col-xs-8">
+              <v-select :value-single="true" :value.sync="f_handlingtype" v-model="f_handlingtype"
+                        :options='repairerType' placeholder='请选择派单方式'
+                        close-on-select></v-select>
+            </div>
+          </div>
+          <div class="row" style="margin-top: 6px" v-if="f_handlingtype == '转维修员'">
+            <label class="col-xs-4 col-md-4 control-label font text-left">维修员</label>
+            <div class="col-xs-8">
+              <v-select :value="sendselected.serviceacitivity[0].f_reciever" :value-single="true"
+                        :options='repairers' placeholder='请选择维修员'
+                        close-on-select v-on:change="repiarmancg"></v-select>
+            </div>
+          </div>
+          <div class="row" style="margin-top: 6px" v-if="f_handlingtype == '转站点'">
+            <label class="col-xs-4 col-md-4 control-label font text-left">站点</label>
+            <input style="width: 60%" type="text" v-show="false" v-model="sendselected.serviceacitivity[0].f_reciever">
+            <right-tree islist :userid="userid" :source="source"  v-on:re-res="reres" :textContent="选择站点管理员">
+
+            </right-tree>
+          </div>
+          <div class="row" style="margin-top: 6px">
+            <label class="control-label font text-left col-md-4 col-xs-4">备注</label>
+            <div class="col-xs-8 col-md-8">
+              <input type="text" v-model="sendselected.f_advice"/>
+            </div>
+          </div>
+        </div>
+        <div slot="modal-footer" class="modal-footer">
+          <button type="button" class="btn btn-default" @click="worksend()">确定</button>
+          <button type="button" class="btn btn-default" @click="undo()">取消</button>
+        </div>
+      </modal>
+      <modal  :show.sync="caseshow" v-ref:modalCase backdrop="false">
+        <header slot="modal-header" class="modal-header">
+          工单结案
+        </header>
+        <article slot="modal-body" class="modal-body">
+          <div class="col-sm-12 form-group">
+            <label class="control-label col-sm-2">结案备注</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="text" v-model="f_caseremarks"/>
+            </div>
+          </div>
+        </article>
+        <footer slot="modal-footer" class="modal-footer">
+          <button type="button" class="btn btn-success" @click='caseok'>确定</button>
+          <button type="button" class="btn btn-success" @click='caseclose'>关闭</button>
+        </footer>
+      </modal>
+    </div>
+  </div>
+</template>
+<script>
+import FailureShow from '../../../components/pc/FailureShow'
+import { HttpResetClass } from 'vue-client'
+import Vue from 'vue'
+import * as Util from "../../../components/Util";
+
+export default{
+  title: '移动端站点派发',
+  data () {
+    return {
+      return_modal:false,
+      return_modal_data:{},
+      userid: Vue.user.id,
+      source:
+        'dep=this.getParentByType($organization$).getSpecialResByType($department$),' +
+        'tool.getFullTree(dep.where(row.hasSpecialRole($派单员$)))',
+      repairName: '',
+      f_handlingtype:'转维修员',
+      baoxiuType:this.$appdata.getParam('报修类型'),
+      repairerType:[{label: '转维修员', value: '转维修员'}, {label: '转站点', value: '转站点'}],
+      userType:[{label: '全部', value: ''},{label: '民用', value: '民用'}, {label: '非民用', value: '非民用'}],
+      repairerStands:[],
+      f_caseremarks:'',
+      selectone:'',
+      rows: [],
+      sliceArea :[],
+      username:'',
+      address:'',
+      f_meetunit: '',
+      f_slice_area_id: '',
+      f_user_type: '',
+      f_finish_date_start: '',
+      f_finish_date_end: '',
+      f_over_start: '',
+      f_over_end: '',
+      f_failure:'',
+      sendshow:false,
+      repairers: [],
+      areas: [],
+      caseshow:false,
+      sendselected:{
+        serviceacitivity:[
+          {
+            f_service_acitivity_type: '派单',
+            f_reciever:''
+          }
+        ],
+        f_advice:''
+      },
+      number:0,
+      listData: {
+        list: [],
+        isEnd: true,
+        index: 0
+      }
+    }
+  },
+  props: {
+  },
+  methods: {
+    gerzone(){
+      new HttpResetClass().load('POST',`/api/af-safecheck/sql/safe_singleTable_OrderBy`, {data: {
+          items: 'name,id',
+          tablename: 't_zone',
+          condition: `f_orgid='${ Vue.user.orgid}'`,
+          orderitem: 'id'
+        }}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+          this.sliceArea=[]
+          this.sliceArea.push({
+            label:'全部',
+            value:''
+          })
+          res.data.forEach(ress=>{
+            this.sliceArea.push({
+              label:ress.name,
+              value:ress.id
+            })
+     })
+      })
+    },
+    returnOrderBack(){
+      new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/logic/siteBack`, {model: this.return_modal_data, loginUser: {name: Vue.user.name, ename: Vue.user.ename, id: Vue.user.id}}).then((res) => {
+        this.returnModalClose()
+        this.$showMessage(`退回成功`)
+      })
+    },
+    returnModalClose(){
+      this.return_modal_data = {}
+      this.return_modal = false
+    },
+    returnOrder(row){
+      row.serviceacitivity = [
+        {
+          "f_service_acitivity_type": "打回",
+          "f_site_back_reason": ""
+        }
+      ]
+      this.return_modal_data = row
+      this.return_modal = true
+    },
+    reres(val){
+      if(val.res == undefined || val.res[0] == undefined || val.res[0] == ''){
+        return
+      }
+      this.sendselected.serviceacitivity[0].f_meetunit = val.res[0]
+      this.sendselected.f_meetunit = val.res[0]
+      this.sendselected.f_filiale_id = val.orgobj[0].parentid
+      this.sendselected.f_filiale = val.orgobj[0].parentname
+      this.sendselected.f_outlets = val.res[0]
+      this.sendselected.serviceacitivity[0].f_reciever = val.resids[0]
+    },
+    reres2(val){
+      if(val.res == undefined || val.res[0] == undefined || val.res[0] == ''){
+        return
+      }
+    this.f_meetunit=val.res[0]
+    },
+    caseend(val){
+      this.selectone = val
+      this.caseshow = true
+    },
+    // 结案确认
+    caseok(){
+      // 工单结案操作
+      let data = {model: this.selectone, loginUser: {name: Vue.user.name, ename: Vue.user.ename},f_caseremarks:this.f_caseremarks}
+      let HttpReset1 = new HttpResetClass()
+      // 将数据发送给业务逻辑
+      HttpReset1.load('POST',`${this.$androidUtil.getProxyUrl()}/af-telephone/rs/logic/serviceCase`, data).then((res) => {
+        this.f_caseremarks = ''
+        this.caseshow = false
+        this.ifsearch()
+      })
+    },
+    // 结案返回
+    caseclose(){
+      this.f_caseremarks = ''
+      this.caseshow = false
+      this.selectone = ''
+    },
+    worksend() {
+      if (!this.sendselected.serviceacitivity[0].f_reciever) {
+        this.$showMessage(`请选择接单人员!`, ['confirm'])
+        return
+      }
+      let data = {
+        model: this.sendselected,
+        loginUser: {name: Vue.user.name, ename: Vue.user.ename},
+        f_handlingtype: this.f_handlingtype
+      }
+      let HttpReset = new HttpResetClass()
+      // 将数据发送给业务逻辑
+      HttpReset.load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/logic/siteSend`, data).then((res) => {
+        if (res.data.code == 300) {
+          this.sendshow = false
+          this.sendselected = {
+            serviceacitivity: [
+              {
+                f_service_acitivity_type: '派单',
+                f_reciever: ''
+              }
+            ],
+            f_advice: ''
+          }
+          this.ifsearch()
+          this.$showMessage(`该单已被派发!`, ['confirm'])
+          return
+        } else {
+          this.sendshow = false
+          this.sendselected = {
+            serviceacitivity: [
+              {
+                f_service_acitivity_type: '派单',
+                f_reciever: ''
+              }
+            ],
+            f_advice: ''
+          }
+          this.ifsearch()
+          this.$showMessage(`派发成功!`, ['confirm'])
+          return
+        }
+      })
+    },
+    repiarmancg(val){
+      this.sendselected.serviceacitivity[0].f_reciever = val
+    },
+    // 获取维修员
+    getEmp () {
+      // 获取接单人数组
+      let http = new HttpResetClass()
+      var val = {source: `this.getParentByType($organization$).getChildByName($维修员$).getUsers()`, userid: `${Vue.user.id}`}
+      http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/search`, {data: val}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+        res.data.forEach((item) => {
+          this.repairers.push({label: `${item.name}`, value: item.name})
+        })
+      })
+    },
+    ifsearch(){
+      this.listData.list = []
+      this.listData.index = 0
+      this.listData.isEnd = true
+      var condition = `1 = 1  and tswo.f_workorder_type = '报修单'`
+      if(this.username != ''){
+        condition += " and tswo.f_user_name like '%" + this.username + "%'"
+      }
+      if(this.address != ''){
+        condition += " and tswo.f_address like  '%" + this.address + "%'"
+      }
+      if(this.f_meetunit != ''){
+        condition += `and ts.f_meetunit = '${this.f_meetunit}' `
+      }
+      if(this.f_repairtype != ''){
+        condition += `and tswo.f_repairtype = '${this.f_repairtype}' `
+      }
+      if(this.f_user_type != ''){
+        condition +=  `and tswo.f_user_type = '${this.f_user_type}' `
+      }
+      if(this.f_finish_date_start != ''){
+        condition +=  `and tswo.f_finish_date >= '${this.f_finish_date_start}' `
+      }
+      if(this.f_finish_date_end != ''){
+        condition +=  `and tswo.f_finish_date <= '${this.f_finish_date_end}' `
+      }
+      if(this.f_slice_area_id != ''){
+        condition += `and tua.f_slice_area_id = '${this.f_slice_area_id}' `
+      }
+      if(this.f_failure != ''){
+        condition += `and tswo.failure_str like '%${this.f_failure}%' `
+      }
+      // 逾期天数筛选（SQL Server 语法）
+      if (this.f_over_start !== '' || this.f_over_end !== '') {
+        const dateDiffExpr = `DATEDIFF(DAY, CONVERT(DATE, tswo.f_finish_date), CONVERT(DATE, GETDATE()))`;
+        if (this.f_over_start !== '' && this.f_over_end !== '') {
+          // 区间筛选
+          condition += ` AND ${dateDiffExpr} BETWEEN ${this.f_over_start} AND ${this.f_over_end}`;
+        } else if (this.f_over_start !== '') {
+          // 最小逾期天数
+          condition += ` AND ${dateDiffExpr} >= ${this.f_over_start}`;
+        } else if (this.f_over_end !== '') {
+          // 最大逾期天数
+          condition += ` AND ${dateDiffExpr} <= ${this.f_over_end}`;
+        }
+      }
+      var val = {
+        condition:{
+          condition:condition,
+          sign:'1 = 1'
+        },
+        userid:Vue.user.name
+      }
+      let http = new HttpResetClass()
+      http.load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/operatorServiceNew`, {data: val}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+        this.rows = res.data
+        this.showMore()
+      })
+    },
+    selected (row) {
+      this.sendselected = Object.assign({}, this.sendselected, row)
+      this.sendshow =true
+    },
+    undo(){
+      this.sendselected ={
+        serviceacitivity:[
+          {
+            f_service_acitivity_type: '派单',
+            f_reciever:''
+          }
+        ],
+        f_advice:''
+      }
+      this.sendshow = false
+      this.ifsearch()
+    },
+    makeAPhoneCall(phoneNumber) {
+      this.$androidUtil.makeAPhoneCall(phoneNumber)
+    },
+    showMore() {
+      if (!this.rows) {
+        return
+      }
+      let endIndex = this.listData.index + 10
+      if (endIndex > this.rows.length) {
+        endIndex = this.rows.length
+      }
+      for (; this.listData.index < endIndex; this.listData.index++) {
+        this.listData.list.push(this.rows[this.listData.index])
+      }
+      if(this.listData.index == this.rows.length){
+        this.listData.isEnd = true
+      }else {
+        this.listData.isEnd = false
+      }
+    }
+  },
+  ready () {
+    this.gerzone()
+    this.getEmp()
+    this.ifsearch()
+  },
+  components: {
+    FailureShow,
+    'failure-show': FailureShow
+  }
+}
+</script>
+<style scoped>
+/* 在 <style> 部分添加 */
+.form-control-sm {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+}
+
+.input-group-addon {
+  padding: 0.375rem 0.75rem;
+  font-weight: 500;
+  color: #666;
+}
+
+@media (max-width: 768px) {
+  .app-row .form-control {
+    width: 100%;
+    margin-bottom: 0.5rem;
+  }
+}
+.searBtn {
+  background: #FFFFFF;
+  color: #0096fb;
+  border: 1px solid #0096fb;
+  border-radius: 5px;
+  padding: 8px;
+  text-align: center;
+  font-size: 1.2em;
+  z-index: 10;
+  opacity:0.5;
+  bottom: 50px;
+  margin-top: -10px;
+  height: 40px;
+}
+.bg {
+  background-color: #499edf;
+  height: 1px;
+  border: 0;
+}
+.app-row {
+  background-color: white;
+  padding: 10px 10px 0 10px;
+  border-bottom: 1px solid rgba(235, 235, 235, 0.5);
+}
+.search_input {
+  border: 0;
+  outline: none;
+}
+.font{
+  font: 15px PingFang-SC-Medium;
+  color: #666666;
+}
+.input-font{
+  font: 15px PingFang-SC-Medium;
+  color: #333333;
+}
+.btn-font{
+  font:600 16px PingFang-SC-Bold;
+  color: #499EDF;
+}
+.btn-color{
+  background-color: #FFFFFF;
+  border-radius: 10px ;
+  border: 1px solid #499EDF;
+}
+.panel-blue-border {
+  border: 1px solid #499edf;
+  border-radius: 5px;
+}
+</style>