telephone-clients 4.0.0-1-89 → 4.0.0-1-90

package/src/filiale/jinhong/android/ZHihuanFirst.vue

@@ -1,540 +1,540 @@
-<template>
-  <!--<div class="app-botton" @click="back()">-->
-    <!--<span class="glyphicon glyphicon-menu-left">返回</span>-->
-  <!--</div>-->
-  <div class="repair-bg auto" id="zhihuan-first" style="padding-bottom:5px;overflow:auto">
-    <!--<div class="app-botton" @click="back()">-->
-      <!--<span class="glyphicon glyphicon-menu-left">返回</span>-->
-    <!--</div>-->
-    <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>
-          <img @click="getNewOrder" src="../../../assets/shuaxindaiban1.png" style="width: 40px;padding: 5px; float:right">
-        </p>
-      </blockquote>
-    </div>
-    <div class="panel panel-default repair-info-content auto">
-      <div class="panel-body">
-        <!--<div class="media-right">-->
-          <!--<img @click="search" src="../../../assets/shuaxindaiban.png" class="img-responsive media-object" style="width: 40px;padding: 5px;">-->
-        <!--</div>-->
-        <div class="row">
-          <input  type="text"  v-model="username" placeholder='用户姓名'  style="width: 30%;float: left"/>
-          <div class="col-sm-7" style="float: left;margin-left: 3%;margin-bottom: 3%">
-            <button type="button" name="button" class="btn btn-primary" @click='ifsearch("")' >查询</button>
-            <button type="button" name="button" class="btn btn-primary" @click='ifsearch(" and f_orderstatus!=null ")' >查询临时保存</button>
-          </div>
-        </div>
-        <div class="row">
-          <div class="col-sm-12" style="margin-bottom: 3%">
-            <input style="width: 100%"  type="text"  v-model="address" placeholder='用户地址' style="width: 100%"/>
-          </div>
-        </div>
-        <div class="panel panel-default well"  :class="row.failure.indexOf('漏气') !== -1 ? 'class-a':''" v-for="row in listData.list"  >
-          <div class="panel-body bg-info" 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 == '置换通气单'">
-                    预约时间: {{row.f_yuyue_date}}
-                  </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">
-                    用户姓名: {{row.f_user_name}}
-                  </div>
-                  <div  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 class="col-sm-12 col-xs-12 col-md-12" v-if="worktype == '报修单'||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 v-show="row.f_is_block" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
-                    是否封堵: {{row.f_is_block}}
-                  </div>
-                </div>
-              </div>
-              <div class="col-sm-12 col-xs-12 col-md-12">
-                <button type="button" name="button" class="btn btn-primary" style="background-color:#499edf;float: right" @click="selected(row)">处理</button>
-                <button type="button"  name="button" class="btn btn-primary" style="background-color:#499edf;float: right;margin-right:10px;" @click="moveservice(row)">转单</button>
-                <button type="button" name="button" class="btn btn-primary" style="background-color:#499edf;float: right;margin-right:10px;" @click="showshutdown(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="shutshow" 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="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="shutrow.f_remarks"/>
-            </div>
-          </div>
-        </div>
-        <div slot="modal-footer" class="modal-footer">
-          <button type="button" class="btn btn-default" @click="shutdown(shutrow)">确定</button>
-          <button type="button" class="btn btn-default" @click="undo()">取消</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'
-    }
-  }
-export default{
-  title: '维修员平板首页',
-  data () {
-    return {
-      // rows: Object
-      rows: [{
-        f_user_name:'',
-        f_contact_phone:'',
-        failure:''
-      }],
-      editshow:false,
-      row:{
-        type:Object,
-        default:{
-          f_user_name:'',
-          f_contact_phone:'',
-          failure:''
-        }
-      },
-      username:'',
-      address:'',
-      moveshow:false,
-      moveselected:'',
-      orderman:'',
-      number:0,
-      savebutten:true,   // 工单保存按钮
-      wwcbutten:true,     // 未完成按钮
-      wwxbutten:true,     // 未维修按钮
-      jabutten:true,      //结案按钮
-      imgurl: 'http://192.168.2.77:8081',
-      fileName: '',
-      datajson: '',
-      norepair: '',
-      showNorepair: false,
-      showCannotrepair: false,
-      showhead: true,
-      repairers : [],
-      config:{},
-      shutshow: false,
-      shutrow: {},
-      listData: {
-        list: [],
-        isEnd: true,
-        index: 0
-      }
-    }
-  },
-  props: {
-    worktype:{
-      type:String,
-      default:'置换通气单'
-    },
-    sourcet:{
-      type:String,
-      default:'横屏'
-    },
-    tabname:{
-      type:String
-    },
-    msg: {
-      type: Object
-    },
-    savevalid: {
-      type: Object
-    },
-    model: {
-      type: Object
-    },
-    show: {
-      type: Boolean,
-      default: false
-    },
-    system: ''
-  },
-  methods: {
-    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,worktype:this.worktype, f_remarks: this.moveselected.f_remarks})
-      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
-      this.shutshow = false
-    },
-    getEmp () {
-      // 获取接单人数组
-      let val = ''
-      var worktypew = this.worktype == '报修单' ? '维修员':'置换员'
-      let http = new HttpResetClass()
-      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 + "%'"
-      }
-      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.getNewOrder)
-      }else{
-        this.$goto('repair-orderV', {row: row,worktype:this.worktype},'self',this.getNewOrder)
-      }
-    },
-    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 crv = {
-            title:this.tabname,
-            sum:ret.data.length
-          }
-          this.$emit('changesum',crv)
-        })
-      } 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
-          }
-          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()
-    },
-    async showshutdown(row) {
-      this.shutrow = row
-      this.shutshow = true
-    },
-    async shutdown(row){
-      this.shutshow = false
-      let repairdetails = []
-      if(Vue.config.telephone.RepairsConfig.data != undefined){
-        //tag
-        //tag)
-        repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.RepairsConfig.data)))
-      }else{
-        this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
-        return
-      }
-      let data = {
-        id: row.id,
-        model: {
-          serviceacitivity: [{
-            f_result_status: '结案',
-            f_is_abnormal: '',
-            f_date_leave: Util.toStandardTimeString(),
-            f_is_userfilesadd: "未上传",
-            f_workorder_type: "置换通气单",
-            f_order_man: Vue.user.name,
-            f_service_acitivity_type: "置换通气单"
-          }],
-          f_processid: row.f_processid,
-          id_back: row.id_back,
-          f_source: '',
-          id: row.id,
-          f_success: '成功',
-          f_remarks: row.f_remarks
-        },
-        loginUser: {
-          name: Vue.user.name,
-          ename: Vue.user.ename
-        }
-      }
-      if (repairdetails.length > 0) {
-        let repairlist = []
-        for (let j = 0;j< repairdetails.length;j++) {
-          let repairitem = []
-          for (let i = 0;i< repairdetails[j].details.length;i++) {
-            repairitem.push({f_project:repairdetails[j].details[i].f_project,type:repairdetails[j].details[i].type,f_status:'',f_content:'',f_is_must:repairdetails[j].details[i].f_is_must ? 'true':'false'})
-          }
-          repairlist.push({f_type: repairdetails[j].f_type, details: repairitem,imgs:[],f_remarks:repairdetails[j].f_remarks})
-        }
-        data.model.serviceacitivity[0].servicerepair = Object.assign([], repairlist)
-      }
-      //tag)
-      data.model = Object.assign(data.model, row)
-      this.deleteEmptyProperty(data.model)
-      //tag)
-      try {
-        let res = await this.$androidUtil.bzLogic("WorkOrderClose", data)
-        //tag)
-        this.$showMessage('该工单已结案')
-        this.ifsearch()
-      } catch (e) {
-        this.$showMessage('网络连接失败，请稍后再试。')
-      }
-    },
-    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
-      }
-    },
-    deleteEmptyProperty(object){
-      for (var i in object) {
-        var value = object[i];
-        if (typeof value === 'object') {
-          if (Array.isArray(value)) {
-            if (value.length == 0) {
-              delete object[i];
-              //tag;
-              continue;
-            }
-          }
-          this.deleteEmptyProperty(value);
-          if (this.isEmpty(value)) {
-            //tag;
-            delete object[i];
-            //tag;
-          }
-        } else {
-          if (value === '' || value === null || value === undefined) {
-            delete object[i];
-            //tag;
-          } else {
-            //tag;
-          }
-        }
-      }
-    },
-    isEmpty(object) {
-      for (var name in object) {
-        return false;
-      }
-      return true;
-    },
-    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()
-    }
-  },
-  ready () {
-    this.getEmp()
-    this.ifsearch()
-    // var _this = this;
-    // this.timeoutHandle = window.setInterval(function() {
-    //   _this.sumsearch()
-    // }, 6000)
-  },
-  components: {
-    FailureShow,
-    'failure-show': FailureShow
-  }
-}
-</script>
-<style>
-  .class-a{
-    border:1px solid red;
-  }
-  .padd-div-shu{
-    padding-bottom: 5px;
-  }
-  .app-botton {
-    position:fixed;
-    background: #87b2dd;
-    color: #FFF;
-    padding: 8px;
-    text-align: center;
-    font-size: 1.2em;
-    z-index: 10;
-    opacity:0.5;
-    bottom: 50px;
-    margin-top: -10px;
-    height: 40px;
-  }
-</style>
+<template>
+  <!--<div class="app-botton" @click="back()">-->
+    <!--<span class="glyphicon glyphicon-menu-left">返回</span>-->
+  <!--</div>-->
+  <div class="repair-bg auto" id="zhihuan-first" style="padding-bottom:5px;overflow:auto">
+    <!--<div class="app-botton" @click="back()">-->
+      <!--<span class="glyphicon glyphicon-menu-left">返回</span>-->
+    <!--</div>-->
+    <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>
+          <img @click="getNewOrder" src="../../../assets/shuaxindaiban1.png" style="width: 40px;padding: 5px; float:right">
+        </p>
+      </blockquote>
+    </div>
+    <div class="panel panel-default repair-info-content auto">
+      <div class="panel-body">
+        <!--<div class="media-right">-->
+          <!--<img @click="search" src="../../../assets/shuaxindaiban.png" class="img-responsive media-object" style="width: 40px;padding: 5px;">-->
+        <!--</div>-->
+        <div class="row">
+          <input  type="text"  v-model="username" placeholder='用户姓名'  style="width: 30%;float: left"/>
+          <div class="col-sm-7" style="float: left;margin-left: 3%;margin-bottom: 3%">
+            <button type="button" name="button" class="btn btn-primary" @click='ifsearch("")' >查询</button>
+            <button type="button" name="button" class="btn btn-primary" @click='ifsearch(" and f_orderstatus!=null ")' >查询临时保存</button>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-sm-12" style="margin-bottom: 3%">
+            <input style="width: 100%"  type="text"  v-model="address" placeholder='用户地址' style="width: 100%"/>
+          </div>
+        </div>
+        <div class="panel panel-default well"  :class="row.failure.indexOf('漏气') !== -1 ? 'class-a':''" v-for="row in listData.list"  >
+          <div class="panel-body bg-info" 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 == '置换通气单'">
+                    预约时间: {{row.f_yuyue_date}}
+                  </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">
+                    用户姓名: {{row.f_user_name}}
+                  </div>
+                  <div  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 class="col-sm-12 col-xs-12 col-md-12" v-if="worktype == '报修单'||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 v-show="row.f_is_block" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    是否封堵: {{row.f_is_block}}
+                  </div>
+                </div>
+              </div>
+              <div class="col-sm-12 col-xs-12 col-md-12">
+                <button type="button" name="button" class="btn btn-primary" style="background-color:#499edf;float: right" @click="selected(row)">处理</button>
+                <button type="button"  name="button" class="btn btn-primary" style="background-color:#499edf;float: right;margin-right:10px;" @click="moveservice(row)">转单</button>
+                <button type="button" name="button" class="btn btn-primary" style="background-color:#499edf;float: right;margin-right:10px;" @click="showshutdown(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="shutshow" 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="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="shutrow.f_remarks"/>
+            </div>
+          </div>
+        </div>
+        <div slot="modal-footer" class="modal-footer">
+          <button type="button" class="btn btn-default" @click="shutdown(shutrow)">确定</button>
+          <button type="button" class="btn btn-default" @click="undo()">取消</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'
+    }
+  }
+export default{
+  title: '维修员平板首页',
+  data () {
+    return {
+      // rows: Object
+      rows: [{
+        f_user_name:'',
+        f_contact_phone:'',
+        failure:''
+      }],
+      editshow:false,
+      row:{
+        type:Object,
+        default:{
+          f_user_name:'',
+          f_contact_phone:'',
+          failure:''
+        }
+      },
+      username:'',
+      address:'',
+      moveshow:false,
+      moveselected:'',
+      orderman:'',
+      number:0,
+      savebutten:true,   // 工单保存按钮
+      wwcbutten:true,     // 未完成按钮
+      wwxbutten:true,     // 未维修按钮
+      jabutten:true,      //结案按钮
+      imgurl: 'http://192.168.2.77:8081',
+      fileName: '',
+      datajson: '',
+      norepair: '',
+      showNorepair: false,
+      showCannotrepair: false,
+      showhead: true,
+      repairers : [],
+      config:{},
+      shutshow: false,
+      shutrow: {},
+      listData: {
+        list: [],
+        isEnd: true,
+        index: 0
+      }
+    }
+  },
+  props: {
+    worktype:{
+      type:String,
+      default:'置换通气单'
+    },
+    sourcet:{
+      type:String,
+      default:'横屏'
+    },
+    tabname:{
+      type:String
+    },
+    msg: {
+      type: Object
+    },
+    savevalid: {
+      type: Object
+    },
+    model: {
+      type: Object
+    },
+    show: {
+      type: Boolean,
+      default: false
+    },
+    system: ''
+  },
+  methods: {
+    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,worktype:this.worktype, f_remarks: this.moveselected.f_remarks})
+      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
+      this.shutshow = false
+    },
+    getEmp () {
+      // 获取接单人数组
+      let val = ''
+      var worktypew = this.worktype == '报修单' ? '维修员':'置换员'
+      let http = new HttpResetClass()
+      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 + "%'"
+      }
+      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.getNewOrder)
+      }else{
+        this.$goto('repair-orderV', {row: row,worktype:this.worktype},'self',this.getNewOrder)
+      }
+    },
+    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 crv = {
+            title:this.tabname,
+            sum:ret.data.length
+          }
+          this.$emit('changesum',crv)
+        })
+      } 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
+          }
+          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()
+    },
+    async showshutdown(row) {
+      this.shutrow = row
+      this.shutshow = true
+    },
+    async shutdown(row){
+      this.shutshow = false
+      let repairdetails = []
+      if(Vue.config.telephone.RepairsConfig.data != undefined){
+        //tag
+        //tag)
+        repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.RepairsConfig.data)))
+      }else{
+        this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
+        return
+      }
+      let data = {
+        id: row.id,
+        model: {
+          serviceacitivity: [{
+            f_result_status: '结案',
+            f_is_abnormal: '',
+            f_date_leave: Util.toStandardTimeString(),
+            f_is_userfilesadd: "未上传",
+            f_workorder_type: "置换通气单",
+            f_order_man: Vue.user.name,
+            f_service_acitivity_type: "置换通气单"
+          }],
+          f_processid: row.f_processid,
+          id_back: row.id_back,
+          f_source: '',
+          id: row.id,
+          f_success: '成功',
+          f_remarks: row.f_remarks
+        },
+        loginUser: {
+          name: Vue.user.name,
+          ename: Vue.user.ename
+        }
+      }
+      if (repairdetails.length > 0) {
+        let repairlist = []
+        for (let j = 0;j< repairdetails.length;j++) {
+          let repairitem = []
+          for (let i = 0;i< repairdetails[j].details.length;i++) {
+            repairitem.push({f_project:repairdetails[j].details[i].f_project,type:repairdetails[j].details[i].type,f_status:'',f_content:'',f_is_must:repairdetails[j].details[i].f_is_must ? 'true':'false'})
+          }
+          repairlist.push({f_type: repairdetails[j].f_type, details: repairitem,imgs:[],f_remarks:repairdetails[j].f_remarks})
+        }
+        data.model.serviceacitivity[0].servicerepair = Object.assign([], repairlist)
+      }
+      //tag)
+      data.model = Object.assign(data.model, row)
+      this.deleteEmptyProperty(data.model)
+      //tag)
+      try {
+        let res = await this.$androidUtil.bzLogic("WorkOrderClose", data)
+        //tag)
+        this.$showMessage('该工单已结案')
+        this.ifsearch()
+      } catch (e) {
+        this.$showMessage('网络连接失败，请稍后再试。')
+      }
+    },
+    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
+      }
+    },
+    deleteEmptyProperty(object){
+      for (var i in object) {
+        var value = object[i];
+        if (typeof value === 'object') {
+          if (Array.isArray(value)) {
+            if (value.length == 0) {
+              delete object[i];
+              //tag;
+              continue;
+            }
+          }
+          this.deleteEmptyProperty(value);
+          if (this.isEmpty(value)) {
+            //tag;
+            delete object[i];
+            //tag;
+          }
+        } else {
+          if (value === '' || value === null || value === undefined) {
+            delete object[i];
+            //tag;
+          } else {
+            //tag;
+          }
+        }
+      }
+    },
+    isEmpty(object) {
+      for (var name in object) {
+        return false;
+      }
+      return true;
+    },
+    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()
+    }
+  },
+  ready () {
+    this.getEmp()
+    this.ifsearch()
+    // var _this = this;
+    // this.timeoutHandle = window.setInterval(function() {
+    //   _this.sumsearch()
+    // }, 6000)
+  },
+  components: {
+    FailureShow,
+    'failure-show': FailureShow
+  }
+}
+</script>
+<style>
+  .class-a{
+    border:1px solid red;
+  }
+  .padd-div-shu{
+    padding-bottom: 5px;
+  }
+  .app-botton {
+    position:fixed;
+    background: #87b2dd;
+    color: #FFF;
+    padding: 8px;
+    text-align: center;
+    font-size: 1.2em;
+    z-index: 10;
+    opacity:0.5;
+    bottom: 50px;
+    margin-top: -10px;
+    height: 40px;
+  }
+</style>