<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta
      http-equiv="X-UA-Compatible"
      content="IE=edge"
    />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover"
    />
    <title>高区安全“码”上查监管平台</title>
    <script
      type="text/javascript"
      src="../sdk/includeHead.js"
    ></script>
    <script
      type="text/javascript"
      src="../sdk/axios_http3.js"
    ></script>
    <style></style>
  </head>
  <body>
    <div id="app">
      <div
        class="wrapper"
        v-cloak
      >
        <div class="form-item">
          <span class="form-label">日期</span>
          <div class="form-input-wrap">
            <p class="form-content">{{formData.submitDate}}</p>
          </div>
        </div>
        <div class="form-item">
          <span class="form-label">安全建议</span>
          <div class="form-input-wrap">
            <!-- <input type="text" v-model="formData.content" class="form-input" :disabled="true"
							> -->
            <p class="form-content">{{formData.content}}</p>
          </div>
        </div>
        <div
          class="form-item"
          style="height: 1.5rem"
        >
          <img
            v-for="(imgItem, subIndex) in formData.photos"
            :src="imgItem"
            alt=""
            @click="showImage(formData.photos, subIndex)"
            style="width: 1.4rem; height: 1.4rem; margin-right: 0.2rem"
          />
        </div>
        <div class="form-item">
          <span class="form-label">联系人</span>
          <div class="form-input-wrap" style="display: flex; align-items: center;">
            <span class="form-content" style="line-height: .7rem;">
              {{ showOriginal.contactName ? formData.contactName : desensitize(formData.contactName, 'name') }}
            </span>
            <van-icon 
              :name="showOriginal.contactName ? 'eye-o' : 'closed-eye'"
              @click="toggleShow('contactName')"
              style="margin-left: 8px; color: #1989fa; cursor: pointer;"
            />
          </div>
        </div>
        <div class="form-item">
          <span class="form-label">联系方式</span>
          <div class="form-input-wrap" style="display: flex; align-items: center;">
            <span class="form-content" style="line-height: .7rem;">
              {{ showOriginal.contactDetails ? formData.contactDetails : desensitize(formData.contactDetails, 'phone') }}
            </span>
            <van-icon 
              :name="showOriginal.contactDetails ? 'eye-o' : 'closed-eye'"
              @click="toggleShow('contactDetails')"
              style="margin-left: 8px; color: #1989fa; cursor: pointer;"
            />
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
