<template>
  <view class="content p-10">
    <view class="card">
      <view class="view-title">
        <u--text text="特级动火申请" bold></u--text>
      </view>
      <view class="mt-10">
        <u-cell-group :border="false">
          <u-cell>
            <view slot="title" class="title">申请人：</view>
            <view slot="value">{{ form.APPLY_USER_NAME }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">申请时间：</view>
            <view slot="value">{{ form.APPLICATION_DATE }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">作业证编号：</view>
            <view slot="value">{{ form.JOB_NUMBER }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">作业类型：</view>
            <view slot="value">{{ form.JOB_TYPE_NAME }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">动火许可证：</view>
            <view slot="value">
              <u-button type="primary" text="查看" size="mini" @click="fnNavigator"></u-button>
            </view>
          </u-cell>
        </u-cell-group>
      </view>
    </view>
    <view class="card">
      <view class="view-title">
        <u--text text="动火单位作业负责人确认" bold></u--text>
      </view>
      <view class="mt-10">
        <u-cell-group :border="false">
          <u-cell>
            <view slot="title" class="title">动火单位作业负责人：</view>
            <view slot="value">{{ form.projectCompetent_USER_NAME }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">确认时间：</view>
            <view slot="value">{{ form.projectCompetent_OPERATTIME }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">是否确认通过：</view>
            <view slot="value">{{ form.projectCompetent_TYPE == '2' ? '通过' : '不通过' }}</view>
          </u-cell>
        </u-cell-group>
      </view>
    </view>
    <view class="card">
      <view class="view-title">
        <u--text text="项目主管人员初审" bold></u--text>
      </view>
      <view class="mt-10">
        <u-cell-group :border="false">
          <u-cell>
            <view slot="title" class="title">项目主管人员：</view>
            <view slot="value">{{ form.projectPreliminarily_USER_NAME }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">初审时间：</view>
            <view slot="value">{{ form.projectPreliminarily_OPERATTIME }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">初审结果：</view>
            <view slot="value">{{ form.projectPreliminarily_TYPE == '2' ? '通过' : '不通过' }}</view>
          </u-cell>
        </u-cell-group>
      </view>
    </view>
    <view class="card">
      <view class="view-title">
        <u--text text="项目主管部门负责人审批" bold></u--text>
      </view>
      <view class="mt-10">
        <u-cell-group :border="false">
          <u-cell>
            <view slot="title" class="title">初审结果：</view>
            <view slot="value">{{ form.projectPreliminarily_TYPE == '2' ? '通过' : '不通过' }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">签字：</view>
            <view slot="label" class="mt-10">
              <u--image :showLoading="true" :src="$store.state.filePath + form.projectPreliminarily_PRINCIPAL"
                        width="70" height="70" mode="scaleToFill" @click="previewImage"></u--image>
            </view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">签字时间：</view>
            <view slot="value">{{ form.projectPreliminarily_OPERATTIME }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">上传会签文件：</view>
            <view slot="label" class="mt-10">
              <view style="display: flex;flex-wrap: wrap">
                <view v-for="(item,index) in meetingImgList" :key="index" class="ml-10 mt-10">
                  <u--image :showLoading="true" :src="$store.state.filePath + item.FILEPATH" width="70" height="70"
                            mode="scaleToFill" @click="previewImage"></u--image>
                </view>
              </view>
            </view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">上传附件：</view>
            <view slot="label" class="mt-10">
              <view style="display: flex;flex-wrap: wrap">
                <view v-for="(item,index) in appendixImgList" :key="index" class="ml-10 mt-10">
                  <u--image :showLoading="true" :src="$store.state.filePath + item.FILEPATH" width="70" height="70"
                            mode="scaleToFill" @click="previewImage"></u--image>
                </view>
              </view>
            </view>
          </u-cell>
        </u-cell-group>
      </view>
    </view>
    <view class="card">
      <view class="view-title">
        <u--text text="分公司安全总监审批" bold></u--text>
      </view>
      <view class="mt-10">
        <u-cell-group :border="false">
          <u-cell>
            <view slot="title" class="title">审批结果：</view>
            <view slot="value">{{ form.inspectorGeneral_TYPE == '2' ? '通过' : '不通过' }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">签字：</view>
            <view slot="label" class="mt-10">
              <u--image :showLoading="true" :src="$store.state.filePath + form.inspectorGeneral_PRINCIPAL" width="70"
                        height="70" mode="scaleToFill" @click="previewImage"></u--image>
            </view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">签字时间：</view>
            <view slot="value">{{ form.inspectorGeneral_OPERATTIME }}</view>
          </u-cell>
        </u-cell-group>
      </view>
    </view>
    <view class="card">
      <view class="view-title">
        <u--text text="分公司主要负责人签批" bold></u--text>
      </view>
      <view class="mt-10">
        <u-cell-group :border="false">
          <u-cell>
            <view slot="title" class="title">签批结果：</view>
            <view slot="value">{{ form.supervision_TYPE == '2' ? '通过' : '不通过' }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">签字：</view>
            <view slot="label" class="mt-10">
              <u--image :showLoading="true" :src="$store.state.filePath + form.supervision_PRINCIPAL" width="70"
                        height="70" mode="scaleToFill"
                        @click="previewImage($store.state.filePath + form.supervision_PRINCIPAL)"></u--image>
            </view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">签字时间：</view>
            <view slot="value">{{ form.supervision_OPERATTIME }}</view>
          </u-cell>
        </u-cell-group>
      </view>
    </view>
    <view class="card">
      <view class="view-title">
        <u--text text="（港股）安全监督部初审" bold></u--text>
      </view>
      <view class="mt-10">
        <u-cell-group :border="false">
          <u-cell>
            <view slot="title" class="title">初审结果：</view>
            <view slot="value">{{ form.committee_TYPE == '2' ? '通过' : '不通过' }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">初审人员：</view>
            <view slot="value">{{ form.committee_USER_NAME }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">初审时间：</view>
            <view slot="value">{{ form.committee_OPERATTIME }}</view>
          </u-cell>
        </u-cell-group>
      </view>
    </view>
    <view class="card">
      <view class="view-title">
        <u--text text="（港股）安委会办公室审批" bold></u--text>
      </view>
      <view class="mt-10">
        <u-cell-group :border="false">
          <u-cell>
            <view slot="title" class="title">审核结果：</view>
            <view slot="value">{{ form.safetyDirector_TYPE == '2' ? '通过' : '不通过' }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">上传会议纪要：</view>
            <view slot="label" class="mt-10">
              <view style="display: flex;flex-wrap: wrap">
                <view v-for="(item,index) in fileList" :key="index" class="ml-10 mt-10">
                  <u--image :showLoading="true" :src="$store.state.filePath + item.FILEPATH" width="70" height="70"
                            mode="scaleToFill"
                            @click="previewImage($store.state.filePath + item.FILEPATH,fileList)"></u--image>
                </view>
              </view>
            </view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">上传附件：</view>
            <view slot="label" class="mt-10">
              <view style="display: flex;flex-wrap: wrap">
                <view v-for="(item,index) in fileList1" :key="index" class="ml-10 mt-10">
                  <u--image :showLoading="true" :src="$store.state.filePath + item.FILEPATH" width="70" height="70"
                            mode="scaleToFill"
                            @click="previewImage($store.state.filePath + item.FILEPATH,fileList1)"></u--image>
                </view>
              </view>
            </view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">（港股）安委会办公室审批：</view>
            <view slot="value">{{ form.safetyDirector_USER_NAME }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">时间：</view>
            <view slot="value">{{ form.safetyDirector_OPERATTIME }}</view>
          </u-cell>
        </u-cell-group>
      </view>
    </view>
    <view class="card" v-if="type==2">
      <view class="view-title">
        <u--text text="（港股安委办主任）安全总监签发" bold></u--text>
      </view>
      <view class="mt-10">
        <u-cell-group :border="false">
          <u-cell>
            <view slot="title" class="title">签批结果：</view>
            <view slot="value">
              <u-radio-group v-model="form.TYPE" placement="row">
                <u-radio label="同意" name="2"></u-radio>
                <!-- <u-radio label="不同意" name="1" class="ml-10"></u-radio> -->
              </u-radio-group>
            </view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">签批人：</view>
            <view slot="value">{{ userInfo.NAME }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">签批时间：</view>
            <view slot="value">{{ $u.timeFormat(new Date(), 'yyyy年mm月dd日 hh时MM分ss秒') }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title" @click="signShow = true">签字：</view>
            <view slot="value">
              <u-button type="primary" text="手写添加" size="mini" class="bth-mini" @click="signShow = true"></u-button>
              <sign v-if="signShow" :signShow.sync="signShow" @confirm="signConfirm"></sign>
            </view>
          </u-cell>
          <u-cell v-if="form.safetyDirectorSign">
            <view slot="title" class="title"></view>
            <view slot="label">
              <u--image v-show="form.safetyDirectorSign" :showLoading="true" :src="form.safetyDirectorSign"
                        width="200px" height="80px" mode="scaleToFill"
                        @click="previewImage(form.safetyDirectorSign)"></u--image>
            </view>
          </u-cell>
        </u-cell-group>
      </view>
    </view>
    <view class="mt-10" v-if="type==2">
      <u-button type="primary" text="提交"
                @click="$u.debounce(submit, 1000,true)"></u-button>
    </view>
  </view>
</template>

<script>
import {
  approveHotWorkSupervisionAndFfile,
  getDept,
  getDeptUser,
  getHotWorkGoEdit,
  getImgfilesListByKeyAndType
} from "../../../api";
import sign from "../../../components/sign/sign";

export default {
  components: {
    sign,
  },
  data() {
    return {
      signShow: false,
      form: {TYPE: '2'},
      HOTWORKAPPLICATION_ID: '',
      meetingImgList: [],
      appendixImgList: [],
      fileList: [],
      fileList1: [],
      type: 1

    }
  },
  computed: {
    userInfo() {
      return this.$store.getters.getUserInfo
    }
  },
  onLoad(event) {
    this.type = event.type
    this.HOTWORKAPPLICATION_ID = event.HOTWORKAPPLICATION_ID
    this.getDate()
    this.getImgFilesList('203', 'meetingImgList')
    this.getImgFilesList('204', 'appendixImgList')
    this.getImgFilesList('205', 'fileList')
    this.getImgFilesList('206', 'fileList1')
    this.getDept()
  },

  methods: {
    async getDate() {
      let resData = await getHotWorkGoEdit({HOTWORKAPPLICATION_ID: this.HOTWORKAPPLICATION_ID});
      this.form = resData.pd
      this.form.TYPE = '2'
    },
    async getImgFilesList(type, listName) {
      let imgPd = {'FOREIGN_KEY': this.HOTWORKAPPLICATION_ID, 'TYPE': type}
      let resData = await getImgfilesListByKeyAndType({...imgPd});
      this[listName] = resData.imgs
    },
    async getDept() {
      let resData = await getDept({'DEPARTMENT_ID': '0'});
      this.deptRange = JSON.parse(resData.zTreeNodes)
    },
    async getDeptUser(detpId) {
      let resData = await getDeptUser({'DEPARTMENT_ID': detpId});
      this.deptUserRange = JSON.parse(resData.userList)
      this.$set(this.columns, 0, JSON.parse(resData.userList))
    },
    fnNavigator() {
      uni.$u.route({
        url: '/pages/super-hot/hot-work-permit/index',
        params: {
          HOTWORKAPPLICATION_ID: this.HOTWORKAPPLICATION_ID
        }
      })
    },
    previewImage(current, imgList) {
      if (imgList) {
        let urls = []
        for (let i = 0; i < imgList.length; i++) {
          urls.push(this.$store.state.filePath + imgList[i].FILEPATH)
        }
        uni.previewImage({
          urls,
          current
        });
      } else {
        uni.previewImage({
          urls: [current],
          current
        });
      }
    },
    signConfirm({path}) {
      this.form.safetyDirectorSign = path
    },
    async submit() {
      if (this.form.TYPE === '2') {
        if (!this.form.safetyDirectorSign) {
          uni.showToast({
            icon: "none",
            title: '请在确认人签字处签字',
            duration: 1500
          });
          return false
        }
      }
      let formData = {
        'TYPE': this.form.TYPE,
        'HOTWORKAPPLICATION_ID': this.HOTWORKAPPLICATION_ID,
        'STATE': '37',
        'loginUserId': this.userInfo.USER_ID,
        'CORPINFO_ID': this.userInfo.CORPINFO_ID
      }
      let rePD = {'filePath': this.form.safetyDirectorSign, name: 'FFILE', 'formData': formData}

      await approveHotWorkSupervisionAndFfile({...rePD})
      uni.$u.route({
        type: 'navigateBack'
      })
    }
  },
}
</script>

<style scoped>

</style>