telephone-clients 3.0.102 → 3.0.103

package/src/components/pc/NewRepairPaper.vue

@@ -1,370 +1,370 @@
-<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>
-    <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 v-if="serviceall.f_workorder_type=='报修单'">
-              <td colspan="1" style="text-align: center;border: #E9E9E9 solid 1px">故障明细:</td>
-              <td colspan="3" style="text-align: center;border: #E9E9E9 solid 1px">{{ changefailure(serviceall.f_new_failure) }}</td>
-            </tr>
-            <tr v-if="serviceall.f_workorder_type=='报修单'">
-              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">{{usermeter.f_collection_type=='按金额'?'累购金额:':'累购气量:'}}</td>
-              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ usermeter.f_collection_type=='按金额'?usermeter.f_total_fee:usermeter.f_total_gas }}</td>
-              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">左&ensp;右&ensp;表:</td>
-              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ usermeter.f_aroundmeter }}</td>
-            </tr>
-            <tr v-if="serviceall.f_workorder_type=='报修单'">
-
-              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">表&ensp;品&ensp;牌:</td>
-              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ usermeter.f_meter_brand }}</td>
-              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">表&ensp;型&ensp;号:</td>
-              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ usermeter.f_meter_style }}</td>
-            </tr>
-            <tr v-if="serviceall.f_workorder_type=='置换通气单'">
-
-              <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_gasproperties }}</td>
-            </tr>
-            <tr v-if="serviceall.f_workorder_type=='置换通气单'">
-
-              <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_phone }}</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_house_type }}</td>
-            </tr>
-            <tr v-if="serviceall.f_workorder_type=='置换通气单'">
-              <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_shenfenzheng}}</td>
-            </tr>
-            <tr v-if="serviceall.f_workorder_type=='置换通气单'">
-              <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%">{{ service.f_created_date }}</td>-->
-<!--              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">完成时间:</td>-->
-<!--              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ service.f_repair_date }}</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" v-for="img in serviceall.imgs">
-                    <img-self-tel :src="'rs/image/file/'+img.android_file" style="float: left" width="150"
-                                  height="200"></img-self-tel>
-                  </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">
-                    <img-self-tel :src="'rs/image/file/'+serviceall.f_signname" width="400" height="300"></img-self-tel>
-                  </div>
-                </div>
-              </td>
-            </tr>
-          </table>
-          <table class="table table-striped table-bordered"  v-if="serviceall.f_recording_path">
-            <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">
-                    <a class="button_spacing button_search-1"
-                       :href="'rs/image/file/'+serviceall.f_recording_path" >录音下载</a>
-                </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" v-for=" serviceone in servicerepair">
-            <thead>
-            <tr>
-              <th style="text-align: center;background-color: #dfedfb;color:black;">{{ serviceone.f_type }}</th>
-            </tr>
-            </thead>
-            <tbody>
-            <tr v-for="detail in serviceone.details">
-              <td>
-                <div class="row">
-                  <div class="col-md-8" style="text-align: center;">{{ detail.f_project }}</div>
-                  <div class="col-md-4" style="text-align: center;" v-if="detail.type!='picture'">
-                    {{ detail.f_content?detail.f_content:'无' }}
-                  </div>
-                  <div class="col-md-4" style="text-align: center;" v-if="detail.type=='picture'&&ispicture(serviceone.imgs,detail.f_project)">
-                    <button-link style="color: black" type="button" class="btn btn-link"
-                                 @click="showpath(serviceone.imgs,detail.f_project)">查看照片
-                    </button-link>
-                  </div>
-                  <div class="col-md-4" style="text-align: center;" v-if="detail.type=='picture'&&!ispicture(serviceone.imgs,detail.f_project)">
-                    无照片
-                  </div>
-                </div>
-<!--                {{detail.f_first_imgname}}-->
-                <div class="row" v-if="detail.f_first_imgname">
-                  <div class="container" style="max-width: 500px;background: #FFFFFF">
-                    <div class="img" style="float: none">
-                      <img-self-tel :src="'rs/image/file/'+detail.f_first_imgname" width="400" height="300"></img-self-tel>
-                    </div>
-
-                  </div>
-                </div>
-              </td>
-
-
-            </tr>
-            </tbody>
-          </table>
-
-
-        </div>
-
-      </div>
-    </div>
-  </div>
-  <modal :show.sync="imgshow" v-ref:modal backdrop="true">
-    <header slot="modal-header" class="modal-header">
-      {{ 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">
-            <img-self-tel    :src="item" width="300" height="400"></img-self-tel>
-          </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 {HttpResetClass} from 'vue-client'
-
-export default {
-  title: '工单详情',
-  props: ['curActivity', 'service'],
-  data () {
-    return {
-      imgshow:false,
-      picturename:'',
-      showimg:'',
-      baseuserinfo: {},
-      showimgs:[],
-      allimgs: [],
-      servicerepair: [],
-      serviceall: {},
-      usermeter:{},
-      loading: false
-    }
-  },
-  ready () {
-    this.loading=true
-    ////tag
-    ////tag)
-    let http = new HttpResetClass()
-    ////tag
-    http.load('POST', 'rs/path/serviceWork', {data: {id: this.curActivity.id}}, {
-      resolveMsg: null,
-      rejectMsg: null
-    }).then(res => {
-      ////tag)
-      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
-          http.load('post','rs/sql/getBaseMeterInfo',{data:{f_userinfo_id:this.baseuserinfo.f_userinfo_id}},{
-            resolveMsg: null,
-            rejectMsg: null
-          }).then(res=>{
-            this.usermeter=res.data[0]
-          })
-        }
-      }
-
-      ////tag)
-      ////tag)
-      ////tag)
-      ////tag)
-      this.loading=false
-    })
-  },
-  methods: {
-    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) {
-      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>
-.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>
+    <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 v-if="serviceall.f_workorder_type=='报修单'">
+              <td colspan="1" style="text-align: center;border: #E9E9E9 solid 1px">故障明细:</td>
+              <td colspan="3" style="text-align: center;border: #E9E9E9 solid 1px">{{ changefailure(serviceall.f_new_failure) }}</td>
+            </tr>
+            <tr v-if="serviceall.f_workorder_type=='报修单'">
+              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">{{usermeter.f_collection_type=='按金额'?'累购金额:':'累购气量:'}}</td>
+              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ usermeter.f_collection_type=='按金额'?usermeter.f_total_fee:usermeter.f_total_gas }}</td>
+              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">左&ensp;右&ensp;表:</td>
+              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ usermeter.f_aroundmeter }}</td>
+            </tr>
+            <tr v-if="serviceall.f_workorder_type=='报修单'">
+
+              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">表&ensp;品&ensp;牌:</td>
+              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ usermeter.f_meter_brand }}</td>
+              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">表&ensp;型&ensp;号:</td>
+              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ usermeter.f_meter_style }}</td>
+            </tr>
+            <tr v-if="serviceall.f_workorder_type=='置换通气单'">
+
+              <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_gasproperties }}</td>
+            </tr>
+            <tr v-if="serviceall.f_workorder_type=='置换通气单'">
+
+              <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_phone }}</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_house_type }}</td>
+            </tr>
+            <tr v-if="serviceall.f_workorder_type=='置换通气单'">
+              <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_shenfenzheng}}</td>
+            </tr>
+            <tr v-if="serviceall.f_workorder_type=='置换通气单'">
+              <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%">{{ service.f_created_date }}</td>-->
+<!--              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">完成时间:</td>-->
+<!--              <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ service.f_repair_date }}</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" v-for="img in serviceall.imgs">
+                    <img-self-tel :src="'rs/image/file/'+img.android_file" style="float: left" width="150"
+                                  height="200"></img-self-tel>
+                  </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">
+                    <img-self-tel :src="'rs/image/file/'+serviceall.f_signname" width="400" height="300"></img-self-tel>
+                  </div>
+                </div>
+              </td>
+            </tr>
+          </table>
+          <table class="table table-striped table-bordered"  v-if="serviceall.f_recording_path">
+            <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">
+                    <a class="button_spacing button_search-1"
+                       :href="'rs/image/file/'+serviceall.f_recording_path" >录音下载</a>
+                </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" v-for=" serviceone in servicerepair">
+            <thead>
+            <tr>
+              <th style="text-align: center;background-color: #dfedfb;color:black;">{{ serviceone.f_type }}</th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr v-for="detail in serviceone.details">
+              <td>
+                <div class="row">
+                  <div class="col-md-8" style="text-align: center;">{{ detail.f_project }}</div>
+                  <div class="col-md-4" style="text-align: center;" v-if="detail.type!='picture'">
+                    {{ detail.f_content?detail.f_content:'无' }}
+                  </div>
+                  <div class="col-md-4" style="text-align: center;" v-if="detail.type=='picture'&&ispicture(serviceone.imgs,detail.f_project)">
+                    <button-link style="color: black" type="button" class="btn btn-link"
+                                 @click="showpath(serviceone.imgs,detail.f_project)">查看照片
+                    </button-link>
+                  </div>
+                  <div class="col-md-4" style="text-align: center;" v-if="detail.type=='picture'&&!ispicture(serviceone.imgs,detail.f_project)">
+                    无照片
+                  </div>
+                </div>
+<!--                {{detail.f_first_imgname}}-->
+                <div class="row" v-if="detail.f_first_imgname">
+                  <div class="container" style="max-width: 500px;background: #FFFFFF">
+                    <div class="img" style="float: none">
+                      <img-self-tel :src="'rs/image/file/'+detail.f_first_imgname" width="400" height="300"></img-self-tel>
+                    </div>
+
+                  </div>
+                </div>
+              </td>
+
+
+            </tr>
+            </tbody>
+          </table>
+
+
+        </div>
+
+      </div>
+    </div>
+  </div>
+  <modal :show.sync="imgshow" v-ref:modal backdrop="true">
+    <header slot="modal-header" class="modal-header">
+      {{ 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">
+            <img-self-tel    :src="item" width="300" height="400"></img-self-tel>
+          </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 {HttpResetClass} from 'vue-client'
+
+export default {
+  title: '工单详情',
+  props: ['curActivity', 'service'],
+  data () {
+    return {
+      imgshow:false,
+      picturename:'',
+      showimg:'',
+      baseuserinfo: {},
+      showimgs:[],
+      allimgs: [],
+      servicerepair: [],
+      serviceall: {},
+      usermeter:{},
+      loading: false
+    }
+  },
+  ready () {
+    this.loading=true
+    ////tag
+    ////tag)
+    let http = new HttpResetClass()
+    ////tag
+    http.load('POST', 'rs/path/serviceWork', {data: {id: this.curActivity.id}}, {
+      resolveMsg: null,
+      rejectMsg: null
+    }).then(res => {
+      ////tag)
+      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
+          http.load('post','rs/sql/getBaseMeterInfo',{data:{f_userinfo_id:this.baseuserinfo.f_userinfo_id}},{
+            resolveMsg: null,
+            rejectMsg: null
+          }).then(res=>{
+            this.usermeter=res.data[0]
+          })
+        }
+      }
+
+      ////tag)
+      ////tag)
+      ////tag)
+      ////tag)
+      this.loading=false
+    })
+  },
+  methods: {
+    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) {
+      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>
+.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>