telephone-clients 3.0.103-90 → 3.0.103-92

package/src/components/workorder/RepairOrder.vue

@@ -1,688 +1,688 @@
-<template>
-  <div class="no-close row android-repair-order">
-    <div class="col-sm-3 col-xs-3" id="menurepair">
-      <ul class="nav nav-tabs">
-        <li v-for="row in tabs" @click="tabSelect(row,$index)" :class="{active: $index === tabindex}"
-            v-if="$index < faultshow">
-          <a href="javascript:void(0)" style="font-size: 20px" :class="row.class">{{row.header}}</a>
-        </li>
-        <li @click="back()">
-          <a href="javascript:void(0)" class="repair-back-class" v-if="!show">返回</a>
-        </li>
-      </ul>
-    </div>
-    <div class="col-sm-9 col-xs-9 repair-bg" style="overflow:auto;">
-      <route name='repair' ></route>
-    </div>
-  </div>
-</template>
-
-<script>
-  // 户内维修
-  import Vue from 'vue'
-  import DoorService from './DoorService'
-  import RepairDetails from './RepairDetails'
-  import RepairInfo from './RepairInfo'
-  import RepairUserInfo from './RepairUserInfo'
-  import Pipeline from './Pipeline'
-  import DeviceService from './DeviceService'
-  import TroubleRemoval from './TroubleRemoval'
-  import FirstGasCheck from './FirstGasCheck'
-  import RepairMatterInfo from './RepairMatterInfo'
-  import TelChangeMatter from './TelChangeMatter'
-  import Outlay from './Outlay'
-  import { HttpResetClass } from 'vue-client'
-  import co from 'co'
-  //获取json配置文件
-  let asyncReady = async function(self) {
-    // 获取配置信息
-    try {
-      // 获取配置文件
-      let http = new HttpResetClass()
-      let res  = await http.load('GET', `/phone/rs/vue`, {}, {resolveMsg: null, rejectMsg: null})
-        Vue.config = res.data
-     } catch (error) {
-      // 忽略704,文件找不到异常R
-      if (error.status !== 704) {
-        throw error
-      }
-    }
-  }
-
-  let loadParamGem = async function (self) {
-    // //tag}`)
-    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
-      }
-    },
-
-    data() {
-      return {
-        // 维修项
-        repairdetails:{},
-        tabindex:'',
-        // userinfo: '',
-        pipeline: {},
-        model: {
-          serviceacitivity: [{
-            baseuserinfo: {
-              f_credentials:'身份证'
-            },
-            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: {},
-        componentNameType:'用户报修信息',
-        componentName: 'repair-info',
-        tabs: [
-          // 参数全部设置成空，在ready时，等model处理好了，再添加
-          {
-            header: '客户工单信息',complete:'repair-info',class: 'repair-info-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: 8      // 控制 故障汇总 在 菜单里显示与否
-      }
-    },
-    methods: {
-      // 选择tab
-      tabSelect (item,number) {
-        this.componentNameType = item.header
-        this.tabindex = number
-        this.componentName = item.complete
-        if(item.complete == 'repair-details'){
-          let itemprops = {
-            model: this.model.serviceacitivity[0],
-            service: this.model,
-            show: this.show,
-            repairitem: item
-          }
-          //tag
-          //tag)
-          this.$goto(item.complete, itemprops, 'repair')
-        }else{
-          this.$goto(item.complete, this.tabs[number].props, 'repair')
-        }
-      },
-      // 给组件添加参数
-      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}
-          }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,
-              worktype:this.worktype
-            }
-          } 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,
-            }
-          }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
-            }
-          }
-        }
-
-        // 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')
-      },
-
-      async 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.worktype = this.row.f_workorder_type
-              this.getDetails()
-            }
-          }
-        } else {
-          //tag
-          await this.getService();
-        }
-      },
-      async getService(){
-        let http = new HttpResetClass()
-        var res = await http.load('POST','rs/path/serviceWork', {data: {id: this.repair.id}}, {resolveMsg: null, rejectMsg: null})
-        this.model.serviceacitivity = [res.data[0]]
-        this.worktype = this.row.f_workorder_type
-        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.model.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.model.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.getDetails()
-            })
-          } else {
-            //tag
-            let result = this.$androidUtil.path({'alias': 'telgetRepairWorkMsg', 'data': {id: this.row.id}})
-            if (result.code == 200) {
-              this.model.serviceacitivity = result.data[0].serviceacitivity
-              //tag
-              //tag
-              //tag)
-              this.getDetails()
-            }
-          }
-      },
-      // 复制数据
-      async copy() {
-        if (this.row) {
-          //tag
-          this.model = Object.assign({}, this.model, this.row)
-          //tag)
-        }
-        // 指定了维修单，获取维修单数据，给工单
-        if (this.repair) {
-          // this.$resetpost('rs/path/serviceWork',
-          //   {data: {id: this.repair.id}}, {resolveMsg: null, rejectMsg: null}).then((res) => {
-          //   // 把维修单的数据给工单第一个活动
-          //   this.model.serviceacitivity = [res.data[0]]
-          await this.getRepair()
-        } else {
-          if(Vue.android){
-            if(this.row.f_orderstatus == '本地保存' ){
-              this.getRepairInfo()
-            }
-          }
-          //tag
-          this.setProps()
-        }
-      },
-      back () {
-        let _this = this
-        this.$showMessage('退出后，所有填写内容将不可恢复，确认退出！', ['confirm', 'cancel']).then((res) => {
-          if (res === 'confirm') {
-            _this.$back()
-          }
-        })
-      },
-      confirm(){
-        this.$back()
-      },
-      readConfig () {
-        let gen =  asyncReady(this)
-        return co(gen)
-      },
-      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,type:this.repairdetails[j].details[i].type,f_defect_id:this.repairdetails[j].details[i].f_defect_id})
-              }else{
-                repairitem.push({f_project:this.repairdetails[j].details[i].f_project,type:this.repairdetails[j].details[i].type})
-              }
-            }
-            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)
-        }
-      },
-      // ready执行的业务逻辑
-        async readyRepair(){
-          // 1.先判断是否是安检转来的
-          // 2.如果不是安检转的，需要获取配置文件
-          // 3.判断工单类型  报修单/置换通气单
-          // 4.判断用户类型  民用及非民用
-          //tag
-          if(!Vue.android){
-            await asyncReady(this)
-          }
-          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.getRepairDetails()
-          if(Vue.android){
-            loadParamGem(this)
-          }
-          await 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(2 + 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})
-            }
-          }
-          this.faultshow = this.tabs.length
-          if (this.show || this.repair) {
-            this.faultshow = this.tabs.length
-          }
-        }
-    },
-    watch: {
-      'row' () {
-        //tag
-        this.copy()
-      }
-    },
-    ready () {
-      this.readyRepair()
-      // 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"}]}]
-    }
-    ,
-    components: {
-      'repair-details':RepairDetails,
-      'door-service': DoorService,
-      'repair-info': RepairInfo,
-      'repair-user-info': RepairUserInfo,
-      'outlay': Outlay,
-      '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: 30px;
-    display: inline-block;
-    margin-right: 8px;
-    margin-top: 0.3em;
-    height: 1.5em;
-    width: 1.5em;
-    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-info-class {
-    &::before {
-
-      .tab-befor-img("../../assets/baoxiuxinxi.png")
-    }
-  }
-
-  .repair-user-info-class {
-    &::before {
-      .tab-befor-img("../../assets/jinbenxinxi.png")
-    }
-  }
-
-  .door-service-class {
-    &::before {
-      .tab-befor-img("../../assets/huneiweixiu.png")
-    }
-  }
-
-  .pipeline-class {
-    &::before {
-      .tab-befor-img("../../assets/guandao.png")
-    }
-  }
-
-  .device-service-class {
-    &::before {
-      .tab-befor-img("../../assets/shebeiweixiu.png")
-    }
-  }
-  .repair-details-class {
-    &::before {
-      .tab-befor-img("../../assets/shebeiweixiu.png")
-    }
-  }
-
-  .trouble-removal-class {
-    &::before {
-      .tab-befor-img("../../assets/shiguchuli.png")
-    }
-  }
-
-  .cooking-utensils-class {
-    &::before {
-      .tab-befor-img("../../assets/zaoju.png")
-    }
-  }
-
-  .outlay-class {
-    &::before {
-      .tab-befor-img("../../assets/feiyong.png")
-    }
-  }
-
-  .fault-all-class {
-    &::before {
-      .tab-befor-img("../../assets/guzhanghuizong.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")
-    }
-  }
-</style>
+<template>
+  <div class="no-close row android-repair-order">
+    <div class="col-sm-3 col-xs-3" id="menurepair">
+      <ul class="nav nav-tabs">
+        <li v-for="row in tabs" @click="tabSelect(row,$index)" :class="{active: $index === tabindex}"
+            v-if="$index < faultshow">
+          <a href="javascript:void(0)" style="font-size: 20px" :class="row.class">{{row.header}}</a>
+        </li>
+        <li @click="back()">
+          <a href="javascript:void(0)" class="repair-back-class" v-if="!show">返回</a>
+        </li>
+      </ul>
+    </div>
+    <div class="col-sm-9 col-xs-9 repair-bg" style="overflow:auto;">
+      <route name='repair' ></route>
+    </div>
+  </div>
+</template>
+
+<script>
+  // 户内维修
+  import Vue from 'vue'
+  import DoorService from './DoorService'
+  import RepairDetails from './RepairDetails'
+  import RepairInfo from './RepairInfo'
+  import RepairUserInfo from './RepairUserInfo'
+  import Pipeline from './Pipeline'
+  import DeviceService from './DeviceService'
+  import TroubleRemoval from './TroubleRemoval'
+  import FirstGasCheck from './FirstGasCheck'
+  import RepairMatterInfo from './RepairMatterInfo'
+  import TelChangeMatter from './TelChangeMatter'
+  import Outlay from './Outlay'
+  import { HttpResetClass } from 'vue-client'
+  import co from 'co'
+  //获取json配置文件
+  let asyncReady = async function(self) {
+    // 获取配置信息
+    try {
+      // 获取配置文件
+      let http = new HttpResetClass()
+      let res  = await http.load('GET', `/phone/rs/vue`, {}, {resolveMsg: null, rejectMsg: null})
+        Vue.config = res.data
+     } catch (error) {
+      // 忽略704,文件找不到异常R
+      if (error.status !== 704) {
+        throw error
+      }
+    }
+  }
+
+  let loadParamGem = async function (self) {
+    // //tag}`)
+    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
+      }
+    },
+
+    data() {
+      return {
+        // 维修项
+        repairdetails:{},
+        tabindex:'',
+        // userinfo: '',
+        pipeline: {},
+        model: {
+          serviceacitivity: [{
+            baseuserinfo: {
+              f_credentials:'身份证'
+            },
+            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: {},
+        componentNameType:'用户报修信息',
+        componentName: 'repair-info',
+        tabs: [
+          // 参数全部设置成空，在ready时，等model处理好了，再添加
+          {
+            header: '客户工单信息',complete:'repair-info',class: 'repair-info-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: 8      // 控制 故障汇总 在 菜单里显示与否
+      }
+    },
+    methods: {
+      // 选择tab
+      tabSelect (item,number) {
+        this.componentNameType = item.header
+        this.tabindex = number
+        this.componentName = item.complete
+        if(item.complete == 'repair-details'){
+          let itemprops = {
+            model: this.model.serviceacitivity[0],
+            service: this.model,
+            show: this.show,
+            repairitem: item
+          }
+          //tag
+          //tag)
+          this.$goto(item.complete, itemprops, 'repair')
+        }else{
+          this.$goto(item.complete, this.tabs[number].props, 'repair')
+        }
+      },
+      // 给组件添加参数
+      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}
+          }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,
+              worktype:this.worktype
+            }
+          } 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,
+            }
+          }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
+            }
+          }
+        }
+
+        // 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')
+      },
+
+      async 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.worktype = this.row.f_workorder_type
+              this.getDetails()
+            }
+          }
+        } else {
+          //tag
+          await this.getService();
+        }
+      },
+      async getService(){
+        let http = new HttpResetClass()
+        var res = await http.load('POST','rs/path/serviceWork', {data: {id: this.repair.id}}, {resolveMsg: null, rejectMsg: null})
+        this.model.serviceacitivity = [res.data[0]]
+        this.worktype = this.row.f_workorder_type
+        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.model.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.model.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.getDetails()
+            })
+          } else {
+            //tag
+            let result = this.$androidUtil.path({'alias': 'telgetRepairWorkMsg', 'data': {id: this.row.id}})
+            if (result.code == 200) {
+              this.model.serviceacitivity = result.data[0].serviceacitivity
+              //tag
+              //tag
+              //tag)
+              this.getDetails()
+            }
+          }
+      },
+      // 复制数据
+      async copy() {
+        if (this.row) {
+          //tag
+          this.model = Object.assign({}, this.model, this.row)
+          //tag)
+        }
+        // 指定了维修单，获取维修单数据，给工单
+        if (this.repair) {
+          // this.$resetpost('rs/path/serviceWork',
+          //   {data: {id: this.repair.id}}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+          //   // 把维修单的数据给工单第一个活动
+          //   this.model.serviceacitivity = [res.data[0]]
+          await this.getRepair()
+        } else {
+          if(Vue.android){
+            if(this.row.f_orderstatus == '本地保存' ){
+              this.getRepairInfo()
+            }
+          }
+          //tag
+          this.setProps()
+        }
+      },
+      back () {
+        let _this = this
+        this.$showMessage('退出后，所有填写内容将不可恢复，确认退出！', ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            _this.$back()
+          }
+        })
+      },
+      confirm(){
+        this.$back()
+      },
+      readConfig () {
+        let gen =  asyncReady(this)
+        return co(gen)
+      },
+      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,type:this.repairdetails[j].details[i].type,f_defect_id:this.repairdetails[j].details[i].f_defect_id})
+              }else{
+                repairitem.push({f_project:this.repairdetails[j].details[i].f_project,type:this.repairdetails[j].details[i].type})
+              }
+            }
+            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)
+        }
+      },
+      // ready执行的业务逻辑
+        async readyRepair(){
+          // 1.先判断是否是安检转来的
+          // 2.如果不是安检转的，需要获取配置文件
+          // 3.判断工单类型  报修单/置换通气单
+          // 4.判断用户类型  民用及非民用
+          //tag
+          if(!Vue.android){
+            await asyncReady(this)
+          }
+          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.getRepairDetails()
+          if(Vue.android){
+            loadParamGem(this)
+          }
+          await 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(2 + 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})
+            }
+          }
+          this.faultshow = this.tabs.length
+          if (this.show || this.repair) {
+            this.faultshow = this.tabs.length
+          }
+        }
+    },
+    watch: {
+      'row' () {
+        //tag
+        this.copy()
+      }
+    },
+    ready () {
+      this.readyRepair()
+      // 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"}]}]
+    }
+    ,
+    components: {
+      'repair-details':RepairDetails,
+      'door-service': DoorService,
+      'repair-info': RepairInfo,
+      'repair-user-info': RepairUserInfo,
+      'outlay': Outlay,
+      '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: 30px;
+    display: inline-block;
+    margin-right: 8px;
+    margin-top: 0.3em;
+    height: 1.5em;
+    width: 1.5em;
+    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-info-class {
+    &::before {
+
+      .tab-befor-img("../../assets/baoxiuxinxi.png")
+    }
+  }
+
+  .repair-user-info-class {
+    &::before {
+      .tab-befor-img("../../assets/jinbenxinxi.png")
+    }
+  }
+
+  .door-service-class {
+    &::before {
+      .tab-befor-img("../../assets/huneiweixiu.png")
+    }
+  }
+
+  .pipeline-class {
+    &::before {
+      .tab-befor-img("../../assets/guandao.png")
+    }
+  }
+
+  .device-service-class {
+    &::before {
+      .tab-befor-img("../../assets/shebeiweixiu.png")
+    }
+  }
+  .repair-details-class {
+    &::before {
+      .tab-befor-img("../../assets/shebeiweixiu.png")
+    }
+  }
+
+  .trouble-removal-class {
+    &::before {
+      .tab-befor-img("../../assets/shiguchuli.png")
+    }
+  }
+
+  .cooking-utensils-class {
+    &::before {
+      .tab-befor-img("../../assets/zaoju.png")
+    }
+  }
+
+  .outlay-class {
+    &::before {
+      .tab-befor-img("../../assets/feiyong.png")
+    }
+  }
+
+  .fault-all-class {
+    &::before {
+      .tab-befor-img("../../assets/guzhanghuizong.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")
+    }
+  }
+</style>