<!-- 首页 -->
<template>
  <van-sticky>
    <div class="body-bg">
      <van-grid :column-num="3">
        <van-grid-item to="/yinhuan/home">
          <img src="@/assets/img/yinhuan-check.png" width="32px" />
          <span class="vanicon_text">隐患排查</span>
        </van-grid-item>
        <van-grid-item to="/dailyproblem">
          <img src="@/assets/img/answer-daily.png" width="32px" />
          <span class="vanicon_text">每日答题</span>
        </van-grid-item>

        <van-grid-item to="/safeCheck/home">
          <img src="@/assets/img/secure-check.png" width="32px" />
          <span class="vanicon_text">安全检查</span>
        </van-grid-item>
        <van-grid-item to="/lvzhi">
          <img src="@/assets/img/perform-record.png" width="32px" />
          <span class="vanicon_text">履职记录</span>
        </van-grid-item>
        <van-grid-item to="/lvzhicx">
          <img src="@/assets/img/perform-record.png" width="32px" />
          <span class="vanicon_text">履职记录查询</span>
        </van-grid-item>
        <van-grid-item to="/projectManage/projectIndex">
          <img src="@/assets/img/projectManage.svg" width="32px" />
          <span class="vanicon_text">项目管理</span>
        </van-grid-item>
        <van-grid-item to="/institution">
          <img src="@/assets/img/institution.png" width="32px" />
          <span class="vanicon_text">制度管理</span>
        </van-grid-item>
        <van-grid-item to="/emergencyResources">
          <img src="@/assets/img/emergencyResources.png" width="32px">
          <span class="vanicon_text">应急物资</span>
        </van-grid-item>
        <van-grid-item to="/cardManager">
          <img src="@/assets/img/card.png" width="32px">
          <span class="vanicon_text">证件管理</span>
        </van-grid-item>
        <van-grid-item to="/emergencyDrillPlan">
          <img src="@/assets/img/emergencyDrillPlan.png" width="32px">
          <span class="vanicon_text">应急演练</span>
        </van-grid-item>
        <van-grid-item to="/appShow">
          <img src="@/assets/img/emergencyDrillPlan.png" width="32px">
          <span class="vanicon_text">小程序页</span>
        </van-grid-item>
      </van-grid>
      <div></div>
    </div>
  </van-sticky>
  <!-- 待办列表组件 -->
  <!-- <daibanList></daibanList> -->
</template>

<!-- <script>
export default {
  name: "Home",
};
</script> -->
<script setup>
// let userArr = ["S56077", "S56084", "S56230", "S56193"];
// console.log(
//   "VUE_APP_USERCODE",
//   localStorage.getItem(process.env.VUE_APP_USERCODE)
// );
// console.log(
//   "userArr.indexOf(localStorage.getItem(process.env.VUE_APP_USERCODE))",
//   userArr.indexOf(localStorage.getItem(process.env.VUE_APP_USERCODE))
// );
// const isShow =
//   userArr.indexOf(localStorage.getItem(process.env.VUE_APP_USERCODE)) != -1
//     ? true
//     : false;
</script>

<style scoped>
.body-bg {
  background-color: #f1f8fe;
}

:deep(.van-grid-item__text) {
  font-size: var(--van-font-size-lg0);
}

.dbTitle {
  margin-top: 10px;
}

.daiban_titile_img {
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.custom-title {
  font-size: var(--van-font-size-lg);
  font-weight: bold;
  color: var(--van-gray-9);
}

.vanicon_text {
  font-size: var(--van-font-size-lg0);
  color: var(--van-grid-item-text-color);
  margin-top: var(--van-padding-xs);
  line-height: 1.5;
  word-break: break-all;
}
</style>
