telephone-clients 4.0.0-1-89 → 4.0.0-1-90

package/src/components/pc/NewRepairTablePaper.vue

@@ -1,442 +1,442 @@
-<template>
-  <div class="basic-main" style="height: 100%">
-    <div class="page-header app-header auto" style="padding: 15px;margin-right: 10px;right: 0%;height: 7%">
-      <div @click="back()">
-        <img src="../../assets/back.png" style="margin: 0px"/>
-      </div>
-    </div>
-    <div v-show="showPdfDownload" class="page-header app-header auto"
-         style="padding: 15px;margin-right: 3.7%;right: 0%;height: 7%">
-      <div @click="exportToPDF()">
-        <img src="../../assets/下载_.png" style="margin: 0px;width: 30px"/>
-      </div>
-    </div>
-    <work-busy :is-busy="loading"></work-busy>
-    <div class="container-fluid" style="overflow: scroll">
-      <div class="col-md-5" style="margin-right: 2%;margin-left: 2%;height: 100%;overflow: scroll">
-        <div style="width: 100%;margin: auto">
-          <table class="table table-striped table-bordered" style="margin-bottom: 6px">
-            <thead>
-            <tr>
-              <th colspan="6" style="text-align: center;background-color: #dfedfb;color:black;">客户工单信息</th>
-            </tr>
-            </thead>
-            <tbody>
-            <tr>
-              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">用户名称:</td>
-              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ baseuserinfo.f_user_name }}</td>
-              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">用户编号:</td>
-              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ baseuserinfo.f_userinfo_code }}</td>
-            </tr>
-            <tr>
-              <td colspan="1" style="text-align: center;border: #E9E9E9 solid 1px">详细地址:</td>
-              <td colspan="3" style="text-align: center;border: #E9E9E9 solid 1px">{{ baseuserinfo.f_address }}</td>
-            </tr>
-            <tr>
-              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">表号:</td>
-              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ baseuserinfo.f_meternumber }}</td>
-              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">用户类型:</td>
-              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ baseuserinfo.f_user_type }}</td>
-            </tr>
-            <tr>
-              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">到达时间:</td>
-              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ serviceall.f_date_come }}</td>
-              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">离开时间:</td>
-              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ serviceall.f_date_leave }}</td>
-            </tr>
-            <tr>
-              <td colspan="1" style="text-align: center;border: #E9E9E9 solid 1px">备注:</td>
-              <td colspan="3" style="text-align: center;border: #E9E9E9 solid 1px">{{ serviceall.f_remarks }}</td>
-            </tr>
-            </tbody>
-          </table>
-          <table class="table table-striped table-bordered">
-            <thead>
-            <tr>
-              <th style="text-align: center;background-color: #dfedfb;color:black;">旧表照片</th>
-            </tr>
-            </thead>
-            <tbody>
-            <tr>
-              <td style="margin: auto;text-align: center">
-                <div class="container" style="max-width: 550px;background: #FFFFFF">
-                  <div class="img" >
-                    <tel-img-self-tel-plus :src="'rs/image/file/'+f_table_path_old" width="400" height="300"></tel-img-self-tel-plus>
-                  </div>
-                </div>
-              </td>
-            </tr>
-            </tbody>
-          </table>
-          <table class="table table-striped table-bordered">
-            <thead>
-            <tr>
-              <th style="text-align: center;background-color: #dfedfb;color:black;">新表照片</th>
-            </tr>
-            </thead>
-            <tr>
-              <td style="margin: auto;text-align: center">
-                <div class="container" style="max-width: 500px;background: #FFFFFF">
-                  <div class="img" style="float: none">
-                    <tel-img-self-tel-plus :src="'rs/image/file/'+f_table_path_new" width="400" height="300"></tel-img-self-tel-plus>
-                  </div>
-                </div>
-              </td>
-            </tr>
-          </table>
-        </div>
-      </div>
-      <div class style="width: 1%;height: 100%;background-color: #F1F8FF;float: left;"></div>
-      <div class="col-md-6" style="height: 100%; overflow: scroll">
-        <div style="width: 95%; margin-left: 5%">
-          <table class="table table-striped table-bordered">
-            <thead>
-            <tr>
-              <th colspan="2" style="text-align: center;background-color: #dfedfb;color:black;">换表信息</th>
-            </tr>
-            </thead>
-            <tbody>
-            <tr>
-              <td style="text-align: right;width: 40%">换表类型：</td>
-              <td style="text-align: left">{{ changeTableinfo.f_type || '无' }}</td>
-            </tr>
-            <tr>
-              <td style="text-align: right">旧表号：</td>
-              <td style="text-align: left">{{ changeTableinfo.f_meternumber_old || '无' }}</td>
-            </tr>
-            <tr>
-              <td style="text-align: right">新表号：</td>
-              <td style="text-align: left">{{ changeTableinfo.f_meternumber || '无' }}</td>
-            </tr>
-            <tr>
-              <td style="text-align: right">旧表品牌：</td>
-              <td style="text-align: left">{{ changeTableinfo.f_meter_brand_old || '无' }}</td>
-            </tr>
-            <tr>
-              <td style="text-align: right">新表品牌：</td>
-              <td style="text-align: left">{{ changeTableinfo.f_meter_brand || '无' }}</td>
-            </tr>
-            <tr>
-              <td style="text-align: right">旧表型号：</td>
-              <td style="text-align: left">{{ getGasBrandName(changeTableinfo.f_gasbrand_id_old) || '无' }}</td>
-            </tr>
-            <tr>
-              <td style="text-align: right">新表型号：</td>
-              <td style="text-align: left">{{ getGasBrandName(changeTableinfo.f_gasbrand_id) || '无' }}</td>
-            </tr>
-            <tr>
-              <td style="text-align: right">新表底数：</td>
-              <td style="text-align: left">{{ changeTableinfo.f_initial_base_new || '无' }}</td>
-            </tr>
-            <tr>
-              <td style="text-align: right">新表封号：</td>
-              <td style="text-align: left">{{ changeTableinfo.f_metertitles || '无' }}</td>
-            </tr>
-            <tr>
-              <td style="text-align: right">换表人：</td>
-              <td style="text-align: left">{{ changeTableinfo.f_operator || '无' }}</td>
-            </tr>
-            <tr>
-              <td style="text-align: right">服务费：</td>
-              <td style="text-align: left">{{ changeTableinfo.f_service_fee || '无' }}</td>
-            </tr>
-            <tr>
-              <td style="text-align: right">账户余额：</td>
-              <td style="text-align: left">{{ changeTableinfo.f_balance || '无' }}</td>
-            </tr>
-            <tr>
-              <td style="text-align: right">补气气量：</td>
-              <td style="text-align: left">{{ changeTableinfo.f_remanent_gas || '无' }}</td>
-            </tr>
-            <tr>
-              <td style="text-align: right">补气金额：</td>
-              <td style="text-align: left">{{ changeTableinfo.f_remanent_money || '无' }}</td>
-            </tr>
-            <tr>
-              <td style="text-align: right">补气单价：</td>
-              <td style="text-align: left">{{ changeTableinfo.f_remanent_price || '无' }}</td>
-            </tr>
-            <tr>
-              <td style="text-align: right">阶梯使用量：</td>
-              <td style="text-align: left">{{ changeTableinfo.f_stair_use || '无' }}</td>
-            </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>
-  <modal :show.sync="imgshow" v-ref:modal backdrop="true">
-    <header slot="modal-header" class="modal-header" style="font-size: 20px;text-align: center">
-      {{ picturename }}
-    </header>
-    <article slot="modal-body" class="modal-body">
-      <div class="from-group">
-        <div class="row">
-          <div class="col-md-6" v-for="item in showimgs">
-            <tel-img-self-tel-plus    :src="item" width="300" height="400"></tel-img-self-tel-plus>
-          </div>
-        </div>
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer" v-show="false">
-      <button type="button" class="btn btn-success" @click='imgclose'>关闭</button>
-    </footer>
-  </modal>
-</template>
-
-<script>
-  import html2pdf from 'html2pdf.js'
-import {HttpResetClass} from 'vue-client'
-export default {
-  title: '换表详情',
-  props: ['curactivity', 'service','workorder'],
-  data () {
-    return {
-      showPdfDownload: this.$appdata.getSingleValue('工单结果pdf下载') ? this.$appdata.getSingleValue('工单结果pdf下载') : false,
-      othercharge:[],
-      imgshow:false,
-      picturename:'',
-      showimg:'',
-      f_table_path_new:'',
-      f_table_path_old:'',
-      baseuserinfo: {},
-      showimgs:[],
-      allimgs: [],
-      servicerepair: [],
-      serviceall: {},
-      usermeter:{},
-      loading: false,
-      changeTableinfo:{},
-      tablemodel: [],
-    }
-  },
-  ready () {
-    this.loading=true
-    let http = new HttpResetClass()
-    http.load('POST', 'af-telephone/rs/path/serviceWork', {data: {id: this.curactivity.id}}, {
-      resolveMsg: null,
-      rejectMsg: null
-    }).then(res => {
-      for (let i = 0; i < res.data.length; i++) {
-        if (res.data[i].id == this.curactivity.id) {
-          this.serviceall = res.data[i]
-          this.baseuserinfo = res.data[i].baseuserinfo
-          this.servicerepair = res.data[i].servicerepair
-          this.allimgs = res.data[i].imgs
-        }
-      }
-      this.loading=false
-    })
-    this.gettablemodel()
-    this.gettableimg()
-  },
-  methods: {
-    getGasBrandName(id){
-      for (let i = 0; i < this.tablemodel.length; i++) {
-        if (this.tablemodel[i].id == id) {
-          return this.tablemodel[i].name
-        }
-      }
-    },
-    //查询气表型号
-    gettablemodel(){
-      this.tablemodel=[]
-      let data = {
-        items: '*',
-        tablename: 't_gasmodel',
-        condition: `1=1`,
-        orderitem: 'id'
-      }
-      let http = new HttpResetClass()
-      http.load('post','af-telephone/rs/sql/tel_singleTable_OrderBy',{data:data},{
-        resolveMsg: null,
-        rejectMsg: null
-      }).then(res=>{
-        for (let i = 0; i < res.data.length; i++) {
-          let obj={
-            id:res.data[i].id,
-            name:res.data[i].f_meter_style
-          }
-          this.tablemodel.push(obj)
-        }
-      })
-    },
-    //查询换表照片
-    gettableimg(){
-      let data = {
-        items: '*',
-        tablename: 't_changetables',
-        condition: `id = '${this.workorder.f_tablechange_id}'`,
-        orderitem: 'id'
-      }
-      let http = new HttpResetClass()
-      http.load('post','af-telephone/rs/sql/tel_singleTable_OrderBy',{data:data},{
-        resolveMsg: null,
-        rejectMsg: null
-      }).then(res=>{
-        this.f_table_path_new =res.data[0].f_table_path_new
-        this.f_table_path_old =res.data[0].f_table_path_old
-        this.changeTableinfo=res.data[0]
-      })
-    },
-    showSafeImg(detail){
-      this.picturename = ''
-      this.showimgs = []
-      if (detail.f_defect_id){
-        let data = {
-          items: '*',
-          tablename: 't_devices_items',
-          condition: `id = '${detail.f_defect_id}'`,
-          orderitem: '1'
-        }
-        let http = new HttpResetClass()
-        http.load('post','af-telephone/rs/sql/tel_singleTable_OrderBy',{data:data},{
-          resolveMsg: null,
-          rejectMsg: null
-        }).then(res=>{
-          this.picturename = '隐患照片/维修照片'
-          if (res.data[0].f_path){
-            this.showimgs.push('rs/image/file/'+res.data[0].f_path)
-          }
-          if(detail.f_first_imgname){
-            this.showimgs.push('rs/image/file/'+detail.f_first_imgname)
-          }
-          this.imgshow = true
-        })
-      }else {
-
-      }
-    },
-    exportToPDF() {
-      const element = document.getElementById('toPdf') // 替换为您要导出的页面元素的ID
-      html2pdf(element)
-    },
-    changefailure(val){
-      let failureall=''
-      // val=[{"f_failure_type":"抽油烟机","failurecase":[],"f_equipment":""},{"f_failure_type":"抽油烟机","failurecase":[],"f_equipment":""},{"f_failure_type":"抽油烟机","failurecase":[],"f_equipment":""}]
-      let failure = JSON.parse(val)
-      for (let i = 0; i <failure.length; i++) {
-        if (failure[i].failurecase.length>0){
-          failureall+=failure[i].f_failure_type+":"
-          for (let j = 0; j < failure[i].failurecase.length; j++) {
-            failureall+=failure[i].failurecase[j]
-            if (j+1!=failure[i].failurecase.length){
-              failureall+=","
-            }
-          }
-
-        }else{
-          failureall+=failure[i].f_failure_type
-        }
-        if (i+1!=failure.length){
-          failureall+=';'
-        }
-      }
-      return failureall
-    },
-    imgclose(){
-      this.imgshow=false
-    },
-    ispicture(imgs,imgid){
-      let imgstr=''
-      let imgpath=''
-      for (let i = 0; i < imgs.length; i++) {
-        if (imgs[i].imgpath==imgid){
-          imgstr=imgs[i].android_file
-          imgpath=imgs[i].imgpath
-        }
-      }
-      ////tag
-      ////tag
-      if (imgstr){
-        return true
-      }
-      return false
-    },
-    showpath (imgs,imgid) {
-      this.picturename = ''
-      const img = imgs.filter(res => res.imgpath === imgid).map(res => 'rs/image/file/' + res.android_file)
-      if (img.length > 0) {
-        this.showimgs = img
-        this.picturename = imgid
-        this.imgshow = true
-      }
-    },
-    back () {
-      this.$back()
-    }
-  }
-}
-</script>
-
-<style scoped>
-.row {
-  margin-bottom: 10px;
-}
-
-.col-md-6 {
-  padding: 5px;
-  font-size: 14px;
-}
-
-strong {
-  color: #333;
-  font-weight: bold;
-}
-
-/* 空值处理 */
-span[style*="color: #ccc"] {
-  color: #ccc !important;
-}
-.img {
-  border: 1px solid #9773ed;
-  width: auto;
-  height: auto;
-  float: left;
-  text-align: center;
-  margin: 6px;
-}
-
-img {
-  margin: 6px;
-}
-
-
-.container {
-  margin: 10px auto;
-  width: 80%;
-  height: auto;
-}
-
-div::-webkit-scrollbar {
-  width: 0 !important;
-  height: 0 !important;
-}
-
-div {
-  -ms-overflow-style: none;
-  overflow: -moz-scrollbars-none;
-}
-
-.divmask {
-  pointer-events: none;
-}
-
-.app-header {
-  border-radius: 50%;
-  background: rgba(73, 158, 223, 0.4);
-  color: #FFF;
-  padding: 20px;
-  text-align: center;
-  font-size: 1.2em;
-  z-index: 10;
-  opacity: 0.5;
-  bottom: 50px;
-  margin-top: -20px;
-  position: absolute;
-  top: 10%;
-  right: 2%;
-  height: 8%;
-}
-</style>
+<template>
+  <div class="basic-main" style="height: 100%">
+    <div class="page-header app-header auto" style="padding: 15px;margin-right: 10px;right: 0%;height: 7%">
+      <div @click="back()">
+        <img src="../../assets/back.png" style="margin: 0px"/>
+      </div>
+    </div>
+    <div v-show="showPdfDownload" class="page-header app-header auto"
+         style="padding: 15px;margin-right: 3.7%;right: 0%;height: 7%">
+      <div @click="exportToPDF()">
+        <img src="../../assets/下载_.png" style="margin: 0px;width: 30px"/>
+      </div>
+    </div>
+    <work-busy :is-busy="loading"></work-busy>
+    <div class="container-fluid" style="overflow: scroll">
+      <div class="col-md-5" style="margin-right: 2%;margin-left: 2%;height: 100%;overflow: scroll">
+        <div style="width: 100%;margin: auto">
+          <table class="table table-striped table-bordered" style="margin-bottom: 6px">
+            <thead>
+            <tr>
+              <th colspan="6" style="text-align: center;background-color: #dfedfb;color:black;">客户工单信息</th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr>
+              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">用户名称:</td>
+              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ baseuserinfo.f_user_name }}</td>
+              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">用户编号:</td>
+              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ baseuserinfo.f_userinfo_code }}</td>
+            </tr>
+            <tr>
+              <td colspan="1" style="text-align: center;border: #E9E9E9 solid 1px">详细地址:</td>
+              <td colspan="3" style="text-align: center;border: #E9E9E9 solid 1px">{{ baseuserinfo.f_address }}</td>
+            </tr>
+            <tr>
+              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">表号:</td>
+              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ baseuserinfo.f_meternumber }}</td>
+              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">用户类型:</td>
+              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ baseuserinfo.f_user_type }}</td>
+            </tr>
+            <tr>
+              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">到达时间:</td>
+              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ serviceall.f_date_come }}</td>
+              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">离开时间:</td>
+              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ serviceall.f_date_leave }}</td>
+            </tr>
+            <tr>
+              <td colspan="1" style="text-align: center;border: #E9E9E9 solid 1px">备注:</td>
+              <td colspan="3" style="text-align: center;border: #E9E9E9 solid 1px">{{ serviceall.f_remarks }}</td>
+            </tr>
+            </tbody>
+          </table>
+          <table class="table table-striped table-bordered">
+            <thead>
+            <tr>
+              <th style="text-align: center;background-color: #dfedfb;color:black;">旧表照片</th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr>
+              <td style="margin: auto;text-align: center">
+                <div class="container" style="max-width: 550px;background: #FFFFFF">
+                  <div class="img" >
+                    <tel-img-self-tel-plus :src="'rs/image/file/'+f_table_path_old" width="400" height="300"></tel-img-self-tel-plus>
+                  </div>
+                </div>
+              </td>
+            </tr>
+            </tbody>
+          </table>
+          <table class="table table-striped table-bordered">
+            <thead>
+            <tr>
+              <th style="text-align: center;background-color: #dfedfb;color:black;">新表照片</th>
+            </tr>
+            </thead>
+            <tr>
+              <td style="margin: auto;text-align: center">
+                <div class="container" style="max-width: 500px;background: #FFFFFF">
+                  <div class="img" style="float: none">
+                    <tel-img-self-tel-plus :src="'rs/image/file/'+f_table_path_new" width="400" height="300"></tel-img-self-tel-plus>
+                  </div>
+                </div>
+              </td>
+            </tr>
+          </table>
+        </div>
+      </div>
+      <div class style="width: 1%;height: 100%;background-color: #F1F8FF;float: left;"></div>
+      <div class="col-md-6" style="height: 100%; overflow: scroll">
+        <div style="width: 95%; margin-left: 5%">
+          <table class="table table-striped table-bordered">
+            <thead>
+            <tr>
+              <th colspan="2" style="text-align: center;background-color: #dfedfb;color:black;">换表信息</th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr>
+              <td style="text-align: right;width: 40%">换表类型：</td>
+              <td style="text-align: left">{{ changeTableinfo.f_type || '无' }}</td>
+            </tr>
+            <tr>
+              <td style="text-align: right">旧表号：</td>
+              <td style="text-align: left">{{ changeTableinfo.f_meternumber_old || '无' }}</td>
+            </tr>
+            <tr>
+              <td style="text-align: right">新表号：</td>
+              <td style="text-align: left">{{ changeTableinfo.f_meternumber || '无' }}</td>
+            </tr>
+            <tr>
+              <td style="text-align: right">旧表品牌：</td>
+              <td style="text-align: left">{{ changeTableinfo.f_meter_brand_old || '无' }}</td>
+            </tr>
+            <tr>
+              <td style="text-align: right">新表品牌：</td>
+              <td style="text-align: left">{{ changeTableinfo.f_meter_brand || '无' }}</td>
+            </tr>
+            <tr>
+              <td style="text-align: right">旧表型号：</td>
+              <td style="text-align: left">{{ getGasBrandName(changeTableinfo.f_gasbrand_id_old) || '无' }}</td>
+            </tr>
+            <tr>
+              <td style="text-align: right">新表型号：</td>
+              <td style="text-align: left">{{ getGasBrandName(changeTableinfo.f_gasbrand_id) || '无' }}</td>
+            </tr>
+            <tr>
+              <td style="text-align: right">新表底数：</td>
+              <td style="text-align: left">{{ changeTableinfo.f_initial_base_new || '无' }}</td>
+            </tr>
+            <tr>
+              <td style="text-align: right">新表封号：</td>
+              <td style="text-align: left">{{ changeTableinfo.f_metertitles || '无' }}</td>
+            </tr>
+            <tr>
+              <td style="text-align: right">换表人：</td>
+              <td style="text-align: left">{{ changeTableinfo.f_operator || '无' }}</td>
+            </tr>
+            <tr>
+              <td style="text-align: right">服务费：</td>
+              <td style="text-align: left">{{ changeTableinfo.f_service_fee || '无' }}</td>
+            </tr>
+            <tr>
+              <td style="text-align: right">账户余额：</td>
+              <td style="text-align: left">{{ changeTableinfo.f_balance || '无' }}</td>
+            </tr>
+            <tr>
+              <td style="text-align: right">补气气量：</td>
+              <td style="text-align: left">{{ changeTableinfo.f_remanent_gas || '无' }}</td>
+            </tr>
+            <tr>
+              <td style="text-align: right">补气金额：</td>
+              <td style="text-align: left">{{ changeTableinfo.f_remanent_money || '无' }}</td>
+            </tr>
+            <tr>
+              <td style="text-align: right">补气单价：</td>
+              <td style="text-align: left">{{ changeTableinfo.f_remanent_price || '无' }}</td>
+            </tr>
+            <tr>
+              <td style="text-align: right">阶梯使用量：</td>
+              <td style="text-align: left">{{ changeTableinfo.f_stair_use || '无' }}</td>
+            </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+  <modal :show.sync="imgshow" v-ref:modal backdrop="true">
+    <header slot="modal-header" class="modal-header" style="font-size: 20px;text-align: center">
+      {{ picturename }}
+    </header>
+    <article slot="modal-body" class="modal-body">
+      <div class="from-group">
+        <div class="row">
+          <div class="col-md-6" v-for="item in showimgs">
+            <tel-img-self-tel-plus    :src="item" width="300" height="400"></tel-img-self-tel-plus>
+          </div>
+        </div>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer" v-show="false">
+      <button type="button" class="btn btn-success" @click='imgclose'>关闭</button>
+    </footer>
+  </modal>
+</template>
+
+<script>
+  import html2pdf from 'html2pdf.js'
+import {HttpResetClass} from 'vue-client'
+export default {
+  title: '换表详情',
+  props: ['curactivity', 'service','workorder'],
+  data () {
+    return {
+      showPdfDownload: this.$appdata.getSingleValue('工单结果pdf下载') ? this.$appdata.getSingleValue('工单结果pdf下载') : false,
+      othercharge:[],
+      imgshow:false,
+      picturename:'',
+      showimg:'',
+      f_table_path_new:'',
+      f_table_path_old:'',
+      baseuserinfo: {},
+      showimgs:[],
+      allimgs: [],
+      servicerepair: [],
+      serviceall: {},
+      usermeter:{},
+      loading: false,
+      changeTableinfo:{},
+      tablemodel: [],
+    }
+  },
+  ready () {
+    this.loading=true
+    let http = new HttpResetClass()
+    http.load('POST', 'af-telephone/rs/path/serviceWork', {data: {id: this.curactivity.id}}, {
+      resolveMsg: null,
+      rejectMsg: null
+    }).then(res => {
+      for (let i = 0; i < res.data.length; i++) {
+        if (res.data[i].id == this.curactivity.id) {
+          this.serviceall = res.data[i]
+          this.baseuserinfo = res.data[i].baseuserinfo
+          this.servicerepair = res.data[i].servicerepair
+          this.allimgs = res.data[i].imgs
+        }
+      }
+      this.loading=false
+    })
+    this.gettablemodel()
+    this.gettableimg()
+  },
+  methods: {
+    getGasBrandName(id){
+      for (let i = 0; i < this.tablemodel.length; i++) {
+        if (this.tablemodel[i].id == id) {
+          return this.tablemodel[i].name
+        }
+      }
+    },
+    //查询气表型号
+    gettablemodel(){
+      this.tablemodel=[]
+      let data = {
+        items: '*',
+        tablename: 't_gasmodel',
+        condition: `1=1`,
+        orderitem: 'id'
+      }
+      let http = new HttpResetClass()
+      http.load('post','af-telephone/rs/sql/tel_singleTable_OrderBy',{data:data},{
+        resolveMsg: null,
+        rejectMsg: null
+      }).then(res=>{
+        for (let i = 0; i < res.data.length; i++) {
+          let obj={
+            id:res.data[i].id,
+            name:res.data[i].f_meter_style
+          }
+          this.tablemodel.push(obj)
+        }
+      })
+    },
+    //查询换表照片
+    gettableimg(){
+      let data = {
+        items: '*',
+        tablename: 't_changetables',
+        condition: `id = '${this.workorder.f_tablechange_id}'`,
+        orderitem: 'id'
+      }
+      let http = new HttpResetClass()
+      http.load('post','af-telephone/rs/sql/tel_singleTable_OrderBy',{data:data},{
+        resolveMsg: null,
+        rejectMsg: null
+      }).then(res=>{
+        this.f_table_path_new =res.data[0].f_table_path_new
+        this.f_table_path_old =res.data[0].f_table_path_old
+        this.changeTableinfo=res.data[0]
+      })
+    },
+    showSafeImg(detail){
+      this.picturename = ''
+      this.showimgs = []
+      if (detail.f_defect_id){
+        let data = {
+          items: '*',
+          tablename: 't_devices_items',
+          condition: `id = '${detail.f_defect_id}'`,
+          orderitem: '1'
+        }
+        let http = new HttpResetClass()
+        http.load('post','af-telephone/rs/sql/tel_singleTable_OrderBy',{data:data},{
+          resolveMsg: null,
+          rejectMsg: null
+        }).then(res=>{
+          this.picturename = '隐患照片/维修照片'
+          if (res.data[0].f_path){
+            this.showimgs.push('rs/image/file/'+res.data[0].f_path)
+          }
+          if(detail.f_first_imgname){
+            this.showimgs.push('rs/image/file/'+detail.f_first_imgname)
+          }
+          this.imgshow = true
+        })
+      }else {
+
+      }
+    },
+    exportToPDF() {
+      const element = document.getElementById('toPdf') // 替换为您要导出的页面元素的ID
+      html2pdf(element)
+    },
+    changefailure(val){
+      let failureall=''
+      // val=[{"f_failure_type":"抽油烟机","failurecase":[],"f_equipment":""},{"f_failure_type":"抽油烟机","failurecase":[],"f_equipment":""},{"f_failure_type":"抽油烟机","failurecase":[],"f_equipment":""}]
+      let failure = JSON.parse(val)
+      for (let i = 0; i <failure.length; i++) {
+        if (failure[i].failurecase.length>0){
+          failureall+=failure[i].f_failure_type+":"
+          for (let j = 0; j < failure[i].failurecase.length; j++) {
+            failureall+=failure[i].failurecase[j]
+            if (j+1!=failure[i].failurecase.length){
+              failureall+=","
+            }
+          }
+
+        }else{
+          failureall+=failure[i].f_failure_type
+        }
+        if (i+1!=failure.length){
+          failureall+=';'
+        }
+      }
+      return failureall
+    },
+    imgclose(){
+      this.imgshow=false
+    },
+    ispicture(imgs,imgid){
+      let imgstr=''
+      let imgpath=''
+      for (let i = 0; i < imgs.length; i++) {
+        if (imgs[i].imgpath==imgid){
+          imgstr=imgs[i].android_file
+          imgpath=imgs[i].imgpath
+        }
+      }
+      ////tag
+      ////tag
+      if (imgstr){
+        return true
+      }
+      return false
+    },
+    showpath (imgs,imgid) {
+      this.picturename = ''
+      const img = imgs.filter(res => res.imgpath === imgid).map(res => 'rs/image/file/' + res.android_file)
+      if (img.length > 0) {
+        this.showimgs = img
+        this.picturename = imgid
+        this.imgshow = true
+      }
+    },
+    back () {
+      this.$back()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.row {
+  margin-bottom: 10px;
+}
+
+.col-md-6 {
+  padding: 5px;
+  font-size: 14px;
+}
+
+strong {
+  color: #333;
+  font-weight: bold;
+}
+
+/* 空值处理 */
+span[style*="color: #ccc"] {
+  color: #ccc !important;
+}
+.img {
+  border: 1px solid #9773ed;
+  width: auto;
+  height: auto;
+  float: left;
+  text-align: center;
+  margin: 6px;
+}
+
+img {
+  margin: 6px;
+}
+
+
+.container {
+  margin: 10px auto;
+  width: 80%;
+  height: auto;
+}
+
+div::-webkit-scrollbar {
+  width: 0 !important;
+  height: 0 !important;
+}
+
+div {
+  -ms-overflow-style: none;
+  overflow: -moz-scrollbars-none;
+}
+
+.divmask {
+  pointer-events: none;
+}
+
+.app-header {
+  border-radius: 50%;
+  background: rgba(73, 158, 223, 0.4);
+  color: #FFF;
+  padding: 20px;
+  text-align: center;
+  font-size: 1.2em;
+  z-index: 10;
+  opacity: 0.5;
+  bottom: 50px;
+  margin-top: -20px;
+  position: absolute;
+  top: 10%;
+  right: 2%;
+  height: 8%;
+}
+</style>