diff --git a/src/assets/img/yantai/index2/arrow.png b/src/assets/img/yantai/index2/arrow.png
new file mode 100644
index 000000000..3fd881db1
Binary files /dev/null and b/src/assets/img/yantai/index2/arrow.png differ
diff --git a/src/assets/img/yantai/index2/cnt-bg.png b/src/assets/img/yantai/index2/cnt-bg.png
new file mode 100644
index 000000000..5b547b240
Binary files /dev/null and b/src/assets/img/yantai/index2/cnt-bg.png differ
diff --git a/src/assets/img/yantai/index2/title-bg.png b/src/assets/img/yantai/index2/title-bg.png
new file mode 100644
index 000000000..1d115c968
Binary files /dev/null and b/src/assets/img/yantai/index2/title-bg.png differ
diff --git a/src/assets/img/yantai/index2/title-bg2.png b/src/assets/img/yantai/index2/title-bg2.png
new file mode 100644
index 000000000..90883ebbf
Binary files /dev/null and b/src/assets/img/yantai/index2/title-bg2.png differ
diff --git a/src/assets/img/yantai/index2/top-bg.png b/src/assets/img/yantai/index2/top-bg.png
new file mode 100644
index 000000000..8911ede6a
Binary files /dev/null and b/src/assets/img/yantai/index2/top-bg.png differ
diff --git a/src/assets/scss/common.scss b/src/assets/scss/common.scss
index 07c632590..668e2a0a8 100644
--- a/src/assets/scss/common.scss
+++ b/src/assets/scss/common.scss
@@ -280,8 +280,11 @@ img {
   display: flex;
   align-items: stretch;
   height: $navbar--height;
-  background-color: $--color-primary;
-  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
+  // background-color: $--color-primary;
+  // box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
+  background: linear-gradient(90deg, #0052c2 0%, #136ee6 51%, #3d94fe 100%);
+  box-shadow: 0px 3px 16px 0px rgba(187, 187, 227, 0.35);
+
   &--colorful {
     .aui-navbar__body {
       background-color: transparent;
@@ -547,6 +550,9 @@ img {
     .el-submenu__title {
       height: $sidebar--menu-item-height;
       line-height: $sidebar--menu-item-height;
+      &.is-active {
+        background: linear-gradient(90deg, #3c94fe 0%, #3c94fe 2%, #2e67d5 2%, rgba(#2e67d5, 0) 100%);
+      }
     }
   }
   &__menu-icon {
diff --git a/src/assets/scss/pages/yantai-index-22.scss b/src/assets/scss/pages/yantai-index-22.scss
new file mode 100644
index 000000000..d72f4162d
--- /dev/null
+++ b/src/assets/scss/pages/yantai-index-22.scss
@@ -0,0 +1,185 @@
+@import "~@/assets/scss/c/config.scss";
+@import "~@/assets/scss/c/function.scss";
+
+.g-cnt {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-image: url(~@/assets/img/yantai/index/bg.png);
+  background-size: cover;
+  background-position: center;
+}
+
+.m-top {
+  position: absolute;
+  top: 0;
+  width: 1920px;
+  left: -1000px;
+  right: -1000px;
+  margin: 0 auto;
+
+  .name {
+    position: absolute;
+    top: 0;
+    left: 0;
+    text-align: center;
+    width: 100%;
+    line-height: 90px;
+    font-size: 42px;
+    font-weight: bold;
+    color: #fff;
+    background-image: -webkit-linear-gradient(bottom, rgb(23, 222, 238), rgb(23, 222, 238), #fff, #fff);
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+  }
+}
+
+.m-list {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  right: 0;
+  margin: auto;
+  transform: translateY(-50%);
+
+  .list {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    width: 100%;
+    margin: 0 auto;
+
+    .menu {
+      position: relative;
+
+      .menu-list {
+        position: absolute;
+        top: 50px;
+        width: 100%;
+        left: 0;
+
+        .menu-item {
+          position: relative;
+          margin-bottom: 40px;
+          width: 150px;
+          height: 70px;
+          line-height: 70px;
+          color: rgba(#fff, 0.6);
+          font-size: 20px;
+          border-radius: 60px;
+          text-align: center;
+          transition: all 0.2s ease;
+          cursor: pointer;
+
+          &.z-zuo {
+            left: 60px;
+            background: linear-gradient(to left, rgba(rgb(67, 67, 210), 0.3), rgba(#00a, 0));
+            box-shadow: -4px 4px 6px 0 inset rgba(#fff, 0.2);
+            &:nth-child(2),
+            &:nth-child(6) {
+              margin-left: 20px;
+            }
+            &:nth-child(3),
+            &:nth-child(5) {
+              margin-left: 20px * 2;
+            }
+            &:nth-child(4) {
+              margin-left: 20px * 2 + 1px;
+            }
+          }
+
+          &.z-you {
+            left: 70px;
+            background: linear-gradient(to right, rgba(rgb(67, 67, 210), 0.3), rgba(#00a, 0));
+            box-shadow: 4px 4px 6px 0 inset rgba(#fff, 0.2);
+
+            &:nth-child(2),
+            &:nth-child(6) {
+              margin-left: -20px;
+            }
+            &:nth-child(3),
+            &:nth-child(5) {
+              margin-left: -20px * 2;
+            }
+            &:nth-child(4) {
+              margin-left: -20px * 2 - 1px;
+            }
+          }
+
+          &:hover,
+          &.z-on {
+            transform: scale(1.15);
+            color: rgba(#fff, 0.95);
+          }
+        }
+      }
+    }
+
+    .arrow {
+      width: 60px;
+      margin: 0 20px;
+    }
+
+    .item {
+      position: relative;
+      margin: 0 50px;
+      width: 420px;
+
+      .item-wrap {
+        text-align: center;
+        cursor: pointer;
+        transition: all 0.2s ease;
+        &:hover {
+          transform: scale(1.1);
+        }
+      }
+
+      &.z-on {
+        .name {
+          color: #ffffff;
+          background-color: transparent;
+          border-color: #ffffff;
+          &::before {
+            background-color: #ffffff;
+          }
+        }
+      }
+      .logo {
+        width: 100%;
+      }
+      .name {
+        position: absolute;
+        top: 12%;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 40px;
+        color: #fff;
+      }
+    }
+  }
+}
+
+.m-footer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 20px;
+  color: rgba(255, 255, 255, 0.6);
+  text-align: center;
+  p {
+    margin: 10px 0;
+  }
+  a {
+    padding: 0 5px;
+    color: rgba(255, 255, 255, 0.6);
+    &:focus,
+    &:hover {
+      color: #fff;
+    }
+  }
+}
diff --git a/src/assets/scss/pages/yantai-index.scss b/src/assets/scss/pages/yantai-index.scss
index d72f4162d..3dd478fcf 100644
--- a/src/assets/scss/pages/yantai-index.scss
+++ b/src/assets/scss/pages/yantai-index.scss
@@ -7,18 +7,19 @@
   left: 0;
   right: 0;
   bottom: 0;
-  background-image: url(~@/assets/img/yantai/index/bg.png);
-  background-size: cover;
-  background-position: center;
+  background: #060b30;
 }
 
 .m-top {
   position: absolute;
   top: 0;
-  width: 1920px;
-  left: -1000px;
-  right: -1000px;
+  left: 0;
+  right: 0;
+  z-index: 10;
   margin: 0 auto;
+  .logo {
+    width: 100%;
+  }
 
   .name {
     position: absolute;
@@ -26,10 +27,10 @@
     left: 0;
     text-align: center;
     width: 100%;
-    line-height: 90px;
-    font-size: 42px;
+    line-height: 80px;
+    font-size: 38px;
     font-weight: bold;
-    color: #fff;
+    color: #83fbfe;
     background-image: -webkit-linear-gradient(bottom, rgb(23, 222, 238), rgb(23, 222, 238), #fff, #fff);
     background-clip: text;
     -webkit-background-clip: text;
@@ -37,149 +38,233 @@
   }
 }
 
-.m-list {
+@keyframes detour {
+  /* 旋转沿x轴旋转-10度,再绕y轴旋转 */
+  0% {
+    transform: rotateX(-10deg) rotateY(360deg);
+  }
+
+  100% {
+    transform: rotateX(-10deg) rotateY(0deg);
+  }
+}
+
+.m-anime {
+  /* 引入动画效果 */
   position: absolute;
-  top: 50%;
+  top: 280px;
   left: 0;
   right: 0;
-  margin: auto;
-  transform: translateY(-50%);
-
-  .list {
-    display: flex;
-    justify-content: space-around;
-    align-items: center;
-    width: 100%;
-    margin: 0 auto;
-
-    .menu {
-      position: relative;
-
-      .menu-list {
-        position: absolute;
-        top: 50px;
-        width: 100%;
-        left: 0;
-
-        .menu-item {
-          position: relative;
-          margin-bottom: 40px;
-          width: 150px;
-          height: 70px;
-          line-height: 70px;
-          color: rgba(#fff, 0.6);
-          font-size: 20px;
-          border-radius: 60px;
-          text-align: center;
-          transition: all 0.2s ease;
-          cursor: pointer;
-
-          &.z-zuo {
-            left: 60px;
-            background: linear-gradient(to left, rgba(rgb(67, 67, 210), 0.3), rgba(#00a, 0));
-            box-shadow: -4px 4px 6px 0 inset rgba(#fff, 0.2);
-            &:nth-child(2),
-            &:nth-child(6) {
-              margin-left: 20px;
-            }
-            &:nth-child(3),
-            &:nth-child(5) {
-              margin-left: 20px * 2;
-            }
-            &:nth-child(4) {
-              margin-left: 20px * 2 + 1px;
-            }
-          }
-
-          &.z-you {
-            left: 70px;
-            background: linear-gradient(to right, rgba(rgb(67, 67, 210), 0.3), rgba(#00a, 0));
-            box-shadow: 4px 4px 6px 0 inset rgba(#fff, 0.2);
-
-            &:nth-child(2),
-            &:nth-child(6) {
-              margin-left: -20px;
-            }
-            &:nth-child(3),
-            &:nth-child(5) {
-              margin-left: -20px * 2;
-            }
-            &:nth-child(4) {
-              margin-left: -20px * 2 - 1px;
-            }
-          }
-
-          &:hover,
-          &.z-on {
-            transform: scale(1.15);
-            color: rgba(#fff, 0.95);
-          }
-        }
-      }
+  margin: 70px auto;
+  transform-style: preserve-3d;
+  animation: detour 12s linear infinite;
+  // transform: rotateX(-10deg);
+  width: 123px;
+  height: 32px;
+  .anime {
+    position: absolute;
+    img {
+      width: 123px;
     }
-
-    .arrow {
-      width: 60px;
-      margin: 0 20px;
+    &:nth-child(1) {
+      transform: rotateY(90deg) translateZ(552px);
     }
+    &:nth-child(2) {
+      transform: rotateY(180deg) translateZ(552px);
+    }
+    &:nth-child(3) {
+      transform: rotateY(270deg) translateZ(552px);
+    }
+    &:nth-child(4) {
+      transform: rotateY(360deg) translateZ(552px);
+    }
+  }
+}
 
-    .item {
-      position: relative;
-      margin: 0 50px;
-      width: 420px;
-
-      .item-wrap {
-        text-align: center;
-        cursor: pointer;
-        transition: all 0.2s ease;
-        &:hover {
-          transform: scale(1.1);
-        }
-      }
+@keyframes detour2 {
+  /* 旋转沿x轴旋转-10度,再绕y轴旋转 */
+  0% {
+    transform: rotateX(-10deg) rotateY(360deg);
+  }
 
-      &.z-on {
-        .name {
-          color: #ffffff;
-          background-color: transparent;
-          border-color: #ffffff;
-          &::before {
-            background-color: #ffffff;
-          }
-        }
-      }
-      .logo {
-        width: 100%;
-      }
-      .name {
-        position: absolute;
-        top: 12%;
-        left: 0;
-        width: 100%;
-        font-size: 36px;
-        line-height: 40px;
-        color: #fff;
-      }
-    }
+  100% {
+    transform: rotateX(-10deg) rotateY(0deg);
   }
 }
 
-.m-footer {
+.m-anime2 {
+  /* 引入动画效果 */
   position: absolute;
-  bottom: 0;
+  top: 720px;
   left: 0;
   right: 0;
-  padding: 20px;
-  color: rgba(255, 255, 255, 0.6);
-  text-align: center;
-  p {
-    margin: 10px 0;
+  margin: 70px auto;
+  transform-style: preserve-3d;
+  animation: detour2 18s linear infinite;
+  // transform: rotateX(-10deg);
+  width: 2px;
+  height: 8px;
+  .anime {
+    position: absolute;
+    width: 2px;
+    height: 8px;
+    background-color: rgba(#fff, 0.9);
+
+    &:nth-child(1) {
+      transform: rotateY(10deg) translateZ(551px);
+    }
+    &:nth-child(2) {
+      transform: rotateY(20deg) translateZ(551px);
+    }
+    &:nth-child(3) {
+      transform: rotateY(30deg) translateZ(551px);
+    }
+    &:nth-child(4) {
+      transform: rotateY(40deg) translateZ(551px);
+    }
+    &:nth-child(5) {
+      transform: rotateY(50deg) translateZ(551px);
+    }
+    &:nth-child(6) {
+      transform: rotateY(60deg) translateZ(551px);
+    }
+    &:nth-child(7) {
+      transform: rotateY(70deg) translateZ(551px);
+    }
+    &:nth-child(8) {
+      transform: rotateY(80deg) translateZ(551px);
+    }
+    &:nth-child(9) {
+      transform: rotateY(90deg) translateZ(551px);
+    }
+    &:nth-child(10) {
+      transform: rotateY(100deg) translateZ(551px);
+    }
+    &:nth-child(11) {
+      transform: rotateY(110deg) translateZ(551px);
+    }
+    &:nth-child(12) {
+      transform: rotateY(120deg) translateZ(551px);
+    }
+    &:nth-child(13) {
+      transform: rotateY(130deg) translateZ(551px);
+    }
+    &:nth-child(14) {
+      transform: rotateY(140deg) translateZ(551px);
+    }
+    &:nth-child(15) {
+      transform: rotateY(150deg) translateZ(551px);
+    }
+    &:nth-child(16) {
+      transform: rotateY(160deg) translateZ(551px);
+    }
+    &:nth-child(17) {
+      transform: rotateY(170deg) translateZ(551px);
+    }
+    &:nth-child(18) {
+      transform: rotateY(180deg) translateZ(551px);
+    }
+    &:nth-child(19) {
+      transform: rotateY(190deg) translateZ(551px);
+    }
+    &:nth-child(20) {
+      transform: rotateY(200deg) translateZ(551px);
+    }
+    &:nth-child(21) {
+      transform: rotateY(210deg) translateZ(551px);
+    }
+    &:nth-child(22) {
+      transform: rotateY(220deg) translateZ(551px);
+    }
+    &:nth-child(23) {
+      transform: rotateY(230deg) translateZ(551px);
+    }
+    &:nth-child(24) {
+      transform: rotateY(240deg) translateZ(551px);
+    }
+    &:nth-child(25) {
+      transform: rotateY(250deg) translateZ(551px);
+    }
+    &:nth-child(26) {
+      transform: rotateY(260deg) translateZ(551px);
+    }
+    &:nth-child(27) {
+      transform: rotateY(270deg) translateZ(551px);
+    }
+    &:nth-child(28) {
+      transform: rotateY(280deg) translateZ(551px);
+    }
+    &:nth-child(29) {
+      transform: rotateY(290deg) translateZ(551px);
+    }
+    &:nth-child(30) {
+      transform: rotateY(300deg) translateZ(551px);
+    }
+    &:nth-child(31) {
+      transform: rotateY(310deg) translateZ(551px);
+    }
+    &:nth-child(32) {
+      transform: rotateY(320deg) translateZ(551px);
+    }
+    &:nth-child(33) {
+      transform: rotateY(330deg) translateZ(551px);
+    }
+    &:nth-child(34) {
+      transform: rotateY(340deg) translateZ(551px);
+    }
+    &:nth-child(35) {
+      transform: rotateY(350deg) translateZ(551px);
+    }
+    &:nth-child(36) {
+      transform: rotateY(360deg) translateZ(551px);
+    }
   }
-  a {
-    padding: 0 5px;
-    color: rgba(255, 255, 255, 0.6);
-    &:focus,
-    &:hover {
-      color: #fff;
+}
+
+.m-info {
+  position: relative;
+  z-index: 5;
+
+  .bg {
+    width: 100%;
+  }
+
+  .btn {
+    position: absolute;
+    top: 300px;
+    left: 0;
+    right: 0;
+    margin: 0 auto;
+    width: 260px;
+    height: 66px;
+    text-align: center;
+    line-height: 66px;
+    cursor: pointer;
+
+    &.btn2 {
+      top: 800px;
+      width: 300px;
+      height: 68px;
+      line-height: 68px;
+    }
+    img {
+      position: absolute;
+      z-index: 0;
+      top: -100px;
+      bottom: -100px;
+      left: -100px;
+      right: -100px;
+      width: 100%;
+      margin: auto;
+    }
+    span {
+      position: relative;
+      z-index: 1;
+      font-size: 36px;
+      font-family: Source Han Sans CN;
+      font-weight: 800;
+      color: #ffffff;
+      text-shadow: 0px 4px 13px rgba(10, 31, 124, 0.59);
     }
   }
 }
diff --git a/src/views/pages/yantai-index - 副本.vue b/src/views/pages/yantai-index - 副本.vue
new file mode 100644
index 000000000..7dcac702f
--- /dev/null
+++ b/src/views/pages/yantai-index - 副本.vue	
@@ -0,0 +1,209 @@
+<template>
+  <fixed1920>
+    <div class="g-cnt">
+      <div class="m-top animate__animated menu animate__fadeInDown">
+        <img class="logo" src="@/assets/img/yantai/index/db.png" />
+        <div class="name">智慧社区平台</div>
+      </div>
+
+      <div class="m-list">
+        <div class="list">
+          <div class="animate__animated menu animate__fadeInLeft">
+            <img
+              class="menu-bg"
+              src="@/assets/img/yantai/index/yuanhu-you.png"
+            />
+            <div class="menu-list">
+              <div class="menu-item z-zuo" @click="toPage('/main/base-resi')">
+                人房信息
+              </div>
+              <div
+                class="menu-item z-zuo"
+                @click="toPage('/main/base-epidemic-antiInfo')"
+              >
+                疫情防控
+              </div>
+              <div
+                class="menu-item z-zuo"
+                @click="toPage('/main/shequzhili-event-eventList')"
+              >
+                社区治理
+              </div>
+              <div
+                class="menu-item z-zuo z-on"
+                @click="toPage('/main/communityParty-members-index')"
+              >
+                社区党建
+              </div>
+              <div
+                class="menu-item z-zuo"
+                @click="toPage('/main/communityService-measure-index')"
+              >
+                社区服务
+              </div>
+              <div class="menu-item z-zuo" @click="toPage('/main/workPc-guidance-guidanceList.vue')">便携工具</div>
+              <div class="menu-item z-zuo" @click="toPage('/main/workSys-mapConfig')">系统管理</div>
+            </div>
+          </div>
+
+          <img class="arrow" src="@/assets/img/yantai/index/zuo.png" />
+
+          <div
+            class="item animate__animated animate__pulse"
+            @click="handleClickItem(1)"
+          >
+            <div class="item-wrap">
+              <img class="logo" src="@/assets/img/yantai/index/guanli.png" />
+              <div class="name">管理平台</div>
+            </div>
+          </div>
+
+          <div
+            class="item animate__animated animate__pulse"
+            @click="handleClickItem(2)"
+          >
+            <div class="item-wrap">
+              <img class="logo" src="@/assets/img/yantai/index/shuju.png" />
+              <div class="name">数据分析平台</div>
+            </div>
+          </div>
+
+          <img class="arrow" src="@/assets/img/yantai/index/you.png" />
+
+          <div class="menu animate__animated menu animate__fadeInRight">
+            <img
+              class="menu-bg"
+              src="@/assets/img/yantai/index/yuanhu-zuo.png"
+            />
+            <div class="menu-list">
+              <div
+                class="menu-item z-you"
+                @click="toPage('/main-shuju/visual-basicinfo-basicInfoMain')"
+              >
+                基础信息
+              </div>
+              <div
+                class="menu-item z-you"
+                @click="toPage('/main-shuju/visual-warning-index')"
+              >
+                人员预警
+              </div>
+              <div
+                class="menu-item z-you"
+                @click="toPage('/main-shuju/visual-measure-service')"
+              >
+                需求清单
+              </div>
+              <div
+                class="menu-item z-you z-on"
+                @click="toPage('/main-shuju/visual-communityParty-party')"
+              >
+                社区党建
+              </div>
+              <div
+                class="menu-item z-you"
+                @click="
+                  toPage(
+                    '/main-shuju/visual-communityGovern-shijianchuli-shijianchulifenxi'
+                  )
+                "
+              >
+                社区治理
+              </div>
+              <div
+                class="menu-item z-you"
+                @click="toPage('/main-shuju/visual-heart-index')"
+              >
+                初心互助
+              </div>
+              <div class="menu-item z-you" @click="toPage('/main-shuju/i-1536625421829599234')">
+                三维展示
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="m-footer">
+        <div class="login-footer">
+          <p>
+            <!-- <a href="http://www.elinkchina.com.cn/" target="_blank">{{
+              $t("login.copyright")
+            }}</a> -->
+          </p>
+        </div>
+      </div>
+    </div>
+  </fixed1920>
+</template>
+<script>
+import { messages } from "@/i18n";
+import fixed1920 from "@/views/components/fixed1920.vue";
+
+export default {
+  data() {
+    return {
+      pubKey: null, // 获取到公钥
+      isShowLogin: true,
+      i18nMessages: messages,
+    };
+  },
+
+  components: { fixed1920 },
+  computed: {
+    bdStyle() {
+      console.log("clientHeight", document.documentElement.clientHeight);
+      const scale = document.documentElement.clientWidth / 1920;
+      const height = document.documentElement.clientHeight / scale;
+      const top = (document.documentElement.clientHeight - height) / 2;
+      const left = (document.documentElement.clientWidth - 1920) / 2;
+      return {
+        transform: `scale(${scale})`,
+        height: `${height}px`,
+        left: `${left}px`,
+        top: `${top}px`,
+      };
+    },
+  },
+  created() {},
+  mounted() {},
+
+  methods: {
+    handleClickItem(k) {
+      if (k == 1) {
+        this.$router.replace({ name: "main" });
+      } else if (k == 2) {
+        this.$router.replace({ name: "main-shuju" });
+      }
+    },
+
+    toPage(path) {
+      this.$router.push({ path });
+    },
+
+    // 平阴联动 自动登录接口
+    getAutoLogin(platformToken) {
+      this.dataForm.thirdToken = platformToken;
+      this.dataForm.platform = "pyld";
+      this.$http
+        .post(`/auth/sso/oper/third/login`, this.dataForm)
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            if (res.code == 8302) {
+              return this.$message.error(res.msg);
+            }
+            return this.$message.error(res.msg);
+          }
+          localStorage.setItem("customerId", res.data.customerId);
+          localStorage.setItem("userType", "work");
+          localStorage.setItem("showHeader", "0");
+          localStorage.setItem("token", res.data.token);
+          this.$router.replace({ name: "home" });
+        })
+        .catch(() => {});
+      // epmet-ext9.elinkservice.cn/platform-admin
+    },
+  },
+};
+</script>
+
+<style lang="scss" src="@/assets/scss/pages/yantai-index.scss" scoped></style>
diff --git a/src/views/pages/yantai-index.vue b/src/views/pages/yantai-index.vue
index 7dcac702f..f97144b29 100644
--- a/src/views/pages/yantai-index.vue
+++ b/src/views/pages/yantai-index.vue
@@ -1,135 +1,82 @@
 <template>
   <fixed1920>
     <div class="g-cnt">
-      <div class="m-top animate__animated menu animate__fadeInDown">
-        <img class="logo" src="@/assets/img/yantai/index/db.png" />
-        <div class="name">智慧社区平台</div>
+      <div class="m-top">
+        <img class="logo" src="@/assets/img/yantai/index2/top-bg.png" />
+        <div class="name">烟台智慧社区综合服务管理平台</div>
       </div>
 
-      <div class="m-list">
-        <div class="list">
-          <div class="animate__animated menu animate__fadeInLeft">
-            <img
-              class="menu-bg"
-              src="@/assets/img/yantai/index/yuanhu-you.png"
-            />
-            <div class="menu-list">
-              <div class="menu-item z-zuo" @click="toPage('/main/base-resi')">
-                人房信息
-              </div>
-              <div
-                class="menu-item z-zuo"
-                @click="toPage('/main/base-epidemic-antiInfo')"
-              >
-                疫情防控
-              </div>
-              <div
-                class="menu-item z-zuo"
-                @click="toPage('/main/shequzhili-event-eventList')"
-              >
-                社区治理
-              </div>
-              <div
-                class="menu-item z-zuo z-on"
-                @click="toPage('/main/communityParty-members-index')"
-              >
-                社区党建
-              </div>
-              <div
-                class="menu-item z-zuo"
-                @click="toPage('/main/communityService-measure-index')"
-              >
-                社区服务
-              </div>
-              <div class="menu-item z-zuo" @click="toPage('/main/workPc-guidance-guidanceList.vue')">便携工具</div>
-              <div class="menu-item z-zuo" @click="toPage('/main/workSys-mapConfig')">系统管理</div>
-            </div>
+      <div class="m-info">
+        <img class="bg" src="@/assets/img/yantai/index2/cnt-bg.png" />
+        <div class="btn" @click="handleClickItem(1)">
+          <img class="bg-bg" src="@/assets/img/yantai/index2/title-bg2.png" />
+          <span>管理平台</span>
+        </div>
+        <div class="btn btn2" @click="handleClickItem(2)">
+          <img class="bg-bg" src="@/assets/img/yantai/index2/title-bg.png" />
+          <span>数据分析平台</span>
+        </div>
+        <div class="m-anime">
+          <div class="anime">
+            <img src="@/assets/img/yantai/index2/arrow.png" alt="" />
+          </div>
+          <div class="anime">
+            <img src="@/assets/img/yantai/index2/arrow.png" alt="" />
+          </div>
+          <div class="anime">
+            <img src="@/assets/img/yantai/index2/arrow.png" alt="" />
           </div>
+          <div class="anime">
+            <img src="@/assets/img/yantai/index2/arrow.png" alt="" />
+          </div>
+        </div>
 
-          <img class="arrow" src="@/assets/img/yantai/index/zuo.png" />
+        
+        <div class="m-anime2">
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
 
-          <div
-            class="item animate__animated animate__pulse"
-            @click="handleClickItem(1)"
-          >
-            <div class="item-wrap">
-              <img class="logo" src="@/assets/img/yantai/index/guanli.png" />
-              <div class="name">管理平台</div>
-            </div>
-          </div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
 
-          <div
-            class="item animate__animated animate__pulse"
-            @click="handleClickItem(2)"
-          >
-            <div class="item-wrap">
-              <img class="logo" src="@/assets/img/yantai/index/shuju.png" />
-              <div class="name">数据分析平台</div>
-            </div>
-          </div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
 
-          <img class="arrow" src="@/assets/img/yantai/index/you.png" />
+          
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
 
-          <div class="menu animate__animated menu animate__fadeInRight">
-            <img
-              class="menu-bg"
-              src="@/assets/img/yantai/index/yuanhu-zuo.png"
-            />
-            <div class="menu-list">
-              <div
-                class="menu-item z-you"
-                @click="toPage('/main-shuju/visual-basicinfo-basicInfoMain')"
-              >
-                基础信息
-              </div>
-              <div
-                class="menu-item z-you"
-                @click="toPage('/main-shuju/visual-warning-index')"
-              >
-                人员预警
-              </div>
-              <div
-                class="menu-item z-you"
-                @click="toPage('/main-shuju/visual-measure-service')"
-              >
-                需求清单
-              </div>
-              <div
-                class="menu-item z-you z-on"
-                @click="toPage('/main-shuju/visual-communityParty-party')"
-              >
-                社区党建
-              </div>
-              <div
-                class="menu-item z-you"
-                @click="
-                  toPage(
-                    '/main-shuju/visual-communityGovern-shijianchuli-shijianchulifenxi'
-                  )
-                "
-              >
-                社区治理
-              </div>
-              <div
-                class="menu-item z-you"
-                @click="toPage('/main-shuju/visual-heart-index')"
-              >
-                初心互助
-              </div>
-              <div class="menu-item z-you" @click="toPage('/main-shuju/i-1536625421829599234')">
-                三维展示
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="m-footer">
-        <div class="login-footer">
-          <p>
-            <!-- <a href="http://www.elinkchina.com.cn/" target="_blank">{{
-              $t("login.copyright")
-            }}</a> -->
-          </p>
+          
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+
+          
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
+          <div class="anime"></div>
         </div>
       </div>
     </div>
@@ -149,21 +96,7 @@ export default {
   },
 
   components: { fixed1920 },
-  computed: {
-    bdStyle() {
-      console.log("clientHeight", document.documentElement.clientHeight);
-      const scale = document.documentElement.clientWidth / 1920;
-      const height = document.documentElement.clientHeight / scale;
-      const top = (document.documentElement.clientHeight - height) / 2;
-      const left = (document.documentElement.clientWidth - 1920) / 2;
-      return {
-        transform: `scale(${scale})`,
-        height: `${height}px`,
-        left: `${left}px`,
-        top: `${top}px`,
-      };
-    },
-  },
+  computed: {},
   created() {},
   mounted() {},
 
@@ -179,29 +112,6 @@ export default {
     toPage(path) {
       this.$router.push({ path });
     },
-
-    // 平阴联动 自动登录接口
-    getAutoLogin(platformToken) {
-      this.dataForm.thirdToken = platformToken;
-      this.dataForm.platform = "pyld";
-      this.$http
-        .post(`/auth/sso/oper/third/login`, this.dataForm)
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            if (res.code == 8302) {
-              return this.$message.error(res.msg);
-            }
-            return this.$message.error(res.msg);
-          }
-          localStorage.setItem("customerId", res.data.customerId);
-          localStorage.setItem("userType", "work");
-          localStorage.setItem("showHeader", "0");
-          localStorage.setItem("token", res.data.token);
-          this.$router.replace({ name: "home" });
-        })
-        .catch(() => {});
-      // epmet-ext9.elinkservice.cn/platform-admin
-    },
   },
 };
 </script>