<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 = Util.toStandardTimeString()
      }
      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>
