telephone-clients 3.0.113 → 3.0.115

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

@@ -1,971 +1,971 @@
-<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 './RepairInfo'
-import RepairDetails from './../../../components/workorder/RepairDetails'
-import RepairUserInfo from './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: ''
-  },
-
-  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_workorder_type: this.worktype ? this.worktype : '报修单'
-        }]
-      },
-      details: [],
-      ids: '',
-      savevalid: {
-        uservalid: false,
-        doorvalid: true,
-        changetable: false
-      },
-      doordetails: {},
-      devicedetails: {},
-      cookdetails: {},
-      componentName: 'repair-info',
-      tabs: [
-        // 参数全部设置成空，在ready时，等model处理好了，再添加
-        {
-          header: '客户工单信息', complete: 'repair-info', class: 'repair-info-class', props: null
-        },
-        // {
-        //   header: '换表', complete: 'change-meter-page', class: 'change-meter-page-class', props: null
-        //
-        // },
-        // {
-        //   header: '客户基本信息',complete:'repair-user-info', class: 'repair-user-info-class', props: null
-        // },
-        // 'door-service': {
-        //   header: '户内维修', class: 'door-service-class', props: null
-        // },
-        // 'tel-change-matter': {
-        //   header: '换表', class: 'cooking-utensils-class', props: null
-        // },
-        // 'pipeline': {
-        //   header: '管道', class: 'pipeline-class', props: null
-        // },
-        // 'device-service': {
-        //   header: '设备维修', class: 'device-service-class', props: null
-        // },
-        // 'first-gas-check': {
-        //   header: '置换通气', class: 'cooking-utensils-class', props: null
-        // },
-        {
-          header: '拍照及签名', complete: 'outlay', class: 'outlay-class', props: null
-        }
-        // {
-        //   header: '上传工单',complete:'fault-all', class: 'fault-all-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()}/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', '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
-          }
-        } 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') {
-          //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.tabs['repair-info'].props = {service: this.row,shutype:'shu'}
-      // if (this.model.serviceacitivity[0]) {
-      //   this.tabs['repair-user-info'].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'
-      //   }
-      // }
-      // this.tabs['door-service'].props =
-      //   {
-      //     model: this.model.serviceacitivity[0],
-      //     savevalid: this.savevalid,
-      //     changetable: this.changetable,
-      //     service: this.model, show: this.show,
-      //     details: this.doordetails.details,
-      //     shutype:'shu'
-      //   }
-      // this.tabs['tel-change-matter'].props =
-      //   {
-      //     model: this.model.serviceacitivity[0],
-      //     service: this.model,
-      //     show: this.show,
-      //     shutype:'shu'
-      //   }
-      // this.tabs['pipeline'].props =
-      //   {
-      //     model: this.model.serviceacitivity[0],
-      //     service: this.model,
-      //     show: this.show,
-      //     shutype:'shu'
-      //   }
-      // this.tabs['device-service'].props = {
-      //   model: this.model.serviceacitivity[0],
-      //   service: this.model,
-      //   show: this.show,
-      //   details: this.devicedetails.details,
-      //   shutype:'shu'
-      // }
-      // this.tabs['outlay'].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'
-      // }
-      // this.tabs['fault-all'].props =
-      //   {
-      //     msg: this.model, model: this.model.serviceacitivity[0],
-      //     service: this.model, system: this.system, show: this.show,
-      //     savevalid: this.savevalid
-      //   }
-
-      // 参数设置成功，在转向第一个页签
-      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', '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', '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'
-      }, 'upload')
-    },
-    async getservicework() {
-      let http = new HttpResetClass()
-      ////tag
-      let res = await http.load('POST', 'rs/logic/tel_getServiceRepair', {data: {serviceid: this.row.f_service_id}}, {
-        resolveMsg: null,
-        rejectMsg: null
-      })
-      //console.log('res========',res)
-      //console.log('this.model.serviceacitivity[0]',this.model.serviceacitivity[0])
-      if(res.data.length>0){
-        res.data[0].servicerepair.forEach((detail)=>{
-          if(detail.hasOwnProperty('id')){
-            //console.log('删除detail.id=='+detail.id)
-            delete detail.id
-          }
-          console.log(detail)
-          if(detail.imgs.length>0){
-            detail.imgs.forEach((img)=>{
-              if(img.hasOwnProperty('id')){
-                //console.log('删除d.id=='+img.id)
-                delete img.id
-              }
-              console.log(img)
-              img.path=`${this.$androidUtil.getProxyUrl()}/rs/image/file/${img.android_file}`
-            })
-          }
-          if(detail.details.length>0){
-            detail.details.forEach((d)=>{
-              if(d.hasOwnProperty('id')){
-                //console.log('删除d.id=='+d.id)
-                delete d.id
-              }
-            })
-          }
-        })
-        if(res.data[0].imgs.length>0){
-          res.data[0].imgs.forEach((img)=>{
-            if(img.hasOwnProperty('id')){
-              //console.log('删除d.id=='+img.id)
-              delete img.id
-            }
-            img.path=`${this.$androidUtil.getProxyUrl()}/rs/image/file/${img.android_file}`
-          })
-        }
-        Object.assign(this.model.serviceacitivity[0],{
-          servicerepair:res.data[0].servicerepair,
-          imgs:res.data[0].imgs,
-          f_sign_imgid:'',
-          f_sign_path:`${this.$androidUtil.getProxyUrl()}/rs/image/file/${res.data[0].f_signname}`,
-          f_signname:res.data[0].f_signname
-        })
-        // this.model.serviceacitivity[0].servicerepair=res.data[0].servicerepair
-        // this.model.serviceacitivity[0].imgs=res.data[0].imgs
-        // this.model.serviceacitivity[0].f_sign_imgid=''
-        // this.model.serviceacitivity[0].f_sign_path=`${this.$androidUtil.getProxyUrl()}/rs/image/file/${res.data[0].f_signname}`
-        // this.model.serviceacitivity[0].f_signname=res.data[0].f_signname
-      }
-
-      //console.log('处理数据完成后this.model.serviceacitivity[0]',this.model.serviceacitivity[0])
-    }
-  },
-  watch: {
-    'row'() {
-      //tag
-      this.copy()
-    }
-  },
-  async ready() {
-    // 1.先判断是否是安检转来的
-    // 2.判断工单类型  报修单/置换通气单
-    // 3.判断用户类型  民用及非民用
-    console.log(this.row)
-    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"}]}]
-    // 维修项传到维修单中
-
-    console.log('this.repairdetails',this.repairdetails)
-    this.getRepairDetails()
-    console.log('this.repairdetails',this.repairdetails)
-    console.log(this.row)
-    if(this.row.f_backsuccess){
-      await this.getservicework()
-    }
-    console.log(111111111111111111111)
-    //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
-    }
-    console.log('this',this)
-    let isRecodr = this.$appdata.getSingleValue('呼叫无限制录音'); //单值参数，为true则是开启全程录音
-    if (isRecodr) {
-      if (isRecodr == 'true' && !this.repair) {
-        this.$showMessage("为了保证服务质量，您的电话将会被全程录音！")
-        // 初始化录音
-        this.record()
-      }
-    }
-  },
-  components: {
-    // 'door-service': DoorService,
-    'repair-info': RepairInfo,
-    '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()
-    }
-  }
-}
-</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");
-  }
-}
-
-.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="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 './RepairInfo'
+import RepairDetails from './../../../components/workorder/RepairDetails'
+import RepairUserInfo from './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: ''
+  },
+
+  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_workorder_type: this.worktype ? this.worktype : '报修单'
+        }]
+      },
+      details: [],
+      ids: '',
+      savevalid: {
+        uservalid: false,
+        doorvalid: true,
+        changetable: false
+      },
+      doordetails: {},
+      devicedetails: {},
+      cookdetails: {},
+      componentName: 'repair-info',
+      tabs: [
+        // 参数全部设置成空，在ready时，等model处理好了，再添加
+        {
+          header: '客户工单信息', complete: 'repair-info', class: 'repair-info-class', props: null
+        },
+        // {
+        //   header: '换表', complete: 'change-meter-page', class: 'change-meter-page-class', props: null
+        //
+        // },
+        // {
+        //   header: '客户基本信息',complete:'repair-user-info', class: 'repair-user-info-class', props: null
+        // },
+        // 'door-service': {
+        //   header: '户内维修', class: 'door-service-class', props: null
+        // },
+        // 'tel-change-matter': {
+        //   header: '换表', class: 'cooking-utensils-class', props: null
+        // },
+        // 'pipeline': {
+        //   header: '管道', class: 'pipeline-class', props: null
+        // },
+        // 'device-service': {
+        //   header: '设备维修', class: 'device-service-class', props: null
+        // },
+        // 'first-gas-check': {
+        //   header: '置换通气', class: 'cooking-utensils-class', props: null
+        // },
+        {
+          header: '拍照及签名', complete: 'outlay', class: 'outlay-class', props: null
+        }
+        // {
+        //   header: '上传工单',complete:'fault-all', class: 'fault-all-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()}/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', '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
+          }
+        } 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') {
+          //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.tabs['repair-info'].props = {service: this.row,shutype:'shu'}
+      // if (this.model.serviceacitivity[0]) {
+      //   this.tabs['repair-user-info'].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'
+      //   }
+      // }
+      // this.tabs['door-service'].props =
+      //   {
+      //     model: this.model.serviceacitivity[0],
+      //     savevalid: this.savevalid,
+      //     changetable: this.changetable,
+      //     service: this.model, show: this.show,
+      //     details: this.doordetails.details,
+      //     shutype:'shu'
+      //   }
+      // this.tabs['tel-change-matter'].props =
+      //   {
+      //     model: this.model.serviceacitivity[0],
+      //     service: this.model,
+      //     show: this.show,
+      //     shutype:'shu'
+      //   }
+      // this.tabs['pipeline'].props =
+      //   {
+      //     model: this.model.serviceacitivity[0],
+      //     service: this.model,
+      //     show: this.show,
+      //     shutype:'shu'
+      //   }
+      // this.tabs['device-service'].props = {
+      //   model: this.model.serviceacitivity[0],
+      //   service: this.model,
+      //   show: this.show,
+      //   details: this.devicedetails.details,
+      //   shutype:'shu'
+      // }
+      // this.tabs['outlay'].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'
+      // }
+      // this.tabs['fault-all'].props =
+      //   {
+      //     msg: this.model, model: this.model.serviceacitivity[0],
+      //     service: this.model, system: this.system, show: this.show,
+      //     savevalid: this.savevalid
+      //   }
+
+      // 参数设置成功，在转向第一个页签
+      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', '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', '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'
+      }, 'upload')
+    },
+    async getservicework() {
+      let http = new HttpResetClass()
+      ////tag
+      let res = await http.load('POST', 'rs/logic/tel_getServiceRepair', {data: {serviceid: this.row.f_service_id}}, {
+        resolveMsg: null,
+        rejectMsg: null
+      })
+      //console.log('res========',res)
+      //console.log('this.model.serviceacitivity[0]',this.model.serviceacitivity[0])
+      if(res.data.length>0){
+        res.data[0].servicerepair.forEach((detail)=>{
+          if(detail.hasOwnProperty('id')){
+            //console.log('删除detail.id=='+detail.id)
+            delete detail.id
+          }
+          console.log(detail)
+          if(detail.imgs.length>0){
+            detail.imgs.forEach((img)=>{
+              if(img.hasOwnProperty('id')){
+                //console.log('删除d.id=='+img.id)
+                delete img.id
+              }
+              console.log(img)
+              img.path=`${this.$androidUtil.getProxyUrl()}/rs/image/file/${img.android_file}`
+            })
+          }
+          if(detail.details.length>0){
+            detail.details.forEach((d)=>{
+              if(d.hasOwnProperty('id')){
+                //console.log('删除d.id=='+d.id)
+                delete d.id
+              }
+            })
+          }
+        })
+        if(res.data[0].imgs.length>0){
+          res.data[0].imgs.forEach((img)=>{
+            if(img.hasOwnProperty('id')){
+              //console.log('删除d.id=='+img.id)
+              delete img.id
+            }
+            img.path=`${this.$androidUtil.getProxyUrl()}/rs/image/file/${img.android_file}`
+          })
+        }
+        Object.assign(this.model.serviceacitivity[0],{
+          servicerepair:res.data[0].servicerepair,
+          imgs:res.data[0].imgs,
+          f_sign_imgid:'',
+          f_sign_path:`${this.$androidUtil.getProxyUrl()}/rs/image/file/${res.data[0].f_signname}`,
+          f_signname:res.data[0].f_signname
+        })
+        // this.model.serviceacitivity[0].servicerepair=res.data[0].servicerepair
+        // this.model.serviceacitivity[0].imgs=res.data[0].imgs
+        // this.model.serviceacitivity[0].f_sign_imgid=''
+        // this.model.serviceacitivity[0].f_sign_path=`${this.$androidUtil.getProxyUrl()}/rs/image/file/${res.data[0].f_signname}`
+        // this.model.serviceacitivity[0].f_signname=res.data[0].f_signname
+      }
+
+      //console.log('处理数据完成后this.model.serviceacitivity[0]',this.model.serviceacitivity[0])
+    }
+  },
+  watch: {
+    'row'() {
+      //tag
+      this.copy()
+    }
+  },
+  async ready() {
+    // 1.先判断是否是安检转来的
+    // 2.判断工单类型  报修单/置换通气单
+    // 3.判断用户类型  民用及非民用
+    console.log(this.row)
+    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"}]}]
+    // 维修项传到维修单中
+
+    console.log('this.repairdetails',this.repairdetails)
+    this.getRepairDetails()
+    console.log('this.repairdetails',this.repairdetails)
+    console.log(this.row)
+    if(this.row.f_backsuccess){
+      await this.getservicework()
+    }
+    console.log(111111111111111111111)
+    //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
+    }
+    console.log('this',this)
+    let isRecodr = this.$appdata.getSingleValue('呼叫无限制录音'); //单值参数，为true则是开启全程录音
+    if (isRecodr) {
+      if (isRecodr == 'true' && !this.repair) {
+        this.$showMessage("为了保证服务质量，您的电话将会被全程录音！")
+        // 初始化录音
+        this.record()
+      }
+    }
+  },
+  components: {
+    // 'door-service': DoorService,
+    'repair-info': RepairInfo,
+    '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()
+    }
+  }
+}
+</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");
+  }
+}
+
+.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>