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

package/src/components/workorder/RepairOrderT.vue

@@ -1,713 +1,713 @@
-<template>
-  <div class="no-close row android-repair-order" style="background-color: #f9f9f9">
-    <div class="col-sm-12 col-xs-12" >
-      <ul class="nav nav-tabs" style="background:#ffffff;">
-        <li v-for="row in tabs" @click="tabSelect(row,$index)" :class="{active1: row.complete === componentName}"
-            v-if="$index < number+1 && $index < faultshow.number" >
-          <a href="javascript:void(0)" style="background-color: #ffffff;color: #666666;font-size: 16px;font-family:SimSun" :class="row.class">
-            <span class="spanboder">{{row.header}}</span>
-            <img class="butt2" :src="imgback(row.complete === componentName)"></a>
-          <p></p>
-        </li>
-        <div class="col-sm-12 col-xs-12 repair-bg"  v-show="routeShow">
-          <route name='repair' :reuse="false"></route>
-        </div>
-        <li v-for="row in tabs" @click="tabSelect(row,$index)" :class="{active1: row.complete === componentName}"
-            v-if="$index > number && $index < faultshow.number ">
-          <a href="javascript:void(0)" style="background-color: #ffffff;color: #666666;font-size: 16px;font-family:SimSun" :class="row.class">
-            <span class="spanboder">{{row.header}}</span>
-            <img class="butt2" :src="imgback(row.complete === componentName)"></a>
-          <p></p>
-        </li>
-        <div class="col-sm-12 col-xs-12 repair-bg">
-          <route name='upload' :reuse="false"></route>
-        </div>
-      </ul>
-    </div>
-  </div>
-</template>
-<script>
-import Vue from 'vue'
-import  OldMeter from './oldMeterPage.vue'
-import ChangeMeterUserInfo from './ChangeMeterUserInfo.vue'
-import ChangeMeterPageNew from './ChangeMeterPageNew'
-import FaultAll from './FaultAll'
-import { HttpResetClass } from 'vue-client'
-import co from 'co'
-import * as Util from '../Util'
-let loadParamGem = async function (self) {
-  await self.$LoadParams.loadParam()
-}
-
-export default {
-  title: '入户换表',
-  props: {
-    worktype:{
-      type: String,
-      default: '换表单'
-    },
-    //分辨平板还是pc
-    system: '',
-    // 要处理的工单
-    row: {
-      type: Object
-    },
-    // 要显示的维修单
-    repair: {
-      type: Object
-    },
-    // 是否是显示
-    show: {
-      type: Boolean,
-      default: false
-    },
-    issee:'',
-    ischeck:{
-      type: Boolean,
-      default: false
-    }
-  },
-
-  data() {
-    return {
-      // 维修项
-      repairdetails:{},
-      // userinfo: '',
-      routeShow:true,
-      number:0,
-      shupingshow:false,
-      pipeline: {},
-      model: {
-        serviceacitivity: [{
-          baseuserinfo: {
-            id:null,
-            f_credentials:'身份证'
-          },
-          basemeterinfo: {},
-          matterinfo: {},
-          servicerepair: [],
-          //  照片
-          imgs: [],
-          // 签名照片名字
-          // 照片
-          material: [],              //维修的一批材料
-          f_date: '',
-          f_date_come: Util.toStandardTimeString(),
-          f_date_leave: '',
-          f_is_userfilesadd:'未上传',
-          f_dealtype:'线下处理',
-          f_workorder_type:this.worktype ? this.worktype : '报修单'
-        }]
-      },
-      details: [],
-      ids: '',
-      savevalid: {
-        uservalid: false,
-        doorvalid: true,
-        changetable: false
-      },
-      doordetails: {},
-      devicedetails: {},
-      cookdetails: {},
-      componentName: 'change-meter-user-info',
-      tabs: [
-        {
-          header: '客户工单信息', complete: 'change-meter-user-info', class: 'repair-info-class', props: null
-        },
-        {
-          header: '旧表信息', complete: 'old-meter', class: 'change-meter-page-class', props: null
-
-        },
-        {
-          header: '换表', complete: 'change-meter-page-new', class: 'change-meter-page-class', props: null
-        }
-      ],
-      faultshow:{
-        number : 8
-      }
-    }
-  },
-  methods: {
-    // 录音方法
-    record() {
-      //tag
-      let fileName
-      if (!this.f_recording1_path) {
-        fileName = Util.guid() + '.amr'
-      } else {
-        fileName = Util.getFileName(this.f_recording1_path)
-      }
-      //HostApp.__this__ = this
-      /*调用无限制录音模块*/
-      let startOrStopState = HostApp.startOrStopAudioClip(fileName,"开始录音")
-      //tag
-      if (startOrStopState.code == 200) {
-        this.model.f_recording1_path =  "/storage/emulated/0/safecheck/" + fileName
-        console.log("录音文件地址"+this.model.f_recording1_path)
-        //tag
-        return true;
-      }else {
-        return false;
-      }
-    },
-    imgback(val){
-      if(val && this.routeShow){
-        return require('../../assets/xiangxia1.png')
-      }else{
-        return require('../../assets/xiangyou1.png')
-      }
-    },
-    // 选择tab
-    tabSelect (item,number) {
-      // 处理关闭/显示 内容
-      if(this.number == number && !this.routeShow ){
-        this.routeShow = true
-      }else if(this.number == number && this.routeShow){
-
-        this.routeShow = false
-      }else if(this.number != item.complete){
-        this.routeShow = true
-      }
-      this.number = number
-      this.componentName = item.complete
-      if(item.complete == 'repair-details'){
-        if (this.row.f_workorder_type == '置换通气单') {
-          // 根据置换单的用户类型，查询气价信息给下拉框赋值
-          new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/queryGaspriceGroupByFilaleid`,
-            {data: {f_filialeid:Vue.user.orgid,f_gasproperties:this.row.f_gasproperties}},
-            {resolveMsg: null, rejectMsg: null}).then((rese)=>{
-            //tag)
-            let pricelist = []
-            if (rese.data) {
-              rese.data.forEach(item => pricelist.push({label: item.f_price_name, value: item.f_price_name}))
-            }
-            this.pricelists = pricelist;
-            //tag)
-            let itemprops = {
-              model: this.model.serviceacitivity[0],
-              service: this.model,
-              show: this.show,
-              repairitem: item,
-              faultshow :this.faultshow,
-              shutype:'shu',
-              tabs:this.tabs,
-              repairdetails:this.repairdetails,
-              issee:this.issee,
-              pricelists: this.pricelists //根据置换单下派的用气性质和公司查询的气价信息
-            }
-            //tag
-            //tag)
-            this.$goto(item.complete, itemprops, 'repair')
-          })
-        } else {
-          let itemprops = {
-            model: this.model.serviceacitivity[0],
-            service: this.model,
-            show: this.show,
-            repairitem: item,
-            faultshow :this.faultshow,
-            shutype:'shu',
-            tabs:this.tabs,
-            repairdetails:this.repairdetails,
-            issee:this.issee,
-            pricelists: [{label:"无",value:"无"}]
-          }
-          //tag
-          //tag)
-          this.$goto(item.complete, itemprops, 'repair')
-        }
-      }else{
-        //tag
-        // //tag)
-        // //tag)
-        if(this.routeShow) {
-          //tag)
-          // //tag)
-          this.$goto(item.complete, this.tabs[number].props, 'repair')
-        }
-      }
-      this.shupingshow = true
-    },
-    // 给组件添加参数
-    getImgPath() {
-      for (var i = 0; i < this.model.serviceacitivity[0].imgs.length; i++) {
-        this.ids += this.model.serviceacitivity[0].imgs[i].imgid + ','
-      }
-      this.ids = this.ids.substring(0, this.ids.length - 1)
-      if(this.ids){
-        this.getImgGen();
-      }
-    },
-    getImgGen(){
-      let http = new HttpResetClass()
-      http.load('POST','af-telephone/rs/sql/tel_singleTable_OrderBy', {data: {
-          items: '*',
-          tablename: 't_files',
-          condition: `id in (${this.ids})`,
-          orderitem: 'id'
-        }}, {resolveMsg: null, rejectMsg: null}).then((res) => {
-        for (let i = 0; i < res.data.length; i++) {
-          for (let j = 0; j < this.model.serviceacitivity[0].imgs.length; j++) {
-            //tag)
-            //tag
-            if (res.data[i].id.toString() === this.model.serviceacitivity[0].imgs[j].imgid) {
-              this.model.serviceacitivity[0].imgs[j] = Object.assign({}, res.data[i], this.model.serviceacitivity[0].imgs[j])
-            }
-          }
-
-        }
-      })
-    },
-    setProps() {
-      // 给各自组件添加参数
-      for(var i =0;i<this.tabs.length;i++ ){
-        if(this.tabs[i].complete == 'repair-info'){
-          this.tabs[i].props = {
-            service: this.row,
-            model: this.model.serviceacitivity[0].baseuserinfo,
-            data: this.model.serviceacitivity[0],
-            savevalid: this.savevalid,
-            repair: this.row,
-            show: this.show,
-            // userinfo: this.userinfo
-            shutype:'shu',
-            worktype:this.worktype,
-            issee:this.issee,
-            ischeck:this.ischeck
-          }
-        }else if (this.tabs[i].complete == 'change-meter-user-info'){
-          this.tabs[i].props = {
-            model: this.model
-          }
-        }else if (this.tabs[i].complete == 'old-meter'){
-          this.tabs[i].props = {model: this.model}
-        }else if (this.tabs[i].complete == 'repair-user-info'){
-          this.tabs[i].props = {
-            model: this.model.serviceacitivity[0].baseuserinfo,
-            data: this.model.serviceacitivity[0],
-            savevalid: this.savevalid,
-            repair: this.row,
-            show: this.show,
-            // userinfo: this.userinfo
-            shutype:'shu',
-            worktype:this.worktype,
-            issee:this.issee
-          }
-        } else if (this.tabs[i].complete == 'outlay'){
-          this.tabs[i].props = {
-            model: this.model.serviceacitivity[0],
-            service: this.model,
-            show: this.show,
-            system: this.system,
-            f_single_man: this.model.f_single_man,
-            shutype: 'shu',
-            issee:this.issee
-          }
-        }else if (this.tabs[i].complete == 'fault-all'){
-          this.tabs[i].props =  {
-            msg: this.model, model: this.model.serviceacitivity[0],
-            service: this.model, system: this.system, show: this.show,
-            savevalid: this.savevalid,
-            issee: this.issee
-          }
-        }else if (this.tabs[i].complete == 'change-meter-page-new') {
-          this.tabs[i].props = {
-            service:this.model,
-            model: this.model.serviceacitivity[0].basemeterinfo,
-            data: this.model.serviceacitivity[0],
-            savevalid: this.savevalid,
-            repair: this.row,
-            show: this.show,
-            shutype: 'shu',
-            worktype: this.worktype,
-            issee: this.issee
-          }
-        }
-      }
-      // 参数设置成功，在转向第一个页签
-      this.$goto('change-meter-user-info', this.tabs[0].props, 'repair')
-      if(!this.issee){
-        this.gotoUpload()
-      }
-    },
-
-    getRepair() {
-      if (Vue.android) {
-        //tag
-        if (this.$androidUtil.isTest) {
-          //tag
-          this.$androidUtil.path({'alias': 'serviceWork', 'data': {id: this.row.serviceacitivity[0].id}}).then((ret) => {
-            this.model.serviceacitivity = ret.data
-            this.getDetails()
-          })
-        } else {
-          //tag
-          let result = this.$androidUtil.path({'alias': 'serviceWork', 'data': {id: this.row.serviceacitivity[0].id}})
-          //tag
-          if (result.code === 200) {
-            // this.show = true
-            this.model.serviceacitivity = result.data
-            this.getDetails()
-          }
-        }
-      } else {
-        //tag
-        this.getService();
-      }
-    },
-    getService(){
-      let http = new HttpResetClass()
-      http.load('POST','af-telephone/rs/path/serviceWork', {data: {id: this.repair.id}}, {resolveMsg: null, rejectMsg: null}).then((res) => {
-        this.model.serviceacitivity = [res.data[0]]
-        this.getDetails()
-      })
-    },
-    sortDetails(){
-      for (let i = 0; i < this.details.length; i++) {
-        if (this.details[i].details.length) {
-          for (let j = 0; j < this.details[i].details.length; j++) {
-            if (this.details[i].details[j].f_type === 'a') {
-              this.doordetails = {details: this.details[i].details}
-              break
-            }
-            if (this.details[i].details[j].f_type === 'b') {
-              this.devicedetails = {details: this.details[i].details}
-              break
-            }
-            if (this.details[i].details[j].f_type === 'c') {
-              this.cookdetails = {details: this.details[i].details}
-              break
-            }
-          }
-        }
-      }
-    },
-    getDetails() {
-      if (Vue.android) {
-        //tag
-        if (this.$androidUtil.isTest) {
-          //tag
-          this.$androidUtil.path({'alias': 'getDetails', 'data': {id: this.row.serviceacitivity[0].id}}).then((ret) => {
-            this.details = ret.data
-            this.sortDetails()
-            if (this.model.serviceacitivity[0] && this.model.serviceacitivity[0].imgs) {
-              this.getImgPath()
-            }
-            this.setProps()
-          })
-        } else {
-          //tag
-          //tag
-          let result = this.$androidUtil.path({'alias': 'getDetails', 'data': {id:this.row.serviceacitivity[0].id}})
-          //tag
-          if (result.code === 200) {
-            this.details = result.data
-            this.sortDetails()
-            if (this.model.serviceacitivity[0] && this.model.serviceacitivity[0].imgs) {
-              this.getImgPath()
-            }
-            this.setProps()
-          }
-        }
-      } else {
-        //tag
-        this.getDetailsGen();
-      }
-    },
-    getDetailsGen(){
-      let http = new HttpResetClass()
-      http.load('POST','af-telephone/rs/path/getDetails', {data: {id: this.repair.id}}, {resolveMsg: null, rejectMsg: null}).then((res) => {
-        this.details = res.data
-        // this.sortDetails()
-        if (this.model.serviceacitivity[0] && this.model.serviceacitivity[0].imgs) {
-          this.getImgPath()
-        }
-        this.setProps()
-      })
-    },
-    // 获取维修数据
-    getRepairInfo(){
-      if (this.$androidUtil.isTest) {
-        //  android模拟
-        this.$androidUtil.path({'alias': 'telgetRepairWorkMsg', 'data': {id: this.row.id}}).then((ret) => {
-          this.model.serviceacitivity = ret.data[0].serviceacitivity
-          this.setProps()
-        })
-      } else {
-        let result = this.$androidUtil.path({'alias': 'telgetRepairWorkMsg', 'data': {id: this.row.id}})
-        if (result.code == 200) {
-          //tag)
-          //tag)
-          this.model.serviceacitivity = result.data[0].serviceacitivity
-          this.setProps()
-        }
-      }
-    },
-    // 复制数据
-    copy() {
-      if (this.row) {
-        //tag
-        this.model = Object.assign({}, this.model, this.row)
-        //tag
-        //tag)
-        // 获取维修数据
-        if(Vue.android){
-          if(this.row.f_orderstatus == '本地保存'){
-            this.getRepairInfo()
-          }
-        }
-      }
-      // 指定了维修单，获取维修单数据，给工单
-      if (this.repair) {
-        this.getRepair()
-      } else {
-        //tag
-        this.setProps()
-      }
-    },
-    back () {
-      let _this = this
-      if(this.issee){
-        _this.$back()
-        return
-      }
-      this.$showMessage('所填写内容将不可恢复！', ['confirm', 'cancel']).then((res) => {
-        if (res === 'confirm') {
-          _this.$back()
-        }
-      })
-    },
-    confirm(){
-      this.$dispatch('confirm')
-    },
-    mute() {
-      HostApp.mute()
-    },
-    // 维修项赋给维修单的维修集合内
-    getRepairDetails() {
-      if (this.repairdetails.length > 0) {
-        let repairlist = []
-        for (let j = 0;j< this.repairdetails.length;j++) {
-          let repairitem = []
-          for (var i = 0;i< this.repairdetails[j].details.length;i++) {
-            if(this.row.f_source == '安检'){
-              repairitem.push({f_project:this.repairdetails[j].details[i].f_project,f_defect_remark:this.repairdetails[j].details[i].f_defect_remark,type:this.repairdetails[j].details[i].type,f_defect_id:this.repairdetails[j].details[i].f_defect_id,f_status:'',f_content:''})
-            }else{
-              repairitem.push({f_project:this.repairdetails[j].details[i].f_project,type:this.repairdetails[j].details[i].type,f_status:'',f_content:'',f_is_must:this.repairdetails[j].details[i].f_is_must ? 'true':'false'})
-            }
-          }
-          repairlist.push({f_type: this.repairdetails[j].f_type, details: repairitem,imgs:[],f_remarks:this.repairdetails[j].f_remarks})
-        }
-        this.model.serviceacitivity[0].servicerepair = Object.assign([], repairlist)
-      }
-      //tag)
-    },
-    gotoUpload(){
-      this.$goto('fault-all', {
-        msg: this.model, model: this.model.serviceacitivity[0],
-        service: this.model, system: this.system, show: this.show,
-        savevalid: this.savevalid,
-        issee:this.issee,
-        parentPage:'CurrentCreate',
-        ischeck:this.ischeck
-      }, 'upload')
-    }
-  },
-  watch: {
-    'row' () {
-      //tag
-      this.copy()
-    }
-  },
-  ready () {
-    this.model.serviceacitivity[0].baseuserinfo=this.row
-    this.model.serviceacitivity[0].baseuserinfo.id=null
-    this.getRepairDetails()
-    this.copy()
-    if( this.model.serviceacitivity[0].servicerepair.length > 0){
-      for(let i = 0;i < this.model.serviceacitivity[0].servicerepair.length;i++ ){
-        this.tabs.splice(1 + i, 0, {header:this.model.serviceacitivity[0].servicerepair[i].f_type,complete:'repair-details',items:this.model.serviceacitivity[0].servicerepair[i].details,class:'repair-details-class',number:i,details:Object.assign({}, JSON.parse(JSON.stringify(this.model.serviceacitivity[0].servicerepair[i])))})
-      }
-    }
-    //tag
-    this.faultshow.number = this.tabs.length
-    if (this.show || this.repair) {
-      this.faultshow.number = this.tabs.length
-    }
-    let isRecodr = this.$appdata.getSingleValue('呼叫无限制录音'); //单值参数，为true则是开启全程录音
-    if (isRecodr) {
-      if (isRecodr == 'true' && !this.repair) {
-        this.$showMessage("为了保证服务质量，您的电话将会被全程录音！")
-        // 初始化录音
-        this.record()
-      }
-    }
-  },
-  components: {
-    'change-meter-user-info':ChangeMeterUserInfo,
-    'old-meter': OldMeter,
-    'fault-all': FaultAll,
-    'change-meter-page-new': ChangeMeterPageNew
-  },
-  events: {
-    'tijiao': function () {
-      // 事件回调内的 `this` 自动绑定到注册它的实例上
-      this.confirm()
-    },
-    'gotorepairinfo':function (){
-      let pardate = {
-        _this:this,
-        title:'维修信息',
-        safe:false
-      }
-      let curActivity = {
-        id:this.row.workid
-      }
-      this.$dispatch('gotoson',pardate)
-      this.$goto('repair-paper-andorid', {service:this.row,curActivity: curActivity}, 'self')
-    }
-  }
-}
-</script>
-<style lang="less">
-@import "../../../src/bootstrap/less/variables.less";
-.tab-befor-img (@url) {
-  content: '';
-  background-image: url("@{url}");
-  background-size: 20px;
-  display: inline-block;
-  margin-right: 8px;
-  margin-top: 0.3em;
-  height: 1.3em;
-  width: 1.3em;
-  vertical-align: -35%;
-}
-
-@media screen and (min-width: 768px) {
-  .android-repair-order > div > ul a {
-    font-size: @font-size-h2;
-    margin: 0.3em 0;
-  }
-}
-.repair-details-class{
-  &::before {
-    .tab-befor-img("../../assets/huneiweixiu1.png");
-  }
-}
-.repair-info-class {
-  &::before {
-    .tab-befor-img("../../assets/baoxiuxinxi1.png");
-  }
-}
-/*  .change-meter-page-class {
-    &::before {
-      .tab-befor-img("../../assets/baoxiuxinxi1.png");
-    }
-  }*/
-.repair-user-info-class {
-  &::before {
-    .tab-befor-img("../../assets/jibenxinxi1.png")
-  }
-}
-
-.door-service-class {
-  &::before {
-    .tab-befor-img("../../assets/huneiweixiu1.png")
-  }
-}
-
-.pipeline-class {
-  &::before {
-    .tab-befor-img("../../assets/guandao1.png")
-  }
-}
-
-.device-service-class {
-  &::before {
-    .tab-befor-img("../../assets/shebeiweixiu1.png")
-  }
-}
-
-.trouble-removal-class {
-  &::before {
-    .tab-befor-img("../../assets/shiguchuli.png")
-  }
-}
-
-.cooking-utensils-class {
-  &::before {
-    .tab-befor-img("../../assets/zaoju1.png")
-  }
-}
-
-.outlay-class {
-  &::before {
-    .tab-befor-img("../../assets/feiyong1.png")
-  }
-}
-
-.fault-all-class {
-  &::before {
-    .tab-befor-img("../../assets/guzhanghuizong1.png")
-  }
-}
-.photo-write-class {
-  &::before {
-    .tab-befor-img("../../assets/zaoju.png")
-  }
-}
-.delay-apply-class {
-  &::before {
-    .tab-befor-img("../../assets/yonghubaoxiu.png")
-  }
-}
-
-.repair-back-class {
-  &::before {
-    .tab-befor-img("../../assets/fanhui.png")
-  }
-}
-.butt2 {
-  display: inline;
-  float: right;
-  width: 10px;
-  text-align: center;
-  align-items:center;
-  position: absolute;
-  top:50%;
-
-  left:90%;
-  transform: translate(-50%,-50%);
-}
-.linesty{
-  display: inline-block;
-  height:1px;
-  width:100%;
-  background:#d0d0d0;
-  overflow:hidden;
-  vertical-align: middle;
-}
-.spanboder{
-  border-bottom:2px solid #499edf;
-  padding-bottom: 8px
-}
-.app-botton {
-  position:fixed;
-  background: #87b2dd;
-  right:8px;
-  color: #FFF;
-  padding: 8px;
-  text-align: center;
-  font-size: 1.2em;
-  z-index: 10;
-  opacity:0.5;
-  bottom: 50px;
-  margin-top: -10px;
-  height: 40px;
-}
-.android-repair-order > div > ul a {
-  font-size: 12px;
-  color: #333333;
-  padding: 13px 16px;
-}
-</style>
+<template>
+  <div class="no-close row android-repair-order" style="background-color: #f9f9f9">
+    <div class="col-sm-12 col-xs-12" >
+      <ul class="nav nav-tabs" style="background:#ffffff;">
+        <li v-for="row in tabs" @click="tabSelect(row,$index)" :class="{active1: row.complete === componentName}"
+            v-if="$index < number+1 && $index < faultshow.number" >
+          <a href="javascript:void(0)" style="background-color: #ffffff;color: #666666;font-size: 16px;font-family:SimSun" :class="row.class">
+            <span class="spanboder">{{row.header}}</span>
+            <img class="butt2" :src="imgback(row.complete === componentName)"></a>
+          <p></p>
+        </li>
+        <div class="col-sm-12 col-xs-12 repair-bg"  v-show="routeShow">
+          <route name='repair' :reuse="false"></route>
+        </div>
+        <li v-for="row in tabs" @click="tabSelect(row,$index)" :class="{active1: row.complete === componentName}"
+            v-if="$index > number && $index < faultshow.number ">
+          <a href="javascript:void(0)" style="background-color: #ffffff;color: #666666;font-size: 16px;font-family:SimSun" :class="row.class">
+            <span class="spanboder">{{row.header}}</span>
+            <img class="butt2" :src="imgback(row.complete === componentName)"></a>
+          <p></p>
+        </li>
+        <div class="col-sm-12 col-xs-12 repair-bg">
+          <route name='upload' :reuse="false"></route>
+        </div>
+      </ul>
+    </div>
+  </div>
+</template>
+<script>
+import Vue from 'vue'
+import  OldMeter from './oldMeterPage.vue'
+import ChangeMeterUserInfo from './ChangeMeterUserInfo.vue'
+import ChangeMeterPageNew from './ChangeMeterPageNew'
+import FaultAll from './FaultAll'
+import { HttpResetClass } from 'vue-client'
+import co from 'co'
+import * as Util from '../Util'
+let loadParamGem = async function (self) {
+  await self.$LoadParams.loadParam()
+}
+
+export default {
+  title: '入户换表',
+  props: {
+    worktype:{
+      type: String,
+      default: '换表单'
+    },
+    //分辨平板还是pc
+    system: '',
+    // 要处理的工单
+    row: {
+      type: Object
+    },
+    // 要显示的维修单
+    repair: {
+      type: Object
+    },
+    // 是否是显示
+    show: {
+      type: Boolean,
+      default: false
+    },
+    issee:'',
+    ischeck:{
+      type: Boolean,
+      default: false
+    }
+  },
+
+  data() {
+    return {
+      // 维修项
+      repairdetails:{},
+      // userinfo: '',
+      routeShow:true,
+      number:0,
+      shupingshow:false,
+      pipeline: {},
+      model: {
+        serviceacitivity: [{
+          baseuserinfo: {
+            id:null,
+            f_credentials:'身份证'
+          },
+          basemeterinfo: {},
+          matterinfo: {},
+          servicerepair: [],
+          //  照片
+          imgs: [],
+          // 签名照片名字
+          // 照片
+          material: [],              //维修的一批材料
+          f_date: '',
+          f_date_come: Util.toStandardTimeString(),
+          f_date_leave: '',
+          f_is_userfilesadd:'未上传',
+          f_dealtype:'线下处理',
+          f_workorder_type:this.worktype ? this.worktype : '报修单'
+        }]
+      },
+      details: [],
+      ids: '',
+      savevalid: {
+        uservalid: false,
+        doorvalid: true,
+        changetable: false
+      },
+      doordetails: {},
+      devicedetails: {},
+      cookdetails: {},
+      componentName: 'change-meter-user-info',
+      tabs: [
+        {
+          header: '客户工单信息', complete: 'change-meter-user-info', class: 'repair-info-class', props: null
+        },
+        {
+          header: '旧表信息', complete: 'old-meter', class: 'change-meter-page-class', props: null
+
+        },
+        {
+          header: '换表', complete: 'change-meter-page-new', class: 'change-meter-page-class', props: null
+        }
+      ],
+      faultshow:{
+        number : 8
+      }
+    }
+  },
+  methods: {
+    // 录音方法
+    record() {
+      //tag
+      let fileName
+      if (!this.f_recording1_path) {
+        fileName = Util.guid() + '.amr'
+      } else {
+        fileName = Util.getFileName(this.f_recording1_path)
+      }
+      //HostApp.__this__ = this
+      /*调用无限制录音模块*/
+      let startOrStopState = HostApp.startOrStopAudioClip(fileName,"开始录音")
+      //tag
+      if (startOrStopState.code == 200) {
+        this.model.f_recording1_path =  "/storage/emulated/0/safecheck/" + fileName
+        console.log("录音文件地址"+this.model.f_recording1_path)
+        //tag
+        return true;
+      }else {
+        return false;
+      }
+    },
+    imgback(val){
+      if(val && this.routeShow){
+        return require('../../assets/xiangxia1.png')
+      }else{
+        return require('../../assets/xiangyou1.png')
+      }
+    },
+    // 选择tab
+    tabSelect (item,number) {
+      // 处理关闭/显示 内容
+      if(this.number == number && !this.routeShow ){
+        this.routeShow = true
+      }else if(this.number == number && this.routeShow){
+
+        this.routeShow = false
+      }else if(this.number != item.complete){
+        this.routeShow = true
+      }
+      this.number = number
+      this.componentName = item.complete
+      if(item.complete == 'repair-details'){
+        if (this.row.f_workorder_type == '置换通气单') {
+          // 根据置换单的用户类型，查询气价信息给下拉框赋值
+          new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/queryGaspriceGroupByFilaleid`,
+            {data: {f_filialeid:Vue.user.orgid,f_gasproperties:this.row.f_gasproperties}},
+            {resolveMsg: null, rejectMsg: null}).then((rese)=>{
+            //tag)
+            let pricelist = []
+            if (rese.data) {
+              rese.data.forEach(item => pricelist.push({label: item.f_price_name, value: item.f_price_name}))
+            }
+            this.pricelists = pricelist;
+            //tag)
+            let itemprops = {
+              model: this.model.serviceacitivity[0],
+              service: this.model,
+              show: this.show,
+              repairitem: item,
+              faultshow :this.faultshow,
+              shutype:'shu',
+              tabs:this.tabs,
+              repairdetails:this.repairdetails,
+              issee:this.issee,
+              pricelists: this.pricelists //根据置换单下派的用气性质和公司查询的气价信息
+            }
+            //tag
+            //tag)
+            this.$goto(item.complete, itemprops, 'repair')
+          })
+        } else {
+          let itemprops = {
+            model: this.model.serviceacitivity[0],
+            service: this.model,
+            show: this.show,
+            repairitem: item,
+            faultshow :this.faultshow,
+            shutype:'shu',
+            tabs:this.tabs,
+            repairdetails:this.repairdetails,
+            issee:this.issee,
+            pricelists: [{label:"无",value:"无"}]
+          }
+          //tag
+          //tag)
+          this.$goto(item.complete, itemprops, 'repair')
+        }
+      }else{
+        //tag
+        // //tag)
+        // //tag)
+        if(this.routeShow) {
+          //tag)
+          // //tag)
+          this.$goto(item.complete, this.tabs[number].props, 'repair')
+        }
+      }
+      this.shupingshow = true
+    },
+    // 给组件添加参数
+    getImgPath() {
+      for (var i = 0; i < this.model.serviceacitivity[0].imgs.length; i++) {
+        this.ids += this.model.serviceacitivity[0].imgs[i].imgid + ','
+      }
+      this.ids = this.ids.substring(0, this.ids.length - 1)
+      if(this.ids){
+        this.getImgGen();
+      }
+    },
+    getImgGen(){
+      let http = new HttpResetClass()
+      http.load('POST','af-telephone/rs/sql/tel_singleTable_OrderBy', {data: {
+          items: '*',
+          tablename: 't_files',
+          condition: `id in (${this.ids})`,
+          orderitem: 'id'
+        }}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+        for (let i = 0; i < res.data.length; i++) {
+          for (let j = 0; j < this.model.serviceacitivity[0].imgs.length; j++) {
+            //tag)
+            //tag
+            if (res.data[i].id.toString() === this.model.serviceacitivity[0].imgs[j].imgid) {
+              this.model.serviceacitivity[0].imgs[j] = Object.assign({}, res.data[i], this.model.serviceacitivity[0].imgs[j])
+            }
+          }
+
+        }
+      })
+    },
+    setProps() {
+      // 给各自组件添加参数
+      for(var i =0;i<this.tabs.length;i++ ){
+        if(this.tabs[i].complete == 'repair-info'){
+          this.tabs[i].props = {
+            service: this.row,
+            model: this.model.serviceacitivity[0].baseuserinfo,
+            data: this.model.serviceacitivity[0],
+            savevalid: this.savevalid,
+            repair: this.row,
+            show: this.show,
+            // userinfo: this.userinfo
+            shutype:'shu',
+            worktype:this.worktype,
+            issee:this.issee,
+            ischeck:this.ischeck
+          }
+        }else if (this.tabs[i].complete == 'change-meter-user-info'){
+          this.tabs[i].props = {
+            model: this.model
+          }
+        }else if (this.tabs[i].complete == 'old-meter'){
+          this.tabs[i].props = {model: this.model}
+        }else if (this.tabs[i].complete == 'repair-user-info'){
+          this.tabs[i].props = {
+            model: this.model.serviceacitivity[0].baseuserinfo,
+            data: this.model.serviceacitivity[0],
+            savevalid: this.savevalid,
+            repair: this.row,
+            show: this.show,
+            // userinfo: this.userinfo
+            shutype:'shu',
+            worktype:this.worktype,
+            issee:this.issee
+          }
+        } else if (this.tabs[i].complete == 'outlay'){
+          this.tabs[i].props = {
+            model: this.model.serviceacitivity[0],
+            service: this.model,
+            show: this.show,
+            system: this.system,
+            f_single_man: this.model.f_single_man,
+            shutype: 'shu',
+            issee:this.issee
+          }
+        }else if (this.tabs[i].complete == 'fault-all'){
+          this.tabs[i].props =  {
+            msg: this.model, model: this.model.serviceacitivity[0],
+            service: this.model, system: this.system, show: this.show,
+            savevalid: this.savevalid,
+            issee: this.issee
+          }
+        }else if (this.tabs[i].complete == 'change-meter-page-new') {
+          this.tabs[i].props = {
+            service:this.model,
+            model: this.model.serviceacitivity[0].basemeterinfo,
+            data: this.model.serviceacitivity[0],
+            savevalid: this.savevalid,
+            repair: this.row,
+            show: this.show,
+            shutype: 'shu',
+            worktype: this.worktype,
+            issee: this.issee
+          }
+        }
+      }
+      // 参数设置成功，在转向第一个页签
+      this.$goto('change-meter-user-info', this.tabs[0].props, 'repair')
+      if(!this.issee){
+        this.gotoUpload()
+      }
+    },
+
+    getRepair() {
+      if (Vue.android) {
+        //tag
+        if (this.$androidUtil.isTest) {
+          //tag
+          this.$androidUtil.path({'alias': 'serviceWork', 'data': {id: this.row.serviceacitivity[0].id}}).then((ret) => {
+            this.model.serviceacitivity = ret.data
+            this.getDetails()
+          })
+        } else {
+          //tag
+          let result = this.$androidUtil.path({'alias': 'serviceWork', 'data': {id: this.row.serviceacitivity[0].id}})
+          //tag
+          if (result.code === 200) {
+            // this.show = true
+            this.model.serviceacitivity = result.data
+            this.getDetails()
+          }
+        }
+      } else {
+        //tag
+        this.getService();
+      }
+    },
+    getService(){
+      let http = new HttpResetClass()
+      http.load('POST','af-telephone/rs/path/serviceWork', {data: {id: this.repair.id}}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+        this.model.serviceacitivity = [res.data[0]]
+        this.getDetails()
+      })
+    },
+    sortDetails(){
+      for (let i = 0; i < this.details.length; i++) {
+        if (this.details[i].details.length) {
+          for (let j = 0; j < this.details[i].details.length; j++) {
+            if (this.details[i].details[j].f_type === 'a') {
+              this.doordetails = {details: this.details[i].details}
+              break
+            }
+            if (this.details[i].details[j].f_type === 'b') {
+              this.devicedetails = {details: this.details[i].details}
+              break
+            }
+            if (this.details[i].details[j].f_type === 'c') {
+              this.cookdetails = {details: this.details[i].details}
+              break
+            }
+          }
+        }
+      }
+    },
+    getDetails() {
+      if (Vue.android) {
+        //tag
+        if (this.$androidUtil.isTest) {
+          //tag
+          this.$androidUtil.path({'alias': 'getDetails', 'data': {id: this.row.serviceacitivity[0].id}}).then((ret) => {
+            this.details = ret.data
+            this.sortDetails()
+            if (this.model.serviceacitivity[0] && this.model.serviceacitivity[0].imgs) {
+              this.getImgPath()
+            }
+            this.setProps()
+          })
+        } else {
+          //tag
+          //tag
+          let result = this.$androidUtil.path({'alias': 'getDetails', 'data': {id:this.row.serviceacitivity[0].id}})
+          //tag
+          if (result.code === 200) {
+            this.details = result.data
+            this.sortDetails()
+            if (this.model.serviceacitivity[0] && this.model.serviceacitivity[0].imgs) {
+              this.getImgPath()
+            }
+            this.setProps()
+          }
+        }
+      } else {
+        //tag
+        this.getDetailsGen();
+      }
+    },
+    getDetailsGen(){
+      let http = new HttpResetClass()
+      http.load('POST','af-telephone/rs/path/getDetails', {data: {id: this.repair.id}}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+        this.details = res.data
+        // this.sortDetails()
+        if (this.model.serviceacitivity[0] && this.model.serviceacitivity[0].imgs) {
+          this.getImgPath()
+        }
+        this.setProps()
+      })
+    },
+    // 获取维修数据
+    getRepairInfo(){
+      if (this.$androidUtil.isTest) {
+        //  android模拟
+        this.$androidUtil.path({'alias': 'telgetRepairWorkMsg', 'data': {id: this.row.id}}).then((ret) => {
+          this.model.serviceacitivity = ret.data[0].serviceacitivity
+          this.setProps()
+        })
+      } else {
+        let result = this.$androidUtil.path({'alias': 'telgetRepairWorkMsg', 'data': {id: this.row.id}})
+        if (result.code == 200) {
+          //tag)
+          //tag)
+          this.model.serviceacitivity = result.data[0].serviceacitivity
+          this.setProps()
+        }
+      }
+    },
+    // 复制数据
+    copy() {
+      if (this.row) {
+        //tag
+        this.model = Object.assign({}, this.model, this.row)
+        //tag
+        //tag)
+        // 获取维修数据
+        if(Vue.android){
+          if(this.row.f_orderstatus == '本地保存'){
+            this.getRepairInfo()
+          }
+        }
+      }
+      // 指定了维修单，获取维修单数据，给工单
+      if (this.repair) {
+        this.getRepair()
+      } else {
+        //tag
+        this.setProps()
+      }
+    },
+    back () {
+      let _this = this
+      if(this.issee){
+        _this.$back()
+        return
+      }
+      this.$showMessage('所填写内容将不可恢复！', ['confirm', 'cancel']).then((res) => {
+        if (res === 'confirm') {
+          _this.$back()
+        }
+      })
+    },
+    confirm(){
+      this.$dispatch('confirm')
+    },
+    mute() {
+      HostApp.mute()
+    },
+    // 维修项赋给维修单的维修集合内
+    getRepairDetails() {
+      if (this.repairdetails.length > 0) {
+        let repairlist = []
+        for (let j = 0;j< this.repairdetails.length;j++) {
+          let repairitem = []
+          for (var i = 0;i< this.repairdetails[j].details.length;i++) {
+            if(this.row.f_source == '安检'){
+              repairitem.push({f_project:this.repairdetails[j].details[i].f_project,f_defect_remark:this.repairdetails[j].details[i].f_defect_remark,type:this.repairdetails[j].details[i].type,f_defect_id:this.repairdetails[j].details[i].f_defect_id,f_status:'',f_content:''})
+            }else{
+              repairitem.push({f_project:this.repairdetails[j].details[i].f_project,type:this.repairdetails[j].details[i].type,f_status:'',f_content:'',f_is_must:this.repairdetails[j].details[i].f_is_must ? 'true':'false'})
+            }
+          }
+          repairlist.push({f_type: this.repairdetails[j].f_type, details: repairitem,imgs:[],f_remarks:this.repairdetails[j].f_remarks})
+        }
+        this.model.serviceacitivity[0].servicerepair = Object.assign([], repairlist)
+      }
+      //tag)
+    },
+    gotoUpload(){
+      this.$goto('fault-all', {
+        msg: this.model, model: this.model.serviceacitivity[0],
+        service: this.model, system: this.system, show: this.show,
+        savevalid: this.savevalid,
+        issee:this.issee,
+        parentPage:'CurrentCreate',
+        ischeck:this.ischeck
+      }, 'upload')
+    }
+  },
+  watch: {
+    'row' () {
+      //tag
+      this.copy()
+    }
+  },
+  ready () {
+    this.model.serviceacitivity[0].baseuserinfo=this.row
+    this.model.serviceacitivity[0].baseuserinfo.id=null
+    this.getRepairDetails()
+    this.copy()
+    if( this.model.serviceacitivity[0].servicerepair.length > 0){
+      for(let i = 0;i < this.model.serviceacitivity[0].servicerepair.length;i++ ){
+        this.tabs.splice(1 + i, 0, {header:this.model.serviceacitivity[0].servicerepair[i].f_type,complete:'repair-details',items:this.model.serviceacitivity[0].servicerepair[i].details,class:'repair-details-class',number:i,details:Object.assign({}, JSON.parse(JSON.stringify(this.model.serviceacitivity[0].servicerepair[i])))})
+      }
+    }
+    //tag
+    this.faultshow.number = this.tabs.length
+    if (this.show || this.repair) {
+      this.faultshow.number = this.tabs.length
+    }
+    let isRecodr = this.$appdata.getSingleValue('呼叫无限制录音'); //单值参数，为true则是开启全程录音
+    if (isRecodr) {
+      if (isRecodr == 'true' && !this.repair) {
+        this.$showMessage("为了保证服务质量，您的电话将会被全程录音！")
+        // 初始化录音
+        this.record()
+      }
+    }
+  },
+  components: {
+    'change-meter-user-info':ChangeMeterUserInfo,
+    'old-meter': OldMeter,
+    'fault-all': FaultAll,
+    'change-meter-page-new': ChangeMeterPageNew
+  },
+  events: {
+    'tijiao': function () {
+      // 事件回调内的 `this` 自动绑定到注册它的实例上
+      this.confirm()
+    },
+    'gotorepairinfo':function (){
+      let pardate = {
+        _this:this,
+        title:'维修信息',
+        safe:false
+      }
+      let curActivity = {
+        id:this.row.workid
+      }
+      this.$dispatch('gotoson',pardate)
+      this.$goto('repair-paper-andorid', {service:this.row,curActivity: curActivity}, 'self')
+    }
+  }
+}
+</script>
+<style lang="less">
+@import "../../../src/bootstrap/less/variables.less";
+.tab-befor-img (@url) {
+  content: '';
+  background-image: url("@{url}");
+  background-size: 20px;
+  display: inline-block;
+  margin-right: 8px;
+  margin-top: 0.3em;
+  height: 1.3em;
+  width: 1.3em;
+  vertical-align: -35%;
+}
+
+@media screen and (min-width: 768px) {
+  .android-repair-order > div > ul a {
+    font-size: @font-size-h2;
+    margin: 0.3em 0;
+  }
+}
+.repair-details-class{
+  &::before {
+    .tab-befor-img("../../assets/huneiweixiu1.png");
+  }
+}
+.repair-info-class {
+  &::before {
+    .tab-befor-img("../../assets/baoxiuxinxi1.png");
+  }
+}
+/*  .change-meter-page-class {
+    &::before {
+      .tab-befor-img("../../assets/baoxiuxinxi1.png");
+    }
+  }*/
+.repair-user-info-class {
+  &::before {
+    .tab-befor-img("../../assets/jibenxinxi1.png")
+  }
+}
+
+.door-service-class {
+  &::before {
+    .tab-befor-img("../../assets/huneiweixiu1.png")
+  }
+}
+
+.pipeline-class {
+  &::before {
+    .tab-befor-img("../../assets/guandao1.png")
+  }
+}
+
+.device-service-class {
+  &::before {
+    .tab-befor-img("../../assets/shebeiweixiu1.png")
+  }
+}
+
+.trouble-removal-class {
+  &::before {
+    .tab-befor-img("../../assets/shiguchuli.png")
+  }
+}
+
+.cooking-utensils-class {
+  &::before {
+    .tab-befor-img("../../assets/zaoju1.png")
+  }
+}
+
+.outlay-class {
+  &::before {
+    .tab-befor-img("../../assets/feiyong1.png")
+  }
+}
+
+.fault-all-class {
+  &::before {
+    .tab-befor-img("../../assets/guzhanghuizong1.png")
+  }
+}
+.photo-write-class {
+  &::before {
+    .tab-befor-img("../../assets/zaoju.png")
+  }
+}
+.delay-apply-class {
+  &::before {
+    .tab-befor-img("../../assets/yonghubaoxiu.png")
+  }
+}
+
+.repair-back-class {
+  &::before {
+    .tab-befor-img("../../assets/fanhui.png")
+  }
+}
+.butt2 {
+  display: inline;
+  float: right;
+  width: 10px;
+  text-align: center;
+  align-items:center;
+  position: absolute;
+  top:50%;
+
+  left:90%;
+  transform: translate(-50%,-50%);
+}
+.linesty{
+  display: inline-block;
+  height:1px;
+  width:100%;
+  background:#d0d0d0;
+  overflow:hidden;
+  vertical-align: middle;
+}
+.spanboder{
+  border-bottom:2px solid #499edf;
+  padding-bottom: 8px
+}
+.app-botton {
+  position:fixed;
+  background: #87b2dd;
+  right:8px;
+  color: #FFF;
+  padding: 8px;
+  text-align: center;
+  font-size: 1.2em;
+  z-index: 10;
+  opacity:0.5;
+  bottom: 50px;
+  margin-top: -10px;
+  height: 40px;
+}
+.android-repair-order > div > ul a {
+  font-size: 12px;
+  color: #333333;
+  padding: 13px 16px;
+}
+</style>