qa-regulatory-gwj-app/pages/larger-major-hidden-management/larger-hidden-management/detail.vue

<template>
  <view class="content">
    <view class="card">
      <view class="view-title">
        <u--text text="隐患信息" bold></u--text>
      </view>
      <u-cell-group :border="false">
        <u-cell>
          <view slot="title" class="title">隐患来源</view>
          <view slot="value">
            <template v-if="form.SOURCE=='1'">
              隐患快报
            </template>
            <template v-else-if="form.SOURCE=='2'">
              清单排查
            </template>
            <template v-else-if="form.SOURCE=='3'">
              清单排查
            </template>
          </view>
        </u-cell>
        <u-cell>
          <view slot="title" class="title">隐患描述</view>
          <view slot="label" class="mt-10">{{ form.HIDDENDESCR }}</view>
        </u-cell>
        <template v-if="form.SOURCE=='2'">
          <u-cell>
            <view slot="title" class="title">风险点（单元）</view>
            <view slot="value">{{ form.RISK_UNIT }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">辨识部位</view>
            <view slot="value">{{ form.IDENTIFICATION }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">存在风险</view>
            <view slot="value">{{ form.RISK_DESCR }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">风险分级</view>
            <view slot="value">{{ form.LEVEL }}</view>
          </u-cell>
          <u-cell>
            <view slot="title" class="title">检查内容</view>
            <view slot="value">{{ form.CHECK_CONTENT }}</view>
          </u-cell>
        </template>
        <u-cell>
          <view slot="title" class="title">隐患级别</view>
          <view slot="value">{{ form.HIDDENLEVELNAME }}</view>
        </u-cell>
        <u-cell>
          <view slot="title" class="title">隐患状态</view>
          <view slot="value">
            <template v-if="form.STATE=='13'">待整改</template>
            <template v-else-if="form.STATE=='14'">待验收</template>
            <template v-else-if="form.STATE=='15'">已归档</template>
          </view>
        </u-cell>
        <u-cell>
          <view slot="title" class="title">隐患类型</view>
          <view slot="value">{{ form.HIDDENTYPENAME }}</view>
        </u-cell>
        <u-cell>
          <view slot="title" class="title">隐患部位</view>
          <view slot="value">{{ form.hregionName }}</view>
        </u-cell>
        <u-cell>
          <view slot="title" class="title">隐患上报位置</view>
          <view slot="label" class="mt-10">
            <view>
              经度:{{ form.LONGITUDE }}
            </view>
            <view>
              纬度:{{ form.LATITUDE }}
            </view>
          </view>
        </u-cell>
        <u-cell>
          <view slot="title" class="title">隐患位置描述：</view>
          <view slot="value">{{ form.POSITIONDESC }}</view>
        </u-cell>
        <u-cell>
          <view slot="title" class="title">隐患照片</view>
          <view slot="label" class="mt-10">
            <u-row>
              <u-col span="3" v-for="(item,index) in hImgs" :key="index">
                <u--image :showLoading="true" :src="item" width="80px" height="80px" @click="previewImage(hImgs,item)"></u--image>
              </u-col>
            </u-row>
          </view>
        </u-cell>
        <u-cell v-if="videoUrl">
          <view slot="title" class="title">隐患视频</view>
          <view slot="value">
            <u-icon name="play-circle-fill" size="30" @click="modalShow = true"></u-icon>
          </view>
        </u-cell>
        <u-modal :show="modalShow" title="视频播放" confirmText="关闭" @confirm="modalShow = false">
          <view>
            <video v-if="modalShow" :src="videoUrl" :autoplay="true"></video>
          </view>
        </u-modal>
        <u-cell>
          <view slot="title" class="title">是否相关方</view>
          <view slot="value">{{ form.ISRELEVANT == '1' ? '是' : '否' }}</view>
        </u-cell>
        <u-cell>
          <view slot="title" class="title">隐患发现人</view>
          <view slot="value">{{ form.CREATORNAME }}</view>
        </u-cell>
        <u-cell>
          <view slot="title" class="title">隐患发现时间</view>
          <view slot="value">{{ form.DISCOVERYTIME }}</view>
        </u-cell>
      </u-cell-group>
    </view>
    <view class="card">
      <view class="view-title">
        <u--text text="发现隐患部门负责人确认" bold></u--text>
      </view>
      <u-cell-group :border="false">
        <u-cell>
          <view slot="title" class="title">隐患级别</view>
          <view slot="value">{{ form.HIDDENLEVELNAME }}</view>
        </u-cell>
        <u-cell v-if="majorinforPdf">
          <view slot="title" class="title">临时处置信息</view>
          <view slot="value">
            <u-button type="primary" text="下载" size="mini"
                      @click="downloadAppendix(majorinforPdf.FILEPATH)"></u-button>
          </view>
        </u-cell>
        <u-cell v-if="supplementPdf">
          <view slot="title" class="title">补充重大隐患信息</view>
          <view slot="value">
            <u-button type="primary" text="下载" size="mini"
                      @click="downloadAppendix(supplementPdf.FILEPATH)"></u-button>
          </view>
        </u-cell>
        <u-cell>
          <view slot="title" class="title">隐患确认人</view>
          <view slot="value">{{ form.conUserName }}</view>
        </u-cell>
        <u-cell>
          <view slot="title" class="title">隐患确认时间</view>
          <view slot="value">{{ form.CONFIRM_TIME }}</view>
        </u-cell>
      </u-cell-group>
    </view>
    <view class="card">
      <view class="view-title">
        <u--text text="分公司安委会办公室副主任核实" bold></u--text>
      </view>
      <u-cell-group :border="false">
        <u-cell>
          <view slot="title" class="title">隐患级别</view>
          <view slot="value">{{ form.HIDDENLEVELNAME }}</view>
        </u-cell>
        <u-cell v-if="safetyofficePdf">
          <view slot="title" class="title">安委会办公室会议记录</view>
          <view slot="value">
            <u-button type="primary" text="下载" size="mini"
                      @click="downloadAppendix(safetyofficePdf.FILEPATH)"></u-button>
          </view>
        </u-cell>
        <u-cell v-if="majorapprovedPdf">
          <view slot="title" class="title">整改建议及方案</view>
          <view slot="value">
            <u-button type="primary" text="下载" size="mini"
                      @click="downloadAppendix(majorapprovedPdf.FILEPATH)"></u-button>
          </view>
        </u-cell>
        <u-cell>
          <view slot="title" class="title">核对结果</view>
          <view slot="value">{{ resultslist.CHECKRESULTS == 2 ? '核对确定' : '' }}</view>
        </u-cell>
        <u-cell>
          <view slot="title" class="title">核实人</view>
          <view slot="value">{{ resultslist.CHECKER }}</view>
        </u-cell>
        <u-cell>
          <view slot="title" class="title">核实时间</view>
          <view slot="value">{{ resultslist.CHECK_TIME }}</view>
        </u-cell>
      </u-cell-group>
    </view>
    <view class="card">
      <view class="view-title">
        <u--text text="港股分公司安委会办公室副主任核定" bold></u--text>
      </view>
      <u-cell-group :border="false">
        <u-cell>
          <view slot="title" class="title">隐患级别</view>
          <view slot="value">{{ form.HIDDENLEVELNAME }}</view>
        </u-cell>
        <u-cell>
          <view slot="title" class="title">核定人</view>
          <view slot="value">{{ resultslist.APPROVED }}</view>
        </u-cell>
        <u-cell>
          <view slot="title" class="title">核定时间</view>
          <view slot="value">{{ resultslist.APPROVED_TIME }}</view>
        </u-cell>
        <u-cell v-if="reportPdf">
          <view slot="title" class="title">隐患调查报告</view>
          <view slot="value">
            <u-button type="primary" text="下载" size="mini"
                      @click="downloadAppendix(reportPdf.FILEPATH)"></u-button>
          </view>
        </u-cell>
        <u-cell v-if="resolutionPdf">
          <view slot="title" class="title">安委会或党委会决议记录</view>
          <view slot="value">
            <u-button type="primary" text="下载" size="mini"
                      @click="downloadAppendix(resolutionPdf.FILEPATH)"></u-button>
          </view>
        </u-cell>
      </u-cell-group>
    </view>
    <view class="card" v-if="form.STATE >='14'">
      <view class="view-title">
        <u--text text="整改信息" bold></u--text>
      </view>
      <u-cell-group :border="false">
        <u-cell>
          <view slot="title" class="title">整改部门人</view>
          <view slot="value">{{ form.RECTIFICATIONDEPTNAME }}</view>
        </u-cell>
        <u-cell>
          <view slot="title" class="title">验收时间</view>
          <view slot="value">{{ form.RECTIFICATIONORNAME }}</view>
        </u-cell>
        <u-cell v-if="rectificationPdf">
          <view slot="title" class="title">临时处置措施与隐患整改方案</view>
          <view slot="value">
            <u-button type="primary" text="下载" size="mini"
                      @click="downloadAppendix(rectificationPdf.FILEPATH)"></u-button>
          </view>
        </u-cell>
        <u-cell v-if="processPdf">
          <view slot="title" class="title">隐患整改过程记录</view>
          <view slot="value">
            <u-button type="primary" text="下载" size="mini"
                      @click="downloadAppendix(processPdf.FILEPATH)"></u-button>
          </view>
        </u-cell>
      </u-cell-group>
    </view>

    <view class="card" v-if="form.STATE =='15'">
      <view class="view-title">
        <u--text text="验收信息" bold></u--text>
      </view>
      <u-cell-group :border="false">
        <u-cell>
          <view slot="title" class="title">验收人</view>
          <view slot="value">{{ form.acceptName }}</view>
        </u-cell>
        <u-cell>
          <view slot="title" class="title">验收时间</view>
          <view slot="value">{{ form.CHECKTIME }}</view>
        </u-cell>
        <u-cell>
          <view slot="title" class="title">验收结果</view>
          <view slot="value">验收通过</view>
        </u-cell>
      </u-cell-group>
    </view>
  </view>
</template>

<script>
import {getHiddenGoEdit} from "../../../api";

export default {
  data() {
    return {
      HIDDEN_ID: '',
      form: {},
      hImgs: [],
      videoUrl: '',
      modalShow: false,
      majorinforPdf:{},
      supplementPdf:{},
      safetyofficePdf:{},
      majorapprovedPdf:{},
      resultslist:{},
      reportPdf:{},
      resolutionPdf:{},
      rectificationPdf:{},
      processPdf:{},
    }
  },
  onLoad(event) {
    this.HIDDEN_ID = event.HIDDEN_ID;
    this.getData()
  },
  methods: {
    async getData() {
      let resData = await getHiddenGoEdit({HIDDEN_ID: this.HIDDEN_ID});
      this.form = resData.pd;
      this.resultslist = resData.resultslist
      this.majorinforPdf = resData.majorinforPdf && resData.majorinforPdf[0]
      this.majorapprovedPdf = resData.majorapprovedPdf && resData.majorapprovedPdf[0]
      this.resolutionPdf = resData.resolutionPdf && resData.resolutionPdf[0]
      this.rectificationPdf = resData.rectificationPdf && resData.rectificationPdf[0]
      this.processPdf = resData.processPdf && resData.processPdf[0]
      this.reportPdf = resData.reportPdf && resData.reportPdf[0]
      this.supplementPdf = resData.supplementPdf && resData.supplementPdf[0]
      this.safetyofficePdf = resData.safetyofficePdf && resData.safetyofficePdf[0]
      console.log(this.safetyofficePdf)
      for (let i = 0; i < resData.hImgs.length; i++) {
        this.hImgs.push(this.$store.state.filePath + resData.hImgs[i].FILEPATH)
      }
      this.videoUrl = this.$store.state.filePath + resData.hiddenVideo[0].FILEPATH
      resData.hiddenExa && resData.hiddenExa.forEach(item => {
        if (item.TYPE == 0) {
          this.form.oldUserName = item.editUserName
          this.form.oldDeptName = item.editDeptName
          this.form.oldLevelName = item.editLevelName
          this.form.oldRectificationDeadline = item.spare3
        }
      })
    },
    previewImage(list,current) {
      uni.previewImage({
        urls: list,
        current
      });
    },
    downloadAppendix(DISPOSAL_FILE) {
      plus.runtime.openURL(this.$store.state.filePath + DISPOSAL_FILE, function (res) {
        console.log(res);
      });
    },
  },
}
</script>

<style scoped>

</style>