telephone-clients 4.0.0-1-28 → 4.0.0-1-29

package/src/filiale/meihekou/android/RepairOrderV.vue

@@ -1,868 +1,893 @@
-<template>
-  <!--<div class="app-botton" @click="back()">-->
-  <!--返回<span class="glyphicon glyphicon-menu-right"></span>-->
-  <!--</div>-->
-  <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 RepairInfo from '../../../components/workorder/RepairInfo'
-import MeterReading from './MeterReading'
-import RepairDetails from '../../../components/workorder/RepairDetails'
-import RepairUserInfo from '../../../components/workorder/RepairUserInfo'
-import Outlay from './Outlay'
-import FaultAll from '../../../components/workorder/FaultAll'
-import { HttpResetClass } from 'vue-client'
-import * as Util from '../../../components/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: {
-            f_credentials:'身份证'
-          },
-          basemeterinfo: {},
-          matterinfo: {},
-          servicerepair: [],
-          //  照片
-          imgs: [],
-          // 签名照片名字
-          // 照片
-          material: [],              //维修的一批材料
-          f_date: '',
-          f_date_come: '',
-          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: 'repair-info',
-      tabs: [
-        {
-          header: '客户工单信息', complete: 'repair-info', class: 'repair-info-class', props: null
-        },
-        {
-          header: '拍照及签名',complete:'outlay', class: 'outlay-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 == '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 == 'meter-reading') {
-          //tag
-          //tag)
-          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,
-            // userinfo: this.userinfo
-            shutype: 'shu',
-            worktype: this.worktype,
-            issee: this.issee
-          }
-        }
-      }
-      // 参数设置成功，在转向第一个页签
-      this.$goto('repair-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()
-    }
-  },
-  async ready () {
-    if (this.row.f_userinfo_id){
-      let http = new HttpResetClass()
-      let response = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/tel_singleTable_OrderBy`, {
-        data: {
-          items: 'count(0) as num',
-          tablename: 't_userfiles',
-          condition: `f_userinfo_id = '${this.row.f_userinfo_id}' and f_meter_classify != '物联网表'`,
-          orderitem: '1'
-        }
-      }, {resolveMsg: null, rejectMsg: null})
-      if (response.data[0].num > 0 ){
-        this.tabs.push({
-          header: '抄表', complete: 'meter-reading', class: 'meter-reading-class', props: null
-        })
-      }
-    }
-    // 1.先判断是否是安检转来的
-    // 2.判断工单类型  报修单/置换通气单
-    // 3.判断用户类型  民用及非民用
-    // 是否是复检，如果是复检，读复检配置
-    if (this.ischeck) {
-      if (Vue.config.telephone.IsCheckConfig && Vue.config.telephone.IsCheckConfig.data != undefined) {
-        this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.IsCheckConfig.data)))
-      } else {
-        this.repairdetails = []
-        console.log('无复检配置项')
-      }
-    } else if (this.row.f_source == '安检') {
-      //tag)
-      this.repairdetails = JSON.parse(this.row.f_repairitems).data
-      //tag}`)
-    } else {
-      //tag
-      if (this.row.f_workorder_type == '报修单') {
-        if (Vue.config.telephone.RepairsConfig.data != undefined) {
-          //tag
-          //tag)
-          this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.RepairsConfig.data)))
-        } else {
-          this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
-        }
-      } else if (this.row.f_workorder_type == '置换通气单') {
-        //tag
-        // 判断用户类型   民用/非民用
-        if (this.row.f_user_type == '民用') {
-          //tag
-          if (Vue.config.telephone.SubstitConfigCivil.data != undefined) {
-            //tag
-            //tag)
-            this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.SubstitConfigCivil.data)))
-          } else {
-            this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
-          }
-        } else {
-          //tag
-          if (Vue.config.telephone.SubstitConfigBusiness.data != undefined) {
-            //tag
-            //tag)
-            this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.SubstitConfigBusiness.data)))
-          } else {
-            this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
-          }
-        }
-      } else {
-        //tag
-        // 判断用户类型   民用/非民用
-        if (this.row.f_user_type == '民用') {
-          //tag
-          if (Vue.config.telephone.InstallConfigCivil.data != undefined) {
-            //tag
-            //tag)
-            this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.InstallConfigCivil.data)))
-          } else {
-            this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
-          }
-        } else {
-          //tag
-          if (Vue.config.telephone.InstallConfigBusiness.data != undefined) {
-            //tag
-            //tag)
-            this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.InstallConfigBusiness.data)))
-          } else {
-            this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
-          }
-        }
-
-      }
-    }
-    // this.repairdetails = [{"f_type": "换表","details": [{"f_project":"换表类型","type": "selector","options": [{"data": "换计费器"},{"data": "换新表"},{"data": "气表清零"}]},{"f_project":"换表原因","type": "selector","options": [{"data": "换新表"}]},{"f_project":"旧表底数","type": "string"}]},{"f_type": "改管","details": [{"f_project":"换表原因","type": "selector","options": [{"data": "换新表"}]},{"f_project":"旧表底数","type": "string"}]}]
-    // 维修项传到维修单中
-    this.getRepairDetails()
-    //loadParamGem(this)
-    //tag
-    this.copy()
-    //tag
-    // tbs合并数组
-    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: {
-    // 'door-service': DoorService,
-    'repair-info': RepairInfo,
-    'meter-reading': MeterReading,
-    'repair-user-info': RepairUserInfo,
-    'outlay': Outlay,
-    'fault-all': FaultAll,
-    'repair-details': RepairDetails
-    // 'change-meter-page': ChangeMeterPage
-    // 'pipeline': Pipeline,
-    // 'device-service': DeviceService,
-    // 'trouble-removal': TroubleRemoval,
-    // 'cooking-utensils': CookingUtensils,
-    // 'repair-matter-info': RepairMatterInfo,
-    // 'first-gas-check': FirstGasCheck,
-    // 'tel-change-matter': TelChangeMatter/
-  },
-  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")
-  }
-}
-
-.meter-reading-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="app-botton" @click="back()">-->
+  <!--返回<span class="glyphicon glyphicon-menu-right"></span>-->
+  <!--</div>-->
+  <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 RepairInfo from '../../../components/workorder/RepairInfo'
+import CirculationRecord from './CirculationRecord'
+import MeterReading from './MeterReading'
+import RepairDetails from '../../../components/workorder/RepairDetails'
+import RepairUserInfo from '../../../components/workorder/RepairUserInfo'
+import Outlay from './Outlay'
+import FaultAll from '../../../components/workorder/FaultAll'
+import { HttpResetClass } from 'vue-client'
+import * as Util from '../../../components/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: {
+            f_credentials:'身份证'
+          },
+          basemeterinfo: {},
+          matterinfo: {},
+          servicerepair: [],
+          //  照片
+          imgs: [],
+          // 签名照片名字
+          // 照片
+          material: [],              //维修的一批材料
+          f_date: '',
+          f_date_come: '',
+          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: 'repair-info',
+      tabs: [
+        {
+          header: '客户工单信息', complete: 'repair-info', class: 'repair-info-class', props: null
+        },
+        {
+          header: '流转记录', complete: 'circulation-record', class: 'circulation-record-class', props: null
+        },
+        {
+          header: '拍照及签名',complete:'outlay', class: 'outlay-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 == '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 == 'meter-reading') {
+          //tag
+          //tag)
+          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,
+            // userinfo: this.userinfo
+            shutype: 'shu',
+            worktype: this.worktype,
+            issee: this.issee
+          }
+        }else if (this.tabs[i].complete == 'circulation-record') {
+          //tag
+          //tag)
+          this.tabs[i].props = {
+            service: this.row,
+            model: this.model.serviceacitivity[0].basemeterinfo,
+            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
+          }
+        }
+      }
+      // 参数设置成功，在转向第一个页签
+      this.$goto('repair-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()
+    }
+  },
+  async ready () {
+    if (this.row.f_userinfo_id){
+      let http = new HttpResetClass()
+      let response = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/tel_singleTable_OrderBy`, {
+        data: {
+          items: 'count(0) as num',
+          tablename: 't_userfiles',
+          condition: `f_userinfo_id = '${this.row.f_userinfo_id}' and f_meter_classify != '物联网表'`,
+          orderitem: '1'
+        }
+      }, {resolveMsg: null, rejectMsg: null})
+      if (response.data[0].num > 0 ){
+        this.tabs.push({
+          header: '抄表', complete: 'meter-reading', class: 'meter-reading-class', props: null
+        })
+      }
+    }
+    // 1.先判断是否是安检转来的
+    // 2.判断工单类型  报修单/置换通气单
+    // 3.判断用户类型  民用及非民用
+    // 是否是复检，如果是复检，读复检配置
+    if (this.ischeck) {
+      if (Vue.config.telephone.IsCheckConfig && Vue.config.telephone.IsCheckConfig.data != undefined) {
+        this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.IsCheckConfig.data)))
+      } else {
+        this.repairdetails = []
+        console.log('无复检配置项')
+      }
+    } else if (this.row.f_source == '安检') {
+      //tag)
+      this.repairdetails = JSON.parse(this.row.f_repairitems).data
+      //tag}`)
+    } else {
+      //tag
+      if (this.row.f_workorder_type == '报修单') {
+        if (Vue.config.telephone.RepairsConfig.data != undefined) {
+          //tag
+          //tag)
+          this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.RepairsConfig.data)))
+        } else {
+          this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
+        }
+      } else if (this.row.f_workorder_type == '置换通气单') {
+        //tag
+        // 判断用户类型   民用/非民用
+        if (this.row.f_user_type == '民用') {
+          //tag
+          if (Vue.config.telephone.SubstitConfigCivil.data != undefined) {
+            //tag
+            //tag)
+            this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.SubstitConfigCivil.data)))
+          } else {
+            this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
+          }
+        } else {
+          //tag
+          if (Vue.config.telephone.SubstitConfigBusiness.data != undefined) {
+            //tag
+            //tag)
+            this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.SubstitConfigBusiness.data)))
+          } else {
+            this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
+          }
+        }
+      } else {
+        //tag
+        // 判断用户类型   民用/非民用
+        if (this.row.f_user_type == '民用') {
+          //tag
+          if (Vue.config.telephone.InstallConfigCivil.data != undefined) {
+            //tag
+            //tag)
+            this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.InstallConfigCivil.data)))
+          } else {
+            this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
+          }
+        } else {
+          //tag
+          if (Vue.config.telephone.InstallConfigBusiness.data != undefined) {
+            //tag
+            //tag)
+            this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.InstallConfigBusiness.data)))
+          } else {
+            this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
+          }
+        }
+
+      }
+    }
+    // this.repairdetails = [{"f_type": "换表","details": [{"f_project":"换表类型","type": "selector","options": [{"data": "换计费器"},{"data": "换新表"},{"data": "气表清零"}]},{"f_project":"换表原因","type": "selector","options": [{"data": "换新表"}]},{"f_project":"旧表底数","type": "string"}]},{"f_type": "改管","details": [{"f_project":"换表原因","type": "selector","options": [{"data": "换新表"}]},{"f_project":"旧表底数","type": "string"}]}]
+    // 维修项传到维修单中
+    this.getRepairDetails()
+    //loadParamGem(this)
+    //tag
+    this.copy()
+    //tag
+    // tbs合并数组
+    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: {
+    // 'door-service': DoorService,
+    'repair-info': RepairInfo,
+    'meter-reading': MeterReading,
+    'circulation-record': CirculationRecord,
+    'repair-user-info': RepairUserInfo,
+    'outlay': Outlay,
+    'fault-all': FaultAll,
+    'repair-details': RepairDetails
+    // 'change-meter-page': ChangeMeterPage
+    // 'pipeline': Pipeline,
+    // 'device-service': DeviceService,
+    // 'trouble-removal': TroubleRemoval,
+    // 'cooking-utensils': CookingUtensils,
+    // 'repair-matter-info': RepairMatterInfo,
+    // 'first-gas-check': FirstGasCheck,
+    // 'tel-change-matter': TelChangeMatter/
+  },
+  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")
+  }
+}
+.circulation-record-class{
+  &::before {
+    .tab-befor-img("../../../assets/huneiweixiu1.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")
+  }
+}
+
+.meter-reading-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>