Skip to content

G
GaoQuYingJiH5-ASD
Switch branch/tag
Find file
Normal viewHistoryPermalink
index.html 4.93 KB
Newer Older
xinzhedeai's avatar
asd init
cfc8a66c
 
xinzhedeai committed
1 2 
<!DOCTYPE html>
<html lang="en">
lei's avatar
add:安全检查list接口、首页安全信息接口联调
9be7af28
 
lei committed
3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0"
    />
    <title>商户检查页面</title>
    <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>
    <link
      rel="stylesheet"
      href="index.css"
    />
    <script
      type="text/javascript"
      src="./sdk/includeHead.js"
    ></script>
  </head>
xinzhedeai's avatar
feature:隐患整改
4a30a90a
 
xinzhedeai committed
29
lei's avatar
add:安全检查list接口、首页安全信息接口联调
9be7af28
 
lei committed
30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 
  <body>
    <!-- 获取授权用户信息 本地token等操作 -->
    <!-- <script type="text/javascript" src="sdk/jssdk2/index.js"></script> -->
    <div
      id="app"
      class="page_wrapper"
    >
      <!-- 第二层：商户图标、名称、等级、场所类型和地址 -->
      <div
        class="second-layer second-layer-zf"
        v-if="userInfo.userType!=='sj'"
      >
        <img
          class="merchant-icon"
          src="image/code/zhengfu_logo.png"
          alt=""
        />
        <div class="merchant-info welcome">
          <p>欢迎您，{{userInfo.deptName}}<br />进入安全“码”上查</p>
          <div class="user_tag">
            <img
              src="image/code/user.png"
              alt=""
            />
            <span>{{userInfo.roleName}}</span>
          </div>
        </div>
      </div>
xinzhedeai's avatar
feature:隐患整改
4a30a90a
 
xinzhedeai committed
58
lei's avatar
add:安全检查list接口、首页安全信息接口联调
9be7af28
 
lei committed
59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 
      <!-- 第二层：商户图标、名称、等级、场所类型和地址 -->
      <div
        class="second-layer-sj"
        v-if="userInfo.userType=='sj'"
      >
        <div class="header">
          <span>商家信息</span>
          <div class="user_tag">
            <img
              src="image/code/user.png"
              alt=""
            />
            <span>商家</span>
          </div>
        </div>
        <div class="bottom">
          <div class="left">
            <img
              class="merchant-icon"
              src="image/code/sj.png"
              alt="商户图标"
            />
          </div>
          <div class="right">
            <div class="merchant-info">
              <div class="name-rank">
                <span class="merchant-name">{{userInfo.unitName}}</span>
                <span class="user-rank">安全等级:绿</span>
              </div>
              <div class="divider"></div>
              <div class="type-address">
                <p>场所类型：{{userInfo.smallPlaceTypeName}}</p>
                <p>{{userInfo.businessAddress}}</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 第三层：统计信息 -->
      <div class="third-layer">
        <div class="stats-header">
          <div class="stats-title">数据统计</div>
          <!-- <van-cell-group> -->
          <div
            @click="showPopup('showPopup4completionDate')"
            style="position: absolute; top: -0.08rem; right: 0.4rem"
          >
            <span class="formValue">{{showDate|formatterData}}</span
            ><van-icon name="arrow-down" />
          </div>
          <van-popup
            v-model="showPopup4completionDate"
            position="bottom"
          >
            <van-datetime-picker
              v-model="selectedDate"
              :min-date="minDate"
              type="year-month"
              title="选择年月"
              @confirm="confirm4completionDate"
              @cancel="showPopup4completionDate=false"
              :formatter="needData"
            />
          </van-popup>
          <!-- </van-cell-group> -->
        </div>
        <div class="stats-content">
          <div class="stat-item">
            <div class="stat-value">{{userData.checkCount}}次</div>
            <div class="stat-label">检查数</div>
          </div>
          <div class="stat-item">
            <div class="stat-value">{{userData.checkSelfCount}}次</div>
            <div class="stat-label">自查数</div>
          </div>
          <div class="stat-item">
            <div class="stat-value">{{userData.hiddenCount}}处</div>
            <div class="stat-label">隐患数</div>
          </div>
          <div class="stat-item">
            <div class="stat-value">{{userData.hiddenNoReCount}}处</div>
            <div class="stat-label">未整改</div>
          </div>
        </div>
      </div>
xinzhedeai's avatar
feature:隐患整改
4a30a90a
 
xinzhedeai committed
144
lei's avatar
add:安全检查list接口、首页安全信息接口联调
9be7af28
 
lei committed
145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 
      <!-- 第四层：检查专区 -->
      <div class="fourth-layer">
        <h2>检查专区</h2>
        <div class="check-modules">
          <div
            class="check-module"
            v-for="(item,index) in menuList"
            :key="index"
            :class="item.className"
            @click="scanCode(item.navTo)"
          >
            <p>{{item.title}} <van-icon name="arrow" /></p>
            <p class="module-intro">{{item.remark}}</p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>