<!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">
            <p class="form-content">{{formData.contactName}}</p>
          </div>
        </div>
        <div class="form-item">
          <span class="form-label">联系方式</span>
          <div class="form-input-wrap">
            <p class="form-content">{{formData.contactDetails}}</p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
