telephone-clients 3.0.103 → 3.0.104-11

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

@@ -0,0 +1,502 @@
+<template>
+  <div class="repair-bg auto" id="zhihuan-first" style="padding-bottom:5px;overflow:auto">
+    <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 class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="worktype == '置换通气单' && row.f_yuyue_date != '1900-01-01 00:00:00'">
+                    预约时间: {{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>
+              </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: 'tool.getChildrenOfResName($置换员$)', 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 + "%'"
+        }
+        // 测试环境异步，真实环境同步
+        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'
+        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) {
+            //tag)
+            this.rows = result.data
+          } else {
+            this.$showMessage(`加载数据失败, 返回码: ${result.code}, 错误信息：${result.data}`)
+          }
+        }
+      },
+      sumsearch () {
+        // 测试环境异步，真实环境同步
+        var condition = '1 = 1'
+        if (this.$androidUtil.isTest) {
+          return this.$androidUtil.path({'alias':`${config[this.worktype].path}`,'data':{condition:condition}}).then((ret) => {
+            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) {
+            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){
+          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)
+        }
+        data.model = Object.assign(data.model, row)
+        this.deleteEmptyProperty(data.model)
+        try {
+          let res = await this.$androidUtil.bzLogic("WorkOrderClose", data)
+          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];
+                continue;
+              }
+            }
+            this.deleteEmptyProperty(value);
+            if (this.isEmpty(value)) {
+              delete object[i];
+            }
+          } else {
+            if (value === '' || value === null || value === undefined) {
+              delete object[i];
+            } else {
+            }
+          }
+        }
+      },
+      isEmpty(object) {
+        for (var name in object) {
+          return false;
+        }
+        return true;
+      },
+      getNewOrder(){
+        HostApp.__this__ = this
+        HostApp.logicWithHint({
+          'logic': 'TelServiceTimeOut',
+          'callback': 'javascript:HostApp.__this__.getNewCallBack()',
+          'data': {params: ''},
+          'backresult': 1
+        })
+      },
+      getNewCallBack(obj){
+        this.ifsearch()
+      }
+    },
+    ready () {
+      this.getEmp()
+      this.ifsearch()
+    },
+    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>