telephone-clients 4.0.0-1-5 → 4.0.0-1-6

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

@@ -0,0 +1,825 @@
+<template>
+  <!--<div class="app-botton" @click="back()">-->
+  <!--返回<span class="glyphicon glyphicon-menu-right"></span>-->
+  <!--</div>-->
+  <div class="no-close row android-repair-order" style="background-color: #f9f9f9">
+    <div class="col-sm-12 col-xs-12" >
+      <ul class="nav nav-tabs" style="background:#ffffff;">
+        <li v-for="row in tabs" @click="tabSelect(row,$index)" :class="{active1: row.complete === componentName}"
+            v-if="$index < number+1 && $index < faultshow.number" >
+          <a href="javascript:void(0)" style="background-color: #ffffff;color: #666666;font-size: 16px;font-family:SimSun" :class="row.class">
+            <span class="spanboder">{{row.header}}</span>
+            <img class="butt2" :src="imgback(row.complete === componentName)"></a>
+          <p></p>
+        </li>
+        <div class="col-sm-12 col-xs-12 repair-bg"  v-show="routeShow">
+          <route name='repair' :reuse="false"></route>
+        </div>
+        <li v-for="row in tabs" @click="tabSelect(row,$index)" :class="{active1: row.complete === componentName}"
+            v-if="$index > number && $index < faultshow.number ">
+          <a href="javascript:void(0)" style="background-color: #ffffff;color: #666666;font-size: 16px;font-family:SimSun" :class="row.class">
+            <span class="spanboder">{{row.header}}</span>
+            <img class="butt2" :src="imgback(row.complete === componentName)"></a>
+          <p></p>
+        </li>
+        <div class="col-sm-12 col-xs-12 repair-bg">
+          <route name='upload' :reuse="false"></route>
+        </div>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script>
+// 户内维修
+import Vue from 'vue'
+import RepairInfo from '../../../components/workorder/RepairInfo'
+import RepairDetails from '../../../components/workorder/RepairDetails'
+import RepairUserInfo from '../../../components/workorder/RepairUserInfo'
+import Outlay from './Outlay'
+import FaultAll from '../../../components/workorder/FaultAll'
+import { HttpResetClass } from 'vue-client'
+import * as Util from '../../../components/Util'
+
+let loadParamGem = async function (self) {
+  await self.$LoadParams.loadParam()
+}
+
+export default {
+  title: '维修单',
+  props: {
+    worktype:{
+      type: String,
+      default: '报修单'
+    },
+    //分辨平板还是pc
+    system: '',
+    // 要处理的工单
+    row: {
+      type: Object
+    },
+    // 要显示的维修单
+    repair: {
+      type: Object
+    },
+    // 是否是显示
+    show: {
+      type: Boolean,
+      default: false
+    },
+    issee:'',
+    ischeck:{
+      type: Boolean,
+      default: false
+    }
+  },
+
+  data() {
+    return {
+      // 维修项
+      repairdetails:{},
+      // userinfo: '',
+      routeShow:true,
+      number:0,
+      shupingshow:false,
+      pipeline: {},
+      model: {
+        serviceacitivity: [{
+          baseuserinfo: {
+            f_credentials:'身份证'
+          },
+          basemeterinfo: {},
+          matterinfo: {},
+          servicerepair: [],
+          //  照片
+          imgs: [],
+          // 签名照片名字
+          // 照片
+          material: [],              //维修的一批材料
+          f_date: '',
+          f_date_come: '',
+          f_date_leave: '',
+          f_is_userfilesadd:'未上传',
+          f_dealtype:'线下处理',
+          f_workorder_type:this.worktype ? this.worktype : '报修单'
+        }]
+      },
+      details: [],
+      ids: '',
+      savevalid: {
+        uservalid: false,
+        doorvalid: true,
+        changetable: false
+      },
+      doordetails: {},
+      devicedetails: {},
+      cookdetails: {},
+      componentName: 'repair-info',
+      tabs: [
+        // 参数全部设置成空，在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()}/af-telephone/rs/sql/queryGaspriceGroupByFilaleid`,
+            {data: {f_filialeid:Vue.user.orgid,f_gasproperties:this.row.f_gasproperties}},
+            {resolveMsg: null, rejectMsg: null}).then((rese)=>{
+            //tag)
+            let pricelist = []
+            if (rese.data) {
+              rese.data.forEach(item => pricelist.push({label: item.f_price_name, value: item.f_price_name}))
+            }
+            this.pricelists = pricelist;
+            //tag)
+            let itemprops = {
+              model: this.model.serviceacitivity[0],
+              service: this.model,
+              show: this.show,
+              repairitem: item,
+              faultshow :this.faultshow,
+              shutype:'shu',
+              tabs:this.tabs,
+              repairdetails:this.repairdetails,
+              issee:this.issee,
+              pricelists: this.pricelists //根据置换单下派的用气性质和公司查询的气价信息
+            }
+            //tag
+            //tag)
+            this.$goto(item.complete, itemprops, 'repair')
+          })
+        } else {
+          let itemprops = {
+            model: this.model.serviceacitivity[0],
+            service: this.model,
+            show: this.show,
+            repairitem: item,
+            faultshow :this.faultshow,
+            shutype:'shu',
+            tabs:this.tabs,
+            repairdetails:this.repairdetails,
+            issee:this.issee,
+            pricelists: [{label:"无",value:"无"}]
+          }
+          //tag
+          //tag)
+          this.$goto(item.complete, itemprops, 'repair')
+        }
+      }else{
+        //tag
+        // //tag)
+        // //tag)
+        if(this.routeShow) {
+          //tag)
+          // //tag)
+          this.$goto(item.complete, this.tabs[number].props, 'repair')
+        }
+      }
+      this.shupingshow = true
+    },
+    // 给组件添加参数
+    getImgPath() {
+      for (var i = 0; i < this.model.serviceacitivity[0].imgs.length; i++) {
+        this.ids += this.model.serviceacitivity[0].imgs[i].imgid + ','
+      }
+      this.ids = this.ids.substring(0, this.ids.length - 1)
+      if(this.ids){
+        this.getImgGen();
+      }
+    },
+    getImgGen(){
+      let http = new HttpResetClass()
+      http.load('POST','af-telephone/rs/sql/tel_singleTable_OrderBy', {data: {
+          items: '*',
+          tablename: 't_files',
+          condition: `id in (${this.ids})`,
+          orderitem: 'id'
+        }}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+        for (let i = 0; i < res.data.length; i++) {
+          for (let j = 0; j < this.model.serviceacitivity[0].imgs.length; j++) {
+            //tag)
+            //tag
+            if (res.data[i].id.toString() === this.model.serviceacitivity[0].imgs[j].imgid) {
+              this.model.serviceacitivity[0].imgs[j] = Object.assign({}, res.data[i], this.model.serviceacitivity[0].imgs[j])
+            }
+          }
+
+        }
+      })
+    },
+    setProps() {
+      // 给各自组件添加参数
+      for(var i =0;i<this.tabs.length;i++ ){
+        if(this.tabs[i].complete == 'repair-info'){
+          this.tabs[i].props = {
+            service: this.row,
+            model: this.model.serviceacitivity[0].baseuserinfo,
+            data: this.model.serviceacitivity[0],
+            savevalid: this.savevalid,
+            repair: this.row,
+            show: this.show,
+            // userinfo: this.userinfo
+            shutype:'shu',
+            worktype:this.worktype,
+            issee:this.issee,
+            ischeck:this.ischeck
+          }
+        }else if (this.tabs[i].complete == 'repair-user-info'){
+          this.tabs[i].props = {
+            model: this.model.serviceacitivity[0].baseuserinfo,
+            data: this.model.serviceacitivity[0],
+            savevalid: this.savevalid,
+            repair: this.row,
+            show: this.show,
+            // userinfo: this.userinfo
+            shutype:'shu',
+            worktype:this.worktype,
+            issee:this.issee
+          }
+        } else if (this.tabs[i].complete == 'outlay'){
+          this.tabs[i].props = {
+            model: this.model.serviceacitivity[0],
+            service: this.model,
+            show: this.show,
+            system: this.system,
+            f_single_man: this.model.f_single_man,
+            shutype: 'shu',
+            issee:this.issee
+          }
+        }else if (this.tabs[i].complete == 'fault-all'){
+          this.tabs[i].props =  {
+            msg: this.model, model: this.model.serviceacitivity[0],
+            service: this.model, system: this.system, show: this.show,
+            savevalid: this.savevalid,
+            issee: this.issee
+          }
+        }else if (this.tabs[i].complete == '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.$goto('repair-info', this.tabs[0].props, 'repair')
+      if(!this.issee){
+        this.gotoUpload()
+      }
+    },
+
+    getRepair() {
+      if (Vue.android) {
+        //tag
+        if (this.$androidUtil.isTest) {
+          //tag
+          this.$androidUtil.path({'alias': 'serviceWork', 'data': {id: this.row.serviceacitivity[0].id}}).then((ret) => {
+            this.model.serviceacitivity = ret.data
+            this.getDetails()
+          })
+        } else {
+          //tag
+          let result = this.$androidUtil.path({'alias': 'serviceWork', 'data': {id: this.row.serviceacitivity[0].id}})
+          //tag
+          if (result.code === 200) {
+            // this.show = true
+            this.model.serviceacitivity = result.data
+            this.getDetails()
+          }
+        }
+      } else {
+        //tag
+        this.getService();
+      }
+    },
+    getService(){
+      let http = new HttpResetClass()
+      http.load('POST','af-telephone/rs/path/serviceWork', {data: {id: this.repair.id}}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+        this.model.serviceacitivity = [res.data[0]]
+        this.getDetails()
+      })
+    },
+    sortDetails(){
+      for (let i = 0; i < this.details.length; i++) {
+        if (this.details[i].details.length) {
+          for (let j = 0; j < this.details[i].details.length; j++) {
+            if (this.details[i].details[j].f_type === 'a') {
+              this.doordetails = {details: this.details[i].details}
+              break
+            }
+            if (this.details[i].details[j].f_type === 'b') {
+              this.devicedetails = {details: this.details[i].details}
+              break
+            }
+            if (this.details[i].details[j].f_type === 'c') {
+              this.cookdetails = {details: this.details[i].details}
+              break
+            }
+          }
+        }
+      }
+    },
+    getDetails() {
+      if (Vue.android) {
+        //tag
+        if (this.$androidUtil.isTest) {
+          //tag
+          this.$androidUtil.path({'alias': 'getDetails', 'data': {id: this.row.serviceacitivity[0].id}}).then((ret) => {
+            this.details = ret.data
+            this.sortDetails()
+            if (this.model.serviceacitivity[0] && this.model.serviceacitivity[0].imgs) {
+              this.getImgPath()
+            }
+            this.setProps()
+          })
+        } else {
+          //tag
+          //tag
+          let result = this.$androidUtil.path({'alias': 'getDetails', 'data': {id:this.row.serviceacitivity[0].id}})
+          //tag
+          if (result.code === 200) {
+            this.details = result.data
+            this.sortDetails()
+            if (this.model.serviceacitivity[0] && this.model.serviceacitivity[0].imgs) {
+              this.getImgPath()
+            }
+            this.setProps()
+          }
+        }
+      } else {
+        //tag
+        this.getDetailsGen();
+      }
+    },
+    getDetailsGen(){
+      let http = new HttpResetClass()
+      http.load('POST','af-telephone/rs/path/getDetails', {data: {id: this.repair.id}}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+        this.details = res.data
+        // this.sortDetails()
+        if (this.model.serviceacitivity[0] && this.model.serviceacitivity[0].imgs) {
+          this.getImgPath()
+        }
+        this.setProps()
+      })
+    },
+    // 获取维修数据
+    getRepairInfo(){
+      if (this.$androidUtil.isTest) {
+        //  android模拟
+        this.$androidUtil.path({'alias': 'telgetRepairWorkMsg', 'data': {id: this.row.id}}).then((ret) => {
+          this.model.serviceacitivity = ret.data[0].serviceacitivity
+          this.setProps()
+        })
+      } else {
+        let result = this.$androidUtil.path({'alias': 'telgetRepairWorkMsg', 'data': {id: this.row.id}})
+        if (result.code == 200) {
+          //tag)
+          //tag)
+          this.model.serviceacitivity = result.data[0].serviceacitivity
+          this.setProps()
+        }
+      }
+    },
+    // 复制数据
+    copy() {
+      if (this.row) {
+        //tag
+        this.model = Object.assign({}, this.model, this.row)
+        //tag
+        //tag)
+        // 获取维修数据
+        if(Vue.android){
+          if(this.row.f_orderstatus == '本地保存'){
+            this.getRepairInfo()
+          }
+        }
+      }
+      // 指定了维修单，获取维修单数据，给工单
+      if (this.repair) {
+        this.getRepair()
+      } else {
+        //tag
+        this.setProps()
+      }
+    },
+    back () {
+      let _this = this
+      if(this.issee){
+        _this.$back()
+        return
+      }
+      this.$showMessage('所填写内容将不可恢复！', ['confirm', 'cancel']).then((res) => {
+        if (res === 'confirm') {
+          _this.$back()
+        }
+      })
+    },
+    confirm(){
+      this.$dispatch('confirm')
+    },
+    mute() {
+      HostApp.mute()
+    },
+    // 维修项赋给维修单的维修集合内
+    getRepairDetails() {
+      if (this.repairdetails.length > 0) {
+        let repairlist = []
+        for (let j = 0;j< this.repairdetails.length;j++) {
+          let repairitem = []
+          for (var i = 0;i< this.repairdetails[j].details.length;i++) {
+            if(this.row.f_source == '安检'){
+              repairitem.push({f_project:this.repairdetails[j].details[i].f_project,f_defect_remark:this.repairdetails[j].details[i].f_defect_remark,type:this.repairdetails[j].details[i].type,f_defect_id:this.repairdetails[j].details[i].f_defect_id,f_status:'',f_content:''})
+            }else{
+              repairitem.push({f_project:this.repairdetails[j].details[i].f_project,type:this.repairdetails[j].details[i].type,f_status:'',f_content:'',f_is_must:this.repairdetails[j].details[i].f_is_must ? 'true':'false'})
+            }
+          }
+          repairlist.push({f_type: this.repairdetails[j].f_type, details: repairitem,imgs:[],f_remarks:this.repairdetails[j].f_remarks})
+        }
+        this.model.serviceacitivity[0].servicerepair = Object.assign([], repairlist)
+      }
+      //tag)
+    },
+    gotoUpload(){
+      this.$goto('fault-all', {
+        msg: this.model, model: this.model.serviceacitivity[0],
+        service: this.model, system: this.system, show: this.show,
+        savevalid: this.savevalid,
+        issee:this.issee,
+        parentPage:'CurrentCreate',
+        ischeck:this.ischeck
+      }, 'upload')
+    }
+  },
+  watch: {
+    'row' () {
+      //tag
+      this.copy()
+    }
+  },
+  ready () {
+    // 1.先判断是否是安检转来的
+    // 2.判断工单类型  报修单/置换通气单
+    // 3.判断用户类型  民用及非民用
+    // 是否是复检，如果是复检，读复检配置
+    if(this.ischeck){
+      if(Vue.config.telephone.IsCheckConfig && Vue.config.telephone.IsCheckConfig.data != undefined){
+        this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.IsCheckConfig.data)))
+      }else{
+        this.repairdetails = []
+        console.log('无复检配置项')
+      }
+    } else if(this.row.f_source == '安检'){
+      //tag)
+      this.repairdetails = JSON.parse(this.row.f_repairitems).data
+      //tag}`)
+    }else{
+      //tag
+      if(this.row.f_workorder_type == '报修单'){
+        if(Vue.config.telephone.RepairsConfig.data != undefined){
+          //tag
+          //tag)
+          this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.RepairsConfig.data)))
+        }else{
+          this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
+        }
+      }else if(this.row.f_workorder_type == '置换通气单'){
+        //tag
+        // 判断用户类型   民用/非民用
+        if(this.row.f_user_type == '民用'){
+          //tag
+          if(Vue.config.telephone.SubstitConfigCivil.data != undefined){
+            //tag
+            //tag)
+            this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.SubstitConfigCivil.data)))
+          }else {
+            this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
+          }
+        }else{
+          //tag
+          if(Vue.config.telephone.SubstitConfigBusiness.data != undefined){
+            //tag
+            //tag)
+            this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.SubstitConfigBusiness.data)))
+          }else{
+            this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
+          }
+        }
+      }else{
+        //tag
+        // 判断用户类型   民用/非民用
+        if(this.row.f_user_type == '民用'){
+          //tag
+          if(Vue.config.telephone.InstallConfigCivil.data != undefined){
+            //tag
+            //tag)
+            this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.InstallConfigCivil.data)))
+          }else {
+            this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
+          }
+        }else{
+          //tag
+          if(Vue.config.telephone.InstallConfigBusiness.data != undefined){
+            //tag
+            //tag)
+            this.repairdetails = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.InstallConfigBusiness.data)))
+          }else{
+            this.$showMessage('网络异常，请重新登陆系统！', ['confirm'])
+          }
+        }
+
+
+      }
+    }
+    // this.repairdetails = [{"f_type": "换表","details": [{"f_project":"换表类型","type": "selector","options": [{"data": "换计费器"},{"data": "换新表"},{"data": "气表清零"}]},{"f_project":"换表原因","type": "selector","options": [{"data": "换新表"}]},{"f_project":"旧表底数","type": "string"}]},{"f_type": "改管","details": [{"f_project":"换表原因","type": "selector","options": [{"data": "换新表"}]},{"f_project":"旧表底数","type": "string"}]}]
+    // 维修项传到维修单中
+    this.getRepairDetails()
+    //loadParamGem(this)
+    //tag
+    this.copy()
+    //tag
+    // tbs合并数组
+    if( this.model.serviceacitivity[0].servicerepair.length > 0){
+      for(let i = 0;i < this.model.serviceacitivity[0].servicerepair.length;i++ ){
+        this.tabs.splice(1 + i, 0, {header:this.model.serviceacitivity[0].servicerepair[i].f_type,complete:'repair-details',items:this.model.serviceacitivity[0].servicerepair[i].details,class:'repair-details-class',number:i,details:Object.assign({}, JSON.parse(JSON.stringify(this.model.serviceacitivity[0].servicerepair[i])))})
+      }
+    }
+    //tag
+    this.faultshow.number = this.tabs.length
+    if (this.show || this.repair) {
+      this.faultshow.number = this.tabs.length
+    }
+    let isRecodr = this.$appdata.getSingleValue('呼叫无限制录音'); //单值参数，为true则是开启全程录音
+    if (isRecodr) {
+      if (isRecodr == 'true' && !this.repair) {
+        this.$showMessage("为了保证服务质量，您的电话将会被全程录音！")
+        // 初始化录音
+        this.record()
+      }
+    }
+  },
+  components: {
+    // 'door-service': DoorService,
+    'repair-info': RepairInfo,
+    'repair-user-info': RepairUserInfo,
+    'outlay': Outlay,
+    'fault-all': FaultAll,
+    'repair-details':RepairDetails
+    // 'change-meter-page': ChangeMeterPage
+    // 'pipeline': Pipeline,
+    // 'device-service': DeviceService,
+    // 'trouble-removal': TroubleRemoval,
+    // 'cooking-utensils': CookingUtensils,
+    // 'repair-matter-info': RepairMatterInfo,
+    // 'first-gas-check': FirstGasCheck,
+    // 'tel-change-matter': TelChangeMatter/
+  },
+  events: {
+    'tijiao': function () {
+      // 事件回调内的 `this` 自动绑定到注册它的实例上
+      this.confirm()
+    },
+    'gotorepairinfo':function (){
+      let pardate = {
+        _this:this,
+        title:'维修信息',
+        safe:false
+      }
+      let curActivity = {
+        id:this.row.workid
+      }
+      this.$dispatch('gotoson',pardate)
+      this.$goto('repair-paper-andorid', {service:this.row,curActivity: curActivity}, 'self')
+    }
+  }
+}
+</script>
+<style lang="less">
+@import "../../../src/bootstrap/less/variables.less";
+//@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>