<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>点位检查-详情</title>
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  <link rel="stylesheet" type="text/css" href="../../assets/css/weui.css"/>
  <link rel="stylesheet" type="text/css" href="../../assets/css/weuix.css"/>
  <link rel="stylesheet" type="text/css" href="../../assets/css/vant.css" />
  <!-- vue -->
  <script src="../../../bi/js/vue.js"></script>
  <!--全局配置-->
  <script src="../../../config.js"></script>
</head>
<body style="background-color: #f1f1f1;">
<div id="app">
  <div class="dy-card padding10" v-for="(data,index) in varList">
    <template>
      <div class="dy-card-info-box">
        <div class="dy-card-info-item">
          <div class="text">
            <span class="label">消防区域:</span>
            {{ data.FIRE_REGION_NAME }}
          </div>
        </div>
        <div class="dy-card-info-item">
          <div class="text">
            <span class="label">消防点位:</span>
            {{ data.FIRE_POINT_NAME }}
          </div>
        </div>
        <div class="dy-card-info-item">
          <div class="text">
            <span class="label">器材类型:</span>
            {{ data.dicName }}
          </div>
        </div>
        <div class="dy-card-info-item">
          <div class="text">
            <span class="label">器材编码:</span>
            {{ data.FIRE_DEVICE_CODE }}
          </div>
        </div>
        <div class="dy-card-info-item">
          <div class="text">
            <span class="label">消防器材检查标准:</span>
            <div v-for="(item,index) in data.fireDeviceTypeList">
              <span >{{ index+1 }}. {{ item }}</span>
            </div>
          </div>
        </div>
        <div class="dy-card-info-item">
          <div class="info-flex">
            <div class="weui-cells_checkbox">
              <label class="weui-flex" for="s1" style="flex: 1;">
                <div class="weui-cell__hd">
                  <input class="weui-check" name="checkbox1" id="s1" disabled="disabled"
                         type="checkbox" :checked="data.ISNORMAL==0">
                  <i class="weui-icon-checked"></i>
                </div>
                <div class="weui-cell__bd">
                  <p>合格</p>
                </div>
              </label>
              <label class="weui-flex" for="s4">
                <div class="weui-cell__hd">
                  <input class="weui-check" name="checkbox1" disabled="disabled" id="s4"
                         type="checkbox" :checked="data.ISNORMAL==1">
                  <i class="weui-icon-checked wrong"></i>
                </div>
                <div class="weui-cell__bd">
                  <p>不合格</p>
                </div>
              </label>
              <div v-if="data.ISNORMAL==1" class="icon-sp" v-on:click="goHidden(data.HIDDEN_ID)">
                <i class="icon icon-40 f-blue"></i>
              </div>
            </div>
          </div>

        </div>
      </div>
    </template>
  </div>
  <van-image-preview v-model="pointPictShow" :images="images" :start-position="0"></van-image-preview>
  <div style="padding: 0 20px;">
    <a href="javascript:;" class="weui-btn bg-blue" style="font-size: 14px;line-height:2.6;" v-on:click="showPointPhoto">查看点位照片</a>
    <a href="javascript:;" class="weui-btn bg-blue" style="font-size: 14px;line-height:2.6;" onclick="back()">返回列表</a>
  </div>
</div>


<!--<script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=OElqFYoKiAH8KFtph8ftLKF5NlNrbCUr"></script>-->
<script type="text/javascript" src="../../assets/js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="../../../bi/js/pre-loader.js"></script>
<script src="../../../bi/js/sweetalert.min.js"></script>
<script src="../../assets/js/vant.min.js"></script>
<script type="text/javascript">
  function goToDetail() {
    window.location = "./part-detail.html"
  }

  var vm = new Vue({
    el: '#app',
    data: {
      CHECKRECORD_ID: '',
      config:config,
      pd: [],
      LEVELID: '',
      pointPictShow: false,
      images: [],
      DEPT_NAME: '',
      ACCIDENTS_NAME: "",
      IDENTIFICATION_ID: '',
      FIRE_RECORD_ID: '',
      FIRE_POINT_ID: '',
      EQUIPMENT_POINT_ID: '',
      varList: [],
      idData: []

    },
    methods: {
      //初始执行
      init() {
        this.FIRE_POINT_ID = this.getUrlKey('PID');
        this.FIRE_RECORD_ID = this.getUrlKey('RID');
        this.EQUIPMENT_POINT_ID = this.getUrlKey('EPID');
        this.getData();
        // this.getMap();
      },
      showPointPhoto: function () {
        // /app/imgfiles/listImgs
        this.images = []
        $.ajax({
          xhrFields: {
            withCredentials: true
          },
          type: "POST",
          url: config.httpurlWaiwang + '/app/imgfiles/listImgs',
          data: {
            FOREIGN_KEY: this.EQUIPMENT_POINT_ID,
            TYPE: 14
          },
          dataType: "json",
          success: function (data) {
            if ("success" == data.result) {
              var hImgs =  data.imgs;
              for(var i=0;i<hImgs.length;i++){
                vm.images.push(config.fileUrlWaiwang +hImgs[i].FILEPATH);
              }
              vm.pointPictShow = true
            }
          }
        }).done().fail(function () {
          swal("登录失效!", "请求服务器无响应,稍后再试", "warning");
          $("#showform").show();
          $("#jiazai").hide();
        });
      },
      getData: function () {
        var _this = this;
        _this.loading = true;
        //发送 post 请求
        $.ajax({
          xhrFields: {
            withCredentials: true
          },
          type: "POST",
          url: config.httpurlWaiwang + 'app/fireRecordManger/getCheckRecordInfoByPidRid',
          data: {
            FIRE_POINT_ID: this.FIRE_POINT_ID,
            FIRE_RECORD_ID: this.FIRE_RECORD_ID
          },
          dataType: "json",
          success: function (data) {
            // if ("success" == data.result) {
            //   vm.pd = data.pd;							//参数map
            //   vm.varList = data.varList;							//参数map						//参数map
            //   vm.idData = data.idData;
            // } else if ("exception" == data.result) {
            //   showException("清单检查", data.exception);	//显示异常
            //   $("#showform").show();
            //   $("#jiazai").hide();
            // }
            if ("success" == data.result) {
              vm.varList = data.varList;
            }
          }
        }).done().fail(function () {
          swal("登录失效!", "请求服务器无响应,稍后再试", "warning");
          $("#showform").show();
          $("#jiazai").hide();
        });
      },
      goHidden: function (e) {
        window.location.href = './part-detail.html?FID=' + e;
      },
      //根据url参数名称获取参数值
      getUrlKey: function (name) {
        return decodeURIComponent(
          (new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null;
      }
    },
    mounted() {
      this.init();
    }
  })

  function back(e) {
    window.history.go(-1);
  }
</script>
</body>
</html>