safecheck-client 3.0.32-gongyi → 3.0.33-gongyi

package/src/filiale/lixian/pc/NewCheckpaper.vue

@@ -1,1211 +1,1211 @@
-<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="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">
-            <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_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">{{ item.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" 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;">{{ 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_comments }}
-              </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 class="li-font" v-for="val in deviceCollect.devices">
-                        {{val}}&nbsp;&nbsp;&nbsp;
-                      </span><br>
-             </span>
-
-           </span>
-              </td>
-            </tr>
-
-            </tbody>
-          </table>
-          <table class="table table-striped table-bordered" 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.lname}}
-                查看{{data.f_entry_status}}照片</button-link></td>
-            </tr>
-
-            </tbody>
-          </table>
-          <table class="table table-striped table-bordered" 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-safe  :src="img.f_overall_path" style="float: left" width="150" height="200"></img-self-safe>
-                  </div>
-                </div>
-
-
-              </td>
-
-            </tr></tbody>
-          </table>
-          <table class="table table-striped table-bordered" 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-safe  :src="paperdata.f_sign_path"  width="486" height="300"></img-self-safe>
-                  </div>
-
-                </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">
-            <thead v-show="!(config.checkname!='燃气表'&&paperdata.f_entry_status!='入户')">
-            <tr>
-              <th style="text-align: center" >{{config.checkname}}</th>
-            </tr>
-            </thead>
-            <tbody v-show="!(config.checkname!='燃气表'&&paperdata.f_entry_status!='入户')">
-            <tr v-for="dev in config.items">
-              <td v-if="dev.type!='text'&&dev.lname!='累购气量'">
-                <div class="row">
-                  <div class="col-md-8" style="text-align: center;">
-                    <label ><button-link  type="button" class="btn btn-link"  @click="showpicture(config.checkname,dev.lname)" :style="isred(config.checkname,dev.lname)?'color:red':'color:black'" >{{dev.lname}}
-                    </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.checkname,dev.lname)?getDeviceValue(config.checkname,dev.lname):'无'}}</label>
-                    <label style="font-weight: normal" v-if="dev.type=='picture'"><div v-show="getDevicePath(config.checkname,dev.lname)"><button-link  style="color: black" type="button" class="btn btn-link"  @click="showpath(getDevicePath(config.checkname,dev.lname),dev.lname)">查看照片
-                    </button-link></div>
-                    <div v-show="getDevicePath(config.checkname,dev.lname)">无照片</div>
-                    </label>
-                  </div>
-                </div>
-              </td>
-              <td v-if="dev.type==='text'">
-                <label style="width: 100%;text-align: center">{{dev.lname}}</label>
-              </td>
-            </tr>
-            </tbody>
-          </table>
-        </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-safe v-if="showimg1" :src="showimg1"   width="300" height="400"></img-self-safe>
-          </div><div class="col-md-6">
-        <img-self-safe v-if="showimg2" :src="showimg2"   width="300" height="400"></img-self-safe>
-        </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-safe v-if="this.paperdata.f_entry_status=='到访不遇'" :src="showimg3"   width="300" height="400"></img-self-safe>
-          </div><div class="col-md-6">
-          <img-self-safe v-if="this.paperdata.f_entry_status=='拒检'" :src="showimg4"   width="300" height="400"></img-self-safe>
-        </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 PaperUserm from './PaperUserm'
-// import PaperStatem from './PaperStatem'
-// import Devicesm from './Devicesm'
-// import PaperFeedbackm from './PaperFeedbackm'
-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('post','rs/sql/tel_singleTable_OrderBy',{data: {
-        items: 'f_dir',
-        tablename: 't_organization',
-        condition: `id  = '${self.item.f_filialeid}'`,
-        orderitem: 'id'
-      }})
-    let res2= await new HttpResetClass().load('post','rs/sql/tel_singleTable_OrderBy',{data: {
-        items: 'gb.f_meter_type',
-        tablename: 'LiXianGas.dbo.t_gasbrand  gb left join LiXianGas.dbo.t_userfiles tuf on gb.id=tuf.f_gasbrand_id',
-        condition: `tuf.f_userinfo_id='${self.item.f_userinfo_code}'`,
-        orderitem: 'gb.id'
-      }})/*.then(res=>{*/
-    self.f_meter_type=res2.data[0].f_meter_type//console.log("aaaaaaaaaaaaaaaa")
-    //console.log(JSON.stringify(res.data[0].f_dir))
-    if (!res.data[0].f_dir){
-      self.$showMessage("该公司无组织目录，无法获取配置文件，请联系管理员确认")
-    }else{
-      //this.f_dir=res.data[0].f_dir
-      try {
-        let res1=await new HttpResetClass().load('GET',`/safecheck/rs/vue/DevicesConfig.json?folderName=phonevues&orgDir=${res.data[0].f_dir}`, {},{resolveMsg: '获取居民配置项成功！', rejectMsg: '获取居民配置项出错！'})/*.then(res=>{*/
-        //console.log('111111111111居民===>', res1.data)
-        //this.safeConfig["民用配置项"]=Object.assign({},res.data)
-        Vue.config.safecheck.DevicesConfig=res1.data
-        /*})*/
-        let res2=await new HttpResetClass().load('GET',`/safecheck/rs/vue/DevicesSetConfig.json?folderName=phonevues&orgDir=${res.data[0].f_dir}`, {},{resolveMsg: '获取非居民配置项成功！', rejectMsg: '获取非居民配置项出错！'})/*.then(res=>{*/
-        //console.log('22222222222222非居民===>', res2.data)
-        //this.safeConfig["非民用配置项"]=Object.assign({},res.data)
-        Vue.config.safecheck.DevicesSetConfig=res2.data
-        /*}).then(res=> {
-        })*/
-
-      }catch (e) {
-        self.$showMessage("获取配置文件失败"+e)
-      }
-    }
-  } catch (error) {
-    // 忽略704,文件找不到异常R
-    if (error.status !== 704) {
-      throw error
-    }
-  }
-}
-export default {
-  title: '安检单',
-  props: ['f_plan_id', 'item', 'role','isdel'],
-  data() {
-    return {
-      data: {
-        f_devices: [],
-        f_defect_content:''
-      },
-      f_meter_type:'',
-      paperdata:{},
-      picturename:'隐患照片',
-      defectDevice:{},
-      hasDevice:false,
-      deviceCollect:{},
-      deviceCollects:[],
-      isshow:false,
-      ajresult:'',
-      loading:true,
-      imgshow:false,
-      imgshow2:false,
-      isUpload:false,
-      livedispose:'',
-      showimg1:'',
-      showimg2:'',
-      showimg3:'',
-      showimg4:'',
-      startClick:false, //开始安检按钮是否可点击
-      isStrat: false, //是否开始安检
-      checkResult:{},//查询结果
-      newcheckResult:{},
-      timer: null,
-      showModal: false,
-      pic_to_be_viewed: '',
-      showBack:true,
-      devices: [],
-      devicesAll:[],
-      configAJ:[],
-      configRQ:[],
-      deviceconfig:{},
-      deviceconfig2:[],
-      f_devices : [],
-      config: {
-        "燃气表":{
-          "checkmust":true,
-          "index":1,
-          "items":{
-            //"燃气表照片":{"index":1,"type":"picture","remark":"(拍摄清晰的表具编号、字轮数、剩余气量等)"},
-            "基表编号":{"index":1,"type":"string","readonly":true},
-            "气表型号":{"index":2,"type":"string","readonly":true},
-            "气表品牌":{"index":3,"type":"string","readonly":true},
-            "进气方向":{"index":4,"type":"string","readonly":true},
-            // "初始表底":{"index":5,"type":"number","isshow":false,"readonly":true},
-            "初始表底":{"index":5,"type":"number","isshow":false,"readonly":true},
-            "上期表读数":{"index":6,"type":"number","readonly":true},
-            "累购气量":{"index":7,"type":"number","readonly":true},
-            "已用气量":{"index":8,"type":"number","checkmust": true},//基表数
-            "剩余气量":{"index":9,"type":"number","checkmust": true},//累购-已用
-            //显示屏数  --实际剩余气量
-            "气量差值":{"index":10,"type":"number","readonly": true},
-            "表箱号":{"index":11,"type":"string","readonly": true}
-          }
-          // 注意，配置项的index必须与上面的固定配置保持'顺序'
-        }
-      },
-      //金额
-      config2: {
-        "燃气表":{
-          "checkmust":true,
-          "index":1,
-          "items":{
-            //"燃气表照片":{"index":1,"type":"picture","remark":"(拍摄清晰的表具编号、字轮数、剩余气量等)"},
-
-            "基表编号":{"index":1,"type":"string","readonly":true},
-            "气表型号":{"index":2,"type":"string","readonly":true},
-            "气表品牌":{"index":3,"type":"string","readonly":true},
-            "进气方向":{"index":4,"type":"string","readonly":true},
-            // "初始表底":{"index":5,"type":"number","isshow":false,"readonly":true},
-            "上期表读数":{"index":5,"type":"number","readonly":true},
-            "表读数":{"index":6,"type":"number","readonly":true,isshow:false},
-            "表剩余金额":{"index":7,"type":"number","readonly":true,isshow:false},
-            "字轮数":{"index":8,"type":"number","checkmust": true},//基表数
-            "表余额":{"index":9,"type":"number",isshow:false},
-            //显示屏数  --实际剩余气量
-            "表数异常差值":{"index":10,"type":"number","readonly": true},
-            "表箱号":{"index":11,"type":"string","readonly": true}
-          }
-        }
-      },
-    }
-  },
-  components: {
-    RadioGroup,
-    Radio,
-  },
-  computed: {
-
-    selector: {
-      get() {
-        return 'paper-state'
-      },
-      set(val) {
-        if(this.isStrat){
-          debugger;
-          this.$goto(val, {userinfo:this.data}, 'paper-router')
-        }else{
-          this.$showMessage('未开始安检！')
-        }
-      }
-    },
-    actionEnabled: {
-      get() {
-        return this.role == 'inspect'
-      }
-    }
-  },
-  methods: {
-    devicesCollect(){
-      //console.log("4444444")
-      //console.log(JSON.stringify(this.config))
-      //console.log(JSON.stringify(this.deviceconfig2))
-      //console.log("4444444")
-
-      this.deviceCollects = []
-      let checkResult = '正常'
-      this.result = '正常'
-      let codata = JSON.parse(JSON.stringify(this.data))
-      //console.log("111111111111"+JSON.stringify(codata))
-      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
-            }
-            // //console.log('codata[device][item]=>',codata[device][item])
-            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.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]
-
-                  //console.log('f_item_value => ' + JSON.stringify(f_item_value))
-                  //console.log('f_device_type => ' + JSON.stringify(f_device_type))
-                  //console.log('this.paper[device][item] => ' + JSON.stringify(this.data[device][item]))
-                  //console.log('this.config[this.paper[device][item].f_device_type] => ' + JSON.stringify(this.config[this.data[device][item].f_device_type]))
-                  if (!this.config[this.data[device][item].f_device_type].items[items.f_item_name]){
-                    continue
-                  }
-                  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
-                      }
-                    }
-                  }
-                  //console.log('defects=====>'+JSON.stringify(defects))
-                }
-                if(defects != ''){
-                  deviceInfos.push(`${items.f_item_name}${defects.substring(0, defects.length - 1)}`)
-                }
-              }else if(items.type === 'stringp'){
-                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('金额异常差值允许误差')
-                //console.log(items.f_item_value[0]+'金额异常差值允许误差'+deviation)
-                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('气量异常差值允许误差')
-                //console.log(items.f_item_value[0]+'气量异常差值允许误差'+deviation)
-                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]}`)
-                  }
-                }
-              }
-              //console.log('deviceInfos========>'+JSON.stringify(deviceInfos))
-              //console.log('items.f_is_defect')
-              //console.log(items.f_is_defect)
-              if (items.type === 'selector') {
-                items.selected = []
-              } else if (items.type === 'inputSelector') {
-                items.selected = ''
-              }
-            }
-
-
-            //console.log('deviceCollect',this.deviceCollect)
-            this.$set('deviceCollect.name',f_device_type)
-            this.$set('deviceCollect.value',checkResult)
-            this.$set('deviceCollect.devices',deviceInfos)
-            //console.log("5555555555"+JSON.stringify(this.deviceCollect))
-            if (this.deviceCollect.name){
-              //console.log("999999998888888"+this.deviceCollect.name)
-              this.deviceCollects.push(JSON.parse(JSON.stringify(this.deviceCollect)))
-            }
-
-            checkResult = '正常'
-            this.deviceCollect = {}
-          }
-        }
-      }
-      if(this.deviceCollects.length>0){
-        this.hasDevice = true
-      }
-      this.ajresult=JSON.parse(this.data.f_defect_content).result
-      this.showimg3=this.data.f_noanswer_path
-      this.showimg4=this.data.f_rejectcheck_path
-      this.paperdata=this.data
-      this.loading=false
-    },
-    imgclose(){
-      this.imgshow=false
-    },
-    putDevices() {
-      ////console.log('Vue.config.safecheck', Vue.config.safecheck.safetype)
-      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
-        }
-      }
-      //console.log('当前安检类型----'+this.item.f_safecheck_type)
-
-      //console.log(JSON.stringify(this.data))
-      if(!this.item.f_safecheck_type){
-        this.config = this.extend(this.config, Vue.config.safecheck[Vue.config.safecheck.SafecheckType['年度普检'][this.item.f_check_type]])
-      }else{
-        if (Vue.config.safecheck.DevicesConfig != undefined)
-          this.config = this.extend(this.config, Vue.config.safecheck[Vue.config.safecheck.SafecheckType[this.item.f_safecheck_type][this.item.f_check_type]])
-      }
-      //遍历安检项配置
-      for (let i in this.config) {
-        //取得安检项索引值
-        let n = this.config[i].index
-        this.devices[n - 1] = {device: 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].options[op].level,
-                  f_is_defect: this.config[i].items[it].options[op].isdefect,
-                  f_item_name: it,
-                  f_item_value: this.config[i].items[it].options[op].data,
-                  f_path: "",
-                  type: "selector"
-                })
-              }
-          }
-        }
-        n = n + 1
-      }
-
-    },
-    showpath(val1,val2){
-      //console.log("555555555555555555")
-      //console.log(val1)
-      if (val1){
-        this.showimg1=val1
-        this.picturename=val2
-        this.imgshow=true
-      }
-    },
-    showpicture(val1,val2){
-      //console.log("77777777777777")
-      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.picturename='隐患照片'
-                  this.imgshow=true
-                  return true
-                }
-              }
-            }
-
-          }
-        }
-      }
-    },
-    isred(val1,val2){
-      //console.log("77777777777777")
-      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){
-      let aa=''
-      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_lists[0]){
-                  for (let l = 0; l < this.devicesAll[i][j].f_items[k].f_item_lists.length; l++) {
-                    aa+=this.devicesAll[i][j].f_items[k].f_item_lists[l].f_item_value+' '
-                  }
-                  if (aa.indexOf('null')==-1){
-
-                    if ((val2=='剩余气量'||val2=='气量差值')){
-                      console.log("857857")
-                      console.log(aa)
-                      return parseFloat(aa).toFixed(2)
-                    }else{
-                      return aa
-                    }
-                  }
-
-                }
-              }
-            }
-
-          }
-        }
-      }
-
-    },
-    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){
-                  return this.devicesAll[i][j].f_items[k].f_path
-              }
-            }
-
-          }
-        }
-      }
-
-    },
-    getDeviceAll(){
-      let keyall=  Object.keys(this.data)
-      for (let i = 0; i < keyall.length; i++) {
-        //console.log(JSON.stringify(keyall))
-        if (keyall[i].startsWith('device') && keyall[i] !='deviceundefined'){
-          this.devicesAll.push(this.data[keyall[i]])
-          //console.log(keyall[i])
-        }
-      }
-      //console.log("666666666666666666")
-      //console.log(JSON.stringify(this.devicesAll))
-      this.devicesCollect()
-
-    },
-
-    back(){
-      if (this.role == 'inspect') {
-        if(!this.isStrat){
-          this.$back()
-          return
-        }else{
-          this.savePaper(true).then(()=>{
-            this.$back()
-            this.isStrat = false
-          })
-        }
-      }else{
-        this.$back()
-      }
-    },
-    checkIsStart(){
-      alert('asdad')
-      return
-    },
-
-    viewPic(fileName) {
-      //console.log('view pic: ' + fileName)
-      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')
-        // 如果打回重检则重新计时
-        //console.log('HostApp.__this__.role' + HostApp.__this__.role + ' HostApp.__this__.f_approved:' + HostApp.__this__.data.f_approved)
-        if(HostApp.__this__.role == 'inspect'
-          && HostApp.__this__.data.f_approved
-          && HostApp.__this__.data.f_approved == '打回') {
-          //console.log('打回')
-          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) {
-      var obj = finalObj || {};
-      for (var i in initalObj) {
-        var prop = initalObj[i];
-
-        // 避免相互引用对象导致死循环，如initalObj.a = initalObj的情况
-        if (prop === obj) {
-          continue;
-        }
-
-        if (typeof prop === 'object') {
-          if (obj[i]) {
-            this.extend(obj[i], prop)
-          } else {
-            obj[i] = prop;
-          }
-        }
-      }
-      return obj;
-    },
-    //获取当前时间
-    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;
-    }
-  },
-  ready() {
-      this.putDevices()
-    if (this.item.f_state != '未检' || 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
-        }
-        let checkurl='getUserinfomation'
-        if (this.isdel=='是'){
-          checkurl='getUserinfomationDel'
-        }
-        this.$resetpost(`rs/path/${checkurl}`, {data: {condition: `id = '${id}'`}}).then((respanse) => {
-            //console.log('result....', respanse)
-            if (respanse.data.length != 0) {
-              // 包含 其它 特殊处理的数组
-              // 对应位置
-
-              //console.log('devices => ', respanse.data[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) {
-                      item.f_items.forEach((f_item) => {
-                        //console.log('f_item====>', f_item)
-                        //console.log('f_item.f_path====>', f_item.f_path)
-                        let itemValues = []
-                        f_item.f_item_lists.forEach((tempItem) => {
-                          //console.log('emm => ', f_item.f_item_name, '   ', tempItem.f_item_value)
-                          if (tempItem.f_item_value !== 'null') {
-                            itemValues.push(tempItem.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())
-              }
-              //console.log("that.data:", that.data)
-            }
-            // this.$goto('paper-message-blank', {userinfo:this.data,devices:this.devices,config:this.config,role:this.role}, 'self')
-            this.isshow = true
-          asyncReady(this).then(() => {
-            //console.log("66666666666")
-            //console.log(JSON.stringify(this.data))
-            if (this.data.f_check_type=='民用'){
-              this.deviceconfig=Vue.config.safecheck.DevicesConfig
-              //console.log("deviceconfig1==>"+JSON.stringify(this.deviceconfig))
-            }else if (this.data.f_check_type=='非民用'){
-              this.deviceconfig=Vue.config.safecheck.DevicesSetConfig
-              //console.log("deviceconfig2==>"+JSON.stringify(this.deviceconfig))
-            }
-            if (this.f_meter_type=='物联网表'){
-              let aaa = Object.assign({},this.config2["燃气表"].items,this.deviceconfig["燃气表"].items)
-              this.deviceconfig["燃气表"].items=aaa
-              //this.deviceconfig["燃气表"]=this.config2["燃气表"]
-              //console.log("deviceconfig3==>"+JSON.stringify(this.deviceconfig))
-            }else{
-              let aaa = Object.assign({},this.config["燃气表"].items,this.deviceconfig["燃气表"].items)
-              this.deviceconfig["燃气表"].items= aaa
-              //console.log("deviceconfig4==>"+JSON.stringify(this.deviceconfig))
-            }
-            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) => {
-            //console.log('respanse', respanse)
-            alert('查找安检单失败')
-          })
-      }
-    }
-
-  },
-  watch:{
-    //   'isUpload'(val){
-    //     //console.log('isUpload发生变化===>'+val)
-    //   }
-  },
-  destroyed() {
-    //console.log('退出当前页Set')
-    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>
+<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="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">
+            <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_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">{{ item.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" 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;">{{ 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_comments }}
+              </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 class="li-font" v-for="val in deviceCollect.devices">
+                        {{val}}&nbsp;&nbsp;&nbsp;
+                      </span><br>
+             </span>
+
+           </span>
+              </td>
+            </tr>
+
+            </tbody>
+          </table>
+          <table class="table table-striped table-bordered" 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.lname}}
+                查看{{data.f_entry_status}}照片</button-link></td>
+            </tr>
+
+            </tbody>
+          </table>
+          <table class="table table-striped table-bordered" 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-safe  :src="img.f_overall_path" style="float: left" width="150" height="200"></img-self-safe>
+                  </div>
+                </div>
+
+
+              </td>
+
+            </tr></tbody>
+          </table>
+          <table class="table table-striped table-bordered" 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-safe  :src="paperdata.f_sign_path"  width="486" height="300"></img-self-safe>
+                  </div>
+
+                </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">
+            <thead v-show="!(config.checkname!='燃气表'&&paperdata.f_entry_status!='入户')">
+            <tr>
+              <th style="text-align: center" >{{config.checkname}}</th>
+            </tr>
+            </thead>
+            <tbody v-show="!(config.checkname!='燃气表'&&paperdata.f_entry_status!='入户')">
+            <tr v-for="dev in config.items">
+              <td v-if="dev.type!='text'&&dev.lname!='累购气量'">
+                <div class="row">
+                  <div class="col-md-8" style="text-align: center;">
+                    <label ><button-link  type="button" class="btn btn-link"  @click="showpicture(config.checkname,dev.lname)" :style="isred(config.checkname,dev.lname)?'color:red':'color:black'" >{{dev.lname}}
+                    </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.checkname,dev.lname)?getDeviceValue(config.checkname,dev.lname):'无'}}</label>
+                    <label style="font-weight: normal" v-if="dev.type=='picture'"><div v-show="getDevicePath(config.checkname,dev.lname)"><button-link  style="color: black" type="button" class="btn btn-link"  @click="showpath(getDevicePath(config.checkname,dev.lname),dev.lname)">查看照片
+                    </button-link></div>
+                    <div v-show="getDevicePath(config.checkname,dev.lname)">无照片</div>
+                    </label>
+                  </div>
+                </div>
+              </td>
+              <td v-if="dev.type==='text'">
+                <label style="width: 100%;text-align: center">{{dev.lname}}</label>
+              </td>
+            </tr>
+            </tbody>
+          </table>
+        </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-safe v-if="showimg1" :src="showimg1"   width="300" height="400"></img-self-safe>
+          </div><div class="col-md-6">
+        <img-self-safe v-if="showimg2" :src="showimg2"   width="300" height="400"></img-self-safe>
+        </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-safe v-if="this.paperdata.f_entry_status=='到访不遇'" :src="showimg3"   width="300" height="400"></img-self-safe>
+          </div><div class="col-md-6">
+          <img-self-safe v-if="this.paperdata.f_entry_status=='拒检'" :src="showimg4"   width="300" height="400"></img-self-safe>
+        </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 PaperUserm from './PaperUserm'
+// import PaperStatem from './PaperStatem'
+// import Devicesm from './Devicesm'
+// import PaperFeedbackm from './PaperFeedbackm'
+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('post','rs/sql/tel_singleTable_OrderBy',{data: {
+        items: 'f_dir',
+        tablename: 't_organization',
+        condition: `id  = '${self.item.f_filialeid}'`,
+        orderitem: 'id'
+      }})
+    let res2= await new HttpResetClass().load('post','rs/sql/tel_singleTable_OrderBy',{data: {
+        items: 'gb.f_meter_type',
+        tablename: 'LiXianGas.dbo.t_gasbrand  gb left join LiXianGas.dbo.t_userfiles tuf on gb.id=tuf.f_gasbrand_id',
+        condition: `tuf.f_userinfo_id='${self.item.f_userinfo_code}'`,
+        orderitem: 'gb.id'
+      }})/*.then(res=>{*/
+    self.f_meter_type=res2.data[0].f_meter_type//console.log("aaaaaaaaaaaaaaaa")
+    //console.log(JSON.stringify(res.data[0].f_dir))
+    if (!res.data[0].f_dir){
+      self.$showMessage("该公司无组织目录，无法获取配置文件，请联系管理员确认")
+    }else{
+      //this.f_dir=res.data[0].f_dir
+      try {
+        let res1=await new HttpResetClass().load('GET',`/safecheck/rs/vue/DevicesConfig.json?folderName=phonevues&orgDir=${res.data[0].f_dir}`, {},{resolveMsg: '获取居民配置项成功！', rejectMsg: '获取居民配置项出错！'})/*.then(res=>{*/
+        //console.log('111111111111居民===>', res1.data)
+        //this.safeConfig["民用配置项"]=Object.assign({},res.data)
+        Vue.config.safecheck.DevicesConfig=res1.data
+        /*})*/
+        let res2=await new HttpResetClass().load('GET',`/safecheck/rs/vue/DevicesSetConfig.json?folderName=phonevues&orgDir=${res.data[0].f_dir}`, {},{resolveMsg: '获取非居民配置项成功！', rejectMsg: '获取非居民配置项出错！'})/*.then(res=>{*/
+        //console.log('22222222222222非居民===>', res2.data)
+        //this.safeConfig["非民用配置项"]=Object.assign({},res.data)
+        Vue.config.safecheck.DevicesSetConfig=res2.data
+        /*}).then(res=> {
+        })*/
+
+      }catch (e) {
+        self.$showMessage("获取配置文件失败"+e)
+      }
+    }
+  } catch (error) {
+    // 忽略704,文件找不到异常R
+    if (error.status !== 704) {
+      throw error
+    }
+  }
+}
+export default {
+  title: '安检单',
+  props: ['f_plan_id', 'item', 'role','isdel'],
+  data() {
+    return {
+      data: {
+        f_devices: [],
+        f_defect_content:''
+      },
+      f_meter_type:'',
+      paperdata:{},
+      picturename:'隐患照片',
+      defectDevice:{},
+      hasDevice:false,
+      deviceCollect:{},
+      deviceCollects:[],
+      isshow:false,
+      ajresult:'',
+      loading:true,
+      imgshow:false,
+      imgshow2:false,
+      isUpload:false,
+      livedispose:'',
+      showimg1:'',
+      showimg2:'',
+      showimg3:'',
+      showimg4:'',
+      startClick:false, //开始安检按钮是否可点击
+      isStrat: false, //是否开始安检
+      checkResult:{},//查询结果
+      newcheckResult:{},
+      timer: null,
+      showModal: false,
+      pic_to_be_viewed: '',
+      showBack:true,
+      devices: [],
+      devicesAll:[],
+      configAJ:[],
+      configRQ:[],
+      deviceconfig:{},
+      deviceconfig2:[],
+      f_devices : [],
+      config: {
+        "燃气表":{
+          "checkmust":true,
+          "index":1,
+          "items":{
+            //"燃气表照片":{"index":1,"type":"picture","remark":"(拍摄清晰的表具编号、字轮数、剩余气量等)"},
+            "基表编号":{"index":1,"type":"string","readonly":true},
+            "气表型号":{"index":2,"type":"string","readonly":true},
+            "气表品牌":{"index":3,"type":"string","readonly":true},
+            "进气方向":{"index":4,"type":"string","readonly":true},
+            // "初始表底":{"index":5,"type":"number","isshow":false,"readonly":true},
+            "初始表底":{"index":5,"type":"number","isshow":false,"readonly":true},
+            "上期表读数":{"index":6,"type":"number","readonly":true},
+            "累购气量":{"index":7,"type":"number","readonly":true},
+            "已用气量":{"index":8,"type":"number","checkmust": true},//基表数
+            "剩余气量":{"index":9,"type":"number","checkmust": true},//累购-已用
+            //显示屏数  --实际剩余气量
+            "气量差值":{"index":10,"type":"number","readonly": true},
+            "表箱号":{"index":11,"type":"string","readonly": true}
+          }
+          // 注意，配置项的index必须与上面的固定配置保持'顺序'
+        }
+      },
+      //金额
+      config2: {
+        "燃气表":{
+          "checkmust":true,
+          "index":1,
+          "items":{
+            //"燃气表照片":{"index":1,"type":"picture","remark":"(拍摄清晰的表具编号、字轮数、剩余气量等)"},
+
+            "基表编号":{"index":1,"type":"string","readonly":true},
+            "气表型号":{"index":2,"type":"string","readonly":true},
+            "气表品牌":{"index":3,"type":"string","readonly":true},
+            "进气方向":{"index":4,"type":"string","readonly":true},
+            // "初始表底":{"index":5,"type":"number","isshow":false,"readonly":true},
+            "上期表读数":{"index":5,"type":"number","readonly":true},
+            "表读数":{"index":6,"type":"number","readonly":true,isshow:false},
+            "表剩余金额":{"index":7,"type":"number","readonly":true,isshow:false},
+            "字轮数":{"index":8,"type":"number","checkmust": true},//基表数
+            "表余额":{"index":9,"type":"number",isshow:false},
+            //显示屏数  --实际剩余气量
+            "表数异常差值":{"index":10,"type":"number","readonly": true},
+            "表箱号":{"index":11,"type":"string","readonly": true}
+          }
+        }
+      },
+    }
+  },
+  components: {
+    RadioGroup,
+    Radio,
+  },
+  computed: {
+
+    selector: {
+      get() {
+        return 'paper-state'
+      },
+      set(val) {
+        if(this.isStrat){
+          debugger;
+          this.$goto(val, {userinfo:this.data}, 'paper-router')
+        }else{
+          this.$showMessage('未开始安检！')
+        }
+      }
+    },
+    actionEnabled: {
+      get() {
+        return this.role == 'inspect'
+      }
+    }
+  },
+  methods: {
+    devicesCollect(){
+      //console.log("4444444")
+      //console.log(JSON.stringify(this.config))
+      //console.log(JSON.stringify(this.deviceconfig2))
+      //console.log("4444444")
+
+      this.deviceCollects = []
+      let checkResult = '正常'
+      this.result = '正常'
+      let codata = JSON.parse(JSON.stringify(this.data))
+      //console.log("111111111111"+JSON.stringify(codata))
+      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
+            }
+            // //console.log('codata[device][item]=>',codata[device][item])
+            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.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]
+
+                  //console.log('f_item_value => ' + JSON.stringify(f_item_value))
+                  //console.log('f_device_type => ' + JSON.stringify(f_device_type))
+                  //console.log('this.paper[device][item] => ' + JSON.stringify(this.data[device][item]))
+                  //console.log('this.config[this.paper[device][item].f_device_type] => ' + JSON.stringify(this.config[this.data[device][item].f_device_type]))
+                  if (!this.config[this.data[device][item].f_device_type].items[items.f_item_name]){
+                    continue
+                  }
+                  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
+                      }
+                    }
+                  }
+                  //console.log('defects=====>'+JSON.stringify(defects))
+                }
+                if(defects != ''){
+                  deviceInfos.push(`${items.f_item_name}${defects.substring(0, defects.length - 1)}`)
+                }
+              }else if(items.type === 'stringp'){
+                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('金额异常差值允许误差')
+                //console.log(items.f_item_value[0]+'金额异常差值允许误差'+deviation)
+                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('气量异常差值允许误差')
+                //console.log(items.f_item_value[0]+'气量异常差值允许误差'+deviation)
+                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]}`)
+                  }
+                }
+              }
+              //console.log('deviceInfos========>'+JSON.stringify(deviceInfos))
+              //console.log('items.f_is_defect')
+              //console.log(items.f_is_defect)
+              if (items.type === 'selector') {
+                items.selected = []
+              } else if (items.type === 'inputSelector') {
+                items.selected = ''
+              }
+            }
+
+
+            //console.log('deviceCollect',this.deviceCollect)
+            this.$set('deviceCollect.name',f_device_type)
+            this.$set('deviceCollect.value',checkResult)
+            this.$set('deviceCollect.devices',deviceInfos)
+            //console.log("5555555555"+JSON.stringify(this.deviceCollect))
+            if (this.deviceCollect.name){
+              //console.log("999999998888888"+this.deviceCollect.name)
+              this.deviceCollects.push(JSON.parse(JSON.stringify(this.deviceCollect)))
+            }
+
+            checkResult = '正常'
+            this.deviceCollect = {}
+          }
+        }
+      }
+      if(this.deviceCollects.length>0){
+        this.hasDevice = true
+      }
+      this.ajresult=JSON.parse(this.data.f_defect_content).result
+      this.showimg3=this.data.f_noanswer_path
+      this.showimg4=this.data.f_rejectcheck_path
+      this.paperdata=this.data
+      this.loading=false
+    },
+    imgclose(){
+      this.imgshow=false
+    },
+    putDevices() {
+      ////console.log('Vue.config.safecheck', Vue.config.safecheck.safetype)
+      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
+        }
+      }
+      //console.log('当前安检类型----'+this.item.f_safecheck_type)
+
+      //console.log(JSON.stringify(this.data))
+      if(!this.item.f_safecheck_type){
+        this.config = this.extend(this.config, Vue.config.safecheck[Vue.config.safecheck.SafecheckType['年度普检'][this.item.f_check_type]])
+      }else{
+        if (Vue.config.safecheck.DevicesConfig != undefined)
+          this.config = this.extend(this.config, Vue.config.safecheck[Vue.config.safecheck.SafecheckType[this.item.f_safecheck_type][this.item.f_check_type]])
+      }
+      //遍历安检项配置
+      for (let i in this.config) {
+        //取得安检项索引值
+        let n = this.config[i].index
+        this.devices[n - 1] = {device: 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].options[op].level,
+                  f_is_defect: this.config[i].items[it].options[op].isdefect,
+                  f_item_name: it,
+                  f_item_value: this.config[i].items[it].options[op].data,
+                  f_path: "",
+                  type: "selector"
+                })
+              }
+          }
+        }
+        n = n + 1
+      }
+
+    },
+    showpath(val1,val2){
+      //console.log("555555555555555555")
+      //console.log(val1)
+      if (val1){
+        this.showimg1=val1
+        this.picturename=val2
+        this.imgshow=true
+      }
+    },
+    showpicture(val1,val2){
+      //console.log("77777777777777")
+      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.picturename='隐患照片'
+                  this.imgshow=true
+                  return true
+                }
+              }
+            }
+
+          }
+        }
+      }
+    },
+    isred(val1,val2){
+      //console.log("77777777777777")
+      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){
+      let aa=''
+      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_lists[0]){
+                  for (let l = 0; l < this.devicesAll[i][j].f_items[k].f_item_lists.length; l++) {
+                    aa+=this.devicesAll[i][j].f_items[k].f_item_lists[l].f_item_value+' '
+                  }
+                  if (aa.indexOf('null')==-1){
+
+                    if ((val2=='剩余气量'||val2=='气量差值')){
+                      console.log("857857")
+                      console.log(aa)
+                      return parseFloat(aa).toFixed(2)
+                    }else{
+                      return aa
+                    }
+                  }
+
+                }
+              }
+            }
+
+          }
+        }
+      }
+
+    },
+    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){
+                  return this.devicesAll[i][j].f_items[k].f_path
+              }
+            }
+
+          }
+        }
+      }
+
+    },
+    getDeviceAll(){
+      let keyall=  Object.keys(this.data)
+      for (let i = 0; i < keyall.length; i++) {
+        //console.log(JSON.stringify(keyall))
+        if (keyall[i].startsWith('device') && keyall[i] !='deviceundefined'){
+          this.devicesAll.push(this.data[keyall[i]])
+          //console.log(keyall[i])
+        }
+      }
+      //console.log("666666666666666666")
+      //console.log(JSON.stringify(this.devicesAll))
+      this.devicesCollect()
+
+    },
+
+    back(){
+      if (this.role == 'inspect') {
+        if(!this.isStrat){
+          this.$back()
+          return
+        }else{
+          this.savePaper(true).then(()=>{
+            this.$back()
+            this.isStrat = false
+          })
+        }
+      }else{
+        this.$back()
+      }
+    },
+    checkIsStart(){
+      alert('asdad')
+      return
+    },
+
+    viewPic(fileName) {
+      //console.log('view pic: ' + fileName)
+      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')
+        // 如果打回重检则重新计时
+        //console.log('HostApp.__this__.role' + HostApp.__this__.role + ' HostApp.__this__.f_approved:' + HostApp.__this__.data.f_approved)
+        if(HostApp.__this__.role == 'inspect'
+          && HostApp.__this__.data.f_approved
+          && HostApp.__this__.data.f_approved == '打回') {
+          //console.log('打回')
+          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) {
+      var obj = finalObj || {};
+      for (var i in initalObj) {
+        var prop = initalObj[i];
+
+        // 避免相互引用对象导致死循环，如initalObj.a = initalObj的情况
+        if (prop === obj) {
+          continue;
+        }
+
+        if (typeof prop === 'object') {
+          if (obj[i]) {
+            this.extend(obj[i], prop)
+          } else {
+            obj[i] = prop;
+          }
+        }
+      }
+      return obj;
+    },
+    //获取当前时间
+    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;
+    }
+  },
+  ready() {
+      this.putDevices()
+    if (this.item.f_state != '未检' || 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
+        }
+        let checkurl='getUserinfomation'
+        if (this.isdel=='是'){
+          checkurl='getUserinfomationDel'
+        }
+        this.$resetpost(`rs/path/${checkurl}`, {data: {condition: `id = '${id}'`}}).then((respanse) => {
+            //console.log('result....', respanse)
+            if (respanse.data.length != 0) {
+              // 包含 其它 特殊处理的数组
+              // 对应位置
+
+              //console.log('devices => ', respanse.data[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) {
+                      item.f_items.forEach((f_item) => {
+                        //console.log('f_item====>', f_item)
+                        //console.log('f_item.f_path====>', f_item.f_path)
+                        let itemValues = []
+                        f_item.f_item_lists.forEach((tempItem) => {
+                          //console.log('emm => ', f_item.f_item_name, '   ', tempItem.f_item_value)
+                          if (tempItem.f_item_value !== 'null') {
+                            itemValues.push(tempItem.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())
+              }
+              //console.log("that.data:", that.data)
+            }
+            // this.$goto('paper-message-blank', {userinfo:this.data,devices:this.devices,config:this.config,role:this.role}, 'self')
+            this.isshow = true
+          asyncReady(this).then(() => {
+            //console.log("66666666666")
+            //console.log(JSON.stringify(this.data))
+            if (this.data.f_check_type=='民用'){
+              this.deviceconfig=Vue.config.safecheck.DevicesConfig
+              //console.log("deviceconfig1==>"+JSON.stringify(this.deviceconfig))
+            }else if (this.data.f_check_type=='非民用'){
+              this.deviceconfig=Vue.config.safecheck.DevicesSetConfig
+              //console.log("deviceconfig2==>"+JSON.stringify(this.deviceconfig))
+            }
+            if (this.f_meter_type=='物联网表'){
+              let aaa = Object.assign({},this.config2["燃气表"].items,this.deviceconfig["燃气表"].items)
+              this.deviceconfig["燃气表"].items=aaa
+              //this.deviceconfig["燃气表"]=this.config2["燃气表"]
+              //console.log("deviceconfig3==>"+JSON.stringify(this.deviceconfig))
+            }else{
+              let aaa = Object.assign({},this.config["燃气表"].items,this.deviceconfig["燃气表"].items)
+              this.deviceconfig["燃气表"].items= aaa
+              //console.log("deviceconfig4==>"+JSON.stringify(this.deviceconfig))
+            }
+            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) => {
+            //console.log('respanse', respanse)
+            alert('查找安检单失败')
+          })
+      }
+    }
+
+  },
+  watch:{
+    //   'isUpload'(val){
+    //     //console.log('isUpload发生变化===>'+val)
+    //   }
+  },
+  destroyed() {
+    //console.log('退出当前页Set')
+    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>