telephone-clients 3.0.104-10 → 3.0.104-100

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

@@ -0,0 +1,541 @@
+<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="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>
+              </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 = ''
+      let http = new HttpResetClass()
+      val = {source: 'this.getAllChildrens().where(row.getAttributes().get($rolestr$) == $置换员$))', 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)
+      }
+    },
+    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>