telephone-clients 3.0.113 → 3.0.115

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

@@ -1,805 +1,805 @@
-<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 '../../../components/workorder/Outlay'
-  import FaultAll from './FaultAll'
-  import { HttpResetClass } from 'vue-client'
-  import co from 'co'
-  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 {
-        f_recording1_path:'',
-        // 维修项
-        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:'outlay', class: 'outlay-class', props: null
-          }
-        ],
-        faultshow:{
-          number : 8
-        }     // 控制 故障汇总 在 菜单里显示与否
-      }
-    },
-    methods: {
-      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()
-      },
-      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;
-        }
-      },
-      // 维修项赋给维修单的维修集合内
-      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,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
-        }, 'upload')
-      }
-    },
-    watch: {
-      'row' () {
-        //tag
-        this.copy()
-      }
-    },
-    ready () {
-      if(this.row.f_source == '安检'){
-        this.repairdetails = JSON.parse(this.row.f_repairitems).data
-        if(Vue.config.telephone.RepairsConfig.data != undefined){
-          this.repairdetails.push(JSON.parse(JSON.stringify(Vue.config.telephone.RepairsConfig.data))[0])
-        }
-      }else{
-        if(this.row.f_workorder_type == '报修单'){
-          if(Vue.config.telephone.RepairsConfig.data != undefined){
-            this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.RepairsConfig.data)))
-          }else{
-            this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
-          }
-        }else if(this.row.f_workorder_type == '置换通气单'){
-          // 判断用户类型   民用/非民用
-          if(this.row.f_user_type == '民用'){
-            if(Vue.config.telephone.SubstitConfigCivil.data != undefined){
-              this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.SubstitConfigCivil.data)))
-            }else {
-              this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
-            }
-          }else{
-            if(Vue.config.telephone.SubstitConfigBusiness.data != undefined){
-              this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.SubstitConfigBusiness.data)))
-            }else{
-              this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
-            }
-          }
-        }else{
-          // 判断用户类型   民用/非民用
-          if(this.row.f_user_type == '民用'){
-            if(Vue.config.telephone.InstallConfigCivil.data != undefined){
-              this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.InstallConfigCivil.data)))
-            }else {
-              this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
-            }
-          }else{
-            if(Vue.config.telephone.InstallConfigBusiness.data != undefined){
-              this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.InstallConfigBusiness.data)))
-            }else{
-              this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
-            }
-          }
-        }
-      }
-      // 维修项传到维修单中
-      this.getRepairDetails()
-      loadParamGem(this)
-      this.copy()
-      // 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])))})
-        }
-      }
-      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,
-      '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";
-  //@import "../../../node_modules/system-clients/src/styles/less/variables.less";
-  .tab-befor-img (@url) {
-    content: '';
-    background-image: url("@{url}");
-    background-size: 20px;
-    display: inline-block;
-    margin-right: 8px;
-    margin-top: 0.3em;
-    height: 1.3em;
-    width: 1.3em;
-    vertical-align: -35%;
-  }
-
-  @media screen and (min-width: 768px) {
-    .android-repair-order > div > ul a {
-      font-size: @font-size-h2;
-      margin: 0.3em 0;
-    }
-  }
-  .repair-details-class{
-    &::before {
-      .tab-befor-img("../../../assets/huneiweixiu1.png");
-    }
-  }
-  .repair-info-class {
-    &::before {
-      .tab-befor-img("../../../assets/baoxiuxinxi1.png");
-    }
-  }
-/*  .change-meter-page-class {
-    &::before {
-      .tab-befor-img("../../assets/baoxiuxinxi1.png");
-    }
-  }*/
-  .repair-user-info-class {
-    &::before {
-      .tab-befor-img("../../../assets/jibenxinxi1.png")
-    }
-  }
-
-  .door-service-class {
-    &::before {
-      .tab-befor-img("../../../assets/huneiweixiu1.png")
-    }
-  }
-
-  .pipeline-class {
-    &::before {
-      .tab-befor-img("../../../assets/guandao1.png")
-    }
-  }
-
-  .device-service-class {
-    &::before {
-      .tab-befor-img("../../../assets/shebeiweixiu1.png")
-    }
-  }
-
-  .trouble-removal-class {
-    &::before {
-      .tab-befor-img("../../../assets/shiguchuli.png")
-    }
-  }
-
-  .cooking-utensils-class {
-    &::before {
-      .tab-befor-img("../../../assets/zaoju1.png")
-    }
-  }
-
-  .outlay-class {
-    &::before {
-      .tab-befor-img("../../../assets/feiyong1.png")
-    }
-  }
-
-  .fault-all-class {
-    &::before {
-      .tab-befor-img("../../../assets/guzhanghuizong1.png")
-    }
-  }
-  .photo-write-class {
-    &::before {
-      .tab-befor-img("../../../assets/zaoju.png")
-    }
-  }
-  .delay-apply-class {
-    &::before {
-      .tab-befor-img("../../../assets/yonghubaoxiu.png")
-    }
-  }
-
-  .repair-back-class {
-    &::before {
-      .tab-befor-img("../../../assets/fanhui.png")
-    }
-  }
-  .butt2 {
-    display: inline;
-    float: right;
-    width: 10px;
-    text-align: center;
-    align-items:center;
-    position: absolute;
-    top:50%;
-
-    left:90%;
-    transform: translate(-50%,-50%);
-  }
-  .linesty{
-    display: inline-block;
-    height:1px;
-    width:100%;
-    background:#d0d0d0;
-    overflow:hidden;
-    vertical-align: middle;
-  }
-  .spanboder{
-    border-bottom:2px solid #499edf;
-    padding-bottom: 8px
-  }
-  .app-botton {
-    position:fixed;
-    background: #87b2dd;
-    right:8px;
-    color: #FFF;
-    padding: 8px;
-    text-align: center;
-    font-size: 1.2em;
-    z-index: 10;
-    opacity:0.5;
-    bottom: 50px;
-    margin-top: -10px;
-    height: 40px;
-  }
-  .android-repair-order > div > ul a {
-    font-size: 12px;
-    color: #333333;
-    padding: 13px 16px;
-  }
-</style>
+<template>
+  <!--<div class="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 '../../../components/workorder/Outlay'
+  import FaultAll from './FaultAll'
+  import { HttpResetClass } from 'vue-client'
+  import co from 'co'
+  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 {
+        f_recording1_path:'',
+        // 维修项
+        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:'outlay', class: 'outlay-class', props: null
+          }
+        ],
+        faultshow:{
+          number : 8
+        }     // 控制 故障汇总 在 菜单里显示与否
+      }
+    },
+    methods: {
+      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()
+      },
+      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;
+        }
+      },
+      // 维修项赋给维修单的维修集合内
+      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,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
+        }, 'upload')
+      }
+    },
+    watch: {
+      'row' () {
+        //tag
+        this.copy()
+      }
+    },
+    ready () {
+      if(this.row.f_source == '安检'){
+        this.repairdetails = JSON.parse(this.row.f_repairitems).data
+        if(Vue.config.telephone.RepairsConfig.data != undefined){
+          this.repairdetails.push(JSON.parse(JSON.stringify(Vue.config.telephone.RepairsConfig.data))[0])
+        }
+      }else{
+        if(this.row.f_workorder_type == '报修单'){
+          if(Vue.config.telephone.RepairsConfig.data != undefined){
+            this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.RepairsConfig.data)))
+          }else{
+            this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
+          }
+        }else if(this.row.f_workorder_type == '置换通气单'){
+          // 判断用户类型   民用/非民用
+          if(this.row.f_user_type == '民用'){
+            if(Vue.config.telephone.SubstitConfigCivil.data != undefined){
+              this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.SubstitConfigCivil.data)))
+            }else {
+              this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
+            }
+          }else{
+            if(Vue.config.telephone.SubstitConfigBusiness.data != undefined){
+              this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.SubstitConfigBusiness.data)))
+            }else{
+              this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
+            }
+          }
+        }else{
+          // 判断用户类型   民用/非民用
+          if(this.row.f_user_type == '民用'){
+            if(Vue.config.telephone.InstallConfigCivil.data != undefined){
+              this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.InstallConfigCivil.data)))
+            }else {
+              this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
+            }
+          }else{
+            if(Vue.config.telephone.InstallConfigBusiness.data != undefined){
+              this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.InstallConfigBusiness.data)))
+            }else{
+              this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
+            }
+          }
+        }
+      }
+      // 维修项传到维修单中
+      this.getRepairDetails()
+      loadParamGem(this)
+      this.copy()
+      // 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])))})
+        }
+      }
+      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,
+      '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";
+  //@import "../../../node_modules/system-clients/src/styles/less/variables.less";
+  .tab-befor-img (@url) {
+    content: '';
+    background-image: url("@{url}");
+    background-size: 20px;
+    display: inline-block;
+    margin-right: 8px;
+    margin-top: 0.3em;
+    height: 1.3em;
+    width: 1.3em;
+    vertical-align: -35%;
+  }
+
+  @media screen and (min-width: 768px) {
+    .android-repair-order > div > ul a {
+      font-size: @font-size-h2;
+      margin: 0.3em 0;
+    }
+  }
+  .repair-details-class{
+    &::before {
+      .tab-befor-img("../../../assets/huneiweixiu1.png");
+    }
+  }
+  .repair-info-class {
+    &::before {
+      .tab-befor-img("../../../assets/baoxiuxinxi1.png");
+    }
+  }
+/*  .change-meter-page-class {
+    &::before {
+      .tab-befor-img("../../assets/baoxiuxinxi1.png");
+    }
+  }*/
+  .repair-user-info-class {
+    &::before {
+      .tab-befor-img("../../../assets/jibenxinxi1.png")
+    }
+  }
+
+  .door-service-class {
+    &::before {
+      .tab-befor-img("../../../assets/huneiweixiu1.png")
+    }
+  }
+
+  .pipeline-class {
+    &::before {
+      .tab-befor-img("../../../assets/guandao1.png")
+    }
+  }
+
+  .device-service-class {
+    &::before {
+      .tab-befor-img("../../../assets/shebeiweixiu1.png")
+    }
+  }
+
+  .trouble-removal-class {
+    &::before {
+      .tab-befor-img("../../../assets/shiguchuli.png")
+    }
+  }
+
+  .cooking-utensils-class {
+    &::before {
+      .tab-befor-img("../../../assets/zaoju1.png")
+    }
+  }
+
+  .outlay-class {
+    &::before {
+      .tab-befor-img("../../../assets/feiyong1.png")
+    }
+  }
+
+  .fault-all-class {
+    &::before {
+      .tab-befor-img("../../../assets/guzhanghuizong1.png")
+    }
+  }
+  .photo-write-class {
+    &::before {
+      .tab-befor-img("../../../assets/zaoju.png")
+    }
+  }
+  .delay-apply-class {
+    &::before {
+      .tab-befor-img("../../../assets/yonghubaoxiu.png")
+    }
+  }
+
+  .repair-back-class {
+    &::before {
+      .tab-befor-img("../../../assets/fanhui.png")
+    }
+  }
+  .butt2 {
+    display: inline;
+    float: right;
+    width: 10px;
+    text-align: center;
+    align-items:center;
+    position: absolute;
+    top:50%;
+
+    left:90%;
+    transform: translate(-50%,-50%);
+  }
+  .linesty{
+    display: inline-block;
+    height:1px;
+    width:100%;
+    background:#d0d0d0;
+    overflow:hidden;
+    vertical-align: middle;
+  }
+  .spanboder{
+    border-bottom:2px solid #499edf;
+    padding-bottom: 8px
+  }
+  .app-botton {
+    position:fixed;
+    background: #87b2dd;
+    right:8px;
+    color: #FFF;
+    padding: 8px;
+    text-align: center;
+    font-size: 1.2em;
+    z-index: 10;
+    opacity:0.5;
+    bottom: 50px;
+    margin-top: -10px;
+    height: 40px;
+  }
+  .android-repair-order > div > ul a {
+    font-size: 12px;
+    color: #333333;
+    padding: 13px 16px;
+  }
+</style>