safecheck-client 4.0.0-14 → 4.0.0-16

package/src/components/android/FootprintMap.vue

@@ -1,120 +1,120 @@
-<template>
-  <div class="auto">
-    <label>{{f_username}}足迹</label>
-    <button type="button" class="btn btn-default" @click="this.$goto('track-state', {}, 'master-router')">&lt;&lt;</button>
-    <div>
-      <label>开始时间：</label>
-      <input type="datetime-local" v-model="f_datetime_from"></input>
-    </div>
-    <div>
-      <label>结束时间：</label>
-      <input type="datetime-local" v-model="f_datetime_to"></input>
-      <button type="button" class="btn btn-default" @click="refresh">刷新</button>
-    </div>
-    <div id="allmap" :style="mapStyle"></div>
-  </div>
-</template>
-
-<script>
-import * as Util from '../Util'
-import co from 'co'
-import Vue from 'vue'
-// because of some weired behavior of baidu map, logic cant be extracted out and factored into a map component
-let fetchPrints = function * (self) {
-    let result = yield self.$resetpost(Vue.url + 'sql/获取足迹?pageNo=1&pageSize=9999', {
-        data: {
-            f_userid: self.f_userid,
-            startDate: self.f_datetime_from.replace('T', ' '),
-            endDate: self.f_datetime_to.replace('T', ' ')
-        }
-    }, {
-        resolveMsg: null,
-        rejectMsg: '提取地图信息出错'
-    })
-    self.$set('markers', result.data)
-    self.render()
-}
-
-export default {
-  title: '足迹图',
-  props: ['f_userid', 'f_username'],
-  data () {
-    return {
-      markers : [],
-      f_datetime_from: Util.format3339TimeString(new Date(Date.now() - 24 * 3600 * 1000)),
-      f_datetime_to: Util.to3339TimeString(),
-      mapStyle: {
-        width: this.$root.$el.clientWidth + 'px',
-        height: (this.$root.$el.clientHeight - 177) + 'px'
-      }
-    }
-  },
-  ready () {
-    if(Vue.mapLoaded) {
-      HostApp.map = new BMap.Map("allmap")
-      this.refresh()
-    } else {
-      HostApp.__mapCallback__ = this.mapCallback
-      let element = document.createElement('script')
-      element.setAttribute("type","text/javascript")
-      element.setAttribute("src", 'http://api.map.baidu.com/api?v=2.0&ak=CAErfbr2DatVA6rHdoUELPynrdPh9A6S&callback=__mapCallback__')
-      document.body.appendChild(element)
-    }
-  },
-  methods: {
-    verify () {
-      let interval = Util.parse3339String(this.f_datetime_to).getTime() - Util.parse3339String(this.f_datetime_from).getTime()
-      if (interval > 24 * 3600 * 1000) {
-        HostApp.alert('时间段不能超过24小时，否则地图渲染过慢!')
-        return false
-      } else if (interval < 0){
-        HostApp.alert('结束时间不能小于开始时间！')
-        return false
-      } else {
-        return true
-      }
-    },
-    refresh () {
-      if(!this.verify())
-        return
-      let gen = fetchPrints(this)
-      co(gen)
-    },
-    mapCallback () {
-      window.map = new BMap.Map("allmap")
-      Vue.mapLoaded = true
-      this.refresh()
-    },
-    patch () {
-      let a = document.getElementById('allmap').getElementsByClassName('BMap_cpyCtrl BMap_noprint anchorBL')
-      if(a.length != 0) {
-        a[0].style.height = 'auto'
-      } else {
-        window.setTimeout(this.patch, 500)
-      }
-    },
-    render () {
-      window.map.clearOverlays();
-      if(this.markers.length == 0)
-        window.map.centerAndZoom(new BMap.Point(116.404, 39.915), 11)
-      else
-        window.map.centerAndZoom(new BMap.Point(this.markers[0].longitude, this.markers[0].latitude), 11)
-      window.map.addControl(new BMap.NavigationControl())
-      let points = []
-      this.markers.forEach(function(pos) {
-        var point = new BMap.Point(pos.longitude,pos.latitude);
-        points.push(point)
-      	var marker = new BMap.Marker(point);  // 创建标注
-      	window.map.addOverlay(marker);              // 将标注添加到地图中
-      	var infoWindow = new BMap.InfoWindow(pos.hint);  // 创建信息窗口对象
-      	marker.addEventListener("click", function(){
-      		window.map.openInfoWindow(infoWindow,point); //开启信息窗口
-      	});
-      })
-      var polyline=new BMap.Polyline(points, {strokeColor:"blue",strokeWeight:6,strokeOpacity:0.5})
-      window.map.addOverlay(polyline);              // 将标注添加到地图中
-      this.patch()
-    }
-  }
-}
-</script>
+<template>
+  <div class="auto">
+    <label>{{f_username}}足迹</label>
+    <button type="button" class="btn btn-default" @click="this.$goto('track-state', {}, 'master-router')">&lt;&lt;</button>
+    <div>
+      <label>开始时间：</label>
+      <input type="datetime-local" v-model="f_datetime_from"></input>
+    </div>
+    <div>
+      <label>结束时间：</label>
+      <input type="datetime-local" v-model="f_datetime_to"></input>
+      <button type="button" class="btn btn-default" @click="refresh">刷新</button>
+    </div>
+    <div id="allmap" :style="mapStyle"></div>
+  </div>
+</template>
+
+<script>
+import * as Util from '../Util'
+import co from 'co'
+import Vue from 'vue'
+// because of some weired behavior of baidu map, logic cant be extracted out and factored into a map component
+let fetchPrints = function * (self) {
+    let result = yield self.$resetpost(Vue.url + 'sql/获取足迹?pageNo=1&pageSize=9999', {
+        data: {
+            f_userid: self.f_userid,
+            startDate: self.f_datetime_from.replace('T', ' '),
+            endDate: self.f_datetime_to.replace('T', ' ')
+        }
+    }, {
+        resolveMsg: null,
+        rejectMsg: '提取地图信息出错'
+    })
+    self.$set('markers', result.data)
+    self.render()
+}
+
+export default {
+  title: '足迹图',
+  props: ['f_userid', 'f_username'],
+  data () {
+    return {
+      markers : [],
+      f_datetime_from: Util.format3339TimeString(new Date(Date.now() - 24 * 3600 * 1000)),
+      f_datetime_to: Util.to3339TimeString(),
+      mapStyle: {
+        width: this.$root.$el.clientWidth + 'px',
+        height: (this.$root.$el.clientHeight - 177) + 'px'
+      }
+    }
+  },
+  ready () {
+    if(Vue.mapLoaded) {
+      HostApp.map = new BMap.Map("allmap")
+      this.refresh()
+    } else {
+      HostApp.__mapCallback__ = this.mapCallback
+      let element = document.createElement('script')
+      element.setAttribute("type","text/javascript")
+      element.setAttribute("src", 'http://api.map.baidu.com/api?v=2.0&ak=CAErfbr2DatVA6rHdoUELPynrdPh9A6S&callback=__mapCallback__')
+      document.body.appendChild(element)
+    }
+  },
+  methods: {
+    verify () {
+      let interval = Util.parse3339String(this.f_datetime_to).getTime() - Util.parse3339String(this.f_datetime_from).getTime()
+      if (interval > 24 * 3600 * 1000) {
+        HostApp.alert('时间段不能超过24小时，否则地图渲染过慢!')
+        return false
+      } else if (interval < 0){
+        HostApp.alert('结束时间不能小于开始时间！')
+        return false
+      } else {
+        return true
+      }
+    },
+    refresh () {
+      if(!this.verify())
+        return
+      let gen = fetchPrints(this)
+      co(gen)
+    },
+    mapCallback () {
+      window.map = new BMap.Map("allmap")
+      Vue.mapLoaded = true
+      this.refresh()
+    },
+    patch () {
+      let a = document.getElementById('allmap').getElementsByClassName('BMap_cpyCtrl BMap_noprint anchorBL')
+      if(a.length != 0) {
+        a[0].style.height = 'auto'
+      } else {
+        window.setTimeout(this.patch, 500)
+      }
+    },
+    render () {
+      window.map.clearOverlays();
+      if(this.markers.length == 0)
+        window.map.centerAndZoom(new BMap.Point(116.404, 39.915), 11)
+      else
+        window.map.centerAndZoom(new BMap.Point(this.markers[0].longitude, this.markers[0].latitude), 11)
+      window.map.addControl(new BMap.NavigationControl())
+      let points = []
+      this.markers.forEach(function(pos) {
+        var point = new BMap.Point(pos.longitude,pos.latitude);
+        points.push(point)
+      	var marker = new BMap.Marker(point);  // 创建标注
+      	window.map.addOverlay(marker);              // 将标注添加到地图中
+      	var infoWindow = new BMap.InfoWindow(pos.hint);  // 创建信息窗口对象
+      	marker.addEventListener("click", function(){
+      		window.map.openInfoWindow(infoWindow,point); //开启信息窗口
+      	});
+      })
+      var polyline=new BMap.Polyline(points, {strokeColor:"blue",strokeWeight:6,strokeOpacity:0.5})
+      window.map.addOverlay(polyline);              // 将标注添加到地图中
+      this.patch()
+    }
+  }
+}
+</script>

package/src/components/android/HiddentroubleInvestigation.vue

@@ -1,192 +1,192 @@
-<style scoped>
-  label{
-  }
-</style>
-<template >
-  <div class="flex auto" style="padding:20px">
-    <!-- 民用 -->
-    <span >
-      <input type="checkbox" v-model="hinvestigation.twofire" :false-value='0' :true-value='1' class="magic-checkbox" id="twofire" v-if="!show">
-      <label for="twofire">两种火源
-      <span v-if='hinvestigation.twofire'>**是</span><span v-else>**否</span></label>
-    </span>
-    <span>
-      <input type="checkbox" v-model="hinvestigation.plumbing" :false-value='0' :true-value='1'class="magic-checkbox" id="plumbing" v-if="!show">
-      <label for="plumbing">擅自改动燃气管道及设施
-      <span v-if='hinvestigation.plumbing'>**是</span><span v-else>**否</span></label>
-    </span>
-    <span v-show='usertypestate'>
-      <input type="checkbox" v-model="hinvestigation.environment" :false-value='0' :true-value='1'class="magic-checkbox" id="environment" v-if="!show">
-      <label for="environment">用户改变用气环境
-      <span v-if='hinvestigation.environment'>**是</span><span v-else>**否</span></label>
-    </span>
-    <span>
-      <input type="checkbox" v-model="hinvestigation.accommodate" :false-value='0' :true-value='1'class="magic-checkbox" id="accommodate" v-if="!show">
-      <label for="accommodate">燃气设施房间内住人
-      <span v-if='hinvestigation.accommodate'>**是</span><span v-else>**否</span></label>
-    </span><!--  -->
-    <span v-show='!usertypestate'>
-       <input type="checkbox" v-model="hinvestigation.cookingoil" :false-value='0' :true-value='1'class="magic-checkbox" id="cookingoil" v-if="!show">
-       <label for="cookingoil">告诉用户应该定期清除厨油污
-       <span v-if='hinvestigation.cookingoil'>**是</span><span v-else>**否</span></label>
-     </span>  <!-- 非民用 -->
-    <span v-show='!usertypestate'>
-      <input type="checkbox" v-model="hinvestigation.annunciator" :false-value='0' :true-value='1'class="magic-checkbox" id="annunciator" v-if="!show">
-      <label for="annunciator">未安装燃气泄露报警器
-      <span v-if='hinvestigation.annunciator;'>**是</span><span v-else>**否</span></label>
-    </span><!-- 非民用 -->
-    <span v-show='!usertypestate'>
-      <input type="checkbox" v-model="hinvestigation.floodlight" :false-value='0' :true-value='1'class="magic-checkbox" id="floodlight" v-if="!show">
-      <label for="floodlight">未安装防爆照明灯
-      <span v-if='hinvestigation.floodlight'>**是</span><span v-else>**否</span></label>
-    </span><!-- 非民用 -->
-    <span>
-       <input type="checkbox" v-model="hinvestigation.groundconnection" :false-value='0' :true-value='1'class="magic-checkbox" id="groundconnection" v-if="!show">
-       <label for="groundconnection">作为其他电器设备的地接线
-       <span v-if='hinvestigation.groundconnection'>**是</span><span v-else>**否</span></label>
-     </span>   <!--  -->
-    <span>
-       <input type="checkbox" v-model="hinvestigation.hitched" :false-value='0' :true-value='1'class="magic-checkbox" id="hitched" v-if="!show">
-       <label for="hitched">管道及其气表上有物体搭挂
-       <span v-if='hinvestigation.hitched'>**是</span><span v-else>**否</span></label>
-     </span> <!--  -->
-    <span v-show='usertypestate'>
-      <input type="checkbox" v-model="hinvestigation.flexiblehose" :false-value='0' :true-value='1'class="magic-checkbox" id="flexiblehose" v-if="!show">
-      <label for="flexiblehose">连接灶具软管不牢固
-      <span v-if='hinvestigation.flexiblehose'>**是</span><span v-else>**否</span></label>
-    </span>
-    <span v-show='usertypestate'>
-      <input type="checkbox" v-model="hinvestigation.piplong" :false-value='0' :true-value='1'class="magic-checkbox" id="piplong" v-if="!show">
-      <label for="piplong">软管长度超过两米
-      <span v-if='hinvestigation.piplong'>**是</span><span v-else>**否</span></label>
-    </span>
-    <span v-show='usertypestate'>
-       <input type="checkbox" v-model="hinvestigation.yearlong" :false-value='0' :true-value='1'class="magic-checkbox" id="yearlong" v-if="!show">
-       <label for="yearlong">软管使用超过两年
-       <span v-if='hinvestigation.yearlong'>**是</span><span v-else>**否</span></label>
-     </span>
-    <span v-show='usertypestate'>
-       <input type="checkbox" v-model="hinvestigation.changeflexi" :false-value='0' :true-value='1'class="magic-checkbox" id="changeflexi" v-if="!show">
-       <label for="changeflexi">告知用户更换软管
-       <span v-if='hinvestigation.changeflexi'>**是</span><span v-else>**否</span></label>
-     </span>
-    <span>
-       <input type="checkbox" v-model="hinvestigation.pipelinecorrosion" :false-value='0' :true-value='1'class="magic-checkbox" id="pipelinecorrosion" v-if="!show">
-       <label for="pipelinecorrosion">管道生锈
-       <span v-if='hinvestigation.pipelinecorrosion'>**是</span><span v-else>**否</span></label>
-     </span><!--  -->
-    <span v-show='!usertypestate'>
-       <input type="checkbox" v-model="hinvestigation.boosterhose" :false-value='0' :true-value='1'class="magic-checkbox" id="boosterhose" v-if="!show">
-       <label for="boosterhose">告知用户定期更换点火棒胶管
-       <span v-if='hinvestigation.boosterhose'>**是</span><span v-else>**否</span></label>
-     </span><!-- 非民用 -->
-    <span v-show='!usertypestate'>
-       <input type="checkbox" v-model="hinvestigation.strongconnection" :false-value='0' :true-value='1'class="magic-checkbox" id="strongconnection" v-if="!show">
-       <label for="strongconnection">连接不牢固
-       <span v-if='hinvestigation.strongconnection'>**是</span><span v-else>**否</span></label>
-     </span><!-- 非民用 -->
-    <span>
-      <input type="checkbox" v-model="hinvestigation.hiddendanger" :false-value='0' :true-value='1'class="magic-checkbox" id="hiddendanger" v-if="!show">
-      <label for="hiddendanger">存在其他安全隐患
-      <span v-if='hinvestigation.hiddendanger'>**是</span><span v-else>**否</span></label>
-    </span><!--  -->
-    <span>
-      <input type="checkbox" v-model="hinvestigation.publicitymaterial" :false-value='0' :true-value='1'class="magic-checkbox" id="publicitymaterial" v-if="!show">
-      <label for="publicitymaterial">发放用户安全宣传资料
-      <span v-if='hinvestigation.publicitymaterial'>**是</span><span v-else>**否</span></label>
-    </span><!--  -->
-    <span>
-       <input type="checkbox" v-model="hinvestigation.noticeofrectification" :false-value='0' :true-value='1'class="magic-checkbox" id="noticeofrectification" v-if="!show">
-       <label for="noticeofrectification">下达隐患整改通知书
-       <span v-if='hinvestigation.noticeofrectification'>**是</span><span v-else>**否</span></label>
-     </span><!--  -->
-    <span>
-      <label>通知书编号：</label>
-      <span v-if="show">{{hinvestigation.numid}}</span>
-      <input type="text" v-model="hinvestigation.numid" v-if="!show">
-     </span><!--  -->
-    <div v-for="src in imgs" class="col-sm-12" v-if="show">
-      <div class="col-sm-4"></div>
-      <img-self  :src='src.path'  :width="150" :height="200"></img-self>
-    </div>
-    <img-area :model="imgs" v-if="!show"></img-area>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    user: {
-      type: Object
-    },
-    // 隐患
-    hinvestigation: {
-      type: Object
-    },
-    // 安检图片
-    imgs: {
-      type: Array
-    },
-    //是否显示
-    show:{
-      type:Boolean,
-      default:false
-    }
-  },
-  title:'隐患检查',
-  data() {
-    return {
-      model:{
-        // 存放照片
-        imgs: []
-      },
-      usertypestate: false,
-      // hiddentrouble: {
-      //   plumbing: 0,
-      //   environment: 0,
-      //   accommodate: 0,
-      //   cookingoil: 0,
-      //   annunciator: 0,
-      //   floodlight: 0,
-      //   groundconnection: 0,
-      //   hitched: 0,
-      //   flexiblehose: 0,
-      //   piplong: 0,
-      //   yearlong: 0,
-      //   changeflexi: 0,
-      //   pipelinecorrosion: 0,
-      //   boosterhose: 0,
-      //   strongconnection: 0,
-      //   hiddendanger: 0,
-      //   publicitymaterial: 0,
-      //   noticeofrectification: 0,
-      //   numid:''
-      // }
-    }
-  },
-  methods: {
-
-  },
-  watch: {
-  user:{
-      handler:function (val,oldVal) {
-          this.model = Object.assign({}, this.model, this.user)
-      },
-      deep:true
-  },
-  'model.f_usertype' (val) {
-    if (val === '非民用') {
-      this.usertypestate = false
-    } else {
-      this.usertypestate =true
-    }
-  }
-},
-ready() {
-  //this.model = Object.assign({}, this.model, this.user)
-}
-}
-</script>
-
-<style lang="css">
-</style>
+<style scoped>
+  label{
+  }
+</style>
+<template >
+  <div class="flex auto" style="padding:20px">
+    <!-- 民用 -->
+    <span >
+      <input type="checkbox" v-model="hinvestigation.twofire" :false-value='0' :true-value='1' class="magic-checkbox" id="twofire" v-if="!show">
+      <label for="twofire">两种火源
+      <span v-if='hinvestigation.twofire'>**是</span><span v-else>**否</span></label>
+    </span>
+    <span>
+      <input type="checkbox" v-model="hinvestigation.plumbing" :false-value='0' :true-value='1'class="magic-checkbox" id="plumbing" v-if="!show">
+      <label for="plumbing">擅自改动燃气管道及设施
+      <span v-if='hinvestigation.plumbing'>**是</span><span v-else>**否</span></label>
+    </span>
+    <span v-show='usertypestate'>
+      <input type="checkbox" v-model="hinvestigation.environment" :false-value='0' :true-value='1'class="magic-checkbox" id="environment" v-if="!show">
+      <label for="environment">用户改变用气环境
+      <span v-if='hinvestigation.environment'>**是</span><span v-else>**否</span></label>
+    </span>
+    <span>
+      <input type="checkbox" v-model="hinvestigation.accommodate" :false-value='0' :true-value='1'class="magic-checkbox" id="accommodate" v-if="!show">
+      <label for="accommodate">燃气设施房间内住人
+      <span v-if='hinvestigation.accommodate'>**是</span><span v-else>**否</span></label>
+    </span><!--  -->
+    <span v-show='!usertypestate'>
+       <input type="checkbox" v-model="hinvestigation.cookingoil" :false-value='0' :true-value='1'class="magic-checkbox" id="cookingoil" v-if="!show">
+       <label for="cookingoil">告诉用户应该定期清除厨油污
+       <span v-if='hinvestigation.cookingoil'>**是</span><span v-else>**否</span></label>
+     </span>  <!-- 非民用 -->
+    <span v-show='!usertypestate'>
+      <input type="checkbox" v-model="hinvestigation.annunciator" :false-value='0' :true-value='1'class="magic-checkbox" id="annunciator" v-if="!show">
+      <label for="annunciator">未安装燃气泄露报警器
+      <span v-if='hinvestigation.annunciator;'>**是</span><span v-else>**否</span></label>
+    </span><!-- 非民用 -->
+    <span v-show='!usertypestate'>
+      <input type="checkbox" v-model="hinvestigation.floodlight" :false-value='0' :true-value='1'class="magic-checkbox" id="floodlight" v-if="!show">
+      <label for="floodlight">未安装防爆照明灯
+      <span v-if='hinvestigation.floodlight'>**是</span><span v-else>**否</span></label>
+    </span><!-- 非民用 -->
+    <span>
+       <input type="checkbox" v-model="hinvestigation.groundconnection" :false-value='0' :true-value='1'class="magic-checkbox" id="groundconnection" v-if="!show">
+       <label for="groundconnection">作为其他电器设备的地接线
+       <span v-if='hinvestigation.groundconnection'>**是</span><span v-else>**否</span></label>
+     </span>   <!--  -->
+    <span>
+       <input type="checkbox" v-model="hinvestigation.hitched" :false-value='0' :true-value='1'class="magic-checkbox" id="hitched" v-if="!show">
+       <label for="hitched">管道及其气表上有物体搭挂
+       <span v-if='hinvestigation.hitched'>**是</span><span v-else>**否</span></label>
+     </span> <!--  -->
+    <span v-show='usertypestate'>
+      <input type="checkbox" v-model="hinvestigation.flexiblehose" :false-value='0' :true-value='1'class="magic-checkbox" id="flexiblehose" v-if="!show">
+      <label for="flexiblehose">连接灶具软管不牢固
+      <span v-if='hinvestigation.flexiblehose'>**是</span><span v-else>**否</span></label>
+    </span>
+    <span v-show='usertypestate'>
+      <input type="checkbox" v-model="hinvestigation.piplong" :false-value='0' :true-value='1'class="magic-checkbox" id="piplong" v-if="!show">
+      <label for="piplong">软管长度超过两米
+      <span v-if='hinvestigation.piplong'>**是</span><span v-else>**否</span></label>
+    </span>
+    <span v-show='usertypestate'>
+       <input type="checkbox" v-model="hinvestigation.yearlong" :false-value='0' :true-value='1'class="magic-checkbox" id="yearlong" v-if="!show">
+       <label for="yearlong">软管使用超过两年
+       <span v-if='hinvestigation.yearlong'>**是</span><span v-else>**否</span></label>
+     </span>
+    <span v-show='usertypestate'>
+       <input type="checkbox" v-model="hinvestigation.changeflexi" :false-value='0' :true-value='1'class="magic-checkbox" id="changeflexi" v-if="!show">
+       <label for="changeflexi">告知用户更换软管
+       <span v-if='hinvestigation.changeflexi'>**是</span><span v-else>**否</span></label>
+     </span>
+    <span>
+       <input type="checkbox" v-model="hinvestigation.pipelinecorrosion" :false-value='0' :true-value='1'class="magic-checkbox" id="pipelinecorrosion" v-if="!show">
+       <label for="pipelinecorrosion">管道生锈
+       <span v-if='hinvestigation.pipelinecorrosion'>**是</span><span v-else>**否</span></label>
+     </span><!--  -->
+    <span v-show='!usertypestate'>
+       <input type="checkbox" v-model="hinvestigation.boosterhose" :false-value='0' :true-value='1'class="magic-checkbox" id="boosterhose" v-if="!show">
+       <label for="boosterhose">告知用户定期更换点火棒胶管
+       <span v-if='hinvestigation.boosterhose'>**是</span><span v-else>**否</span></label>
+     </span><!-- 非民用 -->
+    <span v-show='!usertypestate'>
+       <input type="checkbox" v-model="hinvestigation.strongconnection" :false-value='0' :true-value='1'class="magic-checkbox" id="strongconnection" v-if="!show">
+       <label for="strongconnection">连接不牢固
+       <span v-if='hinvestigation.strongconnection'>**是</span><span v-else>**否</span></label>
+     </span><!-- 非民用 -->
+    <span>
+      <input type="checkbox" v-model="hinvestigation.hiddendanger" :false-value='0' :true-value='1'class="magic-checkbox" id="hiddendanger" v-if="!show">
+      <label for="hiddendanger">存在其他安全隐患
+      <span v-if='hinvestigation.hiddendanger'>**是</span><span v-else>**否</span></label>
+    </span><!--  -->
+    <span>
+      <input type="checkbox" v-model="hinvestigation.publicitymaterial" :false-value='0' :true-value='1'class="magic-checkbox" id="publicitymaterial" v-if="!show">
+      <label for="publicitymaterial">发放用户安全宣传资料
+      <span v-if='hinvestigation.publicitymaterial'>**是</span><span v-else>**否</span></label>
+    </span><!--  -->
+    <span>
+       <input type="checkbox" v-model="hinvestigation.noticeofrectification" :false-value='0' :true-value='1'class="magic-checkbox" id="noticeofrectification" v-if="!show">
+       <label for="noticeofrectification">下达隐患整改通知书
+       <span v-if='hinvestigation.noticeofrectification'>**是</span><span v-else>**否</span></label>
+     </span><!--  -->
+    <span>
+      <label>通知书编号：</label>
+      <span v-if="show">{{hinvestigation.numid}}</span>
+      <input type="text" v-model="hinvestigation.numid" v-if="!show">
+     </span><!--  -->
+    <div v-for="src in imgs" class="col-sm-12" v-if="show">
+      <div class="col-sm-4"></div>
+      <img-self  :src='src.path'  :width="150" :height="200"></img-self>
+    </div>
+    <img-area :model="imgs" v-if="!show"></img-area>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    user: {
+      type: Object
+    },
+    // 隐患
+    hinvestigation: {
+      type: Object
+    },
+    // 安检图片
+    imgs: {
+      type: Array
+    },
+    //是否显示
+    show:{
+      type:Boolean,
+      default:false
+    }
+  },
+  title:'隐患检查',
+  data() {
+    return {
+      model:{
+        // 存放照片
+        imgs: []
+      },
+      usertypestate: false,
+      // hiddentrouble: {
+      //   plumbing: 0,
+      //   environment: 0,
+      //   accommodate: 0,
+      //   cookingoil: 0,
+      //   annunciator: 0,
+      //   floodlight: 0,
+      //   groundconnection: 0,
+      //   hitched: 0,
+      //   flexiblehose: 0,
+      //   piplong: 0,
+      //   yearlong: 0,
+      //   changeflexi: 0,
+      //   pipelinecorrosion: 0,
+      //   boosterhose: 0,
+      //   strongconnection: 0,
+      //   hiddendanger: 0,
+      //   publicitymaterial: 0,
+      //   noticeofrectification: 0,
+      //   numid:''
+      // }
+    }
+  },
+  methods: {
+
+  },
+  watch: {
+  user:{
+      handler:function (val,oldVal) {
+          this.model = Object.assign({}, this.model, this.user)
+      },
+      deep:true
+  },
+  'model.f_usertype' (val) {
+    if (val === '非民用') {
+      this.usertypestate = false
+    } else {
+      this.usertypestate =true
+    }
+  }
+},
+ready() {
+  //this.model = Object.assign({}, this.model, this.user)
+}
+}
+</script>
+
+<style lang="css">
+</style>