<template>
  <view class="container">
    <u-divider
      text="隐患信息"
      text-position="left"
      text-color="rgb(42, 86, 247)"
      line-color="rgb(42, 86, 247)"
      dashed
    />
    <u-cell-group>
      <block v-if="info.INSPECT_CONTENT">
        <u-cell title="帮扶内容" :label="info.INSPECT_CONTENT" />
      </block>
      <u-cell title="隐患描述" :label="info.HIDDENDESCR" />
      <u-cell title="隐患编码" :label="info.CODE" />
      <u-cell title="隐患部位" :value="info.HIDDENPART" />
      <u-cell title="隐患级别" :value="info.HIDDENLEVELNAME" />
      <u-cell title="帮扶人员" :value="info.INSPECT_USER_NAME" />
      <u-cell title="发现时间" :value="info.DISCOVER_TIME" />
      <u-cell title="整改截止时间" :value="info.RECTIFY_DEADLINE" />
      <u-cell title="整改意见" :label="info.DISPOSE" />
      <u-cell title="隐患状态">
        <template #value>
          <text v-if="info.STATE === '1'"> 待整改 </text>
          <text v-else-if="info.STATE === '2'"> 待复查 </text>
          <text v-else-if="info.STATE === '3'"> 已复查 </text>
        </template>
      </u-cell>
      <u-cell title="隐患图片">
        <template #label>
          <u-row :gutter="12">
            <u-col v-for="item in info.hImgs" :key="item.FILEPATH" span="3">
              <u--image
                :show-loading="true"
                :src="item.FILEPATH"
                width="80px"
                height="80px"
                @click="fnPreview(item.FILEPATH, 'hImgs')"
              />
            </u-col>
          </u-row>
        </template>
      </u-cell>
      <u-cell
        v-if="info.QUALIFIED === '0' && info.REVIEW_CONTENT"
        title="打回原因"
        :value="info.REVIEW_CONTENT"
      />
      <u-cell
        v-if="info.QUALIFIED === '0' && info.REVIEW_TIME"
        title="打回时间"
        :value="info.REVIEW_TIME"
      />
      <u-cell
        v-if="info.QUALIFIED === '0' && info.reviewImgs"
        title="现场复查照片"
      >
        <template #label>
          <u-row :gutter="12">
            <u-col
              v-for="item in info.reviewImgs"
              :key="item.FILEPATH"
              span="3"
            >
              <u--image
                :show-loading="true"
                :src="item.FILEPATH"
                width="80px"
                height="80px"
                @click="fnPreview(item.FILEPATH, 'reviewImgs')"
              />
            </u-col>
          </u-row>
        </template>
      </u-cell>
    </u-cell-group>
    <template v-if="info.STATE > 1">
      <u-divider
        text="整改信息"
        text-position="left"
        text-color="rgb(42, 86, 247)"
        line-color="rgb(42, 86, 247)"
        dashed
      />
      <u-cell-group>
        <u-cell title="整改人" :value="info.RECTIFYER_NAME" />
        <u-cell title="整改时间" :value="info.RECTIFY_TIME" />
        <u-cell title="整改描述" :label="info.RECTIFY_DESCR" />
        <u-cell title="整改图片">
          <template #label>
            <u-row :gutter="12">
              <u-col v-for="item in info.rImgs" :key="item.FILEPATH" span="3">
                <u--image
                  :show-loading="true"
                  :src="item.FILEPATH"
                  width="80px"
                  height="80px"
                  @click="fnPreview(item.FILEPATH, 'rImgs')"
                />
              </u-col>
            </u-row>
          </template>
        </u-cell>
        <u-cell title="本次整改报告照片">
          <template #label>
            <u-row :gutter="12">
              <u-col v-for="item in info.rfImgs" :key="item.FILEPATH" span="3">
                <u--image
                  :show-loading="true"
                  :src="item.FILEPATH"
                  width="80px"
                  height="80px"
                  @click="fnPreview(item.FILEPATH, 'rfImgs')"
                />
              </u-col>
            </u-row>
          </template>
        </u-cell>
      </u-cell-group>
    </template>
    <template v-if="info.STATE === '3'">
      <u-divider
        text="复查信息"
        text-position="left"
        text-color="rgb(42, 86, 247)"
        line-color="rgb(42, 86, 247)"
        dashed
      />
      <u-cell-group>
        <!--        <u-cell title="复查部门" :value="info.REVIEW_DEPT_NAME" />
        <u-cell title="复查人" :value="info.REVIEWER_NAME" />-->
        <u-cell title="复查时间" :value="info.REVIEW_TIME" />
        <u-cell title="是否合格">
          <template #value>
            <text v-if="info.QUALIFIED === '1'"> 是 </text>
            <text v-else-if="info.QUALIFIED === '0'"> 否 </text>
          </template>
        </u-cell>
        <u-cell title="现场复查照片">
          <template #label>
            <u-row :gutter="12">
              <u-col
                v-for="item in info.reviewImgs"
                :key="item.FILEPATH"
                span="3"
              >
                <u--image
                  :show-loading="true"
                  :src="item.FILEPATH"
                  width="80px"
                  height="80px"
                  @click="fnPreview(item.FILEPATH, 'reviewImgs')"
                />
              </u-col>
            </u-row>
          </template>
        </u-cell>
      </u-cell-group>
    </template>
  </view>
</template>

<script>
import { getSupervisionInspectionRecordHiddenView } from "@/api";

export default {
  props: {
    superviseInspectHiddenId: {
      type: String,
      default: "",
    },
  },
  data() {
    return {
      info: {},
    };
  },
  created() {
    if (this.superviseInspectHiddenId) {
      this.fnGetData(this.superviseInspectHiddenId);
    }
  },
  onLoad(query) {
    this.fnGetData(query.SUPERVISE_INSPECT_HIDDEN_ID);
  },
  methods: {
    async fnGetData(SUPERVISE_INSPECT_HIDDEN_ID) {
      const resData = await getSupervisionInspectionRecordHiddenView({
        SUPERVISE_INSPECT_HIDDEN_ID,
      });
      const imgs = ["hImgs", "rImgs", "rfImgs", "reviewImgs"];
      for (let i = 0; i < imgs.length; i++) {
        for (let j = 0; j < resData.pd[imgs[i]].length; j++) {
          resData.pd[imgs[i]][j].FILEPATH =
            this.$filePath + resData.pd[imgs[i]][j].FILEPATH;
        }
      }
      this.info = resData.pd;
    },
    fnPreview(current, key) {
      uni.previewImage({
        current,
        urls: this.info[key].map((item) => item.FILEPATH),
      });
    },
  },
};
</script>

<style scoped lang="scss">
.container {
  padding: 20upx;
}
</style>
