safecheck-client 4.0.1-8 → 4.0.1-81

package/src/filiale/meihekou/pc/NewCheckpaperNew.vue

@@ -0,0 +1,2050 @@
+<style scoped id="printStyle">
+.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: 8px !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="row">
+        <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;margin-top: 35px">
+              <thead>
+              <tr>
+                <th colspan="6" style="text-align: center">用户基本信息</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%">{{ paperdata.f_userinfo_code }}</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">用户名称:</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ paperdata.f_user_name }}</td>
+              </tr>
+              <tr>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">证件号码:</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_idnumber }}</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">用户类型:</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_check_type }}</td>
+              </tr>
+              <tr>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">用户电话:</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_user_phone }}</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">区 / 县:</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_slice_area }}</td>
+              </tr>
+              <tr>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">街 道:</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_street }}</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">楼 号:</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_building }}</td>
+              </tr>
+              <tr>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">单 元:</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_unit }}</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">楼 层:</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_floor }}</td>
+              </tr>
+              <tr>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">门 牌 号 :</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_room }}</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">用户性质:</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_userproperties }}</td>
+              </tr>
+              <tr>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">备注信息:</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_comments }}</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">小区名称:</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_residential_area }}</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">{{ paperdata.f_address }}</td>
+              </tr>
+              </tbody>
+            </table>
+            <table class="table table-striped table-bordered" style="margin-top: 40px">
+              <thead>
+              <tr>
+                <th colspan="6" style="text-align: center">设备信息</th>
+              </tr>
+              </thead>
+              <tbody>
+                <template v-for=" item in userdevice">
+                  <tr >
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">设备名称:</td>
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">{{ item.f_devices_type }}</td>
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">设备型号:</td>
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">{{ item.f_brand }}</td>
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">生产日期:</td>
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">{{ item.f_make_date }}</td>
+                  </tr>
+                  <tr >
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">到期时间:</td>
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">{{ item.f_expire_date }}</td>
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">购买方式:</td>
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">{{ item.WatchPurchase }}</td>
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">安装方式:</td>
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">{{ item.f_install_type }}</td>
+                  </tr>
+                </template>
+              </tbody>
+            </table>
+            <table class="table table-striped table-bordered" style="margin-top: 40px"
+                   v-show="paperdata.f_entry_status=='入户'">
+              <thead>
+              <tr>
+                <th colspan="4" style="text-align: center">用户安检概况</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%">{{ paperdata.f_onsite_time }}</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">离开时间:</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ paperdata.f_offsite_time }}</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%">{{ paperdata.f_entry_status }}</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">燃气使用:</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ paperdata.f_usegas }}</td>
+              </tr>
+              <tr>
+                <td colspan="1" style="text-align: center;border: #E9E9E9 solid 1px;">用户满意度:</td>
+                <td colspan="1" style="text-align: center;border: #E9E9E9 solid 1px;">{{
+                    paperdata.f_client_evaluation
+                  }}
+                </td>
+                <td colspan="1" style="text-align: center;border: #E9E9E9 solid 1px;">安检结果:</td>
+                <td colspan="1" style="text-align: center;border: #E9E9E9 solid 1px;"
+                    :style="{'color':ajresult=='有隐患'?'red':''}">{{ ajresult }}
+                </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;word-wrap:break-word;word-break:break-all;width:87%">
+                  {{ paperdata.f_repair_approved_note }}
+                </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;word-wrap:break-word;word-break:break-all;width:87%">
+             <span v-for="deviceCollect in deviceCollects">
+                      <span class="li-font">
+                        {{ deviceCollect.name }}:{{ deviceCollect.value }}&nbsp;&nbsp;&nbsp;
+                      </span>
+                <br>
+             <span v-if="deviceCollect.value == '有隐患'">
+               <lable>
+                 隐患:
+               </lable>
+                <span v-for="val in deviceCollect.devices">
+    {{ val }}
+  </span><br>
+             </span>
+
+           </span>
+                </td>
+              </tr>
+
+              </tbody>
+            </table>
+            <table class="table table-striped table-bordered" style="margin-top: 40px"
+                   v-show="paperdata.f_entry_status!='入户'">
+              <thead>
+              <tr>
+                <th colspan="4" style="text-align: center">用户安检概况</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%">{{ paperdata.f_onsite_time }}</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">离开时间:</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ paperdata.f_offsite_time }}</td>
+              </tr>
+              <tr>
+                <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">入户状态:</td>
+                <td colspan="2" style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">
+                  {{ paperdata.f_entry_status }}
+                </td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">
+                  <button-link style="color: black" type="button" class="btn btn-link" @click="showpicture2()">
+                    {{ dev.itemname }}
+                    查看{{ data.f_entry_status }}照片
+                  </button-link>
+                </td>
+              </tr>
+
+              </tbody>
+            </table>
+            <table class="table table-striped table-bordered" style="margin-top: 40px"
+                   v-show="item.f_no_checkplan == '复检'">
+              <thead>
+              <tr>
+                <th colspan="4" style="text-align: center">上次安检情况</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%">{{
+                    lastCheckData.f_onsite_time
+                  }}
+                </td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">上次安检离开时间:</td>
+                <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{
+                    lastCheckData.f_offsite_time
+                  }}
+                </td>
+              </tr>
+              <tr>
+                <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">上次安检员:</td>
+                <td colspan="3" style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">
+                  {{ lastCheckData.f_checker_name }}
+                </td>
+              </tr>
+              <tr>
+                <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">安检结果:</td>
+                <td colspan="3" style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">
+                  {{ lastCheckData.f_defect_text }}
+                </td>
+              </tr>
+
+              </tbody>
+            </table>
+            <table class="table table-striped table-bordered" style="margin-top: 35px"
+                   v-show="paperdata.f_entry_status=='入户' && paperdata.f_usegas == '未用气'">
+              <thead>
+              <tr>
+                <th style="text-align: center">未用气照片</th>
+              </tr>
+              </thead>
+              <tbody>
+              <tr>
+                <td style="margin: auto;text-align: center">
+                  <div class="container" style="max-width: 550px;background: #FFFFFF">
+                    <div class="img">
+                      <img-self-plus :src="paperdata.f_nongasuser_path" style="float: left" width="150"
+                                     height="200"></img-self-plus>
+                    </div>
+                  </div>
+                </td>
+              </tr>
+              </tbody>
+            </table>
+            <table class="table table-striped table-bordered" style="margin-top: 35px"
+                   v-show="showPdfImg && paperdata.f_entry_status=='入户' && ajresult=='有隐患'">
+              <thead>
+              <tr>
+                <th style="text-align: center">隐患照片</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 deviceImgs">
+                      <img-self-plus :list="deviceCollect.imgs " :src="img.f_overall_path" style="float: left"
+                                     width="150"
+                                     height="200"></img-self-plus>
+                    </div>
+                  </div>
+
+
+                </td>
+
+              </tr>
+              </tbody>
+            </table>
+            <table class="table table-striped table-bordered" style="margin-top: 35px"
+                   v-show="paperdata.f_entry_status=='入户'">
+              <thead>
+              <tr>
+                <th style="text-align: center">总体安检照片</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 paperdata.f_overall_imgs">
+                      <img-self-plus :list="paperdata.f_overall_imgs " :src="img.f_overall_path" style="float: left"
+                                     width="150"
+                                     height="200"></img-self-plus>
+                    </div>
+                  </div>
+
+
+                </td>
+
+              </tr>
+              </tbody>
+            </table>
+            <table class="table table-striped table-bordered" style="width: 100%"
+                   v-show="paperdata.f_entry_status=='入户' && (paperdata.f_sign_path || f_user_path) ">
+              <thead>
+              <tr>
+                <th style="text-align: center">用户签名照片</th>
+              </tr>
+              </thead>
+              <tbody>
+              <tr>
+                <td style="margin: auto;text-align: center" v-if="paperdata.f_sign_path">
+                  <div class="container" style="max-width: 500px;background: #FFFFFF"  >
+                    <div class="img" style="float: none">
+                      <img-self-plus :src="paperdata.f_sign_path" width="200" height="200"></img-self-plus>
+                    </div>
+                  </div>
+                </td>
+                <td style="margin: auto;text-align: center" v-if="f_user_path">
+                      <div class="container" style="max-width: 550px;background: #FFFFFF" >
+                        <div class="img" style="float: none">
+                          <img-self-plus :src="'rs/image/file/'+f_user_path"
+                                         width="200"
+                                         height="200"></img-self-plus>
+                        </div>
+                      </div>
+                  </td>
+              </tr>
+              </tbody>
+            </table>
+            <table class="table table-striped table-bordered"
+                   v-show="paperdata.f_entry_status=='入户' && paperdata.f_defect_notified">
+              <thead>
+              <tr>
+                <th style="text-align: center">安检通知书/隐患整改通知书</th>
+              </tr>
+              </thead>
+              <tbody>
+              <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-plus :src="paperdata.f_notified_path" width="486" height="300"></img-self-plus>
+                    </div>
+                  </div>
+                </td>
+              </tr>
+              </tbody>
+            </table>
+            <table class="table table-striped table-bordered"
+                   v-show="paperdata.f_entry_status=='入户'&& paperdata.f_video_path">
+              <thead>
+              <tr>
+                <th style="text-align: center">安检视频</th>
+              </tr>
+              </thead>
+              <tbody>
+              <tr>
+                <td style="margin: auto;text-align: center">
+                  <div class="container" style="max-width: 500px;background: #FFFFFF">
+                    <video width="320" height="200" controls v-if="paperdata.f_video_path">
+                      <source :src="paperdata.f_video_path" type="video/mp4">
+                    </video>
+                  </div>
+                </td>
+              </tr>
+              </tbody>
+            </table>
+            <table class="table table-striped table-bordered"
+                   v-show="item.f_recording1_path">
+              <thead>
+              <tr>
+                <th style="text-align: center">录音文件</th>
+              </tr>
+              </thead>
+              <tbody>
+              <tr>
+                <td style="margin: auto;text-align: center">
+                  <div class="container" style="max-width: 500px;background: #FFFFFF">
+                    <a class="button_spacing button_search-1"
+                       :download="item.f_user_name+'-'+item.f_check_type+'-'+'录音文件.arm'"
+                       :href="'rs/image/file/'+item.f_recording1_path">录音下载</a>
+                  </div>
+                </td>
+              </tr>
+              </tbody>
+            </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="config in deviceconfig2" style="margin-top: 35px">
+              <thead v-show="!(config.itemname!='燃气表'&&paperdata.f_entry_status!='入户')">
+              <tr>
+                <th style="text-align: center">{{ config.itemname }}</th>
+              </tr>
+              </thead>
+              <tbody v-show="!(config.itemname!='燃气表'&&paperdata.f_entry_status!='入户')">
+              <tr v-for="dev in config.items">
+                <td v-if="dev.type!='text' && dev.isshow != false">
+                  <div class="row">
+                    <div class="col-md-8" style="text-align: center;">
+                      <label>
+                        <button-link type="button" class="btn btn-link" @click="showpicture(config.itemname,dev.itemname)"
+                                     :style="isred(config.itemname,dev.itemname)?'color:red':'color:black'">
+                          {{ dev.itemname }}
+                        </button-link>
+                      </label>
+                    </div>
+                    <div class="col-md-4" style="text-align: center">
+                      <label style="font-weight: normal"
+                             v-if="dev.type!='picture'">{{
+                          getDeviceValue(config.itemname, dev.itemname) ? getDeviceValue(config.itemname, dev.itemname) : '无'
+                        }}</label>
+                      <label style="font-weight: normal" v-if="dev.type=='picture'">
+                        <div v-show="getDevicePath(config.itemname,dev.itemname)">
+                          <button-link style="color: black" type="button" class="btn btn-link"
+                                       @click="showpath(getDevicePath(config.itemname,dev.itemname),dev.itemname)">查看照片
+                          </button-link>
+                        </div>
+                        <div v-show="!getDevicePath(config.itemname,dev.itemname)">无照片</div>
+                      </label>
+                    </div>
+                  </div>
+                </td>
+                <td v-if="dev.type==='text' && dev.isshow != false">
+                  <label style="width: 100%;text-align: center">{{ dev.itemname }}</label>
+                </td>
+              </tr>
+              </tbody>
+            </table>
+            <div v-show="showButton">
+              <button class="button_spacing button_search" @click="auditSuccesss()">通过</button>
+              <button class="button_spacing button_search" @click="auditFail()">不通过</button>
+            </div>
+          </div>
+        </div>
+
+      </div>
+    </div>
+    <div v-show="false">
+      <div class="container-fluid" id="toPdf" style="overflow: scroll">
+        <div class="row">
+          <div 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;margin-top: 35px">
+                <thead>
+                <tr>
+                  <th colspan="6" style="text-align: center">用户基本信息</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%">{{
+                      paperdata.f_userinfo_code
+                    }}
+                  </td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">用户名称:</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ paperdata.f_user_name }}</td>
+                </tr>
+                <tr>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">证件号码:</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_idnumber }}</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">用户类型:</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_check_type }}</td>
+                </tr>
+                <tr>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">用户电话:</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_user_phone }}</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">区 / 县:</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_slice_area }}</td>
+                </tr>
+                <tr>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">街 道:</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_street }}</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">楼 号:</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_building }}</td>
+                </tr>
+                <tr>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">单 元:</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_unit }}</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">楼 层:</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_floor }}</td>
+                </tr>
+                <tr>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">门 牌 号 :</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_room }}</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">用户性质:</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_userproperties }}</td>
+                </tr>
+                <tr>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">备注信息:</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_comments }}</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">小区名称:</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px">{{ paperdata.f_residential_area }}</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">{{ paperdata.f_address }}</td>
+                </tr>
+                </tbody>
+              </table>
+              <table class="table table-striped table-bordered" style="margin-top: 40px">
+                <thead>
+                <tr>
+                  <th colspan="6" style="text-align: center">设备信息</th>
+                </tr>
+                </thead>
+                <tbody>
+                <template v-for=" item in userdevice">
+                  <tr >
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">设备名称:</td>
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">{{ item.f_devices_type }}</td>
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">设备型号:</td>
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">{{ item.f_brand }}</td>
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">生产日期:</td>
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">{{ item.f_make_date }}</td>
+                  </tr>
+                  <tr >
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">到期时间:</td>
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">{{ item.f_expire_date }}</td>
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">购买方式:</td>
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">{{ item.WatchPurchase }}</td>
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">安装方式:</td>
+                    <td style="text-align: center;border: #E9E9E9 solid 1px;width: 15%">{{ item.f_install_type }}</td>
+                  </tr>
+                </template>
+                </tbody>
+              </table>
+              <table class="table table-striped table-bordered" style="margin-top: 40px"
+                     v-show="paperdata.f_entry_status=='入户'">
+                <thead>
+                <tr>
+                  <th colspan="4" style="text-align: center">用户安检概况</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%">{{ paperdata.f_onsite_time }}</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">离开时间:</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{
+                      paperdata.f_offsite_time
+                    }}
+                  </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%">{{
+                      paperdata.f_entry_status
+                    }}
+                  </td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">燃气使用:</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{ paperdata.f_usegas }}</td>
+                </tr>
+                <tr>
+                  <td colspan="1" style="text-align: center;border: #E9E9E9 solid 1px;">用户满意度:</td>
+                  <td colspan="1" style="text-align: center;border: #E9E9E9 solid 1px;">{{
+                      paperdata.f_client_evaluation
+                    }}
+                  </td>
+                  <td colspan="1" style="text-align: center;border: #E9E9E9 solid 1px;">安检结果:</td>
+                  <td colspan="1" style="text-align: center;border: #E9E9E9 solid 1px;"
+                      :style="{'color':ajresult=='有隐患'?'red':''}">{{ ajresult }}
+                  </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;word-wrap:break-word;word-break:break-all;width:87%">
+                    {{ paperdata.f_repair_approved_note }}
+                  </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;word-wrap:break-word;word-break:break-all;width:87%">
+             <span v-for="deviceCollect in deviceCollects">
+                      <span class="li-font">
+                        {{ deviceCollect.name }}:{{ deviceCollect.value }}&nbsp;&nbsp;&nbsp;
+                      </span>
+                <br>
+             <span v-if="deviceCollect.value == '有隐患'">
+               <lable>
+                 隐患:
+               </lable>
+                <span v-for="val in deviceCollect.devices">
+    {{ val }}
+  </span><br>
+             </span>
+
+           </span>
+                  </td>
+                </tr>
+
+                </tbody>
+              </table>
+              <table class="table table-striped table-bordered" style="margin-top: 40px"
+                     v-show="paperdata.f_entry_status!='入户'">
+                <thead>
+                <tr>
+                  <th colspan="4" style="text-align: center">用户安检概况</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%">{{ paperdata.f_onsite_time }}</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">离开时间:</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{
+                      paperdata.f_offsite_time
+                    }}
+                  </td>
+                </tr>
+                <tr>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">入户状态:</td>
+                  <td colspan="2" style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">
+                    {{ paperdata.f_entry_status }}
+                  </td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">
+                    <button-link style="color: black" type="button" class="btn btn-link" @click="showpicture2()">
+                      {{ dev.itemname }}
+                      查看{{ data.f_entry_status }}照片
+                    </button-link>
+                  </td>
+                </tr>
+
+                </tbody>
+              </table>
+              <table class="table table-striped table-bordered" style="margin-top: 40px"
+                     v-show="item.f_no_checkplan == '复检'">
+                <thead>
+                <tr>
+                  <th colspan="4" style="text-align: center">上次安检情况</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%">{{
+                      lastCheckData.f_onsite_time
+                    }}
+                  </td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">上次安检离开时间:</td>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">{{
+                      lastCheckData.f_offsite_time
+                    }}
+                  </td>
+                </tr>
+                <tr>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">上次安检员:</td>
+                  <td colspan="3" style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">
+                    {{ lastCheckData.f_checker_name }}
+                  </td>
+                </tr>
+                <tr>
+                  <td style="text-align: center;border: #E9E9E9 solid 1px;width: 17%">安检结果:</td>
+                  <td colspan="3" style="text-align: center;border: #E9E9E9 solid 1px;width: 33%">
+                    {{ lastCheckData.f_defect_text }}
+                  </td>
+                </tr>
+
+                </tbody>
+              </table>
+              <table class="table table-striped table-bordered" style="margin-top: 35px"
+                     v-show="showPdfImg && paperdata.f_entry_status=='入户' && ajresult=='有隐患'">
+                <thead>
+                <tr>
+                  <th style="text-align: center">隐患照片</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 deviceImgs">
+                        <img-self-plus :list="deviceCollect.imgs " :src="img.f_overall_path" style="float: left"
+                                       width="150"
+                                       height="200"></img-self-plus>
+                      </div>
+                    </div>
+
+
+                  </td>
+
+                </tr>
+                </tbody>
+              </table>
+              <table class="table table-striped table-bordered" style="margin-top: 35px"
+                     v-show="paperdata.f_entry_status=='入户'">
+                <thead>
+                <tr>
+                  <th style="text-align: center">总体安检照片</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 paperdata.f_overall_imgs">
+                        <img-self-plus :list="paperdata.f_overall_imgs " :src="img.f_overall_path" style="float: left"
+                                       width="150"
+                                       height="200"></img-self-plus>
+                      </div>
+                    </div>
+
+
+                  </td>
+
+                </tr>
+                </tbody>
+              </table>
+              <table class="table table-striped table-bordered" style="width: 100%"
+                     v-show="paperdata.f_entry_status=='入户'">
+                <thead>
+                <tr>
+                  <th style="text-align: center">用户签名照片</th>
+                </tr>
+                </thead>
+                <tbody>
+                <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-plus :src="paperdata.f_sign_path" width="200" height="200"></img-self-plus>
+                      </div>
+                    </div>
+                  </td>
+                  <td style="margin: auto;text-align: center">
+                      <div class="container" style="max-width: 550px;background: #FFFFFF" v-if="f_user_path">
+                        <div class="img" style="float: none">
+                          <img-self-plus :src="'rs/image/file/'+f_user_path"
+                                         width="200"
+                                         height="200"></img-self-plus>
+                        </div>
+                      </div>
+                  </td>
+                </tr>
+                </tbody>
+              </table>
+              <table class="table table-striped table-bordered"
+                     v-show="paperdata.f_entry_status=='入户' && paperdata.f_defect_notified">
+                <thead>
+                <tr>
+                  <th style="text-align: center">安检通知书/隐患整改通知书</th>
+                </tr>
+                </thead>
+                <tbody>
+                <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-plus :src="paperdata.f_notified_path" width="486" height="300"></img-self-plus>
+                      </div>
+                    </div>
+                  </td>
+                </tr>
+                </tbody>
+              </table>
+              <table class="table table-striped table-bordered"
+                     v-show="paperdata.f_entry_status=='入户'&& paperdata.f_video_path">
+                <thead>
+                <tr>
+                  <th style="text-align: center">安检视频</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                  <td style="margin: auto;text-align: center">
+                    <div class="container" style="max-width: 500px;background: #FFFFFF">
+                      <video width="320" height="200" controls v-if="paperdata.f_video_path">
+                        <source :src="paperdata.f_video_path" type="video/mp4">
+                      </video>
+                    </div>
+                  </td>
+                </tr>
+                </tbody>
+              </table>
+              <table class="table table-striped table-bordered"
+                     v-show="item.f_recording1_path">
+                <thead>
+                <tr>
+                  <th style="text-align: center">录音文件</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                  <td style="margin: auto;text-align: center">
+                    <div class="container" style="max-width: 500px;background: #FFFFFF">
+                      <a class="button_spacing button_search-1"
+                         :download="item.f_user_name+'-'+item.f_check_type+'-'+'录音文件.arm'"
+                         :href="'rs/image/file/'+item.f_recording1_path">录音下载</a>
+                    </div>
+                  </td>
+                </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+          <div style="margin-right: 2%;margin-left: 2%;height: 100%;overflow: scroll">
+            <div style="width: 95%;margin-left: 5%">
+              <table class="table table-striped table-bordered" v-for="config in deviceconfig2"
+                     style="margin-top: 35px">
+                <thead v-show="!(config.itemname!='燃气表'&&paperdata.f_entry_status!='入户')">
+                <tr>
+                  <th style="text-align: center">{{ config.itemname }}</th>
+                </tr>
+                </thead>
+                <tbody v-show="!(config.itemname!='燃气表'&&paperdata.f_entry_status!='入户')">
+                <tr v-for="dev in config.items">
+                  <td v-if="dev.type!='text' && dev.isshow != false">
+                    <div class="row">
+                      <div class="col-md-8" style="text-align: center;">
+                        <label>
+                          <button-link type="button" class="btn btn-link"
+                                       @click="showpicture(config.itemname,dev.itemname)"
+                                       :style="isred(config.itemname,dev.itemname)?'color:red':'color:black'">
+                            {{ dev.itemname }}
+                          </button-link>
+                        </label>
+                      </div>
+                      <div class="col-md-4" style="text-align: center">
+                        <label style="font-weight: normal"
+                               v-if="dev.type!='picture'">{{
+                            getDeviceValue(config.itemname, dev.itemname) ? getDeviceValue(config.itemname, dev.itemname) : '无'
+                          }}</label>
+                        <label style="font-weight: normal" v-if="dev.type=='picture'">
+                          <div v-show="getDevicePath(config.itemname,dev.itemname)">
+                            <button-link style="color: black" type="button" class="btn btn-link"
+                                         @click="showpath(getDevicePath(config.itemname,dev.itemname),dev.itemname)">查看照片
+                            </button-link>
+                          </div>
+                          <div v-show="!getDevicePath(config.itemname,dev.itemname)">无照片</div>
+                        </label>
+                      </div>
+                    </div>
+                  </td>
+                  <td v-if="dev.type==='text' && dev.isshow != false">
+                    <label style="width: 100%;text-align: center">{{ dev.itemname }}</label>
+                  </td>
+                </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+
+        </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">
+            <img-self-plus v-if="showimg1" :src="showimg1" width="240" height="300"></img-self-plus>
+          </div>
+          <div class="col-md-6">
+            <img-self-plus v-if="showimg2" :src="showimg2" width="240" height="300"></img-self-plus>
+          </div>
+          <div class="col-md-6" v-for="item in otherDarginShowImgs">
+            <img-self-plus v-if="item.path" :src="item.path" width="240" height="300"></img-self-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>
+  <modal :show.sync="imgshow2" v-ref:modal backdrop="true">
+    <header slot="modal-header" class="modal-header">
+      {{ paperdata.f_entry_status }}照片
+    </header>
+    <article slot="modal-body" class="modal-body">
+      <div class="from-group">
+        <div class="row">
+          <div class="col-md-6">
+            <img-self-plus v-if="this.paperdata.f_entry_status=='到访不遇'&& this.paperdata.f_noanswer_path" :src="showimg3"
+                           width="282"
+                           height="400"></img-self-plus>
+          </div>
+          <div class="col-md-6">
+            <img-self-plus v-if="this.paperdata.f_entry_status=='到访不遇'&& this.paperdata.f_noanswer1_path"
+                           :src="showimg5" width="282"
+                           height="400"></img-self-plus>
+          </div>
+          <div class="col-md-6">
+            <img-self-plus v-if="this.paperdata.f_entry_status=='到访不遇'&& this.paperdata.f_noanswer2_path"
+                           :src="showimg6" width="282"
+                           height="400"></img-self-plus>
+          </div>
+          <div class="col-md-6">
+            <img-self-plus v-if="this.paperdata.f_entry_status=='拒检' && this.paperdata.f_rejectcheck_path"
+                           :src="showimg4" width="282"
+                           height="400"></img-self-plus>
+          </div>
+          <div class="col-md-6">
+            <img-self-plus v-if="this.paperdata.f_entry_status=='拒检' && this.paperdata.f_rejectcheck1_path"
+                           :src="showimg7" width="282"
+                           height="400"></img-self-plus>
+          </div>
+          <div class="col-md-6">
+            <img-self-plus v-if="this.paperdata.f_entry_status=='拒检' && this.paperdata.f_rejectcheck2_path"
+                           :src="showimg8" width="282"
+                           height="400"></img-self-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>
+  <modal :show.sync="showModel" :width="'50%'" :backdrop="false">
+    <div slot="modal-header" class="modal-header">
+      <h4 class="modal-title">
+        安检审核备注
+      </h4>
+    </div>
+    <div slot="modal-body" class="modal-body">
+      <div class="row">
+        <div class="form-group col-sm-4">
+          <label class="font_normal_body">审核备注:</label>
+          <textarea v-model="message"></textarea>
+        </div>
+      </div>
+    </div>
+    <div slot="modal-footer" class="modal-footer" style="text-align: center">
+      <button class="button_search" style="margin-right: 15px" @click="auditFailOK()">确定</button>
+      <button class="button_search" style="margin-right: 15px" @click="auditFailCancel()">取消</button>
+    </div>
+  </modal>
+</template>
+
+<script>
+import html2pdf from 'html2pdf.js'
+import ObjConfig from '../../../utils/GerJsonObjectConfig'
+import RadioGroup from 'vue-client/src/vue-strap/src/radioGroup'
+import Radio from 'vue-client/src/vue-strap/src/radioBtn'
+import Vue from 'vue'
+import * as Util from '../../Util'
+import {jsonSort} from '../../../utils/LdapHelper'
+import {HttpResetClass} from "vue-client";
+let asyncReady = async function (self) {
+  // 获取配置信息
+  try {
+    let res = await new HttpResetClass().load('get','/api/af-safecheck/vue',null, {resolveMsg: null, rejectMsg: null})
+    self.delConfigKey(res.data)
+    Vue.config.safecheck=res.data
+    console.log('获取配置结果===', res.data)
+  } catch (error) {
+    // 忽略704,文件找不到异常R
+    if (error.status !== 704) {
+      throw error
+    }
+  }
+}
+export default {
+  title: '安检单',
+  props: ['f_plan_id', 'item', 'role','gotoitem'],
+  data() {
+    return {
+      f_user_path:'',
+      message: '',
+      showButton: false,
+      showModel: false,
+      data: {
+        f_devices: [],
+        f_defect_content: ''
+      },
+      showPdfDownload: this.$appdata.getSingleValue('安检结果pdf下载') ? this.$appdata.getSingleValue('安检结果pdf下载') : false,
+      showPdfImg: this.$appdata.getSingleValue('安检结果pdf展示隐患照片') ? this.$appdata.getSingleValue('安检结果pdf展示隐患照片') : false,
+      lastCheckData: {},
+      paperdata: {},
+      picturename: '隐患照片',
+      defectDevice: {},
+      hasDevice: false,
+      deviceCollect: {},
+      deviceCollects: [],
+      deviceImgs:[],
+      isshow: false,
+      ajresult: '',
+      loading: true,
+      imgshow: false,
+      imgshow2: false,
+      isUpload: false,
+      livedispose: '',
+      showimg1: '',
+      showimg2: '',
+      showimg3: '',
+      showimg4: '',
+      showimg5: '',
+      showimg6: '',
+      showimg7: '',
+      showimg8: '',
+      hiddenDangerImgNumber: 0, //配置项中隐患照片数
+      otherDarginShowImgs: [],//其他隐患图片
+      startClick: false, //开始安检按钮是否可点击
+      isStrat: false, //是否开始安检
+      checkResult: {},//查询结果
+      newcheckResult: {},
+      timer: null,
+      showModal: false,
+      pic_to_be_viewed: '',
+      showBack: true,
+      devices: [],
+      devicesAll: [],
+      configAJ: [],
+      configRQ: [],
+      deviceconfig: {},
+      newConfig: '',
+      deviceconfig2: [],
+      f_devices: [],
+      config: [
+        {
+          "itemname": "燃气表",
+          "checkmust": true,
+          "index": 1,
+          "items": [
+            {"itemname": "基表编号", "index": 1, "type": "string", "readonly": true},
+            {"itemname": "气表型号", "index": 2, "type": "string", "readonly": true},
+            {"itemname": "气表品牌", "index": 3, "type": "string", "readonly": true},
+            {"itemname": "表向", "index": 4, "type": "string", "readonly": true},
+            {"itemname": "初始表底", "index": 5, "type": "number", "readonly": true},
+            {"itemname": "上期表读数", "index": 6, "type": "number", "readonly": true},
+
+            {"itemname": "累购气量", "index": 7, "type": "number", "readonly": true,unique: true,collectionType:"按气量"},
+            {"itemname": "已用气量", "index": 8, "type": "number", "checkmust": false,unique: true,collectionType:"按气量"},
+            {"itemname": "剩余气量", "index": 9, "type": "number", "checkmust": false,unique: true,collectionType:"按气量"},
+            {"itemname": "气量异常差值", "index": 10, "type": "number", "readonly": true,unique: true,collectionType:"按气量"},
+
+
+            {"itemname": "累购金额", "index": 7, "type": "number", "readonly": true,unique: true,collectionType:"按金额"},
+            {"itemname": "已用金额", "index": 8, "type": "number", "checkmust": false,unique: true,collectionType:"按金额"},
+            {"itemname": "剩余金额", "index": 9, "type": "number", "checkmust": false,unique: true,collectionType:"按金额"},
+            {"itemname": "金额异常差值", "index": 10, "type": "number", "readonly": true,unique: true,collectionType:"按金额"},
+
+            {"itemname": "系统余额", "index": 10, "type": "number", "readonly": true},
+
+            {"itemname": "表封号", "index": 11, "type": "string", "readonly": true},
+            {"itemname": "燃气表照片", "index": 12, "type": "picture", "checkmust": false}
+          ]
+        }
+      ],
+      //金额
+      config2: [
+        {
+          "itemname": "燃气表",
+          "checkmust": true,
+          "index": 1,
+          "items": [
+            {"itemname": "基表编号", "index": 1, "type": "string", "readonly": true},
+            {"itemname": "气表型号", "index": 2, "type": "string", "readonly": true},
+            {"itemname": "气表品牌", "index": 3, "type": "string", "readonly": true},
+            {"itemname": "表向", "index": 4, "type": "string", "readonly": true},
+            {"itemname": "初始表底", "index": 5, "type": "number", "readonly": true},
+            {"itemname": "上期表读数", "index": 6, "type": "number", "readonly": true},
+
+            {"itemname": "累购气量", "index": 7, "type": "number", "readonly": true,unique: true,collectionType:"按气量"},
+            {"itemname": "已用气量", "index": 8, "type": "number", "checkmust": false,unique: true,collectionType:"按气量"},
+            {"itemname": "剩余气量", "index": 9, "type": "number", "checkmust": false,unique: true,collectionType:"按气量"},
+            {"itemname": "气量异常差值", "index": 10, "type": "number", "readonly": true,unique: true,collectionType:"按气量"},
+
+
+            {"itemname": "累购金额", "index": 7, "type": "number", "readonly": true,unique: true,collectionType:"按金额"},
+            {"itemname": "已用金额", "index": 8, "type": "number", "checkmust": false,unique: true,collectionType:"按金额"},
+            {"itemname": "剩余金额", "index": 9, "type": "number", "checkmust": false,unique: true,collectionType:"按金额"},
+            {"itemname": "金额异常差值", "index": 10, "type": "number", "readonly": true,unique: true,collectionType:"按金额"},
+
+            {"itemname": "系统余额", "index": 10, "type": "number", "readonly": true},
+
+            {"itemname": "表封号", "index": 11, "type": "string", "readonly": true},
+            {"itemname": "燃气表照片", "index": 12, "type": "picture", "checkmust": false}
+          ]
+        }
+      ],
+      userdevice:[]
+    }
+  },
+  components: {
+    RadioGroup,
+    Radio,
+  },
+  computed: {
+    isRecodrDownloadBtn() {
+      // 投诉单下派还是处理
+      let res = this.$appdata.getSingleValue('无限制录音');
+      if (res == 'true') {
+        return true;
+      } else {
+        return false;
+      }
+    },
+    selector: {
+      get() {
+        return 'paper-state'
+      },
+      set(val) {
+        if (this.isStrat) {
+          this.$goto(val, {userinfo: this.data}, 'paper-router')
+        } else {
+          this.$showMessage('未开始安检！')
+        }
+      }
+    },
+    actionEnabled: {
+      get() {
+        return this.role == 'inspect'
+      }
+    }
+  },
+  methods: {
+    getuserinfodevice(){
+      new HttpResetClass().load('POST', `/af-telephone/rs/sql/tel_singleTable_OrderBy`, {
+        data: {
+          items: '*',
+            tablename: 't_devices',
+            condition: `f_userinfo_id = '${this.item.f_userinfoid}'`,
+            orderitem: 'id'
+        }
+      }, {resolveMsg: null, rejectMsg:null}).then((res) => {
+         this.userdevice = res.data
+      })
+    },
+    delConfigKey(obj){
+      // 从琉璃中获取的配置中会包含 $开头的一些额外描述新的key。为了兼容v3的代码逻辑在此函数中去掉
+      Object.keys(obj).forEach(key =>{
+        Object.keys(obj[key]).forEach(col => {
+          // 检查键是否以$开头
+          if (col.startsWith('$')) {
+            // 使用delete操作符删除键
+            delete obj[key][col];
+          }
+        })
+      })
+    },
+    exportToPDF() {
+      const element = document.getElementById('toPdf') // 替换为您要导出的页面元素的ID
+      html2pdf(element)
+    },
+    showAudit() {
+      var audit = this.$appdata.getSingleValue('安检审核');
+      if (audit == '是' && (this.item.f_approved == '未审核' || !this.item.f_approved)) {
+        this.showButton = true
+      }
+    },
+    //安检审核成功
+    auditSuccesss() {
+      this.loading = true;
+      var reqdata = {
+        audit_result: '通过',
+        operator: "success",
+        audit_time: Util.getNowDate(),
+        user_name: this.$login.f.name,
+        id: this.item.id,
+        f_check_item_id: this.item.f_check_item_id
+      }
+      new HttpResetClass().load('POST', '/api/af-safecheck/logic/updateAafeAudit', {data: reqdata}, {
+        resolveMsg: '安检审核成功！',
+        rejectMsg: '安检审核出错！'
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.loading = false;
+          this.$emit('showback')
+        }
+      })
+    },
+    auditFail() {
+      this.showModel = true;
+    },
+    auditFailOK() {
+
+      this.loading = true;
+      var reqdata = {
+        message: this.message,
+        audit_result: '不通过',
+        operator: "fail",
+        audit_time: Util.getNowDate(),
+        user_name: this.$login.f.name,
+        id: this.item.id,
+        f_check_item_id: this.item.f_check_item_id
+      }
+      new HttpResetClass().load('POST', '/api/af-safecheck/logic/updateAafeAudit', {data: reqdata}, {
+        resolveMsg: '安检审核成功！',
+        rejectMsg: '安检审核出错！'
+      }).then((res) => {
+        if (res.data.code == 200) {
+          this.loading = false;
+          this.message = '';
+          this.showModel = false;
+          this.$emit('showback')
+        }
+      })
+    },
+    auditFailCancel() {
+      this.showModel = false;
+      this.message = '';
+    },
+
+    devicesCollect() {
+      //tag
+      //tag)
+      //tag)
+      //tag
+      this.deviceCollects = []
+      this.deviceImgs = []
+      let checkResult = '正常'
+      this.result = '正常'
+      let codata = JSON.parse(JSON.stringify(this.data))
+      //tag)
+      for (let device in this.data) {
+        let f_device_type
+        if (device.startsWith("device")) {
+          for (let item in this.data[device]) {
+            if (this.data[device].length > 1) {
+              let j = Number.parseInt(item) + 1
+              f_device_type = `${this.data[device][item].f_device_type}${j}`
+            } else {
+              f_device_type = this.data[device][item].f_device_type
+            }
+            // //tag
+            let deviceelse = []
+            let deviceInfos = []
+
+            for (let i in this.data[device][item].f_items) {
+              let defects = ''
+
+              let items = this.data[device][item].f_items[i]
+
+
+              if ((items.type === 'selector' || items.type === 'radio' || items.type === 'checkbox' || items.type === 'picture') && items.f_item_value != null && items.f_item_value instanceof Array) {
+                for (let i in items.f_item_value) {
+                  let f_item_value = items.f_item_value[i]
+
+                  //tag)
+                  //tag)
+                  //tag)
+                  //tag)
+
+                  if (!this.checkConfigExists(this.data[device][item].f_device_type, items.f_item_name) && (items.isdefect && (items.isdefect=='true' || items.isdefect==true))) {
+                    continue
+                  }
+                  /*if(items.f_is_defect != true && items.f_is_defect != 'true'){
+                    continue
+                  }*/
+                  if (items.f_is_defect == 'true' || items.f_is_defect == true) {
+                    checkResult = '有隐患'
+                    this.result = '有隐患'
+                    defects = `${defects}:${f_item_value}/`
+                  }
+                  /*let options = this.config[this.data[device][item].f_device_type].items[items.f_item_name].options
+                  for (let option in options) {
+                    if (options[option].data == f_item_value) {
+                      if (options[option].isdefect == 'true' || options[option].isdefect == true) {
+                        checkResult = '有隐患'
+                        this.result = '有隐患'
+                        defects = `${defects}:${options[option].data}/`
+                        // let level = options[option].level
+                      }
+                    }
+                  }*/
+                  //tag)
+                }
+                if (defects != '') {
+                  console.log('有隐患items', items)
+                  deviceInfos.push(`${items.f_item_name}${defects.substring(0, defects.length - 1)}${items.f_else ? items.f_else : ''}`)
+                  this.deviceImgs.push({f_overall_path:items.f_path})
+                }
+              } else if ((items.type === 'string' || items.type === 'number') && items.f_is_defect && items.f_item_value[0]) {
+                checkResult = '有隐患'
+                this.result = '有隐患'
+                deviceInfos.push(`${items.f_item_name}:${items.f_item_value[0]}`)
+                this.deviceImgs.push({f_overall_path:items.f_path})
+
+              } else if (items.f_item_name == '金额异常差值') {
+                var deviation = this.$appdata.getSingleValue('金额异常差值允许误差')
+                //tag
+                if (parseFloat(items.f_item_value[0]).toString() != "NaN" && parseFloat(deviation).toString() != "NaN") {
+                  if (parseFloat(items.f_item_value[0]) > parseFloat(deviation) || parseFloat(items.f_item_value[0]) < parseFloat(deviation) * -1) {
+                    checkResult = '有隐患'
+                    this.result = '有隐患'
+                    deviceInfos.push(`${items.f_item_name}:${items.f_item_value[0]}`)
+                  }
+                }
+              } else if (items.f_item_name == '气量异常差值') {
+                var deviation = this.$appdata.getSingleValue('气量异常差值允许误差')
+                //tag
+                if (parseFloat(items.f_item_value[0]).toString() != "NaN" && parseFloat(deviation).toString() != "NaN") {
+                  if (parseFloat(items.f_item_value[0]) > parseFloat(deviation) || parseFloat(items.f_item_value[0]) < parseFloat(deviation) * -1) {
+                    checkResult = '有隐患'
+                    this.result = '有隐患'
+                    deviceInfos.push(`${items.f_item_name}:${items.f_item_value[0]}`)
+                  }
+                }
+              }
+              // if(!this.config[this.data[device][item].f_device_type].items[items.f_item_name]){
+              if(!this.checkConfigExists(this.data[device][item].f_device_type, items.f_item_name)){
+                // console.log('this.config[this.data[device][item].f_device_type]', this.config[this.data[device][item].f_device_type])
+                // console.log('this.deviceconfig2', this.deviceconfig2)
+                for (let dev in this.deviceconfig2) {
+                  if(this.deviceconfig2[dev].itemname==this.data[device][item].f_device_type){
+                    this.deviceconfig2[dev].items.push({
+                      itemname: items.f_item_name
+                    })
+                  }
+                }
+              }
+              //tag)
+              //tag
+              //tag
+              if (items.type === 'selector') {
+                items.selected = []
+              } else if (items.type === 'inputSelector') {
+                items.selected = ''
+              }
+            }
+
+
+            //tag
+            this.$set('deviceCollect.name', f_device_type)
+            this.$set('deviceCollect.value', checkResult)
+            this.$set('deviceCollect.devices', deviceInfos)
+            this.$set('deviceCollect.else', deviceelse)
+            console.log('deviceCollect.devices', this.deviceCollect.devices)
+            console.log('deviceCollect.else', this.deviceCollect.else)
+            console.log('deviceCollect.imgs', this.deviceCollect.imgs)
+            //tag)
+            if (this.deviceCollect.name) {
+              //tag
+              if(this.deviceCollect.value != '正常'){
+                this.deviceCollects.push(JSON.parse(JSON.stringify(this.deviceCollect)))
+              }
+            }
+
+            checkResult = '正常'
+            this.deviceCollect = {}
+          }
+        }
+      }
+      if (this.deviceCollects.length > 0) {
+        this.hasDevice = true
+      }
+      this.deviceconfig2 = this.deviceconfig2.filter(row => {
+        return !(row.itemname == '$configProp' || row.itemname == '$globalProp');
+      })
+      this.ajresult = JSON.parse(this.data.f_defect_content).result
+      this.showimg3 = this.data.f_noanswer_path
+      this.showimg5 = this.data.f_noanswer1_path
+      this.showimg6 = this.data.f_noanswer2_path
+      this.showimg4 = this.data.f_rejectcheck_path
+      this.showimg7 = this.data.f_rejectcheck1_path
+      this.showimg8 = this.data.f_rejectcheck2_path
+      this.paperdata = this.data
+      this.f_user_path = this.paperdata.f_user_pictures ? JSON.parse(this.paperdata.f_user_pictures)[0].f_user_path : ''
+      this.loading = false
+    },
+    imgclose() {
+      this.imgshow = false
+    },
+    async putDevices() {
+      ////tag
+      this.$set('data.approve', "true")
+      this.$set('data.writeback', "false")
+      if (Vue.config.safecheck.ApproveConfig != undefined) {
+        if (Vue.config.safecheck.ApproveConfig.approve != undefined) {
+          this.$set('data.approve', Vue.config.safecheck.ApproveConfig.approve)
+        }
+        if (Vue.config.safecheck.ApproveConfig.writeback != undefined) {
+          this.$set('data.writeback', Vue.config.safecheck.ApproveConfig.writeback)
+        }
+        if (Vue.config.safecheck.ApproveConfig.livedispose != undefined) {
+          this.livedispose = Vue.config.safecheck.ApproveConfig.livedispose
+        }
+        if (Vue.config.safecheck.ApproveConfig.hiddendanger != undefined) {
+          if (parseInt(Vue.config.safecheck.ApproveConfig.hiddendanger) >= 5) {
+            this.hiddenDangerImgNumber = 5
+          } else {
+            this.hiddenDangerImgNumber = parseInt(Vue.config.safecheck.ApproveConfig.hiddendanger)
+          }
+        }
+      }
+      //tag
+      //tag)
+      let res = await new HttpResetClass().http('POST', `/api/af-safecheck/logic/getSecurityCheckTypeHistoryById`,
+        {data: {id: this.item.f_security_check_type_id}},
+        {resolveMsg: null, rejectMsg: '网络异常'})
+      let serverConfig = {}
+      if (typeof res === 'object') {
+        serverConfig = res
+      } else {
+        serverConfig = JSON.parse(res)
+      }
+      if (this.item.f_collection_type == '按气量'){
+        this.config = this.extend(JSON.parse(serverConfig.data.f_json), this.config)
+      }else {
+        this.config = this.extend(JSON.parse(serverConfig.data.f_json), this.config2)
+      }
+      this.initConfig()
+
+    },
+    checkConfigExists(itemname1, itemname2) {
+      // 遍历 this.config 数组
+      for (let i = 0; i < this.config.length; i++) {
+        // 检查第一层 itemname 是否匹配 itemname1
+        if (this.config[i].itemname === itemname1) {
+          // 遍历第二层 items 数组
+          for (let j = 0; j < this.config[i].items.length; j++) {
+            // 检查第二层 itemname 是否匹配 itemname2
+            if (this.config[i].items[j].itemname === itemname2) {
+              // 如果找到匹配，返回 true
+              return true;
+            }
+          }
+        }
+      }
+      // 如果没有找到匹配项，返回 false
+      return false;
+    },
+    initConfig() {
+      for (let i in this.config) {
+        //取得安检项索引值
+        let n = parseInt(i) + 1
+        //tag
+        this.devices[n - 1] = {device: parseInt(i), n: n, checkmust: this.config[i].checkmust}
+        this.$set('data.' + 'device' + n, [])
+        let items = []
+        for (let it in this.config[i].items) {
+          //赋值下拉选项
+          if (this.config[i].items[it].type == 'selector') {
+            for (let op in this.config[i].items[it].options) {
+              if (this.config[i].items[it].options[op].isdefault == true) {
+                items.push({
+                  f_defect_level: this.config[i].items[it].level,
+                  f_is_defect: this.config[i].items[it].options[op].isdefect,
+                  f_item_name: this.config[i].items[it].itemname,
+                  f_item_value: this.config[i].items[it].options[op].data,
+                  f_path: "",
+                  type: "selector"
+                })
+              }
+            }
+          }
+        }
+        n = n + 1
+      }
+    },
+    showpath(val1, val2) {
+      //tag
+      //tag
+      if (val1) {
+        this.showimg1 = val1
+        this.picturename = val2
+        this.imgshow = true
+      }
+    },
+    showpicture(val1, val2) {
+      //tag
+      if (val2 == '气量异常差值' || val2 == '金额异常差值') {
+        return
+      }
+      for (let i = 0; i < this.devicesAll.length; i++) {
+        for (let j = 0; j < this.devicesAll[i].length; j++) {
+          if (this.devicesAll[i][j].f_device_type == val1) {
+            for (let k = 0; k < this.devicesAll[i][j].f_items.length; k++) {
+              if (this.devicesAll[i][j].f_items[k].f_item_name == val2) {
+                if (!this.devicesAll[i][j].f_items[k].f_is_defect) {
+                  return false
+                } else {
+                  this.showimg1 = this.devicesAll[i][j].f_items[k].f_path
+                  this.showimg2 = this.devicesAll[i][j].f_items[k].f_second_path
+                  this.otherDarginShowImgs = []
+                  for (let l = 0; l < this.hiddenDangerImgNumber; l++) {
+                    let img = {path: ''}
+                    if (this.devicesAll[i][j].f_items[k]['f_p' + (l + 1) + '_path']) {
+                      img.path = this.devicesAll[i][j].f_items[k]['f_p' + (l + 1) + '_path'] + '?' + Math.random()
+                      this.otherDarginShowImgs.push(img)
+                    }
+                  }
+                  this.picturename = '隐患照片'
+                  this.imgshow = true
+                  return true
+                }
+              }
+            }
+
+          }
+        }
+      }
+    },
+    isred(val1, val2) {
+      //tag
+      if (val2 == '气量异常差值' || val2 == '金额异常差值') {
+        return
+      }
+      for (let i = 0; i < this.devicesAll.length; i++) {
+        for (let j = 0; j < this.devicesAll[i].length; j++) {
+          if (this.devicesAll[i][j].f_device_type == val1) {
+            for (let k = 0; k < this.devicesAll[i][j].f_items.length; k++) {
+              if (this.devicesAll[i][j].f_items[k].f_item_name == val2) {
+                if (!this.devicesAll[i][j].f_items[k].f_is_defect) {
+                  return false
+                } else {
+                  return true
+                }
+              }
+            }
+
+          }
+        }
+      }
+    },
+    showpicture2() {
+      this.imgshow2 = true
+    },
+    getDeviceValue(val1, val2) {
+      for (let i = 0; i < this.devicesAll.length; i++) {
+        for (let j = 0; j < this.devicesAll[i].length; j++) {
+          if (this.devicesAll[i][j].f_device_type == val1) {
+            for (let k = 0; k < this.devicesAll[i][j].f_items.length; k++) {
+              if (this.devicesAll[i][j].f_items[k].f_item_name == val2) {
+                if(this.devicesAll[i][j].f_items[k].f_item_value.length == 1 && this.devicesAll[i][j].f_items[k].f_item_value[0] == null)
+                  return '空'
+                return this.devicesAll[i][j].f_items[k].f_item_value
+              }
+            }
+          }
+        }
+      }
+    },
+    getDevicePath(val1, val2) {
+      for (let i = 0; i < this.devicesAll.length; i++) {
+        for (let j = 0; j < this.devicesAll[i].length; j++) {
+          if (this.devicesAll[i][j].f_device_type == val1) {
+            for (let k = 0; k < this.devicesAll[i][j].f_items.length; k++) {
+              if (this.devicesAll[i][j].f_items[k].f_item_name == val2) {
+                if (this.devicesAll[i][j].f_items[k].f_path || this.devicesAll[i][j].f_items[k].f_p1_path || this.devicesAll[i][j].f_items[k].f_p2_path){
+                  return [this.devicesAll[i][j].f_items[k].f_path, this.devicesAll[i][j].f_items[k].f_p1_path, this.devicesAll[i][j].f_items[k].f_p2_path]
+                }else {
+                  return undefined
+                }
+              }
+            }
+
+          }
+        }
+      }
+
+    },
+    getDeviceAll() {
+      let keyall = Object.keys(this.data)
+      for (let i = 0; i < keyall.length; i++) {
+        //tag)
+        if ((keyall[i].startsWith('f_devices') || keyall[i].startsWith('devices')) && keyall[i] != 'deviceundefined') {
+          this.devicesAll.push(this.data[keyall[i]])
+          //tag
+        }
+      }
+      //tag
+      //tag)
+      this.devicesCollect()
+
+    },
+
+    back() {
+      if (this.role == 'inspect') {
+        if (!this.isStrat) {
+          this.$emit('showback')
+          return
+        } else {
+          this.savePaper(true).then(() => {
+            this.$emit('showback')
+            this.isStrat = false
+          })
+        }
+      } else {
+        if(this.gotoitem){
+          this.$back()
+          return
+        }
+        this.$emit('showback')
+      }
+    },
+    checkIsStart() {
+      alert('asdad')
+      return
+    },
+
+    viewPic(fileName) {
+      //tag
+      if (this.role == 'view') {
+        if (!fileName.endsWith('nopic.png')) {
+          this.pic_to_be_viewed = fileName
+          this.showModal = true
+        }
+      } else {
+        HostApp.viewPic(fileName)
+      }
+    },
+    tick() {
+      this.timer = null
+      this.data.f_offsite_time = Util.toStandardTimeString()
+      this.timer = window.setTimeout(this.tick, 1000)
+    },
+    getRepairState() {
+      let repaired = true
+      this.data.f_defects.forEach((defect) => {
+        repaired = repaired & (defect.f_ratification == '已处理')
+      })
+      return repaired
+    },
+    verifyRepairDefects() {
+      this.data.f_repair_date = Util.toStandardTimeString()
+      this.data.f_repaired = this.getRepairState() ? '已修' : '在修'
+    },
+    genuineSave(saveOnly) {
+      HostApp.__this__.save(saveOnly)
+      if (!saveOnly)
+        HostApp.__this__.disableTimer()
+      HostApp.__callback__ = null
+      HostApp.__this__ = null
+    },
+    setUrgency() {
+      this.data.f_defect_urgency = 'Z'
+      let that = this
+      this.data.f_defects.forEach(function (defect) {
+        if (that.data.f_defect_urgency > defect.f_defect_level.charAt(0))
+          that.data.f_defect_urgency = defect.f_defect_level.charAt(0)
+      })
+      if (this.data.f_defect_urgency == 'Z')
+        this.data.f_defect_urgency = null
+    },
+    disableTimer() {
+      if (this.timer) {
+        window.clearTimeout(this.timer)
+        this.timer = null
+      }
+    },
+    loaded(paper) {
+      if (!paper.hasOwnProperty('id')) {
+        this.$showMessage("该安检单在手机上已经不存在，可能是卸载过程序。可以进入重新安检，或返回安检计划。")
+        this.init()
+      } else {
+        Util.booleanFilter(paper)
+        HostApp.__this__.$set('data', paper)
+        HostApp.__this__.$goto('paper-state', {}, 'paper-router')
+        // 如果打回重检则重新计时
+        //tag
+        if (HostApp.__this__.role == 'inspect'
+          && HostApp.__this__.data.f_approved
+          && HostApp.__this__.data.f_approved == '打回') {
+          //tag
+          HostApp.__this__.data.f_onsite_time = Util.toStandardTimeString()
+          HostApp.__this__.tick()
+        }
+      }
+      HostApp.__callback__ = null
+      HostApp.__this__ = null
+    },
+    S4() {
+      return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+    },
+    init() {
+      this.data.f_noplan_item_id = this.S4() + "" + this.S4() + "" + this.S4() + "" + this.S4() + "" + this.S4() + "" + this.S4() + "" + this.S4() + "" + this.S4()
+      this.data.ename = Vue.user.ename
+      this.data.f_outlets = Vue.user.f_parentname
+      this.data.f_meetunit = Vue.user.orgpathnames
+      this.data.orgpathstr = Vue.user.orgpathstr
+      this.data.f_check_item_id = this.item.id
+      this.data.f_check_plan_id = this.f_plan_id
+      this.data.f_checker_id = Vue.user.id
+      this.data.f_checker_name = Vue.user.name
+      this.data.f_check_type = this.item.f_user_type
+      this.data.f_subcompany = this.item.f_subcompany
+      this.data.f_approved = this.item.f_approved
+      this.data.f_repair_approved = this.item.f_repair_approved
+      this.data.f_no_checkplan = this.item.f_no_checkplan
+      this.data.f_approved = this.item.f_approved
+      this.data.f_filialeid = this.item.f_filialeid
+      this.data.f_orgstr = this.item.f_orgstr
+      this.data.version = this.item.version
+      this.$set('data.f_meters', this.item.f_plan_meters)
+      this.$set('data.f_userinfo_code', this.item.f_userinfo_code)
+      // 安检状态
+      this.$set('data.f_entry_status', '入户')
+      this.$set('data.f_usegas', '已使用')
+      this.$set('data.f_state', this.item.f_state)
+      // 用户信息
+      this.$set('data.f_user_name', this.item.f_user_name)
+      this.$set('data.f_user_phone', this.item.f_user_phone)
+      this.$set('data.f_userinfoid', this.item.f_userinfoid)
+      this.$set('data.f_address', this.item.f_address)
+      this.$set('data.f_card_id', this.item.f_card_id)
+      this.$set('data.f_area', this.item.f_area)
+      this.$set('data.f_street', this.item.f_street)
+      this.$set('data.f_room', this.item.f_room)
+      this.$set('data.f_building', this.item.f_building)
+      this.$set('data.f_unit', this.item.f_unit)
+      this.$set('data.f_floor', this.item.f_floor)
+      this.$set('data.f_residential_area', this.item.f_residential_area)
+      this.$set('data.f_idnumber', this.item.f_idnumber)
+      this.$set('data.f_comments', this.item.f_comments)
+      this.$set('data.f_userproperties', this.item.f_userproperties)
+      // 处置方式
+      this.$set('data.f_no_gas_device', false)
+      this.$set('data.f_close_valve', false)
+      this.$set('data.f_unload_battery', false)
+      if (this.data.f_check_item_id == '' && this.item.f_no_checkplan == '无计划安检') {
+        this.data.f_check_item_id = this.data.f_noplan_item_id
+      }
+
+      //房屋结构
+      // this.$set('data.f_room_style', '多层')
+      //供暖方式
+      //  this.$set('data.f_heating_style', '热力公司集中供暖')
+      if (this.item.f_plan_meters) {
+        for (let de in this.devices) {
+          this.$set('data.device' + this.devices[de].n, [])
+          for (let i = 0; i < this.item.f_plan_meters.length; i++) {
+            if (this.item.f_plan_meters[i].f_meter_type) {
+              if (this.devices[de].device == "燃气表" && this.item.f_plan_meters[i].f_meter_type.indexOf('机表') > 0) {
+                delete this.config['燃气表']['items']['累计购气量']
+                this.data['device' + this.devices[de].n].push({
+                  f_device_type: "燃气表",
+                  f_items: [{
+                    f_defect_level: null,
+                    f_device_id: "",
+                    f_is_defect: "",
+                    f_item_name: "表品牌",
+                    f_item_value: this.item.f_plan_meters[i].f_aliasname,
+                    f_path: "",
+                    type: "string"
+                  },
+                    {
+                      f_defect_level: null,
+                      f_device_id: "",
+                      f_is_defect: "",
+                      f_item_name: "位置",
+                      f_item_value: this.item.f_plan_meters[i].f_weizhi,
+                      f_path: "",
+                      type: "selector"
+                    },
+                    {
+                      f_defect_level: null,
+                      f_device_id: "",
+                      f_is_defect: "",
+                      f_item_name: "表号",
+                      f_item_value: this.item.f_plan_meters[i].f_meter_no,
+                      f_path: "",
+                      type: "number"
+                    },
+                    {
+                      f_defect_level: null,
+                      f_device_id: "",
+                      f_is_defect: "",
+                      f_item_name: "表封号",
+                      f_item_value: this.item.f_plan_meters[i].f_metertitles,
+                      f_path: "",
+                      type: "number"
+                    },
+                    {
+                      f_defect_level: null,
+                      f_device_id: "",
+                      f_is_defect: "",
+                      f_item_name: "表型号",
+                      f_item_value: this.item.f_plan_meters[i].f_diaphgram_size,
+                      f_path: "",
+                      type: "selector"
+                    },
+                    {
+                      f_defect_level: null,
+                      f_device_id: "",
+                      f_is_defect: "",
+                      f_item_name: "表底数",
+                      f_item_value: this.item.f_plan_meters[i].f_prior_reading,
+                      f_path: "",
+                      type: "number"
+                    }
+                  ]
+                })
+              } else if (this.devices[de].device == "燃气表") {
+                delete this.config['燃气表']['items']['表底数']
+                this.data['device' + this.devices[de].n].push({
+                  f_device_type: "燃气表",
+                  f_items: [{
+                    f_defect_level: null,
+                    f_device_id: "",
+                    f_is_defect: "",
+                    f_item_name: "表品牌",
+                    f_item_value: this.item.f_plan_meters[i].f_aliasname,
+                    f_path: "",
+                    type: "string"
+                  },
+                    {
+                      f_defect_level: null,
+                      f_device_id: "",
+                      f_is_defect: "",
+                      f_item_name: "位置",
+                      f_item_value: this.item.f_plan_meters[i].f_weizhi,
+                      f_path: "",
+                      type: "selector"
+                    },
+                    {
+                      f_defect_level: null,
+                      f_device_id: "",
+                      f_is_defect: "",
+                      f_item_name: "表号",
+                      f_item_value: this.item.f_plan_meters[i].f_meter_no,
+                      f_path: "",
+                      type: "number"
+                    },
+                    {
+                      f_defect_level: null,
+                      f_device_id: "",
+                      f_is_defect: "",
+                      f_item_name: "表封号",
+                      f_item_value: this.item.f_plan_meters[i].f_metertitles,
+                      f_path: "",
+                      type: "number"
+                    },
+                    {
+                      f_defect_level: null,
+                      f_device_id: "",
+                      f_is_defect: "",
+                      f_item_name: "表型号",
+                      f_item_value: this.item.f_plan_meters[i].f_diaphgram_size,
+                      f_path: "",
+                      type: "selector"
+                    },
+                    {
+                      f_defect_level: null,
+                      f_device_id: "",
+                      f_is_defect: "",
+                      f_item_name: "累计购气量",
+                      f_item_value: this.item.f_plan_meters[i].f_prior_reading,
+                      f_path: "",
+                      type: "number"
+                    }
+                  ]
+                })
+              }
+            }
+          }
+        }
+      }
+
+      this.$goto('paper-state', {}, 'paper-router')
+    },
+    extend(initalObj, finalObj) {
+      initalObj.forEach(item2 => {
+        const item1 = finalObj.find(item => item.itemname === item2.itemname);
+
+        if (!item1) {
+          finalObj.push(item2);
+        } else {
+          // 对 item2 的 items 进行逆序遍历
+          item2.items.slice().forEach(subItem2 => {
+            const subItem1Index = item1.items.findIndex(subItem => subItem.itemname === subItem2.itemname);
+
+            if (subItem1Index > -1) {
+              // 如果找到匹配的 subItem1，用 subItem2 替换它
+              item1.items[subItem1Index] = subItem2;
+            } else {
+              // 如果没有找到，将 subItem2 插入到 item1.items 的前面
+              item1.items.push(subItem2);
+            }
+          });
+        }
+      });
+
+      return finalObj;
+    },
+    //获取当前时间
+    getNowFormatDate() {
+      var date = new Date();
+      var seperator1 = "-";
+      var seperator2 = ":";
+      var month = date.getMonth() + 1;
+      var strDate = date.getDate();
+      if (month >= 1 && month <= 9) {
+        month = "0" + month;
+      }
+      if (strDate >= 0 && strDate <= 9) {
+        strDate = "0" + strDate;
+      }
+      var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
+        + " " + date.getHours() + seperator2 + date.getMinutes()
+        + seperator2 + date.getSeconds();
+      return currentdate;
+    }
+  },
+  async ready() {
+    asyncReady(this).then( async () => {
+    setTimeout(() => {
+      this.loading = false;
+    }, 10000)
+    this.getuserinfodevice()
+    await this.putDevices()
+    this.showAudit()
+    this.newConfig = this.$appdata.getSingleValue('配置中心获取文件') ? this.$appdata.getSingleValue('配置中心获取文件') : '否';
+    if (this.item.f_state != '未检' || this.item.f_no_checkplan == '无计划安检' || this.item.f_no_checkplan == '复检') {
+      if (this.role != 'inspect') {
+        let that = this
+        let id
+        if (this.role == 'view') {
+          id = this.item.id
+        } else if (this.role == 'androidview') {
+          id = this.item.f_paper_id
+        }
+        this.$resetpost(`api/af-safecheck/logic/path_getCheckPaper`, {data: {id:id}}).then((respanse) => {
+            //tag
+            if (respanse.data.length != 0) {
+              // 包含 其它 特殊处理的数组
+              // 对应位置
+              that.data = Object.assign(that.data, respanse.data[0])
+              if (respanse.data[0].f_devices) {
+                for (let da in that.devices) {
+                  that.$set('data.device' + that.devices[da].n, [])
+                }
+                respanse.data[0].f_devices.forEach((item) => {
+                  for (let de in that.devices) {
+                    // if (that.devices[de].device == item.f_device_type) {
+                    if (this.config[that.devices[de].device].itemname == item.f_device_type) {
+                      console.log('item', item)
+                      item.f_items.forEach((f_item) => {
+                        console.log('f_item', f_item)
+                        //tag
+                        //tag
+                        let itemValues = []
+                        if(f_item.f_selected) {
+                          f_item.f_selected = JSON.parse(f_item.f_selected)
+                          f_item.f_selected.forEach((tempItem) => {
+                            itemValues.push(tempItem)
+                        })
+                        f_item.f_item_value = itemValues
+                        } else {
+                          itemValues.push(f_item.f_item_value)
+                          f_item.f_item_value = itemValues
+                        }
+                      })
+                      that.data['device' + that.devices[de].n].push({
+                        f_device_type: item.f_device_type,
+                        f_items: item.f_items
+                      })
+                    }
+                  }
+                })
+              }
+              Util.replaceFalse(that.data)
+              Util.booleanFilter(that.data)
+              if (this.role == 'view') {
+                Util.ratifyPics(that.data)
+                Util.ratifyPics(that.picture)
+              } else {
+                Util.androidRatifyPics(that.data, this.$androidUtil.getProxyUrl())
+              }
+            }
+             this.isshow = true
+            this.deviceconfig = this.config
+            this.deviceconfig2 = ObjConfig.getObjConfig(this.deviceconfig)
+            this.deviceconfig2[0].items = jsonSort(this.deviceconfig2[0].items, "index")
+            this.deviceconfig2[1].items = jsonSort(this.deviceconfig2[1].items, "index")
+            this.deviceconfig2 = jsonSort(this.deviceconfig2, "index")
+            this.getDeviceAll()
+
+          }
+        ).catch(
+          (respanse) => {
+            //tag
+            alert('查找安检单失败')
+            this.loading = false
+          })
+      }
+    }
+    })
+  },
+  watch: {
+    //   'isUpload'(val){
+    //     //tag
+    //   }
+  },
+  destroyed() {
+    //tag
+    this.disableTimer()
+  }
+}
+
+</script>
+<style scoped>
+.table-striped thead tr th {
+  background-color: rgb(223, 237, 251);
+  padding: 10px;
+  border-left: solid 0px #dae4f2;
+  border-top: solid 1px #dae4f2;
+  border-right: none;
+  border-bottom: none;
+  text-align: center;
+  color: black;
+}
+</style>