zhouwx
2024-12-11 9617b90429133e5a896817c6a3ee2a569a63ac35
src/views/homePage.vue
@@ -3,9 +3,9 @@
<!--    <img class="pics1" src="src/assets/images/login-data.png">-->
<!--    <img class="pics2" src="src/assets/images/login-search.png">-->
    <div class="main-content">
      <div class="top">
      <div class="top" style="z-index: 1">
        <div class="top-cont">
          <div class="logo blueFont">智慧安评</div>
          <div class="logo blueFont">新疆维吾尔自治区智慧安评服务平台</div>
          <div class="time">
            <div>
              <span>{{state.date}}</span>
@@ -18,7 +18,7 @@
        </div>
      </div>
      <div class="nav blueBg">
      <div class="nav blueBg" style="z-index: 1">
        <div class="nav-cont">
          <div :class="state.activeMenu == 1?'active': ''" @click="changeTab(1)">
            <HomeFilled style="width: 1em; height: 1em; margin-right: 8px" />
@@ -36,6 +36,10 @@
            <List style="width: 1em; height: 1em; margin-right: 8px" />
            <div>机构公示</div>
          </div>
          <div :class="state.activeMenu == 5?'active': ''" style="margin-left: 160px" @click="toExpert">
            <el-icon style="width: 1em; height: 1em; margin-right: 8px"><Medal /></el-icon>
            <div>应急专家管理</div>
          </div>
        </div>
      </div>
      <div class="content">
@@ -48,7 +52,7 @@
    </div>
    <!--  底部  -->
    <div class="el-login-footer">
      <span>Copyright © All Rights Reserved.</span>
      <span>Copyright ©2023-{{nowYear}} All Rights Reserved.</span>
    </div>
  </div>
</template>
@@ -64,6 +68,7 @@
const { proxy } = getCurrentInstance()
const route = useRoute()
const router = useRouter()
const nowYear = ref();
// 时间格式化
const timeForm = {
  hour12: false,
@@ -92,6 +97,7 @@
const getDateTime = () => {
  const curTime = new Date().toLocaleString('zh', timeForm).replace(/\//g, '-');
  state.date = curTime.slice(0, 10);
  nowYear.value = curTime.slice(0, 4);
  let week = ['日', '一', '二', '三', '四', '五', '六'];
  let day = new Date().getDay();
  state.weekDay = '星期' + week[day];
@@ -141,6 +147,9 @@
}
const toExpert = () => {
  window.open("http://8.137.115.153:85/")
}
</script>
<style lang='scss' scoped>
@@ -167,7 +176,7 @@
      justify-content: center;
      .top-cont{
        width: 1200px;
        height: 90px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: space-between;
@@ -176,14 +185,14 @@
        .logo{
          font-size: 2rem;
          font-weight: 800;
          height: 90px;
          line-height: 90px;
          height: 80px;
          line-height: 80px;
          font-family: "PingFang SC";
        }
        .time{
          font-size: 16px;
          height: 90px;
          height: 80px;
          display: flex;
          flex-direction: column;
          justify-content: center;
@@ -199,13 +208,13 @@
    .nav{
      width: 100%;
      height: 80px;
      height: 70px;
      position: fixed;
      top: 90px;
      top: 80px;
      left: 0;
      .nav-cont{
        width: 1200px;
        height: 80px;
        height: 70px;
        margin: 0 auto;
        display: flex;
        align-items: center;
@@ -215,7 +224,7 @@
          height: 100%;
          padding: 0 50px;
          color: #ffffff;
          background-color: #5175C0;
          background-color: #385ca7;
          font-size: 20px;
          text-decoration: none;
          display: flex;
@@ -224,11 +233,11 @@
          cursor: pointer;
          &:hover{
            background: #425f9f;
            background: #294582;
          }
        }
        .active{
          background: #425f9f;
          background: #294582;
        }
      }
    }
@@ -250,14 +259,14 @@
}
.el-login-footer {
  height: 60px;
  line-height: 60px;
  height: 40px;
  line-height: 40px;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  background: #5175C0;
  background: #385ca7;
  font-family: "PingFang SC";
  font-size: 12px;
  letter-spacing: 1px;