safecheck-client 3.0.35-gongyi-9 → 3.0.35-gongyi-11

package/src/components/android/SafecheckState.vue

@@ -1,437 +1,437 @@
-<template>
-  <!--<form novalidate class="form-horizontal" style="width: 95%;margin: auto;border:15px">-->
-<!--    <div class="form-group" :class="style__" style="margin-top: 8px">-->
-<!--      <span class="col-md-3 col-sm-4 col-xs-4" style="margin-top: 8px;"> <img src="../../assets/clock.png" style="width: 20px;text-align: left" alt="">开始安检:</span>-->
-<!--      <div class="col-md-9 col-sm-8 col-xs-8 text-center">-->
-<!--      <button :disabled="$parent.$parent.startClick" class="btn btn-start" type="button"  @click="start">开始&nbsp;&nbsp;&nbsp;<img src="../../assets/startTime.png" style="width: 20px;margin-bottom: 5px" v-show="action" alt="">-->
-<!--        <img src="../../assets/pausetime.png" v-show="!action" style="width: 20px;margin-bottom: 5px" alt=""></button>-->
-<!--      </div>-->
-<!--    </div>-->
-    <!--<div class="form-group"  :class="style__">-->
-      <!--<span class="col-md-3 col-sm-4 col-xs-4"> <img src="../../assets/showtime.png" style="width: 20px;margin-bottom: 5px;text-align: left" alt="">到达时间:</span>-->
-      <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
-        <!--<input readonly="readonly" style="width: 100%" type="text" v-model="f_onsite_time" class=" form-control text-center time-input"/>-->
-      <!--</div>-->
-    <!--</div>-->
-    <!--<div class="form-group" :class="style__" v-show="false">-->
-     <!--<span class="col-md-3 col-sm-4 col-xs-4"> <img src="../../assets/showtime.png" style="width: 20px;margin-bottom: 5px;text-align: left" alt="">离开时间:</span>-->
-      <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
-        <!--<input readonly="readonly" style="width: 100%" type="text" v-model="f_offsite_time" class="form-control text-center time-input"/>-->
-      <!--</div>-->
-    <!--</div>-->
-  <div class="panel panel-default auto repair-info-content">
-    <div class="panel-body">
-      <div v-show="false" class="row repair-info-content auto">
-        <div class="col-xs-12 col-sm-12 col-md-12 form-input-group">
-          <label class="control-label">
-            <nobr>到达时间：</nobr>
-          </label>
-          <span>{{f_onsite_time}}</span>
-        </div>
-        <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" v-if="data.f_date_leave">
-          <label class="control-label">
-            <nobr>离开时间：</nobr>
-          </label>
-          <span>{{f_offsite_time}}</span>
-        </div>
-      </div>
-
-
-      <div class="form-group" :class="style__">
-        <span class="col-md-3 col-sm-4 col-xs-4  text-left"><img src="../../assets/housestyle.png" style="width: 20px;margin-bottom: 5px;text-align: left" alt="">入户状态:</span>
-        <div :class="style__" class="col-md-9 col-sm-8 col-xs-8 text-center">
-          <input type="radio" name="enterstatus" v-model="f_entry_status" id="nopeople" value="到访不遇">到访不遇
-          <input type="radio" name="enterstatus" v-model="f_entry_status" id="rejectchecck" value="拒检">拒检
-          <input type="radio" name="enterstatus" v-model="f_entry_status" id="enterhouse" value="入户">入户
-          <!--  <radio-group :value.sync="f_entry_status" :type="f_entry_class" buttons="false">
-              <radio value="到访不遇">到访不遇</radio>
-              <radio value="拒检">拒检</radio>
-              <radio value="入户">入户</radio>
-            </radio-group>-->
-        </div>
-        <div class="form-group col-sm-12 col-xs-12" :class="style__" v-show="f_entry_status=='入户'" style="margin-top: 6px">
-          <span class="text-left col-md-3 col-sm-4 col-xs-4"> <img src="../../assets/enterstatus.png" style="width: 20px;margin-bottom: 5px;text-align: left" alt="">燃气使用:</span>
-          <div :class="style__" class="col-md-9 col-sm-8 col-xs-8 text-center">
-            <input type="radio" name="isuseed" v-model="f_usegas" id="useedgas" value="已使用">已使用
-            <input type="radio" name="isuseed" v-model="f_usegas" id="nousegas" value="未使用">未使用
-            <!--<radio-group :value.sync="f_usegas" :type="f_useclass" buttons="false">
-              <radio value="已使用">已使用</radio>
-              <radio value="未使用">未使用</radio>
-            </radio-group>-->
-          </div>
-        </div>
-
-        <div :class="style__" class="form-group col-sm-12 col-xs-12" style="margin-top: 6px" v-show="f_usegas == '未使用'">
-          <label class="text-left font">未使用天然气照片：</label>
-          <div class="auto">
-            <div class="panel" style="padding: 10px 10px 5px 10px;">
-              <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
-                <div class="row" style="height: 240px;overflow: scroll;top: 1px">
-                  <div class="col-sm-4">
-                    <img-self  :class="style__"  :src="f_nongasuser_path" alt="未使用天然气照片" width="150" height="200"></img-self>
-                  </div>
-                </div>
-                <div class="row text-right div-photo">
-                  <button type="button" name="button" class="btn btn-primary btn-photo"  @click="takePic('f_nongasuser_path', '未使用天然气照片')">拍照</button>
-                  &nbsp;&nbsp;&nbsp;&nbsp;<img src="../../assets/remove.png" :class="style__"  @click="delfile('f_nongasuser_path', this.f_nongasuser_path)" style="width: 25%;"></img>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="form-group col-sm-12 col-xs-12" :class="style__" v-show="f_entry_status=='到访不遇'">
-          <label class="text-left font">到访不遇照片：</label>
-          <div class="auto">
-            <div class="panel" style="padding: 10px 10px 5px 10px;">
-              <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
-                <div class="row" style="height: 240px;overflow: scroll;top: 1px">
-                  <div class="col-sm-4">
-                    <img-self :src="f_noanswer_path" alt="到访不遇照片" width="150" height="200"> </img-self>
-                  </div>
-                </div>
-                <div class="row text-right div-photo" :class="style__">
-                  <button type="button" name="button" class="btn btn-primary btn-photo"  @click="takePic('f_noanswer_path', '到访不遇照片')">拍照</button>
-                  &nbsp;&nbsp;&nbsp;&nbsp;<img src="../../assets/remove.png" :class="style__"  @click="delfile('f_noanswer_path', this.f_noanswer_path)" style="width: 25%;"></img>
-                </div>
-              </div>
-            </div>
-          </div>
-          <label class="text-left font" v-show="lasersupp"><input v-model="supp" type="checkbox"/>激光补录</label>
-          <div class="auto" v-show="supp"><input name="supp" type="text"/></div>
-        </div>
-        <div class="form-group col-sm-12 col-xs-12" :class="style__" v-show="f_entry_status=='拒检'">
-          <label class="text-left font">拒检照片：</label>
-          <div class="auto">
-            <div class="panel" style="padding: 10px 10px 5px 10px;">
-              <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
-                <div class="row" style="height: 240px;overflow: scroll;top: 1px">
-                  <div class="col-sm-4">
-                    <img-self :src="f_rejectcheck_path" alt="拒检照片" width="150" height="200"> </img-self>
-                  </div>
-                </div>
-                <div class="row text-right div-photo">
-                  <button type="button" name="button" class="btn btn-primary btn-photo"  @click="takePic('f_rejectcheck_path', '拒检照片')">拍照</button>
-                  &nbsp;&nbsp;&nbsp;&nbsp;<img src="../../assets/remove.png" :class="style__"  @click="delfile('f_rejectcheck_path', this.f_rejectcheck_path)" style="width: 25%;"></img>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div :class="style__" class="form-group" v-show="f_usegas == '未使用'">
-        <sapn class="text-left col-md-12 col-sm-12 col-xs-12">处置方式：</sapn>
-        <div class="col-xs-12 col-sm-12 col-md-12">
-          <input type="checkbox" v-model="f_no_gas_device">无燃气具
-          <input type="checkbox" v-model="f_close_valve">关闭表前阀
-          <input type="checkbox" v-model="f_unload_battery">取下表内电池
-        </div>
-      </div>
-      <div class="auto app-text" style="margin-top: 5px;" v-if="this.$parent.$parent.role != 'view'">
-        <div class="panel" style="padding: 60px 7px 10px 0px;">
-          <div class="panel-body panel-self">
-            <div class="row">
-              <p class="panel-title col-xs-4 text-left font">建档时间</p>
-              <p class="panel-title col-xs-8 text-left input-font">{{ newfile_date }}</p>
-            </div>
-            <div class="row" v-if="last_check_date != null && last_check_date != ''">
-              <p class="panel-title col-xs-4 text-left font">上次安检时间</p>
-              <p class="panel-title col-xs-8 text-left input-font">{{ last_check_date }}</p>
-            </div>
-            <div class="row">
-              <p class="panel-title col-xs-4 text-left font">上次安检状态</p>
-              <p class="panel-title col-xs-8 text-left input-font" v-if="last_check_date != null && last_check_date != ''">安检完成</p>
-              <p class="panel-title col-xs-8 text-left input-font" v-if="last_check_date == null || last_check_date == ''">未安检</p>
-            </div>
-            <div class="row" v-if="last_check_date != null && last_check_date != ''">
-              <p class="panel-title col-xs-4 text-left font">上次安检结果</p>
-              <p class="panel-title col-xs-8 text-left input-font" :class="last_check_result=='正常'?'':'color-red'">{{last_check_result}}</p>
-              <div v-for="data in last_check_data.data" class="panel-title col-xs-offset-4 col-xs-8 text-left input-font">
-                <p v-for="(key,item) in data">
-                  {{key}}:{{item}}
-                </p>
-              </div>
-            </div>
-          </div>
-        </div>
-
-      </div>
-    </div>
-  </div>
-
-
-    <!--<div align="center">用户情况表</div>-->
-    <!--<div class="form-group" :class="style__">-->
-      <!--<span class="col-md-3 col-sm-4 col-xs-4">在家时间:</span>-->
-      <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
-        <!--<input  style="width: 100%" type="text" v-model="model.f_user_inhome_time" class="form-control text-center time-input"/>-->
-      <!--</div>-->
-    <!--</div>-->
-    <!--<div class="form-group" :class="style__">-->
-      <!--<span class="col-md-3 col-sm-4 col-xs-4">建议安检时间:</span>-->
-      <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
-        <!--<input style="width: 100%" type="text" v-model="model.f_user_check_time" class="form-control text-center time-input"/>-->
-      <!--</div>-->
-    <!--</div>-->
-    <!--<div class="form-group" :class="style__">-->
-      <!--<span class="col-md-3 col-sm-4 col-xs-4">备用联系方式:</span>-->
-      <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
-        <!--<input style="width: 100%" type="text" v-model="model.f_user_spare_phone" class="form-control text-center time-input"/>-->
-      <!--</div>-->
-    <!--</div>-->
-    <!--<div class="form-group" :class="style__">-->
-      <!--<span class="col-md-3 col-sm-4 col-xs-4">家庭情况备注:</span>-->
-      <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
-        <!--<input  style="width: 100%" type="text" v-model="model.f_user_family_remarks" class="form-control text-center time-input"/>-->
-      <!--</div>-->
-    <!--</div>-->
-    <!--<div class="form-group" :class="style__">-->
-      <!--<span class="col-md-3 col-sm-4 col-xs-4">设备情况备注:</span>-->
-      <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
-        <!--<input  style="width: 100%" type="text" v-model="model.f_user_equipment_remarks" class="form-control text-center time-input"/>-->
-      <!--</div>-->
-    <!--</div>-->
-  <!--</form>-->
-</template>
-
-<script>
-  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'
-
-  export default {
-    title: '安检概况',
-    // props:{
-    //   parentDate:{
-    //     type:Object
-    //   }
-    // },
-    data() {
-        supp:false
-        lasersupp:false
-        return this.$parent.$parent.data
-    },
-    methods: {
-      cameraCallBack(prop, fileName) {
-        HostApp.__this__.$set(prop, fileName + '?' + Math.random())
-        console.log('photo file name:' + HostApp.__this__.f_nongasuser_path)
-        HostApp.__callback__ = null
-        HostApp.__this__ = null
-      },
-      takePic(prop, title) {
-        HostApp.__callback__ = this.cameraCallBack
-        HostApp.__this__ = this
-        console.log('this[prop]:' + this[prop])
-        let fileName
-        if (!this[prop] || this[prop].includes("nopic.png")) {
-          fileName = Util.guid() + '-' + prop + '.jpg'
-        } else {
-          fileName = Util.getFileName(this[prop])
-        }
-        HostApp._open_a_page({
-          type: 'boomerang',
-          page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
-          param: {
-            file: fileName,
-            requestCode: 111,
-            callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
-            watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
-          }
-        })
-      },
-      delfile(prop, fileName) {
-        if (fileName == Vue.nopic)
-          return
-        else {
-          HostApp.delfile(fileName)
-          this[prop] = Vue.nopic
-        }
-      },
-      setEntryClass(val) {
-        if (val == '到访不遇') {
-          this.f_usegas =''
-          this.$set('f_entry_class', 'warning')
-        }else if (val == '拒检') {
-          this.f_usegas = ''
-          this.$set('f_entry_class', 'danger')
-        } else if (val == '入户') {
-          this.$set('f_entry_class', 'success')
-        }
-      },
-      setUsegas(val){
-        if (val == '未使用')
-          this.$set('f_useclass', 'default')
-        if (val == '已使用')
-          this.$set('f_useclass', 'success')
-      },
-      start(){
-        // console.log('this.f_onsite_time--',this.data.f_onsite_time)
-        this.$parent.$parent.isStrat = true
-        this.$set('action',!this.action)
-        this.$set('f_onsite_time', Util.toStandardTimeString())
-        //this.$set('f_offsite_time', Util.toStandardTimeString())
-        //this.$parent.$parent.tick()
-      }
-    },
-    components: {
-      RadioGroup,
-      Radio
-    },
-    ready() {
-      if(Vue.config.safecheck != undefined) {
-        if (Vue.config.safecheck.ApproveConfig != undefined) {
-          if (Vue.config.safecheck.ApproveConfig.lasersupp != undefined) {
-            lasersupp = Vue.config.safecheck.ApproveConfig.lasersupp
-          }
-        }
-      }
-      console.log('进入paperState====>',this.$parent.$parent.showBack)
-      console.log('parent.item====>',this.$parent.$parent.item)
-      console.log('model====>',this.$parent.$parent.model)
-      if(!this.$parent.$parent.showBack){
-        this.$parent.$parent.showBack= true
-      }
-      this.$set('last_check_date',this.$parent.$parent.item.f_last_check_date)
-      this.$set('newfile_date',this.$parent.$parent.item.f_newfile_date)
-      if(this.$parent.$parent.item.f_last_check_result){
-        let checkResult = JSON.parse(this.$parent.$parent.item.f_last_check_result)
-        this.$set('last_check_result',checkResult.result)
-        this.$set('last_check_data.data',checkResult.data)
-      }else{
-        this.$set('last_check_result','')
-        this.$set('last_check_data.data',[])
-      }
-      if(this.$parent.$parent.role == 'inspect' && this.f_complete != '已完成'){
-        this.start()
-      }
-      if(this.$parent.$parent.data.f_onsite_time){
-        console.log('已经开始安检')
-        this.$parent.$parent.startClick = true
-      }
-      // if(this.$parent.$parent.role == 'androidview'){
-      //   this.action = false
-      //   this.f_onsite_time = this.$parent.$parent.f_onsite_time
-      //   this.f_offsite_time = this.$parent.$parent.f_offsite_time
-      // }
-      this.action = true
-      console.log('this.f_onsite_time',this.f_onsite_time)
-      if(this.f_onsite_time){
-        this.$parent.$parent.isStrat = true
-        this.$parent.$parent.data.f_onsite_time = this.f_onsite_time
-      }
-      if (this.$parent.$parent.role == 'repair') {
-        this.$set('style__', 'divmask')
-        this.$set('style_view_', '')
-      }
-      else if (this.$parent.$parent.role == 'view') {
-        this.$set('style__', 'divmask')
-        this.$set('style_view_', 'divmask')
-        console.log('set style for ....')
-      } else {
-        this.$set('style__', '')
-        this.$set('style_view_', '')
-      }
-      if (!this.f_nongasuser_path)
-        this.$set('f_nongasuser_path','')
-        // this.$set('f_nongasuser_path', Vue.nopic)
-      if (!this.f_noanswer_path)
-        this.$set('f_noanswer_path', '')
-        // this.$set('f_noanswer_path', Vue.nopic)
-      if (!this.f_rejectcheck_path)
-        this.$set('f_rejectcheck_path', '')
-        // this.$set('f_rejectcheck_path', Vue.nopic)
-
-
-      this.$watch('f_usegas', (val) => {
-        this.setUsegas(val)
-      })
-
-      this.setEntryClass(this.f_entry_status)
-      this.$watch('f_entry_status', (val) => {
-        this.setEntryClass(val)
-
-        if (val == '到访不遇') {
-          this.f_rejectcheck_path = Vue.nopic
-        }
-        if (val == '拒检') {
-          this.f_noanswer_path = Vue.nopic
-        }
-
-        if (val != '入户') {
-          //清理安检概括
-          this.f_no_gas_device = false
-          this.f_unload_battery = false
-          this.f_close_valve = false
-          //清理全局隐患
-          this.f_defect_cramped = false
-          this.f_defect_bedroom = false
-          this.f_defect_longpipe = false
-          this.f_defect_firesource = false
-          this.f_defect_explosive = false
-          this.f_defect_viacabinet = false
-          this.f_defect_intermittent = false
-          this.f_defect_nearfire = false
-          this.f_defect_openkitchen = false
-          this.f_defect_hang = false
-          this.f_cramped_path = Vue.nopic
-          //用户评价
-          this.f_client_evaluation = null
-          //清设备
-          this.$set('f_meters', [])
-          this.$set('f_plumbs', [])
-          this.$set('f_valves', [])
-          this.$set('f_inner_plumbs', [])
-          this.$set('f_alarms', [])
-          this.$set('f_cookers', [])
-          this.$set('f_heaters', [])
-          this.$set('f_furnaces', [])
-          //TODO 删除已有的照片
-        }
-      })
-    },
-
-  }
-</script>
-<style>
-  .btn-start{
-    background-color: #f5fbff;
-    border-radius: 7px;
-    border: 1px solid #dcdcdc;
-    font: 15px PingFang-SC-Medium;
-    color: #499edf;
-  }
-  .time-input{
-    border: 1px solid #c0c0c0;
-    border-radius: 3px;
-  }
-  .div-photo{
-    width: auto;
-    height: auto;
-    /* margin-top: 10px; */
-    position: absolute;
-    bottom: 10px;
-    right: 10px;
-  }
-  .btn-photo{
-    border: 0;
-    border-radius: 7px;
-    background-color: #7dc1f4;
-    font: 15px PingFang-SC-Bold;
-    height: 20%;
-  }
-  .color-red{
-    color: red;
-  }
-  .app-text {
-    font-size: 12px;
-  }
-  .panel-self{
-    border-radius: 5px;
-    border:1px solid #c5e1f7;
-    background-color: #F2F6FA;
-  }
-  .font{
-    font: 15px PingFang-SC-Medium;
-    color: #333333;
-  }
-</style>
+<template>
+  <!--<form novalidate class="form-horizontal" style="width: 95%;margin: auto;border:15px">-->
+<!--    <div class="form-group" :class="style__" style="margin-top: 8px">-->
+<!--      <span class="col-md-3 col-sm-4 col-xs-4" style="margin-top: 8px;"> <img src="../../assets/clock.png" style="width: 20px;text-align: left" alt="">开始安检:</span>-->
+<!--      <div class="col-md-9 col-sm-8 col-xs-8 text-center">-->
+<!--      <button :disabled="$parent.$parent.startClick" class="btn btn-start" type="button"  @click="start">开始&nbsp;&nbsp;&nbsp;<img src="../../assets/startTime.png" style="width: 20px;margin-bottom: 5px" v-show="action" alt="">-->
+<!--        <img src="../../assets/pausetime.png" v-show="!action" style="width: 20px;margin-bottom: 5px" alt=""></button>-->
+<!--      </div>-->
+<!--    </div>-->
+    <!--<div class="form-group"  :class="style__">-->
+      <!--<span class="col-md-3 col-sm-4 col-xs-4"> <img src="../../assets/showtime.png" style="width: 20px;margin-bottom: 5px;text-align: left" alt="">到达时间:</span>-->
+      <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
+        <!--<input readonly="readonly" style="width: 100%" type="text" v-model="f_onsite_time" class=" form-control text-center time-input"/>-->
+      <!--</div>-->
+    <!--</div>-->
+    <!--<div class="form-group" :class="style__" v-show="false">-->
+     <!--<span class="col-md-3 col-sm-4 col-xs-4"> <img src="../../assets/showtime.png" style="width: 20px;margin-bottom: 5px;text-align: left" alt="">离开时间:</span>-->
+      <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
+        <!--<input readonly="readonly" style="width: 100%" type="text" v-model="f_offsite_time" class="form-control text-center time-input"/>-->
+      <!--</div>-->
+    <!--</div>-->
+  <div class="panel panel-default auto repair-info-content">
+    <div class="panel-body">
+      <div v-show="false" class="row repair-info-content auto">
+        <div class="col-xs-12 col-sm-12 col-md-12 form-input-group">
+          <label class="control-label">
+            <nobr>到达时间：</nobr>
+          </label>
+          <span>{{f_onsite_time}}</span>
+        </div>
+        <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" v-if="data.f_date_leave">
+          <label class="control-label">
+            <nobr>离开时间：</nobr>
+          </label>
+          <span>{{f_offsite_time}}</span>
+        </div>
+      </div>
+
+
+      <div class="form-group" :class="style__">
+        <span class="col-md-3 col-sm-4 col-xs-4  text-left"><img src="../../assets/housestyle.png" style="width: 20px;margin-bottom: 5px;text-align: left" alt="">入户状态:</span>
+        <div :class="style__" class="col-md-9 col-sm-8 col-xs-8 text-center">
+          <input type="radio" name="enterstatus" v-model="f_entry_status" id="nopeople" value="到访不遇">到访不遇
+          <input type="radio" name="enterstatus" v-model="f_entry_status" id="rejectchecck" value="拒检">拒检
+          <input type="radio" name="enterstatus" v-model="f_entry_status" id="enterhouse" value="入户">入户
+          <!--  <radio-group :value.sync="f_entry_status" :type="f_entry_class" buttons="false">
+              <radio value="到访不遇">到访不遇</radio>
+              <radio value="拒检">拒检</radio>
+              <radio value="入户">入户</radio>
+            </radio-group>-->
+        </div>
+        <div class="form-group col-sm-12 col-xs-12" :class="style__" v-show="f_entry_status=='入户'" style="margin-top: 6px">
+          <span class="text-left col-md-3 col-sm-4 col-xs-4"> <img src="../../assets/enterstatus.png" style="width: 20px;margin-bottom: 5px;text-align: left" alt="">燃气使用:</span>
+          <div :class="style__" class="col-md-9 col-sm-8 col-xs-8 text-center">
+            <input type="radio" name="isuseed" v-model="f_usegas" id="useedgas" value="已使用">已使用
+            <input type="radio" name="isuseed" v-model="f_usegas" id="nousegas" value="未使用">未使用
+            <!--<radio-group :value.sync="f_usegas" :type="f_useclass" buttons="false">
+              <radio value="已使用">已使用</radio>
+              <radio value="未使用">未使用</radio>
+            </radio-group>-->
+          </div>
+        </div>
+
+        <div :class="style__" class="form-group col-sm-12 col-xs-12" style="margin-top: 6px" v-show="f_usegas == '未使用'">
+          <label class="text-left font">未使用天然气照片：</label>
+          <div class="auto">
+            <div class="panel" style="padding: 10px 10px 5px 10px;">
+              <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
+                <div class="row" style="height: 240px;overflow: scroll;top: 1px">
+                  <div class="col-sm-4">
+                    <img-self  :class="style__"  :src="f_nongasuser_path" alt="未使用天然气照片" width="150" height="200"></img-self>
+                  </div>
+                </div>
+                <div class="row text-right div-photo">
+                  <button type="button" name="button" class="btn btn-primary btn-photo"  @click="takePic('f_nongasuser_path', '未使用天然气照片')">拍照</button>
+                  &nbsp;&nbsp;&nbsp;&nbsp;<img src="../../assets/remove.png" :class="style__"  @click="delfile('f_nongasuser_path', this.f_nongasuser_path)" style="width: 25%;"></img>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="form-group col-sm-12 col-xs-12" :class="style__" v-show="f_entry_status=='到访不遇'">
+          <label class="text-left font">到访不遇照片：</label>
+          <div class="auto">
+            <div class="panel" style="padding: 10px 10px 5px 10px;">
+              <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
+                <div class="row" style="height: 240px;overflow: scroll;top: 1px">
+                  <div class="col-sm-4">
+                    <img-self :src="f_noanswer_path" alt="到访不遇照片" width="150" height="200"> </img-self>
+                  </div>
+                </div>
+                <div class="row text-right div-photo" :class="style__">
+                  <button type="button" name="button" class="btn btn-primary btn-photo"  @click="takePic('f_noanswer_path', '到访不遇照片')">拍照</button>
+                  &nbsp;&nbsp;&nbsp;&nbsp;<img src="../../assets/remove.png" :class="style__"  @click="delfile('f_noanswer_path', this.f_noanswer_path)" style="width: 25%;"></img>
+                </div>
+              </div>
+            </div>
+          </div>
+          <label class="text-left font" v-show="lasersupp"><input v-model="supp" type="checkbox"/>激光补录</label>
+          <div class="auto" v-show="supp"><input name="supp" type="text"/></div>
+        </div>
+        <div class="form-group col-sm-12 col-xs-12" :class="style__" v-show="f_entry_status=='拒检'">
+          <label class="text-left font">拒检照片：</label>
+          <div class="auto">
+            <div class="panel" style="padding: 10px 10px 5px 10px;">
+              <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
+                <div class="row" style="height: 240px;overflow: scroll;top: 1px">
+                  <div class="col-sm-4">
+                    <img-self :src="f_rejectcheck_path" alt="拒检照片" width="150" height="200"> </img-self>
+                  </div>
+                </div>
+                <div class="row text-right div-photo">
+                  <button type="button" name="button" class="btn btn-primary btn-photo"  @click="takePic('f_rejectcheck_path', '拒检照片')">拍照</button>
+                  &nbsp;&nbsp;&nbsp;&nbsp;<img src="../../assets/remove.png" :class="style__"  @click="delfile('f_rejectcheck_path', this.f_rejectcheck_path)" style="width: 25%;"></img>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div :class="style__" class="form-group" v-show="f_usegas == '未使用'">
+        <sapn class="text-left col-md-12 col-sm-12 col-xs-12">处置方式：</sapn>
+        <div class="col-xs-12 col-sm-12 col-md-12">
+          <input type="checkbox" v-model="f_no_gas_device">无燃气具
+          <input type="checkbox" v-model="f_close_valve">关闭表前阀
+          <input type="checkbox" v-model="f_unload_battery">取下表内电池
+        </div>
+      </div>
+      <div class="auto app-text" style="margin-top: 5px;" v-if="this.$parent.$parent.role != 'view'">
+        <div class="panel" style="padding: 60px 7px 10px 0px;">
+          <div class="panel-body panel-self">
+            <div class="row">
+              <p class="panel-title col-xs-4 text-left font">建档时间</p>
+              <p class="panel-title col-xs-8 text-left input-font">{{ newfile_date }}</p>
+            </div>
+            <div class="row" v-if="last_check_date != null && last_check_date != ''">
+              <p class="panel-title col-xs-4 text-left font">上次安检时间</p>
+              <p class="panel-title col-xs-8 text-left input-font">{{ last_check_date }}</p>
+            </div>
+            <div class="row">
+              <p class="panel-title col-xs-4 text-left font">上次安检状态</p>
+              <p class="panel-title col-xs-8 text-left input-font" v-if="last_check_date != null && last_check_date != ''">安检完成</p>
+              <p class="panel-title col-xs-8 text-left input-font" v-if="last_check_date == null || last_check_date == ''">未安检</p>
+            </div>
+            <div class="row" v-if="last_check_date != null && last_check_date != ''">
+              <p class="panel-title col-xs-4 text-left font">上次安检结果</p>
+              <p class="panel-title col-xs-8 text-left input-font" :class="last_check_result=='正常'?'':'color-red'">{{last_check_result}}</p>
+              <div v-for="data in last_check_data.data" class="panel-title col-xs-offset-4 col-xs-8 text-left input-font">
+                <p v-for="(key,item) in data">
+                  {{key}}:{{item}}
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+
+      </div>
+    </div>
+  </div>
+
+
+    <!--<div align="center">用户情况表</div>-->
+    <!--<div class="form-group" :class="style__">-->
+      <!--<span class="col-md-3 col-sm-4 col-xs-4">在家时间:</span>-->
+      <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
+        <!--<input  style="width: 100%" type="text" v-model="model.f_user_inhome_time" class="form-control text-center time-input"/>-->
+      <!--</div>-->
+    <!--</div>-->
+    <!--<div class="form-group" :class="style__">-->
+      <!--<span class="col-md-3 col-sm-4 col-xs-4">建议安检时间:</span>-->
+      <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
+        <!--<input style="width: 100%" type="text" v-model="model.f_user_check_time" class="form-control text-center time-input"/>-->
+      <!--</div>-->
+    <!--</div>-->
+    <!--<div class="form-group" :class="style__">-->
+      <!--<span class="col-md-3 col-sm-4 col-xs-4">备用联系方式:</span>-->
+      <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
+        <!--<input style="width: 100%" type="text" v-model="model.f_user_spare_phone" class="form-control text-center time-input"/>-->
+      <!--</div>-->
+    <!--</div>-->
+    <!--<div class="form-group" :class="style__">-->
+      <!--<span class="col-md-3 col-sm-4 col-xs-4">家庭情况备注:</span>-->
+      <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
+        <!--<input  style="width: 100%" type="text" v-model="model.f_user_family_remarks" class="form-control text-center time-input"/>-->
+      <!--</div>-->
+    <!--</div>-->
+    <!--<div class="form-group" :class="style__">-->
+      <!--<span class="col-md-3 col-sm-4 col-xs-4">设备情况备注:</span>-->
+      <!--<div class="col-md-9 col-sm-8 col-xs-8">-->
+        <!--<input  style="width: 100%" type="text" v-model="model.f_user_equipment_remarks" class="form-control text-center time-input"/>-->
+      <!--</div>-->
+    <!--</div>-->
+  <!--</form>-->
+</template>
+
+<script>
+  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'
+
+  export default {
+    title: '安检概况',
+    // props:{
+    //   parentDate:{
+    //     type:Object
+    //   }
+    // },
+    data() {
+        supp:false
+        lasersupp:false
+        return this.$parent.$parent.data
+    },
+    methods: {
+      cameraCallBack(prop, fileName) {
+        HostApp.__this__.$set(prop, fileName + '?' + Math.random())
+        console.log('photo file name:' + HostApp.__this__.f_nongasuser_path)
+        HostApp.__callback__ = null
+        HostApp.__this__ = null
+      },
+      takePic(prop, title) {
+        HostApp.__callback__ = this.cameraCallBack
+        HostApp.__this__ = this
+        console.log('this[prop]:' + this[prop])
+        let fileName
+        if (!this[prop] || this[prop].includes("nopic.png")) {
+          fileName = Util.guid() + '-' + prop + '.jpg'
+        } else {
+          fileName = Util.getFileName(this[prop])
+        }
+        HostApp._open_a_page({
+          type: 'boomerang',
+          page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
+          param: {
+            file: fileName,
+            requestCode: 111,
+            callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
+            watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
+          }
+        })
+      },
+      delfile(prop, fileName) {
+        if (fileName == Vue.nopic)
+          return
+        else {
+          HostApp.delfile(fileName)
+          this[prop] = Vue.nopic
+        }
+      },
+      setEntryClass(val) {
+        if (val == '到访不遇') {
+          this.f_usegas =''
+          this.$set('f_entry_class', 'warning')
+        }else if (val == '拒检') {
+          this.f_usegas = ''
+          this.$set('f_entry_class', 'danger')
+        } else if (val == '入户') {
+          this.$set('f_entry_class', 'success')
+        }
+      },
+      setUsegas(val){
+        if (val == '未使用')
+          this.$set('f_useclass', 'default')
+        if (val == '已使用')
+          this.$set('f_useclass', 'success')
+      },
+      start(){
+        // console.log('this.f_onsite_time--',this.data.f_onsite_time)
+        this.$parent.$parent.isStrat = true
+        this.$set('action',!this.action)
+        this.$set('f_onsite_time', Util.toStandardTimeString())
+        //this.$set('f_offsite_time', Util.toStandardTimeString())
+        //this.$parent.$parent.tick()
+      }
+    },
+    components: {
+      RadioGroup,
+      Radio
+    },
+    ready() {
+      if(Vue.config.safecheck != undefined) {
+        if (Vue.config.safecheck.ApproveConfig != undefined) {
+          if (Vue.config.safecheck.ApproveConfig.lasersupp != undefined) {
+            lasersupp = Vue.config.safecheck.ApproveConfig.lasersupp
+          }
+        }
+      }
+      console.log('进入paperState====>',this.$parent.$parent.showBack)
+      console.log('parent.item====>',this.$parent.$parent.item)
+      console.log('model====>',this.$parent.$parent.model)
+      if(!this.$parent.$parent.showBack){
+        this.$parent.$parent.showBack= true
+      }
+      this.$set('last_check_date',this.$parent.$parent.item.f_last_check_date)
+      this.$set('newfile_date',this.$parent.$parent.item.f_newfile_date)
+      if(this.$parent.$parent.item.f_last_check_result){
+        let checkResult = JSON.parse(this.$parent.$parent.item.f_last_check_result)
+        this.$set('last_check_result',checkResult.result)
+        this.$set('last_check_data.data',checkResult.data)
+      }else{
+        this.$set('last_check_result','')
+        this.$set('last_check_data.data',[])
+      }
+      if(this.$parent.$parent.role == 'inspect' && this.f_complete != '已完成'){
+        this.start()
+      }
+      if(this.$parent.$parent.data.f_onsite_time){
+        console.log('已经开始安检')
+        this.$parent.$parent.startClick = true
+      }
+      // if(this.$parent.$parent.role == 'androidview'){
+      //   this.action = false
+      //   this.f_onsite_time = this.$parent.$parent.f_onsite_time
+      //   this.f_offsite_time = this.$parent.$parent.f_offsite_time
+      // }
+      this.action = true
+      console.log('this.f_onsite_time',this.f_onsite_time)
+      if(this.f_onsite_time){
+        this.$parent.$parent.isStrat = true
+        this.$parent.$parent.data.f_onsite_time = this.f_onsite_time
+      }
+      if (this.$parent.$parent.role == 'repair') {
+        this.$set('style__', 'divmask')
+        this.$set('style_view_', '')
+      }
+      else if (this.$parent.$parent.role == 'view') {
+        this.$set('style__', 'divmask')
+        this.$set('style_view_', 'divmask')
+        console.log('set style for ....')
+      } else {
+        this.$set('style__', '')
+        this.$set('style_view_', '')
+      }
+      if (!this.f_nongasuser_path)
+        this.$set('f_nongasuser_path','')
+        // this.$set('f_nongasuser_path', Vue.nopic)
+      if (!this.f_noanswer_path)
+        this.$set('f_noanswer_path', '')
+        // this.$set('f_noanswer_path', Vue.nopic)
+      if (!this.f_rejectcheck_path)
+        this.$set('f_rejectcheck_path', '')
+        // this.$set('f_rejectcheck_path', Vue.nopic)
+
+
+      this.$watch('f_usegas', (val) => {
+        this.setUsegas(val)
+      })
+
+      this.setEntryClass(this.f_entry_status)
+      this.$watch('f_entry_status', (val) => {
+        this.setEntryClass(val)
+
+        if (val == '到访不遇') {
+          this.f_rejectcheck_path = Vue.nopic
+        }
+        if (val == '拒检') {
+          this.f_noanswer_path = Vue.nopic
+        }
+
+        if (val != '入户') {
+          //清理安检概括
+          this.f_no_gas_device = false
+          this.f_unload_battery = false
+          this.f_close_valve = false
+          //清理全局隐患
+          this.f_defect_cramped = false
+          this.f_defect_bedroom = false
+          this.f_defect_longpipe = false
+          this.f_defect_firesource = false
+          this.f_defect_explosive = false
+          this.f_defect_viacabinet = false
+          this.f_defect_intermittent = false
+          this.f_defect_nearfire = false
+          this.f_defect_openkitchen = false
+          this.f_defect_hang = false
+          this.f_cramped_path = Vue.nopic
+          //用户评价
+          this.f_client_evaluation = null
+          //清设备
+          this.$set('f_meters', [])
+          this.$set('f_plumbs', [])
+          this.$set('f_valves', [])
+          this.$set('f_inner_plumbs', [])
+          this.$set('f_alarms', [])
+          this.$set('f_cookers', [])
+          this.$set('f_heaters', [])
+          this.$set('f_furnaces', [])
+          //TODO 删除已有的照片
+        }
+      })
+    },
+
+  }
+</script>
+<style>
+  .btn-start{
+    background-color: #f5fbff;
+    border-radius: 7px;
+    border: 1px solid #dcdcdc;
+    font: 15px PingFang-SC-Medium;
+    color: #499edf;
+  }
+  .time-input{
+    border: 1px solid #c0c0c0;
+    border-radius: 3px;
+  }
+  .div-photo{
+    width: auto;
+    height: auto;
+    /* margin-top: 10px; */
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+  }
+  .btn-photo{
+    border: 0;
+    border-radius: 7px;
+    background-color: #7dc1f4;
+    font: 15px PingFang-SC-Bold;
+    height: 20%;
+  }
+  .color-red{
+    color: red;
+  }
+  .app-text {
+    font-size: 12px;
+  }
+  .panel-self{
+    border-radius: 5px;
+    border:1px solid #c5e1f7;
+    background-color: #F2F6FA;
+  }
+  .font{
+    font: 15px PingFang-SC-Medium;
+    color: #333333;
+  }
+</style>