<template>
  <view>
    <cu-custom bgColor="bg-gradual-blueness" :isBack="true" :isRingt="true">
      <block slot="backText">返回</block>
      <block slot="content">申辩记录</block>
    </cu-custom>
    <scroll-view class="dy-scroll" scroll-y :style="'top:'+sTop+'px;height:calc(100vh - '+totalHeight+'px)'">
      <view v-if="list.length>0" >
        <view class="dy-list">
          <view v-for="(item,index) of list" :key="index" :data-id="item.INSPECTION_ID" class="dy-list-item p20">
            <view class="dy-title-flex">
              <text>
                申辩意见：{{ item.INSPECTED_EXPLAIN }}
              </text>
            </view>
            <view class="dy-subtitle-flex">
              <text>申辩时间：{{item.CREATTIME}}</text>
            </view>
            <view class="dy-subtitle-flex">
              <text>申辩状态： {{ item.ISPASS === '0'?'待审核': (item.ISPASS === '1'?'申辩成功':item.ISPASS === '2'?'申辩驳回':'历史数据' ) }}</text>
            </view>
            <view class="dy-subtitle-flex">
              <text>签字图片：<image :src="baseImgPath + item.INSPECTED_SITEUSER_SIGN_IMG" mode="" style="width: 40px;height: 40px;" @click="previewImage(baseImgPath + item.INSPECTED_SITEUSER_SIGN_IMG)"></image></text>
            </view>
            <view v-if="item.INSPECTED_EXPLAIN_FILENAME" class="dy-subtitle-flex">
              <text>申辩附件名称：{{item.INSPECTED_EXPLAIN_FILENAME}}</text>
            </view>
            <view v-if="item.INSPECTED_EXPLAIN_FILENAME" class="dy-subtitle-flex">
              <button class="cu-btn bg-blue" style="width: 160px" @click="downloadAppendix(item.INSPECTED_EXPLAIN_FILEPATH)">
                申辩附件下载
              </button>
            </view>
            <view v-if="item.ISPASS === '2'" class="dy-subtitle-flex" >
              <text>检查人签字：<image :src="baseImgPath + '/' +item.INSPECTION_ORIGINATOR_SIGN_IMG" mode="" style="width: 40px;height: 40px;" @click="previewImage(baseImgPath + '/' + item.INSPECTION_ORIGINATOR_SIGN_IMG)"></image></text>
            </view>
            <view v-if="item.ISPASS === '2'" class="dy-subtitle-flex">
              <text>检查人意见：{{item.INSPECTED_EXPLAIN_REFUSE}}</text>
            </view>
            <view v-if="item.ISPASS === '2'" class="dy-subtitle-flex">
              <text>审批时间：{{item.INSPECTION_ORIGINATOR_SIGN_TIME}}</text>
            </view>
            <view v-if="item.ISPASS === '1'" class="dy-subtitle-flex">
              <text>审批时间：{{item.OPERATTIME}}</text>
            </view>
          </view>
        </view>
      </view>
      <view v-else-if="dataFlag=='noData'" class="dy-null">
        <view class="dy-null-img">
          <image :src="background[dataFlag].url" mode=""></image>
        </view>
        <view class="dy-null-title">
          {{background[dataFlag].msg}}
        </view>
      </view>
      <view class="cu-tabbar-height"></view>
    </scroll-view>
  </view>
</template>

<script>
import {
  basePath,corpinfoId,loginSession,loginUser,baseImgPath
} from '@/common/tool.js';
export default {
  data() {
    return {
      baseImgPath,
      INSPECTION_ID:'',
      showRight: false,
      dataFlag:'noData',
      sTop:0,
      totalHeight:0,
      list:[],//返回数据
      isEnd:false,//防止多次刷新
    }
  },
  onReady() {
    let that=this;
    let CustomBar = this.CustomBar;
    uni.getSystemInfo({ //调用uni-app接口获取屏幕高度
      success(res) { //成功回调函数
        let titleH=uni.createSelectorQuery().select(".top-fixed"); //想要获取高度的元素名（class/id）
        titleH.boundingClientRect(data=>{
          that._data.sTop=data.height  //计算高度：元素高度=窗口高度-元素距离顶部的距离（data.top）
          that.totalHeight = data.height+CustomBar
        }).exec()
      }
    })
  },
  onLoad(event){
    this.INSPECTION_ID = event.INSPECTION_ID
  },
  onShow() {
    //页面显示或从后台跳回小程序时显示此页面时触发，从跳转页面返回时触发，不能传递参数
    var _this = this;
    _this.background = require('@/common/background.json');
    _this.list = [];
    _this.isEnd = false;
    _this.getData();
    loginSession();
  },
  methods: {
    getData(){
      var _this = this;
      if (_this.isEnd) {
        return
      }else{
        this.isEnd =true;
      }
      uni.showLoading({
        title:"加载中..."
      });//加载中动画
      uni.request({
        url: basePath +'/app/safetyenvironmental/getExplain',
        method: 'POST',
        dataType: 'json',
        header: {
          'Content-type':'application/x-www-form-urlencoded'
        },
        data: {
          CORPINFO_ID:corpinfoId,
          INSPECTION_ORIGINATOR_ID:loginUser.USER_ID,
          tm:new Date().getTime(),
          INSPECTION_ID:_this.INSPECTION_ID,
        },
        success: (res) => {
          uni.hideLoading();//结束加载中动画
          if (res.data != null) {
              _this.list = res.data.list;
          }
        }
      })
    },
    previewImage(current) {
      uni.previewImage({
        urls: [current],
        current
      });
    },
    downloadAppendix(DISPOSAL_FILE) {
      plus.runtime.openURL(this.baseImgPath + DISPOSAL_FILE, function (res) {
        console.log(res);
      });
    },
  }
}
</script>

<style>
.dy-card {
  background-color: #fff;
  border-radius: 10upx;
  margin: 30upx
}

.dy-card-title {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  min-height: 80upx;
  line-height: 80upx;
  padding: 0 30upx;
}

.dy-card-content {
  padding: 0upx 30upx 30upx;

}

.dy-card-content-item {
  margin-top: 20upx;
}

.dy-card-content-item .title {
  display: flex;
  align-items: center;
}

.dy-card-content-item .title .l {
  width: 10upx;
  height: 30upx;
  border-radius: 20upx;
  background-color: #666;
  margin-right: 10upx;
}

.dy-card-content-item .content {
  background-color: #F1F1F1;
  padding: 10upx 14upx;
  margin-top: 14upx;
  line-height: 1.6;
}

.dy-card-content-item .name text {
  background-color: #F1F1F1;
  padding: 10upx 14upx;
  margin-top: 14upx;
  line-height: 1.6;
  display: inline-block;
}

.dy-card-foot {
  border-top: 1px solid #eee;
  padding: 30upx;
}
</style>
