telephone-clients 3.0.104-2 → 3.0.104-3

package/src/filiale/tianke/android/RepairFirstV.vue

@@ -1,614 +1,614 @@
-<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" 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>
-          <button type="button"  class="btn btn-lg btn-font btn-color" @click='ifsearch(" and f_orderstatus!=null ")' style="min-width: 25%;">查询临时保存</button>
-          <img style="float: right;margin-right: 3%;margin-top: -4px " @click="getNewOrder" src="../../../assets/shuaxindaiban1.png">
-        </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" >
-                  <span v-if="row.state==='延期申请'" style="color: darkred">该工单已提交延期处理请勿操作</span>
-                  <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="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 v-show="false" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="worktype == '安装单'">
-                    预约时间: {{row.f_yuyue_date}}
-                  </div>
-                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="worktype == '报修单'">
-                    报修类型: {{row.f_servicerepair_type}}
-                  </div>
-                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="worktype == '报修单'">
-                    维修类型: {{row.f_repairtype}}
-                  </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_advice" class="col-sm-12 col-xs-12 col-md-12" v-if="worktype == '报修单'">
-                    指导建议: {{row.f_advice}}
-                  </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="worktype == '报修单'">
-                    <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" @click="selected(row)">处理</button>
-                <button type="button"  name="button" class="btn btn-primary btn-sm" style="float: right;margin-right:10px;" v-if="backservice=='否'" @click="moveservice(row)">转单</button>
-                <button type="button"  name="button" class="btn btn-primary btn-sm" style="float: right;margin-right:10px;" v-if="backservice=='是'" @click="sendback(row)">退回</button>
-                <button type="button"  name="button" class="btn btn-primary btn-sm" style="float: right;margin-right:10px;" v-if="false" @click="infoadd(row)">信息维护</button>
-                <!--<button   type="button" name="button" class="btn btn-primary" @click="delayedit(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="moveshow" 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="orderman" :value-single="true"
-                        :options='repairers' placeholder='请选择接单人'
-                        close-on-select v-on:change="repiarmancg"></v-select>
-            </div>
-          </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="moveselected.f_remarks"/>
-            </div>
-          </div>
-        </div>
-        <div slot="modal-footer" class="modal-footer">
-          <button type="button" class="btn btn-default" @click="movedo()">确定</button>
-          <button type="button" class="btn btn-default" @click="undo()">取消</button>
-        </div>
-      </modal>
-      <modal :show.sync="showinfo" v-ref:infomodal :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="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="information"/>
-            </div>
-          </div>
-        </div>
-        <div slot="modal-footer" class="modal-footer">
-          <button type="button" class="btn btn-default" @click="infoaddsure()">确定</button>
-          <button type="button" class="btn btn-default" @click="infoclose()">取消</button>
-        </div>
-      </modal>
-      <modal :show.sync="editflag" v-ref:infomodal :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>
-            <span>{{ sendbackmodel.f_service_id }}</span>
-          </div>
-          <div class="row" style="margin-top: 6px">
-            <label class="col-xs-4 col-md-4 control-label font text-left">客户名称：</label>
-            <span>{{ sendbackmodel.f_user_name }}</span>
-          </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">
-              <textarea style="width: 60%" name="name" rows="1" class="ver-textarea" type="text" v-model='f_site_back_reason'></textarea>
-            </div>
-          </div>
-
-        </div>
-        <div slot="modal-footer" class="modal-footer">
-          <button type="button" name="button" class="btn btn-primary btn-photo" @click="WorkBack()">确定</button>
-          <button type="button" class="btn btn-default" @click="WorkBackclose()">取消</button>
-        </div>
-      </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";
-  // 工作类型对应的各项设置
-  const config = {
-    '报修单': {
-      path: 'getServiceMobile'
-    },
-    '置换通气单': {
-      path: 'getSubstitMobile'
-    },
-    '安装单': {
-      path: 'getInstallMobile'
-    }
-  }
-  export default{
-    title: '维修员平板首页',
-    data () {
-      return {
-        model: {
-          serviceacitivity: [{
-            f_site_back_date: '',
-            f_site_back_name: '',
-            serviceid: '',
-            f_service_acitivity_type: '打回'
-          }
-          ]
-        },
-        // rows: Object
-        rows: [{
-          f_user_name:'',
-          f_contact_phone:'',
-          failure:''
-        }],
-        editshow:false,
-        row:{
-          type:Object,
-          default:{
-            f_user_name:'',
-            f_contact_phone:'',
-            failure:''
-          }
-        },
-        backservice:'',
-        sendbackmodel:'',
-        username:'',
-        address:'',
-        f_site_back_reason:'',
-        moveshow:false,
-        repairers: [],
-        moveselected:'',
-        orderman:'',
-        number:0,
-        listData: {
-          list: [],
-          isEnd: true,
-          index: 0
-        },
-        loginUser:{
-          name:Vue.user.name,
-          ename:Vue.user.ename
-        },
-        infoone:'',
-        showinfo:false,
-        editflag:false,
-        information:''
-      }
-    },
-    props: {
-      worktype:{
-        type:String,
-        default:'报修单'
-      },
-      sourcet:{
-        type:String,
-        default:'横屏'
-      },
-      tabname:{
-        type:String
-      }
-    },
-    methods: {
-      WorkBack () {
-        this.model=this.sendbackmodel
-        this.model.serviceacitivity = [{
-          f_site_back_date: '',
-          f_site_back_name: '',
-          serviceid: '',
-          f_site_back_reason:this.f_site_back_reason,
-          f_service_acitivity_type: ''
-        }
-        ]
-        if(!this.f_site_back_reason){
-          return this.$showMessage('请填写退回内容！')
-        }
-        let data = ''
-        data = {
-          model: this.model,
-          loginUser: {name: Vue.user.name, ename: Vue.user.name, id: Vue.user.id}
-        }
-        console.log("退回参数"+JSON.stringify(data))
-        let http = new HttpResetClass()
-        http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/sendBack`, data, {resolveMsg: null, rejectMsg: null}).then(() => {
-          this.$showMessage('退回成功！！！')
-          this.f_site_back_reason = ''
-          this.editflag =false
-          this.getNewOrder()
-        })
-      },
-      WorkBackclose(){
-        this.editflag = false
-      },
-      infoaddsure(){
-        if(!this.information){
-          return this.$showMessage('请填写维护内容！',['confirm'])
-        }
-        // 组装数据
-        var data = {
-          id :this.infoone.id_back,
-          f_processid:this.infoone.f_processid,
-          f_content:this.information,
-          serviceacitivity : [{}]
-        }
-        let http = new HttpResetClass()
-        http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/telinformation`, {model: data, loginUser: this.loginUser}, {resolveMsg: null, rejectMsg: null}).then(() => {
-          this.$showMessage('维护内容添加成功！',['confirm'])
-          this.information = ''
-          this.showinfo =false
-        })
-      },
-      infoclose(){
-        this.showinfo = false
-      },
-      infoadd(val){
-        this.infoone =val
-        this.showinfo = true
-      },
-      repiarmancg(val){
-        this.orderman = val
-      },
-      movedo(){
-        if(this.orderman == undefined || this.orderman == '' ){
-          this.$showMessage(`请先选择接单人!`, ['confirm'])
-          return
-        }
-        //tag
-        //tag)
-        let result = this.$androidUtil.bzLogic('androidMoveService', {id_back: this.moveselected.id_back, f_reciever: this.orderman,f_remarks:this.moveselected.f_remarks,worktype:this.worktype})
-        if (result.result === '成功') {
-          this.$showMessage(`向 ${this.orderman} 转单成功！`, ['confirm'])
-          this.orderman = ''
-          this.moveselected = ''
-          this.moveshow = false
-          this.ifsearch()
-        } else {
-          this.$showMessage(`转单失败，请检查网络异常!`, ['confirm'])
-        }
-
-      },
-      undo(){
-        this.orderman = ''
-        this.moveselected = ''
-        this.moveshow = false
-      },
-      getEmp () {
-        // 获取接单人数组
-        let val = ''
-        var worktypew = this.worktype == '报修单' ? '维修员':this.worktype == '置换员'?'置换员':'安装员'
-        let http = new HttpResetClass()
-        //tag)
-        val = {source: `this.getParentByType($organization$).getChildByName($${worktypew}$).getUsers()`, userid: `${Vue.user.id}`}
-        // val = {source: `this.getParentByType($department$).getAllChildrens().where(row.getAttributes().get($rolestr$).indexOf($${worktypew}$) != -1))`, userid: `${Vue.user.id}`}
-        // val = {source: `this.getParentByType($department$).getAllChildrens().where(row.getAttributes().get($rolestr$) == $${worktypew}$))`, 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(condition){
-        this.listData.list = []
-        this.listData.index = 0
-        this.listData.isEnd = true
-        if (!condition) {
-          condition = ''
-        }
-        condition = '1 = 1 ' + condition
-        if(this.username != ''){
-          condition += " and f_user_name like '%" + this.username + "%'"
-        }
-        if(this.address != ''){
-          condition += " and f_address like  '%" + this.address + "%'"
-        }
-        //tag
-        //tag
-        // 测试环境异步，真实环境同步
-        if (this.$androidUtil.isTest) {
-          return this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}}).then((ret) => {
-            this.rows = ret.data
-          })
-        } else {
-          let result = this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}})
-          if (result.code === 200) {
-            this.rows = result.data
-          } else {
-            this.$showMessage(`加载数据失败, 返回码: ${result.code}, 错误信息：${result.data}`)
-          }
-        }
-        this.showMore()
-      },
-      selected (row) {
-        var prpdata = {
-          _this:this,
-          title:'入户维修',
-          safe:true
-        }
-        this.$dispatch('gotoson',prpdata)
-        if(this.sourcet == '横屏'){
-          this.$goto('repair-order', {row: row,worktype:this.worktype},'self',this.ifsearch)
-        }else{
-          this.$goto('repair-orderV', {row: row,worktype:this.worktype},'self',this.ifsearch)
-        }
-      },
-
-      sendback(row){
-        this.$showMessage('退回后数据不可恢复，确认退回操作吗？', ['confirm', 'cancel'],{resolveMsg: null, rejectMsg: null}).then((res) => {
-          if (res === 'confirm') {
-            this.editflag = true
-            this.sendbackmodel = row
-            console.log("需要的参数"+JSON.stringify( this.sendbackmodel))
-          }else {
-            this.editflag = false
-          }
-        })
-      },
-      moveservice(row){
-        this.moveselected = row
-        this.moveshow = true
-      },
-      delayedit (row) {
-        row.state = '延期申请'
-        this.$goto('delay-apply', {row:row})
-      },
-      search () {
-        // 测试环境异步，真实环境同步
-        var condition = '1 = 1'
-        //tag
-        if (this.$androidUtil.isTest) {
-          return this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}}).then((ret) => {
-            // ret.data.forEach((item) => {
-            //   item.service_version = item.failure.indexOf("漏气") !== -1
-            // })
-            this.rows = ret.data
-          })
-        } else {
-          let result = this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}})
-          if (result.code === 200) {
-            //tag)
-            this.rows = result.data
-          } else {
-            this.$showMessage(`加载数据失败, 返回码: ${result.code}, 错误信息：${result.data}`)
-          }
-        }
-      },
-      sumsearch () {
-        // 测试环境异步，真实环境同步
-        var condition = '1 = 1'
-        //tag
-        if (this.$androidUtil.isTest) {
-          return this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}}).then((ret) => {
-            // ret.data.forEach((item) => {
-            //   item.service_version = item.failure.indexOf("漏气") !== -1
-            // })
-            var titdata = {
-              title:this.tabname,
-              sum:ret.data.length
-            }
-            //tag
-            //tag)
-            this.$emit('changesum',titdata)
-          })
-        } else {
-          let result = this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}})
-          if (result.code === 200) {
-            //tag)
-            var crv = {
-              title:this.tabname,
-              sum:result.data.length
-            }
-            //tag
-            //tag)
-            this.$emit('changesum',crv)
-          } else {
-            this.$showMessage(`加载数据失败, 返回码: ${result.code}, 错误信息：${result.data}`)
-          }
-        }
-      },
-      makeAPhoneCall(phoneNumber) {
-        this.$androidUtil.makeAPhoneCall(phoneNumber)
-      },
-      upload () {
-        this.$goto('up-load')
-      },
-      back () {
-        this.$back()
-      },
-      getNewOrder(){
-        HostApp.__this__ = this
-        HostApp.logicWithHint({
-          // logic别名，key必须为logic
-          'logic': 'TelServiceTimeOut',
-          // 回调执行方法名，key必须为callback
-          'callback': 'javascript:HostApp.__this__.getNewCallBack()',
-          // logic执行需要的业务参数
-          'data': {params: ''},
-          // 固定key，代表是否将logic执行结果作为参数传入回调方法，1代表true，0代表false，
-          // 执行回调方法传入key为backresult
-          // 如需额外拼接参数，写在logic返回值的params，例如xxlogic返回:{"params": "success"}
-          'backresult': 1
-        })
-      },
-      getNewCallBack(obj){
-        //tag)
-        this.ifsearch()
-      },
-      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 () {
-      let backservices
-      backservices=this.$appdata.getSingleValue('维修转单')
-      console.log("参数为：：："+backservices)
-      if(backservices==='true'||backservices===''){
-        this.backservice = '否'
-      }else {
-        this.backservice = '是'
-      }
-      this.getEmp()
-      this.ifsearch()
-      // var _this = this;
-      // this.timeoutHandle = window.setInterval(function() {
-      //   _this.sumsearch()
-      // }, 6000)
-    },
-    components: {
-      FailureShow,
-      'failure-show': FailureShow
-    }
-  }
-</script>
-<style scoped>
-  .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" 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>
+          <button type="button"  class="btn btn-lg btn-font btn-color" @click='ifsearch(" and f_orderstatus!=null ")' style="min-width: 25%;">查询临时保存</button>
+          <img style="float: right;margin-right: 3%;margin-top: -4px " @click="getNewOrder" src="../../../assets/shuaxindaiban1.png">
+        </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" >
+                  <span v-if="row.state==='延期申请'" style="color: darkred">该工单已提交延期处理请勿操作</span>
+                  <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="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 v-show="false" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="worktype == '安装单'">
+                    预约时间: {{row.f_yuyue_date}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="worktype == '报修单'">
+                    报修类型: {{row.f_servicerepair_type}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="worktype == '报修单'">
+                    维修类型: {{row.f_repairtype}}
+                  </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_advice" class="col-sm-12 col-xs-12 col-md-12" v-if="worktype == '报修单'">
+                    指导建议: {{row.f_advice}}
+                  </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="worktype == '报修单'">
+                    <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" @click="selected(row)">处理</button>
+                <button type="button"  name="button" class="btn btn-primary btn-sm" style="float: right;margin-right:10px;" v-if="backservice=='否'" @click="moveservice(row)">转单</button>
+                <button type="button"  name="button" class="btn btn-primary btn-sm" style="float: right;margin-right:10px;" v-if="backservice=='是'" @click="sendback(row)">退回</button>
+                <button type="button"  name="button" class="btn btn-primary btn-sm" style="float: right;margin-right:10px;" v-if="false" @click="infoadd(row)">信息维护</button>
+                <!--<button   type="button" name="button" class="btn btn-primary" @click="delayedit(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="moveshow" 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="orderman" :value-single="true"
+                        :options='repairers' placeholder='请选择接单人'
+                        close-on-select v-on:change="repiarmancg"></v-select>
+            </div>
+          </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="moveselected.f_remarks"/>
+            </div>
+          </div>
+        </div>
+        <div slot="modal-footer" class="modal-footer">
+          <button type="button" class="btn btn-default" @click="movedo()">确定</button>
+          <button type="button" class="btn btn-default" @click="undo()">取消</button>
+        </div>
+      </modal>
+      <modal :show.sync="showinfo" v-ref:infomodal :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="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="information"/>
+            </div>
+          </div>
+        </div>
+        <div slot="modal-footer" class="modal-footer">
+          <button type="button" class="btn btn-default" @click="infoaddsure()">确定</button>
+          <button type="button" class="btn btn-default" @click="infoclose()">取消</button>
+        </div>
+      </modal>
+      <modal :show.sync="editflag" v-ref:infomodal :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>
+            <span>{{ sendbackmodel.f_service_id }}</span>
+          </div>
+          <div class="row" style="margin-top: 6px">
+            <label class="col-xs-4 col-md-4 control-label font text-left">客户名称：</label>
+            <span>{{ sendbackmodel.f_user_name }}</span>
+          </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">
+              <textarea style="width: 60%" name="name" rows="1" class="ver-textarea" type="text" v-model='f_site_back_reason'></textarea>
+            </div>
+          </div>
+
+        </div>
+        <div slot="modal-footer" class="modal-footer">
+          <button type="button" name="button" class="btn btn-primary btn-photo" @click="WorkBack()">确定</button>
+          <button type="button" class="btn btn-default" @click="WorkBackclose()">取消</button>
+        </div>
+      </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";
+  // 工作类型对应的各项设置
+  const config = {
+    '报修单': {
+      path: 'getServiceMobile'
+    },
+    '置换通气单': {
+      path: 'getSubstitMobile'
+    },
+    '安装单': {
+      path: 'getInstallMobile'
+    }
+  }
+  export default{
+    title: '维修员平板首页',
+    data () {
+      return {
+        model: {
+          serviceacitivity: [{
+            f_site_back_date: '',
+            f_site_back_name: '',
+            serviceid: '',
+            f_service_acitivity_type: '打回'
+          }
+          ]
+        },
+        // rows: Object
+        rows: [{
+          f_user_name:'',
+          f_contact_phone:'',
+          failure:''
+        }],
+        editshow:false,
+        row:{
+          type:Object,
+          default:{
+            f_user_name:'',
+            f_contact_phone:'',
+            failure:''
+          }
+        },
+        backservice:'',
+        sendbackmodel:'',
+        username:'',
+        address:'',
+        f_site_back_reason:'',
+        moveshow:false,
+        repairers: [],
+        moveselected:'',
+        orderman:'',
+        number:0,
+        listData: {
+          list: [],
+          isEnd: true,
+          index: 0
+        },
+        loginUser:{
+          name:Vue.user.name,
+          ename:Vue.user.ename
+        },
+        infoone:'',
+        showinfo:false,
+        editflag:false,
+        information:''
+      }
+    },
+    props: {
+      worktype:{
+        type:String,
+        default:'报修单'
+      },
+      sourcet:{
+        type:String,
+        default:'横屏'
+      },
+      tabname:{
+        type:String
+      }
+    },
+    methods: {
+      WorkBack () {
+        this.model=this.sendbackmodel
+        this.model.serviceacitivity = [{
+          f_site_back_date: '',
+          f_site_back_name: '',
+          serviceid: '',
+          f_site_back_reason:this.f_site_back_reason,
+          f_service_acitivity_type: ''
+        }
+        ]
+        if(!this.f_site_back_reason){
+          return this.$showMessage('请填写退回内容！')
+        }
+        let data = ''
+        data = {
+          model: this.model,
+          loginUser: {name: Vue.user.name, ename: Vue.user.name, id: Vue.user.id}
+        }
+        console.log("退回参数"+JSON.stringify(data))
+        let http = new HttpResetClass()
+        http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/sendBack`, data, {resolveMsg: null, rejectMsg: null}).then(() => {
+          this.$showMessage('退回成功！！！')
+          this.f_site_back_reason = ''
+          this.editflag =false
+          this.getNewOrder()
+        })
+      },
+      WorkBackclose(){
+        this.editflag = false
+      },
+      infoaddsure(){
+        if(!this.information){
+          return this.$showMessage('请填写维护内容！',['confirm'])
+        }
+        // 组装数据
+        var data = {
+          id :this.infoone.id_back,
+          f_processid:this.infoone.f_processid,
+          f_content:this.information,
+          serviceacitivity : [{}]
+        }
+        let http = new HttpResetClass()
+        http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/telinformation`, {model: data, loginUser: this.loginUser}, {resolveMsg: null, rejectMsg: null}).then(() => {
+          this.$showMessage('维护内容添加成功！',['confirm'])
+          this.information = ''
+          this.showinfo =false
+        })
+      },
+      infoclose(){
+        this.showinfo = false
+      },
+      infoadd(val){
+        this.infoone =val
+        this.showinfo = true
+      },
+      repiarmancg(val){
+        this.orderman = val
+      },
+      movedo(){
+        if(this.orderman == undefined || this.orderman == '' ){
+          this.$showMessage(`请先选择接单人!`, ['confirm'])
+          return
+        }
+        //tag
+        //tag)
+        let result = this.$androidUtil.bzLogic('androidMoveService', {id_back: this.moveselected.id_back, f_reciever: this.orderman,f_remarks:this.moveselected.f_remarks,worktype:this.worktype})
+        if (result.result === '成功') {
+          this.$showMessage(`向 ${this.orderman} 转单成功！`, ['confirm'])
+          this.orderman = ''
+          this.moveselected = ''
+          this.moveshow = false
+          this.ifsearch()
+        } else {
+          this.$showMessage(`转单失败，请检查网络异常!`, ['confirm'])
+        }
+
+      },
+      undo(){
+        this.orderman = ''
+        this.moveselected = ''
+        this.moveshow = false
+      },
+      getEmp () {
+        // 获取接单人数组
+        let val = ''
+        var worktypew = this.worktype == '报修单' ? '维修员':this.worktype == '置换员'?'置换员':'安装员'
+        let http = new HttpResetClass()
+        //tag)
+        val = {source: `this.getParentByType($organization$).getChildByName($${worktypew}$).getUsers()`, userid: `${Vue.user.id}`}
+        // val = {source: `this.getParentByType($department$).getAllChildrens().where(row.getAttributes().get($rolestr$).indexOf($${worktypew}$) != -1))`, userid: `${Vue.user.id}`}
+        // val = {source: `this.getParentByType($department$).getAllChildrens().where(row.getAttributes().get($rolestr$) == $${worktypew}$))`, 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(condition){
+        this.listData.list = []
+        this.listData.index = 0
+        this.listData.isEnd = true
+        if (!condition) {
+          condition = ''
+        }
+        condition = '1 = 1 ' + condition
+        if(this.username != ''){
+          condition += " and f_user_name like '%" + this.username + "%'"
+        }
+        if(this.address != ''){
+          condition += " and f_address like  '%" + this.address + "%'"
+        }
+        //tag
+        //tag
+        // 测试环境异步，真实环境同步
+        if (this.$androidUtil.isTest) {
+          return this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}}).then((ret) => {
+            this.rows = ret.data
+          })
+        } else {
+          let result = this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}})
+          if (result.code === 200) {
+            this.rows = result.data
+          } else {
+            this.$showMessage(`加载数据失败, 返回码: ${result.code}, 错误信息：${result.data}`)
+          }
+        }
+        this.showMore()
+      },
+      selected (row) {
+        var prpdata = {
+          _this:this,
+          title:'入户维修',
+          safe:true
+        }
+        this.$dispatch('gotoson',prpdata)
+        if(this.sourcet == '横屏'){
+          this.$goto('repair-order', {row: row,worktype:this.worktype},'self',this.ifsearch)
+        }else{
+          this.$goto('repair-orderV', {row: row,worktype:this.worktype},'self',this.ifsearch)
+        }
+      },
+
+      sendback(row){
+        this.$showMessage('退回后数据不可恢复，确认退回操作吗？', ['confirm', 'cancel'],{resolveMsg: null, rejectMsg: null}).then((res) => {
+          if (res === 'confirm') {
+            this.editflag = true
+            this.sendbackmodel = row
+            console.log("需要的参数"+JSON.stringify( this.sendbackmodel))
+          }else {
+            this.editflag = false
+          }
+        })
+      },
+      moveservice(row){
+        this.moveselected = row
+        this.moveshow = true
+      },
+      delayedit (row) {
+        row.state = '延期申请'
+        this.$goto('delay-apply', {row:row})
+      },
+      search () {
+        // 测试环境异步，真实环境同步
+        var condition = '1 = 1'
+        //tag
+        if (this.$androidUtil.isTest) {
+          return this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}}).then((ret) => {
+            // ret.data.forEach((item) => {
+            //   item.service_version = item.failure.indexOf("漏气") !== -1
+            // })
+            this.rows = ret.data
+          })
+        } else {
+          let result = this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}})
+          if (result.code === 200) {
+            //tag)
+            this.rows = result.data
+          } else {
+            this.$showMessage(`加载数据失败, 返回码: ${result.code}, 错误信息：${result.data}`)
+          }
+        }
+      },
+      sumsearch () {
+        // 测试环境异步，真实环境同步
+        var condition = '1 = 1'
+        //tag
+        if (this.$androidUtil.isTest) {
+          return this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}}).then((ret) => {
+            // ret.data.forEach((item) => {
+            //   item.service_version = item.failure.indexOf("漏气") !== -1
+            // })
+            var titdata = {
+              title:this.tabname,
+              sum:ret.data.length
+            }
+            //tag
+            //tag)
+            this.$emit('changesum',titdata)
+          })
+        } else {
+          let result = this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}})
+          if (result.code === 200) {
+            //tag)
+            var crv = {
+              title:this.tabname,
+              sum:result.data.length
+            }
+            //tag
+            //tag)
+            this.$emit('changesum',crv)
+          } else {
+            this.$showMessage(`加载数据失败, 返回码: ${result.code}, 错误信息：${result.data}`)
+          }
+        }
+      },
+      makeAPhoneCall(phoneNumber) {
+        this.$androidUtil.makeAPhoneCall(phoneNumber)
+      },
+      upload () {
+        this.$goto('up-load')
+      },
+      back () {
+        this.$back()
+      },
+      getNewOrder(){
+        HostApp.__this__ = this
+        HostApp.logicWithHint({
+          // logic别名，key必须为logic
+          'logic': 'TelServiceTimeOut',
+          // 回调执行方法名，key必须为callback
+          'callback': 'javascript:HostApp.__this__.getNewCallBack()',
+          // logic执行需要的业务参数
+          'data': {params: ''},
+          // 固定key，代表是否将logic执行结果作为参数传入回调方法，1代表true，0代表false，
+          // 执行回调方法传入key为backresult
+          // 如需额外拼接参数，写在logic返回值的params，例如xxlogic返回:{"params": "success"}
+          'backresult': 1
+        })
+      },
+      getNewCallBack(obj){
+        //tag)
+        this.ifsearch()
+      },
+      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 () {
+      let backservices
+      backservices=this.$appdata.getSingleValue('维修转单')
+      console.log("参数为：：："+backservices)
+      if(backservices==='true'||backservices===''){
+        this.backservice = '否'
+      }else {
+        this.backservice = '是'
+      }
+      this.getEmp()
+      this.ifsearch()
+      // var _this = this;
+      // this.timeoutHandle = window.setInterval(function() {
+      //   _this.sumsearch()
+      // }, 6000)
+    },
+    components: {
+      FailureShow,
+      'failure-show': FailureShow
+    }
+  }
+</script>
+<style scoped>
+  .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>