telephone-clients 3.0.104-1 → 3.0.104-100

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

@@ -0,0 +1,1483 @@
+<template>
+  <!--<div class="app-botton" @click="back()">-->
+  <!--返回<span class="glyphicon glyphicon-menu-right"></span>-->
+  <!--</div>-->
+  <div class="no-close row android-repair-order" style="background-color: #f9f9f9">
+    <div class="col-sm-12 col-xs-12">
+      <ul class="nav nav-tabs" style="background:#ffffff;">
+        <li v-for="row in tabs" @click="tabSelect(row,$index)" :class="{active1: row.complete === componentName}"
+            v-if="$index < number+1 && $index < faultshow.number">
+          <a href="javascript:void(0)"
+             style="background-color: #ffffff;color: #666666;font-size: 16px;font-family:SimSun" :class="row.class">
+            <span class="spanboder">{{ row.header }}</span>
+            <img class="butt2" :src="imgback(row.complete === componentName)"></a>
+          <p></p>
+        </li>
+        <div class="col-sm-12 col-xs-12 repair-bg" v-show="routeShow">
+          <route name='repair' :reuse="false"></route>
+        </div>
+        <li v-for="row in tabs" @click="tabSelect(row,$index)" :class="{active1: row.complete === componentName}"
+            v-if="$index > number && $index < faultshow.number ">
+          <a href="javascript:void(0)"
+             style="background-color: #ffffff;color: #666666;font-size: 16px;font-family:SimSun" :class="row.class">
+            <span class="spanboder">{{ row.header }}</span>
+            <img class="butt2" :src="imgback(row.complete === componentName)"></a>
+          <p></p>
+        </li>
+        <div class="col-sm-12 col-xs-12 repair-bg">
+          <route name='upload' :reuse="false"></route>
+        </div>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script>
+  // 户内维修
+  import Vue from 'vue'
+  import RepairInfo from './RepairInfo'
+  import RepairDetails from './../../../components/workorder/RepairDetails'
+  import RepairUserInfo from './RepairUserInfo'
+  import Outlay from './Outlay'
+  import FaultAll from './../../../components/workorder/FaultAll'
+  import {HttpResetClass} from 'vue-client'
+  import * as Util from '../../../components/Util'
+
+  let loadParamGem = async function (self) {
+    await self.$LoadParams.loadParam()
+  }
+
+  export default {
+    title: '维修单',
+    props: {
+      worktype: {
+        type: String,
+        default: '报修单'
+      },
+      //分辨平板还是pc
+      system: '',
+      // 要处理的工单
+      row: {
+        type: Object
+      },
+      // 要显示的维修单
+      repair: {
+        type: Object
+      },
+      // 是否是显示
+      show: {
+        type: Boolean,
+        default: false
+      },
+      issee: ''
+    },
+
+    data() {
+      return {
+        // 维修项
+        repairdetails: {},
+        // userinfo: '',
+        routeShow: true,
+        number: 0,
+        shupingshow: false,
+        pipeline: {},
+        model: {
+          serviceacitivity: [{
+            baseuserinfo: {
+              f_credentials: '身份证'
+            },
+            basemeterinfo: {},
+            matterinfo: {},
+            servicerepair: [],
+            //  照片
+            imgs: [],
+            // 签名照片名字
+            // 照片
+            material: [],              //维修的一批材料
+            f_date: '',
+            f_date_come: '',
+            f_date_leave: '',
+            f_is_userfilesadd: '未上传',
+            f_workorder_type: this.worktype ? this.worktype : '报修单'
+          }]
+        },
+        details: [],
+        ids: '',
+        savevalid: {
+          uservalid: false,
+          doorvalid: true,
+          changetable: false
+        },
+        doordetails: {},
+        devicedetails: {},
+        cookdetails: {},
+        componentName: 'repair-info',
+        tabs: [
+          // 参数全部设置成空，在ready时，等model处理好了，再添加
+          {
+            header: '客户工单信息', complete: 'repair-info', class: 'repair-info-class', props: null
+          },
+          // {
+          //   header: '换表', complete: 'change-meter-page', class: 'change-meter-page-class', props: null
+          //
+          // },
+          // {
+          //   header: '客户基本信息',complete:'repair-user-info', class: 'repair-user-info-class', props: null
+          // },
+          // 'door-service': {
+          //   header: '户内维修', class: 'door-service-class', props: null
+          // },
+          // 'tel-change-matter': {
+          //   header: '换表', class: 'cooking-utensils-class', props: null
+          // },
+          // 'pipeline': {
+          //   header: '管道', class: 'pipeline-class', props: null
+          // },
+          // 'device-service': {
+          //   header: '设备维修', class: 'device-service-class', props: null
+          // },
+          // 'first-gas-check': {
+          //   header: '置换通气', class: 'cooking-utensils-class', props: null
+          // },
+          {
+            header: '拍照及签名', complete: 'outlay', class: 'outlay-class', props: null
+          }
+          // {
+          //   header: '上传工单',complete:'fault-all', class: 'fault-all-class', props: null
+          // }
+        ],
+        faultshow: {
+          number: 8
+        }     // 控制 故障汇总 在 菜单里显示与否
+      }
+    },
+    methods: {
+      // 录音方法
+      record() {
+        //tag
+        let fileName
+        if (!this.f_recording1_path) {
+          fileName = Util.guid() + '.amr'
+        } else {
+          fileName = Util.getFileName(this.f_recording1_path)
+        }
+        //HostApp.__this__ = this
+        /*调用无限制录音模块*/
+        let startOrStopState = HostApp.startOrStopAudioClip(fileName, "开始录音")
+        //tag
+        if (startOrStopState.code == 200) {
+          this.model.f_recording1_path = "/storage/emulated/0/safecheck/" + fileName
+          console.log("录音文件地址" + this.model.f_recording1_path)
+          //tag
+          return true;
+        } else {
+          return false;
+        }
+      },
+      imgback(val) {
+        if (val && this.routeShow) {
+          return require('../../../assets/xiangxia1.png')
+        } else {
+          return require('../../../assets/xiangyou1.png')
+        }
+      },
+      // 选择tab
+      tabSelect(item, number) {
+        // 处理关闭/显示 内容
+        if (this.number == number && !this.routeShow) {
+          this.routeShow = true
+        } else if (this.number == number && this.routeShow) {
+
+          this.routeShow = false
+        } else if (this.number != item.complete) {
+          this.routeShow = true
+        }
+        this.number = number
+        this.componentName = item.complete
+        if (item.complete == 'repair-details') {
+          if (this.row.f_workorder_type == '置换通气单') {
+            // 根据置换单的用户类型，查询气价信息给下拉框赋值
+            new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/rs/sql/queryGaspriceGroupByFilaleid`,
+              {data: {f_filialeid: Vue.user.orgid, f_gasproperties: this.row.f_gasproperties}},
+              {resolveMsg: null, rejectMsg: null}).then((rese) => {
+              //tag)
+              let pricelist = []
+              if (rese.data) {
+                rese.data.forEach(item => pricelist.push({label: item.f_price_name, value: item.f_price_name}))
+              }
+              this.pricelists = pricelist;
+              //tag)
+              let itemprops = {
+                model: this.model.serviceacitivity[0],
+                service: this.model,
+                show: this.show,
+                repairitem: item,
+                faultshow: this.faultshow,
+                shutype: 'shu',
+                tabs: this.tabs,
+                repairdetails: this.repairdetails,
+                issee: this.issee,
+                pricelists: this.pricelists //根据置换单下派的用气性质和公司查询的气价信息
+              }
+              //tag
+              //tag)
+              this.$goto(item.complete, itemprops, 'repair')
+            })
+          } else {
+            let itemprops = {
+              model: this.model.serviceacitivity[0],
+              service: this.model,
+              show: this.show,
+              repairitem: item,
+              faultshow: this.faultshow,
+              shutype: 'shu',
+              tabs: this.tabs,
+              repairdetails: this.repairdetails,
+              issee: this.issee,
+              pricelists: [{label: "无", value: "无"}]
+            }
+            //tag
+            //tag)
+            this.$goto(item.complete, itemprops, 'repair')
+          }
+        } else {
+          //tag
+          // //tag)
+          // //tag)
+          if (this.routeShow) {
+            //tag)
+            // //tag)
+            this.$goto(item.complete, this.tabs[number].props, 'repair')
+          }
+        }
+        this.shupingshow = true
+      },
+      // 给组件添加参数
+      getImgPath() {
+        for (var i = 0; i < this.model.serviceacitivity[0].imgs.length; i++) {
+          this.ids += this.model.serviceacitivity[0].imgs[i].imgid + ','
+        }
+        this.ids = this.ids.substring(0, this.ids.length - 1)
+        if (this.ids) {
+          this.getImgGen();
+        }
+      },
+      getImgGen() {
+        let http = new HttpResetClass()
+        http.load('POST', 'rs/sql/tel_singleTable_OrderBy', {
+          data: {
+            items: '*',
+            tablename: 't_files',
+            condition: `id in (${this.ids})`,
+            orderitem: 'id'
+          }
+        }, {resolveMsg: null, rejectMsg: null}).then((res) => {
+          for (let i = 0; i < res.data.length; i++) {
+            for (let j = 0; j < this.model.serviceacitivity[0].imgs.length; j++) {
+              //tag)
+              //tag
+              if (res.data[i].id.toString() === this.model.serviceacitivity[0].imgs[j].imgid) {
+                this.model.serviceacitivity[0].imgs[j] = Object.assign({}, res.data[i], this.model.serviceacitivity[0].imgs[j])
+              }
+            }
+
+          }
+        })
+      },
+      setProps() {
+        // 给各自组件添加参数
+        for (var i = 0; i < this.tabs.length; i++) {
+          if (this.tabs[i].complete == 'repair-info') {
+            this.tabs[i].props = {
+              service: this.row,
+              model: this.model.serviceacitivity[0].baseuserinfo,
+              data: this.model.serviceacitivity[0],
+              savevalid: this.savevalid,
+              repair: this.row,
+              show: this.show,
+              // userinfo: this.userinfo
+              shutype: 'shu',
+              worktype: this.worktype,
+              issee: this.issee
+            }
+          } else if (this.tabs[i].complete == 'repair-user-info') {
+            this.tabs[i].props = {
+              model: this.model.serviceacitivity[0].baseuserinfo,
+              data: this.model.serviceacitivity[0],
+              savevalid: this.savevalid,
+              repair: this.row,
+              show: this.show,
+              // userinfo: this.userinfo
+              shutype: 'shu',
+              worktype: this.worktype,
+              issee: this.issee
+            }
+          } else if (this.tabs[i].complete == 'outlay') {
+            this.tabs[i].props = {
+              model: this.model.serviceacitivity[0],
+              service: this.model,
+              show: this.show,
+              system: this.system,
+              f_single_man: this.model.f_single_man,
+              shutype: 'shu',
+              issee: this.issee
+            }
+          } else if (this.tabs[i].complete == 'fault-all') {
+            this.tabs[i].props = {
+              msg: this.model, model: this.model.serviceacitivity[0],
+              service: this.model, system: this.system, show: this.show,
+              savevalid: this.savevalid,
+              issee: this.issee
+            }
+          } else if (this.tabs[i].complete == 'change-meter-page') {
+            //tag
+            //tag)
+            this.tabs[i].props = {
+              service: this.row,
+              model: this.model.serviceacitivity[0].basemeterinfo,
+              data: this.model.serviceacitivity[0],
+              savevalid: this.savevalid,
+              repair: this.row,
+              show: this.show,
+              // userinfo: this.userinfo
+              shutype: 'shu',
+              worktype: this.worktype,
+              issee: this.issee
+            }
+          }
+        }
+
+        // this.tabs['repair-info'].props = {service: this.row,shutype:'shu'}
+        // if (this.model.serviceacitivity[0]) {
+        //   this.tabs['repair-user-info'].props = {
+        //     model: this.model.serviceacitivity[0].baseuserinfo,
+        //     data: this.model.serviceacitivity[0],
+        //     savevalid: this.savevalid,
+        //     repair: this.row,
+        //     show: this.show,
+        //     // userinfo: this.userinfo
+        //     shutype:'shu'
+        //   }
+        // }
+        // this.tabs['door-service'].props =
+        //   {
+        //     model: this.model.serviceacitivity[0],
+        //     savevalid: this.savevalid,
+        //     changetable: this.changetable,
+        //     service: this.model, show: this.show,
+        //     details: this.doordetails.details,
+        //     shutype:'shu'
+        //   }
+        // this.tabs['tel-change-matter'].props =
+        //   {
+        //     model: this.model.serviceacitivity[0],
+        //     service: this.model,
+        //     show: this.show,
+        //     shutype:'shu'
+        //   }
+        // this.tabs['pipeline'].props =
+        //   {
+        //     model: this.model.serviceacitivity[0],
+        //     service: this.model,
+        //     show: this.show,
+        //     shutype:'shu'
+        //   }
+        // this.tabs['device-service'].props = {
+        //   model: this.model.serviceacitivity[0],
+        //   service: this.model,
+        //   show: this.show,
+        //   details: this.devicedetails.details,
+        //   shutype:'shu'
+        // }
+        // this.tabs['outlay'].props = {
+        //   model: this.model.serviceacitivity[0],
+        //   service: this.model,
+        //   show: this.show,
+        //   system: this.system,
+        //   f_single_man: this.model.f_single_man,
+        //   shutype: 'shu'
+        // }
+        // this.tabs['fault-all'].props =
+        //   {
+        //     msg: this.model, model: this.model.serviceacitivity[0],
+        //     service: this.model, system: this.system, show: this.show,
+        //     savevalid: this.savevalid
+        //   }
+
+        // 参数设置成功，在转向第一个页签
+        this.$goto('repair-info', this.tabs[0].props, 'repair')
+        if (!this.issee) {
+          this.gotoUpload()
+        }
+      },
+
+      getRepair() {
+        if (Vue.android) {
+          //tag
+          if (this.$androidUtil.isTest) {
+            //tag
+            this.$androidUtil.path({
+              'alias': 'serviceWork',
+              'data': {id: this.row.serviceacitivity[0].id}
+            }).then((ret) => {
+              this.model.serviceacitivity = ret.data
+              this.getDetails()
+            })
+          } else {
+            //tag
+            let result = this.$androidUtil.path({'alias': 'serviceWork', 'data': {id: this.row.serviceacitivity[0].id}})
+            //tag
+            if (result.code === 200) {
+              // this.show = true
+              this.model.serviceacitivity = result.data
+              this.getDetails()
+            }
+          }
+        } else {
+          //tag
+          this.getService();
+        }
+      },
+      getService() {
+        let http = new HttpResetClass()
+        http.load('POST', 'rs/path/serviceWork', {data: {id: this.repair.id}}, {
+          resolveMsg: null,
+          rejectMsg: null
+        }).then((res) => {
+          this.model.serviceacitivity = [res.data[0]]
+          this.getDetails()
+        })
+      },
+      sortDetails() {
+        for (let i = 0; i < this.details.length; i++) {
+          if (this.details[i].details.length) {
+            for (let j = 0; j < this.details[i].details.length; j++) {
+              if (this.details[i].details[j].f_type === 'a') {
+                this.doordetails = {details: this.details[i].details}
+                break
+              }
+              if (this.details[i].details[j].f_type === 'b') {
+                this.devicedetails = {details: this.details[i].details}
+                break
+              }
+              if (this.details[i].details[j].f_type === 'c') {
+                this.cookdetails = {details: this.details[i].details}
+                break
+              }
+            }
+          }
+        }
+      },
+      getDetails() {
+        if (Vue.android) {
+          //tag
+          if (this.$androidUtil.isTest) {
+            //tag
+            this.$androidUtil.path({
+              'alias': 'getDetails',
+              'data': {id: this.row.serviceacitivity[0].id}
+            }).then((ret) => {
+              this.details = ret.data
+              this.sortDetails()
+              if (this.model.serviceacitivity[0] && this.model.serviceacitivity[0].imgs) {
+                this.getImgPath()
+              }
+              this.setProps()
+            })
+          } else {
+            //tag
+            //tag
+            let result = this.$androidUtil.path({'alias': 'getDetails', 'data': {id: this.row.serviceacitivity[0].id}})
+            //tag
+            if (result.code === 200) {
+              this.details = result.data
+              this.sortDetails()
+              if (this.model.serviceacitivity[0] && this.model.serviceacitivity[0].imgs) {
+                this.getImgPath()
+              }
+              this.setProps()
+            }
+          }
+        } else {
+          //tag
+          this.getDetailsGen();
+        }
+      },
+      getDetailsGen() {
+        let http = new HttpResetClass()
+        http.load('POST', 'rs/path/getDetails', {data: {id: this.repair.id}}, {
+          resolveMsg: null,
+          rejectMsg: null
+        }).then((res) => {
+          this.details = res.data
+          // this.sortDetails()
+          if (this.model.serviceacitivity[0] && this.model.serviceacitivity[0].imgs) {
+            this.getImgPath()
+          }
+          this.setProps()
+        })
+      },
+      // 获取维修数据
+      getRepairInfo() {
+        if (this.$androidUtil.isTest) {
+          //  android模拟
+          this.$androidUtil.path({'alias': 'telgetRepairWorkMsg', 'data': {id: this.row.id}}).then((ret) => {
+            this.model.serviceacitivity = ret.data[0].serviceacitivity
+            this.setProps()
+          })
+        } else {
+          let result = this.$androidUtil.path({'alias': 'telgetRepairWorkMsg', 'data': {id: this.row.id}})
+          if (result.code == 200) {
+            //tag)
+            //tag)
+            this.model.serviceacitivity = result.data[0].serviceacitivity
+            this.setProps()
+          }
+        }
+      },
+      // 复制数据
+      copy() {
+        if (this.row) {
+          //tag
+          this.model = Object.assign({}, this.model, this.row)
+          //tag
+          //tag)
+          // 获取维修数据
+          if (Vue.android) {
+            if (this.row.f_orderstatus == '本地保存') {
+              this.getRepairInfo()
+            }
+          }
+        }
+        // 指定了维修单，获取维修单数据，给工单
+        if (this.repair) {
+          this.getRepair()
+        } else {
+          //tag
+          this.setProps()
+        }
+      },
+      back() {
+        let _this = this
+        if (this.issee) {
+          _this.$back()
+          return
+        }
+        this.$showMessage('所填写内容将不可恢复！', ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            _this.$back()
+          }
+        })
+      },
+      confirm() {
+        this.$dispatch('confirm')
+      },
+      mute() {
+        HostApp.mute()
+      },
+      // 维修项赋给维修单的维修集合内
+      getRepairDetails() {
+        if (this.repairdetails.length > 0) {
+          let repairlist = []
+          for (let j = 0; j < this.repairdetails.length; j++) {
+            let repairitem = []
+            for (var i = 0; i < this.repairdetails[j].details.length; i++) {
+              if (this.row.f_source == '安检') {
+                repairitem.push({
+                  f_project: this.repairdetails[j].details[i].f_project,
+                  f_defect_remark: this.repairdetails[j].details[i].f_defect_remark,
+                  type: this.repairdetails[j].details[i].type,
+                  f_defect_id: this.repairdetails[j].details[i].f_defect_id,
+                  f_status: '',
+                  f_content: ''
+                })
+              } else {
+                repairitem.push({
+                  f_project: this.repairdetails[j].details[i].f_project,
+                  type: this.repairdetails[j].details[i].type,
+                  f_status: '',
+                  f_content: '',
+                  f_is_must: this.repairdetails[j].details[i].f_is_must ? 'true' : 'false'
+                })
+              }
+            }
+            repairlist.push({
+              f_type: this.repairdetails[j].f_type,
+              details: repairitem,
+              imgs: [],
+              f_remarks: this.repairdetails[j].f_remarks
+            })
+          }
+          this.model.serviceacitivity[0].servicerepair = Object.assign([], repairlist)
+        }
+        //tag)
+      },
+      gotoUpload() {
+        this.$goto('fault-all', {
+          msg: this.model, model: this.model.serviceacitivity[0],
+          service: this.model, system: this.system, show: this.show,
+          savevalid: this.savevalid,
+          issee: this.issee,
+          parentPage: 'CurrentCreate'
+        }, 'upload')
+      }
+    },
+    watch: {
+      'row'() {
+        //tag
+        this.copy()
+      }
+    },
+    ready() {
+      // 1.先判断是否是安检转来的
+      // 2.判断工单类型  报修单/置换通气单
+      // 3.判断用户类型  民用及非民用
+      // Vue.config = {
+      //   telephone:{
+      //     SubstitConfigCivil:{}
+      //   }
+      // }
+      // Vue.config.telephone.SubstitConfigCivil = {
+      //   'data':[
+      //     {
+      //       'f_type': '用气设备信息',
+      //       'f_remarks':'设备',
+      //       'details': [
+      //         {
+      //           'f_project':'客户用气设备名称',
+      //           'type': 'string',
+      //           'f_is_must':true
+      //         },
+      //         {
+      //           'f_project':'负荷(锅炉/功率)',
+      //           'type': 'string',
+      //           'f_is_must':true
+      //         }
+      //       ]
+      //     },
+      //     {
+      //       'f_type': '控制器信息',
+      //       'f_remarks':'设备',
+      //       'details': [
+      //         {
+      //           'f_project':'有无控制器',
+      //           'type': 'checkbox'
+      //         },
+      //         {
+      //           'f_project':'设备名称',
+      //           'type': 'selector',
+      //           'f_is_must':true,
+      //           'options': [
+      //             {
+      //               'data': '控制器'
+      //             },
+      //             {
+      //               'data': 'IC卡表'
+      //             },
+      //             {
+      //               'data': '远传物联网表'
+      //             }
+      //           ]
+      //         },
+      //         {
+      //           'f_project':'型号',
+      //           'f_is_must':true,
+      //           'type': 'string'
+      //         },
+      //         {
+      //           'f_project':'生产厂家',
+      //           'f_is_must':true,
+      //           'type': 'string'
+      //         },
+      //         {
+      //           'f_project':'铅封号',
+      //           'type': 'string'
+      //         },
+      //         {
+      //           'f_project':'备注',
+      //           'type': 'string'
+      //         }
+      //       ]
+      //     },
+      //     {
+      //       'f_type': '表具信息',
+      //       'f_remarks':'设备',
+      //       'details': [
+      //         {
+      //           'f_project':'气表品牌',
+      //           'f_is_must':true,
+      //           'type': 'selector',
+      //           'options':[
+      //             {'data':'中元新'},
+      //             {'data':'三龙'},
+      //             {'data':'鸿鹄'},
+      //             {'data':'秦川'},
+      //             {'data':'新奥新'},
+      //             {'data':'中元老'},
+      //             {'data':'新奥老'},
+      //             {'data':'福禄克'},
+      //             {'data':'苍南老CPU'},
+      //             {'data':'振达'},
+      //             {'data':'航宇星民用'},
+      //             {'data':'航宇星民用双模'},
+      //             {'data':'德力西1.0'},
+      //             {'data':'宁波鹏盛'},
+      //             {'data':'德力西2.0'},
+      //             {'data':'建安民用'},
+      //             {'data':'金卡民用'},
+      //             {'data':'其他'}
+      //           ]
+      //         },
+      //         {
+      //           'f_project':'表具类型',
+      //           'f_is_must':true,
+      //           'type': 'selector',
+      //           'options':[
+      //             {'data':'腰轮流量计'},
+      //             {'data':'涡轮流量计'},
+      //             {'data':'超声流量计'},
+      //             {'data':'热式质量流量计'},
+      //             {'data':'机械表'},
+      //             {'data':'普通卡表'},
+      //             {'data':'带温压补偿的卡表'},
+      //             {'data':'带温压补偿的远传物联网表'},
+      //             {'data':'远传物联网表'},
+      //             {'data':'其他'}
+      //           ]
+      //         },
+      //         {
+      //           'f_project':'型号',
+      //           'f_is_must':true,
+      //           'type': 'string'
+      //         },
+      //         {
+      //           'f_project':'计量方式',
+      //           'type': 'selector',
+      //           'f_is_must':true,
+      //           'options':[
+      //             {'data':'次高压计量'},
+      //             {'data':'中压计量'},
+      //             {'data':'低压计量'}
+      //           ]
+      //         },
+      //         {
+      //           'f_project':'流量范围(m³/h)',
+      //           'f_is_must':true,
+      //           'type': 'string'
+      //         },
+      //         {
+      //           'f_project':'口径(mm)',
+      //           'type': 'string'
+      //         },
+      //         {
+      //           'f_project':'准确度',
+      //           'f_is_must':true,
+      //           'type': 'string'
+      //         },
+      //         {
+      //           'f_project':'表基数',
+      //           'f_is_must':true,
+      //           'type': 'string'
+      //         },
+      //         {
+      //           'f_project':'加铅封号',
+      //           'type': 'string'
+      //         },
+      //         {
+      //           'f_project':'备注',
+      //           'type': 'string'
+      //         }
+      //       ]
+      //     },
+      //     {
+      //       'f_type': '置换作业',
+      //       'details':[
+      //         {
+      //           'f_project':'户内外燃气设施完整，外观无明显异常',
+      //           'type': 'radio',
+      //           'f_is_must':true,
+      //           'options': [
+      //             {
+      //               'data': '是',
+      //               'f_status':'true'
+      //             },
+      //             {
+      //               'data': '否',
+      //               'f_status':'false'
+      //             }
+      //           ]
+      //         },
+      //         {
+      //           'f_project':'是否喷涂警示色',
+      //           'type': 'radio',
+      //           'f_is_must':true,
+      //           'options': [
+      //             {
+      //               'data': '是',
+      //               'f_status':'true'
+      //             },
+      //             {
+      //               'data': '否',
+      //               'f_status':'false'
+      //             }
+      //           ]
+      //         },
+      //         {
+      //           'f_project':'燃气管道支撑稳固',
+      //           'f_is_must':true,
+      //           'type':'radio',
+      //           'options': [
+      //             {
+      //               'data': '是',
+      //               'f_status':'true'
+      //             },
+      //             {
+      //               'data': '否',
+      //               'f_status':'false'
+      //             }
+      //           ]
+      //         },
+      //         {
+      //           'f_project':'燃气管道连接牢固',
+      //           'f_is_must':true,
+      //           'type':'radio',
+      //           'options': [
+      //             {
+      //               'data': '是',
+      //               'f_status':'true'
+      //             },
+      //             {
+      //               'data': '否',
+      //               'f_status':'false'
+      //             }
+      //           ]
+      //         },
+      //         {
+      //           'f_project':'穿墙燃气管道是否加装套管、打密封胶',
+      //           'f_is_must':true,
+      //           'type':'radio',
+      //           'options': [
+      //             {
+      //               'data': '是',
+      //               'f_status':'true'
+      //             },
+      //             {
+      //               'data': '否',
+      //               'f_status':'false'
+      //             }
+      //           ]
+      //         },
+      //         {
+      //           'f_project':'进行户内燃气设施严密性试验,试验压力为<>kPa',
+      //           'f_is_must':true,
+      //           'type': 'string'
+      //         },
+      //         {
+      //           'f_project':'严密性试验时间为<>分钟,无压降',
+      //           'f_is_must':true,
+      //           'type': 'string'
+      //         },
+      //         {
+      //           'f_project':'供气压力（单位：kPa）',
+      //           'f_is_must':true,
+      //           'type':'string'
+      //         },
+      //         {
+      //           'f_project':'切断压力（单位：kPa）',
+      //           'f_is_must':true,
+      //           'type':'string'
+      //         },
+      //         {
+      //           'f_project':'放散压力（单位：kPa）',
+      //           'type':'string'
+      //         }
+      //       ]
+      //     }
+      //   ]
+      // }
+      // Vue.config.telephone.SubstitConfigCivil = {
+      //   'data':[
+      //     {
+      //       'f_type': '灶具信息',
+      //       'details': [
+      //         {
+      //           'f_project':'有无灶具设备',
+      //           'type': 'checkbox'
+      //         },
+      //         {
+      //           'f_project':'灶具品牌',
+      //           'type': 'string',
+      //           'f_is_must':true
+      //         },
+      //         {
+      //           'f_project':'灶具型号',
+      //           'type': 'string',
+      //           'f_is_must':true
+      //         },
+      //         {
+      //           'f_project':'购买日期',
+      //           'type': 'date',
+      //           'f_is_must':true
+      //         },
+      //         {
+      //           'f_project':'合格证',
+      //           'type': 'selector',
+      //           'options': [
+      //             {'data':'有'},
+      //             {'data':'无'}
+      //           ],
+      //           'f_is_must':true
+      //         },
+      //         {
+      //           "f_project":"壁挂炉照片",
+      //           "type": "picture",
+      //           'f_is_must':true
+      //         }
+      //       ]
+      //     },
+      //     {
+      //       'f_type': '壁挂炉信息',
+      //       'details': [
+      //         {
+      //           'f_project':'有无壁挂炉设备',
+      //           'type': 'checkbox'
+      //         },
+      //         {
+      //           'f_project':'壁挂炉品牌',
+      //           'type': 'string',
+      //           'f_is_must':true
+      //         },
+      //         {
+      //           'f_project':'壁挂炉型号',
+      //           'type': 'string',
+      //           'f_is_must':true
+      //         },
+      //         {
+      //           'f_project':'购买日期',
+      //           'type': 'date',
+      //           'f_is_must':true
+      //         },
+      //         {
+      //           'f_project':'合格证',
+      //           'type': 'selector',
+      //           'options': [
+      //             {
+      //               'data': '有'
+      //             },
+      //             {
+      //               'data': '无'
+      //             }
+      //           ],
+      //           'f_is_must':true
+      //         },
+      //         {
+      //           "f_project":"壁挂炉照片",
+      //           "type": "picture",
+      //           'f_is_must':true
+      //         }
+      //       ]
+      //     },
+      //     {
+      //       'f_type': '热水器信息',
+      //       'details': [
+      //         {
+      //           'f_project':'有无热水器设备',
+      //           'type': 'checkbox'
+      //         },
+      //         {
+      //           'f_project':'热水器品牌',
+      //           'type': 'string',
+      //           'f_is_must':true
+      //         },
+      //         {
+      //           'f_project':'热水器型号',
+      //           'type': 'string',
+      //           'f_is_must':true
+      //         },
+      //         {
+      //           'f_project':'购买日期',
+      //           'type': 'date',
+      //           'f_is_must':true
+      //         },
+      //         {
+      //           'f_project':'合格证',
+      //           'type': 'selector',
+      //           'options': [
+      //             {
+      //               'data': '有'
+      //             },
+      //             {
+      //               'data': '无'
+      //             }
+      //           ],
+      //           'f_is_must':true
+      //         }
+      //       ]
+      //     },
+      //     {
+      //       'f_type': '表具信息',
+      //       'details':[
+      //         {
+      //           'f_project':'表号',
+      //           'type':'string',
+      //           'f_is_must':true
+      //         },
+      //         {
+      //           'f_project':'表型号',
+      //           'type':'string',
+      //           'f_is_must':true
+      //         },
+      //         {
+      //           'f_project':'表具厂家',
+      //           'type':'selector',
+      //           'f_is_must':true,
+      //           'options':[
+      //             {'data':'中元新'},
+      //             {'data':'三龙'},
+      //             {'data':'鸿鹄'},
+      //             {'data':'秦川'},
+      //             {'data':'新奥新'},
+      //             {'data':'中元老'},
+      //             {'data':'新奥老'},
+      //             {'data':'福禄克'},
+      //             {'data':'苍南老CPU'},
+      //             {'data':'振达'},
+      //             {'data':'航宇星民用'},
+      //             {'data':'航宇星民用双模'},
+      //             {'data':'德力西1.0'},
+      //             {'data':'宁波鹏盛'},
+      //             {'data':'德力西2.0'},
+      //             {'data':'建安民用'},
+      //             {'data':'金卡民用'},
+      //             {'data':'其他'}
+      //           ]
+      //         },
+      //         {
+      //           'f_project':'表类型',
+      //           'type':'selector',
+      //           'options':[
+      //             {'data':'气量卡表'},
+      //             {'data':'金额卡表'},
+      //             {'data':'机表'},
+      //             {'data':'物联网表'}
+      //           ],
+      //           'f_is_must':true
+      //         },
+      //         {
+      //           'f_project':'表向',
+      //           'type':'selector',
+      //           'options':[
+      //             {'data':'左表'},
+      //             {'data':'右表'}
+      //           ]
+      //         },
+      //         {
+      //           'f_project':'表基数',
+      //           'type':'string'
+      //         },
+      //         {
+      //           'f_project':'备注',
+      //           'type':'string'
+      //         }
+      //       ]
+      //     },
+      //     {
+      //       'f_type': '置换作业',
+      //       'details':[
+      //         {
+      //           'f_project':'用户是否为超期(半年)重新检测',
+      //           'type': 'radio',
+      //           'options': [
+      //             {
+      //               'data': '是',
+      //               'f_status':'true'
+      //             },
+      //             {
+      //               'data': '否',
+      //               'f_status':'false'
+      //             }
+      //           ]
+      //         },
+      //         {
+      //           'f_project':'户内燃气设施外观完好,无损坏',
+      //           'type': 'radio',
+      //           'options': [
+      //             {
+      //               'data': '是',
+      //               'f_status':'true'
+      //             },
+      //             {
+      //               'data': '否',
+      //               'f_status':'false'
+      //             }
+      //           ]
+      //         },
+      //         {
+      //           'f_project':'经过测试后，管道是否有压降',
+      //           'type':'radio',
+      //           'options': [
+      //             {
+      //               'data': '是',
+      //               'f_status':'false'
+      //             },
+      //             {
+      //               'data': '否',
+      //               'f_status':'true'
+      //             }
+      //           ]
+      //         },
+      //         {
+      //           'f_project':'换作业区内无明火，按标准置换',
+      //           'type': 'radio',
+      //           'options': [
+      //             {
+      //               'data': '是',
+      //               'f_status':'true'
+      //             },
+      //             {
+      //               'data': '否',
+      //               'f_status':'false'
+      //             }
+      //           ]
+      //         },
+      //         {
+      //           'f_project':'确认用户的燃气炉具、热水器符合安全规范,胶管两端已连接并且管卡牢固',
+      //           'type': 'radio',
+      //           'options': [
+      //             {
+      //               'data': '是',
+      //               'f_status':'true'
+      //             },
+      //             {
+      //               'data': '否',
+      //               'f_status':'false'
+      //             }
+      //           ]
+      //         },
+      //         {
+      //           'f_project':'已告知用户公司营业厅地址及需要携带的材料',
+      //           'type': 'radio',
+      //           'options': [
+      //             {
+      //               'data': '是',
+      //               'f_status':'true'
+      //             },
+      //             {
+      //               'data': '否',
+      //               'f_status':'false'
+      //             }
+      //           ]
+      //         },
+      //         {
+      //           'f_project':'已向用户宣传安全用气常识、操作规范,并告知24小时客服电话',
+      //           'type': 'radio',
+      //           'options': [
+      //             {
+      //               'data': '是',
+      //               'f_status':'true'
+      //             },
+      //             {
+      //               'data': '否',
+      //               'f_status':'false'
+      //             }
+      //           ]
+      //         },
+      //         {
+      //           'f_project':'严格按照作业标准及步骤进行操作',
+      //           'type': 'radio',
+      //           'options': [
+      //             {
+      //               'data': '是',
+      //               'f_status':'true'
+      //             },
+      //             {
+      //               'data': '否',
+      //               'f_status':'false'
+      //             }
+      //           ]
+      //         },
+      //         {
+      //           'f_project':'严密性供气压力（单位：kPa）',
+      //           'type':'string',
+      //           'f_is_must':true
+      //         },
+      //         {
+      //           'f_project':'严密性试验压力（单位：kPa）',
+      //           'type':'string',
+      //           'f_is_must':true
+      //         },
+      //         {
+      //           'f_project':'严密性试验时间为<>分钟',
+      //           'type':'string',
+      //           'f_is_must':true
+      //         }
+      //       ]
+      //     }
+      //   ]}
+      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()
+      }
+    }
+  }
+</script>
+<style lang="less">
+  @import "../../../../src/bootstrap/less/variables.less";
+  .tab-befor-img (@url) {
+    content: '';
+    background-image: url("@{url}");
+    background-size: 20px;
+    display: inline-block;
+    margin-right: 8px;
+    margin-top: 0.3em;
+    height: 1.3em;
+    width: 1.3em;
+    vertical-align: -35%;
+  }
+
+  @media screen and (min-width: 768px) {
+    .android-repair-order > div > ul a {
+      font-size: @font-size-h2;
+      margin: 0.3em 0;
+    }
+  }
+
+  .repair-details-class {
+    &::before {
+      .tab-befor-img("../../../assets/huneiweixiu1.png");
+    }
+  }
+
+  .repair-info-class {
+    &::before {
+      .tab-befor-img("../../../assets/baoxiuxinxi1.png");
+    }
+  }
+
+  .repair-user-info-class {
+    &::before {
+      .tab-befor-img("../../../assets/jibenxinxi1.png")
+    }
+  }
+
+  .door-service-class {
+    &::before {
+      .tab-befor-img("../../../assets/huneiweixiu1.png")
+    }
+  }
+
+  .pipeline-class {
+    &::before {
+      .tab-befor-img("../../../assets/guandao1.png")
+    }
+  }
+
+  .device-service-class {
+    &::before {
+      .tab-befor-img("../../../assets/shebeiweixiu1.png")
+    }
+  }
+
+  .trouble-removal-class {
+    &::before {
+      .tab-befor-img("../../../assets/shiguchuli.png")
+    }
+  }
+
+  .cooking-utensils-class {
+    &::before {
+      .tab-befor-img("../../../assets/zaoju1.png")
+    }
+  }
+
+  .outlay-class {
+    &::before {
+      .tab-befor-img("../../../assets/feiyong1.png")
+    }
+  }
+
+  .fault-all-class {
+    &::before {
+      .tab-befor-img("../../../assets/guzhanghuizong1.png")
+    }
+  }
+
+  .photo-write-class {
+    &::before {
+      .tab-befor-img("../../../assets/zaoju.png")
+    }
+  }
+
+  .delay-apply-class {
+    &::before {
+      .tab-befor-img("../../../assets/yonghubaoxiu.png")
+    }
+  }
+
+  .repair-back-class {
+    &::before {
+      .tab-befor-img("../../../assets/fanhui.png")
+    }
+  }
+
+  .butt2 {
+    display: inline;
+    float: right;
+    width: 10px;
+    text-align: center;
+    align-items: center;
+    position: absolute;
+    top: 50%;
+
+    left: 90%;
+    transform: translate(-50%, -50%);
+  }
+
+  .linesty {
+    display: inline-block;
+    height: 1px;
+    width: 100%;
+    background: #d0d0d0;
+    overflow: hidden;
+    vertical-align: middle;
+  }
+
+  .spanboder {
+    border-bottom: 2px solid #499edf;
+    padding-bottom: 8px
+  }
+
+  .app-botton {
+    position: fixed;
+    background: #87b2dd;
+    right: 8px;
+    color: #FFF;
+    padding: 8px;
+    text-align: center;
+    font-size: 1.2em;
+    z-index: 10;
+    opacity: 0.5;
+    bottom: 50px;
+    margin-top: -10px;
+    height: 40px;
+  }
+
+  .android-repair-order > div > ul a {
+    font-size: 12px;
+    color: #333333;
+    padding: 13px 16px;
+  }
+</style>