<template>
  <view :class="{showHiddenWindowActive:showHiddenWindow}">
    <cu-custom bgColor="bg-gradual-blueness" :isBack="true">
      <block slot="backText">返回</block>
      <block slot="content">安全环保检查详情</block>
    </cu-custom>
    <view class="form">
      <view class="wui-form-list">
        <view class="cu-form-group">
          <view class="title">检查标题：</view>
          <view>{{form.INSPECTION_SUBJECT}}现场检查记录</view>
        </view>

        <view class="cu-form-group">
          <view class="title" style="height: auto;">
            <view>被检查单位：</view>
          </view>
          <view>{{ form.INSPECTED_DEPARTMENT_NAME }}</view>
        </view>
        <view class="cu-form-group" v-if="form.INSPECTED_DEPARTMENT_NAME">
          <view class="title">被检查单位现场负责人：</view>
          <view> {{ form.INSPECTED_SITEUSER_NAME }} </view>
        </view>

        <view class="cu-form-group">
          <view class="title">检查场所：</view>
          <text> {{ form.INSPECTION_PLACE }} </text>
        </view>

        <view class="cu-form-group">
          <view class="title" style="height: auto;">
            <view>检查类型：</view>
          </view>
          <text> {{ form.INSPECTION_TYPE_NAME }} </text>
        </view>

        <view class="cu-form-group">
          <view class="title">检查开始时间：</view>
          <text>{{ form.INSPECTION_TIME_START }}</text>
        </view>

        <view class="cu-form-group">
          <view class="title">检查结束时间：</view>
          <text >{{form.INSPECTION_TIME_END}}</text>
        </view>

        <view class="cu-form-group">
          <view class="title">记录填写时间：</view>
          <view>{{form.CREATTIME}}</view>
        </view>
      </view>
    </view>
    <view class="form">
      <view class="wui-form-list">
        <view class="cu-form-group">
          <view class="title">检查情况：</view>
        </view>
        <view v-show="form.situationList && form.situationList.length > 0" class="ace-content">
          <view class="add_pard_item" v-for="(item,index) of form.situationList" :key="'SITUATION'+index">
            <view class="cu-form-textarea">
              <textarea disabled v-model="item.SITUATION"></textarea>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="form">
      <view class="wui-form-list" style="padding-bottom: 20upx;">
        <view class="cu-form-group">
          <view class="title">检查人员：</view>
        </view>
        <view v-if="form.inspectorList && form.inspectorList.length > 0" v-for="(item, index) of form.inspectorList" :key="'INSPECTOR'+index" class="add_pard_item">
          <view class="cu-form-group">
            <view class="title" style="height: auto;">
              <view>{{ index + 1}}.检查人员单位：</view>
            </view>
            <text>{{ item.INSPECTION_DEPARTMENT_NAME }}</text>
          </view>
          <view class="cu-form-group">
            <view class="title">{{ index + 1}}.检查人员：</view>
            <text>
              {{ item.INSPECTION_USER_NAME }}
            </text>
          </view>
        </view>
      </view>
    </view>
    <view class="form">
      <view class="wui-form-list">
        <view class="cu-form-group">
          <view class="title">发现问题：</view>
        </view>
        <view style="padding: 20upx">
          <uni-table border stripe emptyText="暂无更多数据">
            <uni-tr>
              <uni-th align="center" style="font-weight: bold;width: 100upx">序号</uni-th>
              <uni-th align="center" style="font-weight: bold">隐患部位</uni-th>
              <uni-th align="center" style="font-weight: bold">隐患描述</uni-th>
              <uni-th align="center" style="font-weight: bold;width: 180upx">操作</uni-th>
            </uni-tr>
            <uni-tr v-for="(item, index) in form.hiddenList" :key="item.HIDDEN_ID">
              <uni-td>{{ index + 1 }}</uni-td>
              <uni-td>{{ item.HIDDENPART_NAME?item.HIDDENPART_NAME:item.HIDDENPART }}</uni-td>
              <uni-td>{{ item.HIDDENDESCR }}</uni-td>
              <uni-td style="text-align: center;">
                <icon type="info" size="26" @tap="showHidden(item, index)" />
              </uni-td>
            </uni-tr>
          </uni-table>
        </view>
      </view>
    </view>
    <view class="form">
      <view class="wui-form-list">
        <view v-if="form.inspectorList && form.inspectorList.length > 0" class="cu-form-group">
          <view class="title">检查人员核实结果：</view>
        </view>
        <block v-for="(item, index) in form.inspectorList" :key="item.INSPECTION_INSPECTOR_ID">
          <view class="cu-form-textarea">
            <view class="cu-form-title">检查人意见:</view>
            <textarea v-model="item.INSPECTION_USER_OPINION" disabled placeholder="请输入作业负责人意见"></textarea>
          </view>
          <view class="cu-form-group">
            <view class="title">检查人签字：</view>
            <view>
              <view>
                <image :src="baseImgPath + item.INSPECTION_USER_SIGN_IMG" style="width: 180upx;height: 100upx"></image>
              </view>
              <view style="text-align: center">{{item.INSPECTION_USER_SIGN_TIME}}</view>
            </view>
          </view>
        </block>
      </view>
    </view>
    <view class="form">
      <view class="wui-form-list">

        <view class="cu-form-group">
          <view class="title">被检查单位现场负责人意见：</view>
          <text> {{ validStr(form.INSPECTED_EXPLAIN) ? '申辩' : '同意' }} </text>
        </view>
        <view class="cu-form-textarea" v-if="form.INSPECTED_EXPLAIN">
          <view class="cu-form-title text-hui">申辩说明</view>
          <view class="cu-form-textarea">
            <textarea disabled v-model="form.INSPECTED_EXPLAIN"></textarea>
          </view>
        </view>
        <view class="cu-form-group">
          <view class="title">被检查单位现场负责人签字：</view>
          <view>
            <view>
              <image :src="baseImgPath + form.INSPECTED_SITEUSER_SIGN_IMG" style="width: 180upx;height: 100upx"></image>
            </view>
            <view style="text-align: center">{{form.INSPECTED_SITEUSER_SIGN_TIME}}</view>
          </view>
        </view>
      </view>
    </view>

    <view class="cu-bar btn-group" style="margin-top: 30upx;">
      <button class="cu-btn bg-green margin-tb-sm lg" @click="$noMultipleClicks(goback)">返回</button>
    </view>
    <view class="padding flex flex-direction"></view>

    <uni-drawer ref="showHiddenWindow" mode="right" :mask-click="true" @change="change($event,'showHiddenWindow')">
      <scroll-view scroll-y="true" style="height: 90vh;">
        <view class="de-drawer">
          <view class="cu-bar bg-white">
            <view class="action">
              隐患照片
            </view>
            <view class="action">
              {{hiddenForm.hiddenImgs.length}}/4
            </view>
          </view>
          <view class="cu-form-group">
            <view class="grid col-4 grid-square flex-sub">
              <view class="bg-img" v-for="(item,index) in hiddenForm.hiddenImgs" :key="item.IMGFILES_ID" @tap="ViewImage" data-type="0" :data-url="item.FILEPATH">
                <image  :src="baseImgPath + item.FILEPATH" mode="aspectFill"></image>
              </view>
            </view>
          </view>
          <view class="cu-bar bg-white">
            <view class="action">
              隐患视频
            </view>
            <view class="action">
              {{hiddenForm.hiddenVideos.length}}/1
            </view>
          </view>
          <view class="cu-form-group">
            <view class="grid col-4 grid-square flex-sub">
              <view class="bg-img" v-for="(item,vindex) in hiddenForm.hiddenVideos" :key="item.IMGFILES_ID" @tap="ViewVideo" data-type="0" :data-url="item.FILEPATH" style="background-color: #000">
                <image src="/static/icon-apps/video.png" mode="aspectFill" @click="playVideo"
                       :data-src="baseImgPath + item.FILEPATH"></image>
              </view>
            </view>
          </view>
          <view class="cu-form-textarea">
            <view class="cu-form-title text-hui">隐患描述</view>
            <textarea maxlength="-1" :disabled="true" v-model="hiddenForm.HIDDENDESCR" placeholder="请对隐患进行详细描述(必填项)"></textarea>
          </view>
          <view class="cu-form-group">
            <view class="title">隐患部位</view>
            <text>{{ hiddenForm.HIDDENPART_NAME?hiddenForm.HIDDENPART_NAME:hiddenForm.HIDDENPART }}</text>
          </view>
<!--          <view class="cu-form-textarea">-->
<!--            <view class="cu-form-title text-hui">隐患位置描述</view>-->
<!--            <textarea maxlength="-1" :disabled="true" v-model="hiddenForm.POSITIONDESC" placeholder="请对隐患进行详细描述(必填项)"></textarea>-->
<!--          </view>-->

          <view class="cu-form-group">
            <view class="title">隐患级别</view>
            <text>{{ hiddenForm.HIDDENLEVEL_NAME }}</text>
          </view>

          <view class="cu-form-group">
            <view class="title">隐患类型</view>
            <text>{{ hiddenForm.HIDDENTYPE_NAME }}</text>
          </view>

          <!--<view class="cu-form-group">
            <view class="title">隐患类型2</view>
            <text>{{ hiddenForm.HIDDENTYPE2_NAME }}</text>
          </view>-->
<!--          <view class="cu-form-group">-->
<!--            <text class="title">是否相关方</text>-->

<!--            <view class="uni-flex-item text-right">-->
<!--              <text v-if="hiddenForm.ISRELEVANT=='1'" class="text-semi">是</text>-->
<!--              <text v-else-if="hiddenForm.ISRELEVANT=='2'" class="text-semi">否</text>-->
<!--            </view>-->
<!--          </view>-->
          <view class="cu-form-group">
            <view class="title">隐患发现时间</view>
            <text>{{ hiddenForm.CREATTIME }}</text>
          </view>
<!--          <view class="cu-form-group">-->
<!--            <view class="title">隐患上报位置：</view>-->
<!--          </view>-->
<!--          <view class="cu-form-group"  v-if="hiddenForm.LONGITUDE && hiddenForm.LONGITUDE != 'undefined'">-->
<!--            <view class="sign-title">经度：</view>-->
<!--            <view class="wui-sign-cotent">{{hiddenForm.LONGITUDE}}</view>-->
<!--          </view>-->
<!--          <view class="cu-form-group"  v-if="hiddenForm.LATITUDE && hiddenForm.LATITUDE != 'undefined'">-->
<!--            <view class="sign-title">纬度：</view>-->
<!--            <view class="wui-sign-cotent">{{hiddenForm.LATITUDE}}</view>-->
<!--          </view>-->
          <view class="cu-form-group">
            <view class="title">隐患发现人</view>
            <text>
              {{ hiddenForm.CREATOR_NAME }}
            </text>
          </view>

          <view class="de-drawer-bottom">
            <view class="cz-btn">
              <text class="cu-btn" @click="cancelHidden">返回</text>
            </view>
          </view>
        </view>
      </scroll-view>
    </uni-drawer>
    <view :class="['cu-modal',{'show':modalShow}]" v-if="modalShow">
      <view class="cu-dialog">
        <view class="cu-bar bg-white justify-end">
          <view class="content">播放视频</view>
          <view class="action" @tap="modalShow = false">
            <text class="cuIcon-close text-red"></text>
          </view>
        </view>
        <video :src="videoSrc" :autoplay="true"></video>
        <view class="cu-bar bg-white justify-end">
          <view class="action">
            <button class="cu-btn line-green text-green" @click="modalShow = false">关闭</button>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
import {
  basePath,corpinfoId,deptId,loginUser,formatDate,loginSession,baseImgPath
} from '@/common/tool.js';
import tkiTree from "@/components/select-tree/select-tree.vue"
import gcoord from '@/common/gcoord.js'
import ruiDatePicker from '@/components/rattenking-dtpicker/rattenking-dtpicker.vue'
import moreSelect from '@/components/more-select/more-select.vue';
import uniPopup from '@/components/more-select/uni-popup/uni-popup.vue';
import sign from '@/components/sign/sign.vue';

export default {
  components: {
    tkiTree, ruiDatePicker, moreSelect, uniPopup, sign
  },
  data() {
    return {
      baseImgPath:baseImgPath,
      isUps:false,
      msg:'add',
      noClick:true,
      treeNode:[],//部门下拉数据
      inspectedSiteuserList: [], // 被检查单位现场负责人下拉数据
      inspectionTypeTreeList: [], // 检查类型下拉数据
      inspectorList: [], // 检查人员(二维数组)下拉数据
      form:{
        INSPECTION_ID: '', // 检查ID
        INSPECTION_SUBJECT: '', // 检查标题
        INSPECTION_SOURCE: '5', // 检查来源（4-监管端 5-企业端）
        INSPECTION_ORIGINATOR_ID: '', // 检查发起人
        INSPECTED_DEPARTMENT_ID: '', // 被检查单位
        INSPECTED_DEPARTMENT_NAME: '',
        INSPECTED_SITEUSER_ID: '', // 被检查单位现场负责人
        INSPECTED_SITEUSER_INDEX: '',
        INSPECTED_SITEUSER_NAME: '',
        INSPECTED_EXPLAIN: '', // 申辩内容
        INSPECTED_SITEUSER_SIGN_IMG: '', // 被检查单位现场负责人签字
        INSPECTED_SITEUSER_SIGN_TIME: '', // 被检查单位现场负责人签字时间
        INSPECTION_TYPE: '', // 检查类型
        INSPECTION_TYPE_NAME: '',
        INSPECTION_PLACE: '', // 检查场所
        INSPECTION_TIME_START: '', // 检查开始时间
        INSPECTION_TIME_END: '', // 检查结束时间
        INSPECTION_STATUS: '', // 状态(0.暂存 1.检查人待确认、2.被检查人待确认、3.归档 -1.检查人异议打回 -2被检查人申辩)
        CREATTIME: '',
        inspectorList:
            [{
              INSPECTION_INSPECTOR_ID: '',	//检查人员主键
              INSPECTION_DEPARTMENT_ID: '',	//检查人员部门ID
              INSPECTION_DEPARTMENT_NAME: '',
              INSPECTION_USER_ID: '',		//检查人员ID
              INSPECTION_USER_INDEX: '',
              INSPECTION_USER_NAME: ''
            }], // 检查人员
        situationList:
            [{
              INSPECTION_SITUATION_ID: '',
              SITUATION: ''
            }], // 检查情况
        hiddenList: [{ ...this.hiddenForm }] // 隐患信息集合
      },// 数据
      hiddenIds: [], // 检查保存后返回的隐患ID集合
      delSituations: [], // 编辑时删除的原来检查情况
      delInspectors: [], // 编辑时删除的原来检查情况
      delHiddens: [], // 编辑时删除的原来发现问题
      delHiddenFiles: [], // 编辑时删除的原来发现问题附件
      rules:[
        {name:'INSPECTION_SUBJECT',message:'请输入检查标题'},
        {name:'INSPECTED_DEPARTMENT_ID',message:'请选择被检查单位'},
        {name:'INSPECTED_SITEUSER_ID',message:'请选择被检查单位现场负责人'},
        {name:'INSPECTION_TYPE',message:'请选择检查类型不能为空'},
        {name:'INSPECTION_PLACE',message:'请输入检查场所'},
        {name:'INSPECTION_TIME_START',message:'请选择检查开始时间'},
        {name:'INSPECTION_TIME_END',message:'请选择作业结束时间'}
      ],
      showHiddenWindow: false,	// 隐患添加窗口显隐
      hiddenRegionTreeList: [], // 隐患部位下拉数据
      hiddenLevelTreeList: [], // 隐患级别下拉数据
      hiddenTypeTreeList: [], // 隐患类型下拉数据
      hiddenType2TreeList: [], // 隐患类型2下拉数据
      creatorList: [], // 隐患责任人下拉数据
      hiddenForm: {
        HIDDEN_ID: '', // 隐患ID
        HIDDENDESCR: '', // 隐患描述
        HIDDENPART: '', // 隐患部位
        HIDDENPART_NAME: '',
        HIDDENLEVEL: '', // 隐患级别
        HIDDENLEVEL_NAME: '',
        HIDDENTYPE: '', // 隐患类型1
        HIDDENTYPE_NAME: '',
        ISRELEVANT: '', //是否相关方
        HIDDENTYPE2: '', // 隐患类型2
        HIDDENTYPE2_NAME: '',
        LONGITUDE: '', // 隐患位置经度
        LATITUDE: '', // 隐患位置纬度
        CREATTIME: '', // 隐患发现时间
        HIDDENFINDDEPT: '', // 隐患发现部门（隐患责任人部门）
        HIDDENFINDDEPT_NAME: '',
        CREATOR: '', // 发现人（隐患责任人）
        CREATOR_INDEX: '',
        CREATOR_NAME: '',
        SOURCE: '5', // 隐患描述
        POSITIONDESC: '',
        hiddenImgs: [],
        hiddenVideos: []
      },
      videoSrc: '',
      hiddenRules:[
        {name:'HIDDENDESCR',message:'请选择隐患描述'},
        {name:'HIDDENPART',message:'请选择隐患部位'},
        {name:'HIDDENLEVEL',message:'请选择隐患级别'},
        {name:'HIDDENTYPE',message:'请选择隐患类型'},
        /*{name:'HIDDENTYPE2',message:'请选择隐患类型2'},*/
        {name:'LONGITUDE',message:'请选择隐患位置'},
        {name:'LATITUDE',message:'请选择隐患位置'},
        {name:'CREATTIME',message:'请选择隐患发现时间'},
        // {name:'HIDDENFINDDEPT',message:'请选择隐患责任人部门'},
        {name:'CREATOR',message:'请选择隐患责任人'}
      ],
      todayDate:'',
      cityIndex: 0,
      modalShow: false,

    }
  },
  onLoad(event){
    this.todayDate =  formatDate(new Date(), 'yyyy-MM-dd hh:mm');
    this.form.INSPECTION_ID = event.INSPECTION_ID;
    this.msg="edit";
    this.getData();

    // 初始化现场作业负责人
    this.getDept()
    this.getDict()
    loginSession();

  },
  methods: {
    getData() {
      var _this = this;
      uni.showLoading({
        title: '请稍候'
      })
      uni.request({
        url: basePath + '/app/safetyenvironmental/goShow',
        method: 'POST',
        header: {
          'Content-type': 'application/x-www-form-urlencoded'
        },
        data: {
          INSPECTION_ID: _this.form.INSPECTION_ID,
        },
        success: (res) => {
          if ("success" == res.data.result) {
            uni.hideLoading();
            _this.form = res.data.pd; //参数map
            for (let i = 0; i < _this.form.inspectorList.length; i++) {
              _this.inspectorList.push([])
              _this.getUserList('inspectorList', _this.form.inspectorList[i].INSPECTION_DEPARTMENT_ID, i)
            }
          } else if ("exception" == data.result) {
            uni.showToast({
              title: '错误',
              duration: 2000
            });
          }
        }
      });
    },

    goback(){
      var pages = getCurrentPages();	// 获取当前页面栈
      var prePage = pages[pages.length - 2];	// 上二级页面
      prePage.$vm.initflag = true;    // A 页面 init方法 为true
      uni.navigateBack({delta: 1});
      uni.hideLoading();
    },
    uploadImg(hiddenList){
      return new Promise((resolve, reject) => {
        var _this = this;
        if(hiddenList.length === 0){
          resolve();
        }
        uni.showLoading({
          title: '上传中'
        })
        for (let i = 0; i < hiddenList.length; i++) {
          let hiddenID = _this.hiddenIds[i]
          let fileList = hiddenList[i]
          for (let j = 0; j < fileList.length; j++) {
            uni.uploadFile({
              url: basePath+'/app/imgfiles/add',
              filePath: fileList[j].filePath,
              name: 'FFILE',
              formData: {
                'TYPE': fileList[j].type,
                'FOREIGN_KEY': hiddenID
              },
              success: (res) => {
                console.info(res)
              },
              fail: (err) => {
                uni.hideLoading();
                uni.showModal({
                  content: err.errMsg,
                  showCancel: false
                });
              }
            })
          }
        }
        uni.hideLoading();
        resolve();
      })
    },
    submit(){
      return new Promise((resolve, reject) => {
        var _this = this;
        uni.request({
          url: basePath+'/app/safetyenvironmental/'+_this.msg,
          method: 'POST',
          dataType: 'json',
          header: {
            'Content-type':'application/x-www-form-urlencoded'
          },
          data: {
            ..._this.form
          },
          success: (res) => {
            if ("success" == res.data.result) {
              _this.hiddenIds= res.data.pd.hiddenList
              resolve()
            } else {
              uni.showToast({
                title: res.data.msaesge,
                duration: 2000
              });
            }
          }
        });

      });
    },

    changeStartDate(e) {
      this.form.INSPECTION_TIME_START = e
      this.$forceUpdate();//强制刷新
    },
    changeEndDate(e) {
      this.form.INSPECTION_TIME_END = e
      this.$forceUpdate();//强制刷新
    },
    showZgTree(ref, index) {
      // console.info('ref > tkiTree2:'+(ref > 'tkiTree2'))
      if (index > 7) {
        this.$refs[ref][0]._show();
      } else {
        this.$refs[ref]._show();
      }
    },
    zgtreeCancel(e) {
      this.isUps = false;
    },
    zgtreeConfirm(e, list, i) {
      if (list === 'inspectedSiteuserList') { // 被检查单位现场负责人
        this.form.INSPECTED_DEPARTMENT_ID = e[0].id
        this.form.INSPECTED_DEPARTMENT_NAME = e[0].name
        this.form.INSPECTED_SITEUSER_INDEX = ''
        this.form.INSPECTED_SITEUSER_ID = ''
        this.form.INSPECTED_SITEUSER_NAME = ''
        this.getUserList(list, e[0].id)
      }
      if (list === 'inspectionTypeTreeList') { // 检查类型
        this.form.INSPECTION_TYPE = e[0].id
        this.form.INSPECTION_TYPE_NAME = e[0].name
      }
      if (list === 'inspectorList') { // 检查人员
        this.form.inspectorList[i].INSPECTION_DEPARTMENT_ID = e[0].id
        this.form.inspectorList[i].INSPECTION_DEPARTMENT_NAME= e[0].name
        this.form.inspectorList[i].INSPECTION_USER_INDEX = ''
        this.form.inspectorList[i].INSPECTION_USER_ID = ''
        this.form.inspectorList[i].INSPECTION_USER_NAME = ''
        this.getUserList(list, e[0].id, i);
      }
      if (list === 'hiddenRegionTreeList') { // 隐患部位
        this.hiddenForm.HIDDENPART = e[0].id
        this.hiddenForm.HIDDENPART_NAME = e[0].name
      }
      if (list === 'hiddenLevelTreeList') { // 隐患级别
        this.hiddenForm.HIDDENLEVEL = e[0].id
        this.hiddenForm.HIDDENLEVEL_NAME = e[0].name
      }
      if (list === 'hiddenTypeTreeList') { // 隐患级别
        this.hiddenForm.HIDDENTYPE = e[0].id
        this.hiddenForm.HIDDENTYPE_NAME = e[0].name
      }
      if (list === 'hiddenType2TreeList') { // 隐患级别
        this.hiddenForm.HIDDENTYPE2 = e[0].id
        this.hiddenForm.HIDDENTYPE2_NAME = e[0].name
      }
      if (list === 'creatorList') { // 隐患级别
        this.hiddenForm.HIDDENFINDDEPT = e[0].id
        this.hiddenForm.HIDDENFINDDEPT_NAME = e[0].name
        this.hiddenForm.CREATOR_INDEX = ''
        this.hiddenForm.CREATOR = ''
        this.hiddenForm.CREATOR_NAME = ''
        this.getUserList(list, e[0].id)
      }
    },
    inspectedSiteuserChange(e) {
      this.form.INSPECTED_SITEUSER_INDEX = e.detail.value;
      this.form.INSPECTED_SITEUSER_ID = this.inspectedSiteuserList[e.detail.value].USER_ID;
      this.form.INSPECTED_SITEUSER_NAME = this.inspectedSiteuserList[e.detail.value].NAME;
    },
    inspectorChange(e,index) {
      this.form.inspectorList[index].INSPECTION_USER_INDEX = e.detail.value;
      this.form.inspectorList[index].INSPECTION_USER_ID = this.inspectorList[index][e.detail.value].USER_ID;
      this.form.inspectorList[index].INSPECTION_USER_NAME = this.inspectorList[index][e.detail.value].NAME;
    },

    addSituation() {
      this.form.situationList.push(
          {
            INSPECTION_SITUATION_ID: '',
            SITUATION: ''
          }
      )
    },
    removeSituation (item, index) {
      var _this = this;
      uni.showModal({
        title: '提示',
        cancelText: '确认',
        confirmText: '取消',
        content: '确定删除检查情况吗？',
        success: function (res) {
          if (res.cancel) {
            _this.form.situationList.splice(index, 1)
            if (item.INSPECTION_SITUATION_ID) {
              _this.delSituations.push(item.INSPECTION_SITUATION_ID)
            }
          }
        }
      });
    },

    addInspector() {
      this.form.inspectorList.push(
          {
            INSPECTION_INSPECTOR_ID: '',	//检查人员主键
            INSPECTION_DEPARTMENT_ID: '',	//检查人员部门ID
            INSPECTION_DEPARTMENT_NAME: '',
            INSPECTION_USER_ID: '',		//检查人员ID
            INSPECTION_USER_INDEX: '',
            INSPECTION_USER_NAME: ''
          }
      )
    },
    removeInspector(item, index){
      var _this = this;
      uni.showModal({
        title: '提示',
        cancelText: '确认',
        confirmText: '取消',
        content: '确定移除检查人员吗？',
        success: function (res) {
          if (res.cancel) {
            this.form.inspectorList.splice(index,1);
            if (item.INSPECTION_INSPECTOR_ID) {
              _this.delInspectors.push(item.INSPECTION_INSPECTOR_ID)
            }
          }
        }
      });
    },

    // 打开隐患添加窗口
    showHidden(item) {
      this.resetHd()
      this.creatorList = []
      this.form.inspectorList.forEach(item => {
        this.creatorList.push({ USER_ID: item.INSPECTION_USER_ID, NAME: item.INSPECTION_USER_NAME })
      })
      this.hiddenForm = item
      this.$refs['showHiddenWindow'].open()
      this.showHiddenWindow = true
    },
    // 取消添加隐患
    cancelHidden() {
      this.$refs['showHiddenWindow'].close()
      this.showHiddenWindow = false
    },
    // 抽屉状态发生变化触发
    change(e, type) {
      this[type] = e
    },
    ViewImage(e) {
      if(e.currentTarget.dataset.type==0) {
        let files =[];
        for(var i=0;i<this.hiddenForm.hiddenImgs.length;i++){
          files.push(baseImgPath + this.hiddenForm.hiddenImgs[i].FILEPATH)
        }
        uni.previewImage({
          urls: files,
          current: baseImgPath + e.currentTarget.dataset.url
        });
      }else{
        let files =[];
        for(var i=0;i<this.imgList1.length;i++){
          files.push(this.imgList1[i].filePath)
        }
        uni.previewImage({
          urls: files,
          current: e.currentTarget.dataset.url
        });
      }
    },

    ViewVideo(e){

    },
    playVideo(e) {
      this.videoSrc = e.currentTarget.dataset.src
      this.modalShow = true
    },
    changeDiscoverDate(e) {
      this.hiddenForm.DISCOVERYTIME = e
      this.$forceUpdate();//强制刷新
    },
    creatorChange(e) {
      this.hiddenForm.CREATOR_INDEX = e.detail.value;
      this.hiddenForm.CREATOR = this.creatorList[e.detail.value].USER_ID;
      this.hiddenForm.CREATOR_NAME = this.creatorList[e.detail.value].NAME;
    },

    /** 坐标定位 */
    showMapModal() {
      var _this = this
      uni.navigateTo({
        url: '/pages/map/map',
        events: {
          // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据
          acceptDataFromOpenedPage: function (e) {
            _this.hiddenForm.LONGITUDE = e.data.longitue;
            _this.hiddenForm.LATITUDE = e.data.latitude;
          }
        },
      })
    },

    getDept() {
      var _this = this;
      uni.request({
        url: basePath + '/app/sys/listTree',//部门下拉接口
        method: 'POST',
        dataType: 'json',
        header: {
          'Content-type':'application/x-www-form-urlencoded'
        },
        data: {
          CORPINFO_ID : corpinfoId,
        },
        success: (res) => {
          if("success" == res.data.result){
            _this.treeNode=eval(res.data.zTreeNodes);
          } else {
            uni.showToast({
              title: res.data.message,
              duration: 2000
            });
          }
        }
      });
    },
    //获取人员列表
    getUserList(list,dept,i){
      //发送 post 请求
      var _this=this
      uni.request({
        method: 'POST',
        dataType: 'json',
        header: {
          'Content-type':'application/x-www-form-urlencoded'
        },
        url: basePath+'/app/sys/listUser',
        data: {DEPARTMENT_ID:dept, NOMAIN:'1', tm:new Date().getTime()},
        success: function(res){
          if("success" == res.data.result){
            if(i>-1) {
              _this[list][i] = [];
              _this[list][i] = res.data.userList;
              _this.$forceUpdate();//强制刷新
            }else{
              _this[list]=res.data.userList;
            }
          }else{
            uni.showToast({
              title: res.data.message,
              duration: 2000
            });
          }
        }
      })
    },
    //获取数据字典数据
    getDict() {
      var _this = this;

      uni.request({
        method: 'POST',
        dataType: 'json',
        header: {
          'Content-type': 'application/x-www-form-urlencoded'
        },
        url: basePath + '/dictionaries/listSelectTreeByTkiTree?tm=' + new Date().getTime(),
        data: {DICTIONARIES_ID: '60e6481d96e44a5390ff5c347c4d1ffe'},
        success: function (res) {
          _this.inspectionTypeTreeList = eval(res.data.zTreeNodes);
        }
      });

      uni.request({
        method: 'POST',
        dataType: 'json',
        header: {
          'Content-type':'application/x-www-form-urlencoded'
        },
        url: basePath+'/app/hidden/getTreehiddenRegionListAll',
        data: {
          CORPINFO_ID: corpinfoId,
          tm:new Date().getTime()
        },
        success: function(res){
          if("success" == res.data.result){
            var json = res.data.zTreeNodes
            _this.hiddenRegionTreeList = JSON.parse(json) ;
          }else{
            uni.showToast({
              title: res.data.message,
              duration: 2000
            });
          }
        }
      })

      uni.request({
        method: 'POST',
        dataType: 'json',
        header: {
          'Content-type': 'application/x-www-form-urlencoded'
        },
        url: basePath + '/dictionaries/listSelectTreeByTkiTree?tm=' + new Date().getTime(),
        data: {DICTIONARIES_ID: '5e7cf8620ba54ad89719d0be62133c7a'},
        success: function (res) {
          var data = res.data.zTreeNodes ;
          _this.hiddenLevelTreeList = JSON.parse(data) ;
        }
      })

      uni.request({
        method: 'POST',
        dataType: 'json',
        header: {
          'Content-type': 'application/x-www-form-urlencoded'
        },
        url: basePath + '/dictionaries/listSelectTreeByTkiTree?tm=' + new Date().getTime(),
        data: {DICTIONARIES_ID: '3babc15144444bdc8d763d0af2bdfff6'},
        success: function (res) {
          var jons = res.data.zTreeNodes ;
          _this.hiddenTypeTreeList = JSON.parse(jons) ;
        }
      })

      uni.request({
        method: 'POST',
        dataType: 'json',
        header: {
          'Content-type': 'application/x-www-form-urlencoded'
        },
        url: basePath + '/dictionaries/listSelectTreeByTkiTree?tm=' + new Date().getTime(),
        data: {DICTIONARIES_ID: '18c0a9aea6e54feab9f4ab3f46e0bc86'},
        success: function (res) {
          var jons = res.data.zTreeNodes ;
          _this.hiddenType2TreeList = JSON.parse(jons) ;
        }
      })
    },

    resetHd() {
      this.hiddenForm = {
        HIDDEN_ID: '', // 隐患ID
        HIDDENDESCR: '', // 隐患描述
        HIDDENPART: '', // 隐患部位
        HIDDENPART_NAME: '',
        HIDDENLEVEL: '', // 隐患级别
        HIDDENLEVEL_NAME: '',
        HIDDENTYPE: '', // 隐患类型1
        HIDDENTYPE_NAME: '',
        HIDDENTYPE2: '', // 隐患类型2
        HIDDENTYPE2_NAME: '',
        LONGITUDE: '', // 隐患位置经度
        LATITUDE: '', // 隐患位置纬度
        CREATTIME: '', // 隐患发现时间
        HIDDENFINDDEPT: '', // 隐患发现部门（隐患责任人部门）
        HIDDENFINDDEPT_NAME: '',
        CREATOR: '', // 发现人（隐患责任人）
        CREATOR_INDEX: '',
        CREATOR_NAME: '',
        SOURCE: '5', // 隐患描述
        hiddenImgs: [],
        hiddenVideos: []
      }
    }
  }
}
</script>

<style>
.right_icon {
  position: relative;
  padding-right: 36upx;
  width: 200upx;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.right_icon ::after {
  font-family: cuIcon;
  display: block;
  content: "\e6a3";
  position: absolute;
  font-size: 17px;
  color: #8799a3;
  line-height: 50px;
  width: 30px;
  text-align: center;
  top: -28upx;
  bottom: 0;
  right: -22upx;
  margin: auto;
}

.modal_content {
  display: flex;
  text-align: left;
}
.modal_left {
  flex-basis: 50%;
  padding: 50upx 20upx;
  border-right: 1px solid #000000;
}
.modal_right {
  flex-basis: 50%;
  padding: 50upx;
}
.modal_left_title,.modal_right_title{
  font-size: 16px;
  color: #000000;
  font-weight: 700;
}
.checkbox-item{
  display: flex;
  align-items:center;
  padding: 0 30upx;
  min-height: 100upx;
  background-color: #ffffff;
  border-bottom: 1upx solid #ddd;
}
.checkbox-item:last-child{
  border-bottom: none;
}
</style>
