logo及尾部信息更改

src/lang/en.js

@@ -5,7 +5,7 @@ const en = {
   service: {
     menuName: 'Services',
     subMenu1: 'Centralized Imaging Service',
-    subMenu2: '3D Reconstructions',
+    subMenu2: '3-D Post-Processing Service',
     msg1: 'Extensive Imaging applies image processing and artificial intelligence technologies to imaging medicine, and provides imaging data analysis and diagnostic services closely related to clinical applications for physicians and patients, adhering to internationally recognized 3D imaging clinical diagnostic standards. Additionally, Extensive Imaging offers services such as medical imaging big data transmission, storage, sharing, statistics, and quality control for clients leveraging the advantages of cloud platforms.'
   },
   imagingService: {
@@ -125,12 +125,12 @@ const en = {
     },
   },
   ImageBasedSurgicalPlanning: {
-    tab1: "Liver Mass",
+    tab_LM: "Liver Mass",
-    tab2: "Femoral Shaft Fracture",
+    tab_FSF: "Femoral Shaft Fracture",
-    tab3: "TAVI",
+    tab_TAVI: "TAVI",
-    tab4: "Kidney Mass",
+    tab_KM: "Kidney Mass",
-    tab5: "Pancreatic Tumor",
+    tab_PT: "Pancreatic Tumor",
-    tab6: "AAA",
+    tab_AAA: "AAA",
     title1: 'Series',
     title2: 'Clinical Implications',
     title3: 'Images',

src/views/front/layout/index.vue

@@ -2,47 +2,35 @@
   <div class="layout">
     <div class="header">
       <div class="menu_wrapper">
-          <img
+        <img @click="$router.push('/home')" src="@/static/images/zzlogo2.png" alt="" v-if="$i18n.locale === 'zh'" />
-            @click="$router.push('/home')"
+        <img @click="$router.push('/home')" src="@/static/images/zzlogo4.png" alt="" v-else />
-            src="../../../../src/static/images/zzlogo3.png"
+        <el-menu mode="horizontal" background-color="#fff" :default-active="active.toString()" text-color="#333"
-            alt=""
+          @select="selectTab" active-text-color="#428bca">
-          />
+          <template>
-          <el-menu
+            <el-menu-item key="0" index="0">{{ $t('home.menuName') }}</el-menu-item>
-            mode="horizontal"
+            <el-submenu key="1" index="1" @click.native="selectTab('1')">
-            background-color="#fff"
+              <template slot="title">
-            :default-active="active.toString()"
+                {{ $t('service.menuName') }}
-            text-color="#333"
+              </template>
-            @select="selectTab"
+              <el-menu-item key="1-1" index="1-1">{{ $t('service.subMenu1') }}</el-menu-item>
-            active-text-color="#428bca"
+              <el-menu-item key="1-2" index="1-2">{{ $t('service.subMenu2') }}</el-menu-item>
-          >
+            </el-submenu>
-            <template>
+            <el-menu-item key="2" index="2">{{ $t('about.menuName') }}</el-menu-item>
-              <el-menu-item key="0" index="0">{{$t('home.menuName')}}</el-menu-item>
+            <el-menu-item key="3" index="3">{{ $t('media.menuName') }}</el-menu-item>
-              <el-submenu key="1" index="1" @click.native="selectTab('1')">
+            <el-menu-item key="4" index="4">{{ $t('book.menuName') }}</el-menu-item>
-                <template slot="title" style="display: flex;align-items: center">
+            <el-menu-item key="5" index="5">{{ $t('login.menuName') }}</el-menu-item>
-                  {{$t('service.menuName')}}
+          </template>
-                </template>
+        </el-menu>
-                <el-menu-item key="1-1" index="1-1">{{$t('service.subMenu1')}}</el-menu-item>
+      </div>
-                <el-menu-item key="1-2" index="1-2">{{$t('service.subMenu2')}}</el-menu-item>
-              </el-submenu>
-              <el-menu-item key="2" index="2">{{$t('about.menuName')}}</el-menu-item>
-              <el-menu-item key="3" index="3">{{$t('media.menuName')}}</el-menu-item>
-              <el-menu-item key="4" index="4">{{$t('book.menuName')}}</el-menu-item>
-              <el-menu-item key="5" index="5">{{$t('login.menuName')}}</el-menu-item>
-            </template>
-          </el-menu>
-        </div>
     </div>
     <div class="container">
       <keep-alive v-if="$route.meta.keepAlive">
         <router-view :key="$route.path + new Date().getTime()"></router-view>
       </keep-alive>
-      <router-view
+      <router-view :key="$route.path + new Date().getTime()" v-if="!$route.meta.keepAlive"></router-view>
-        :key="$route.path + new Date().getTime()"
-        v-if="!$route.meta.keepAlive"
-      ></router-view>
     </div>
     <div class="bottom" style="text-align: center">
-      <a
+      <!-- <a
         target="_blank"
         style="
           color: #fff;
@@ -51,14 +39,39 @@
           text-align: center;
         "
         >© {{ new Date().getFullYear() }} Elevate Imaging Inc. info@elevateimaging.ai</a
-      >
+      > -->
+      <div class="copyright cf">
+        <p class="left">
+          <a class="text-color" href="https://beian.miit.gov.cn" target="_blank">Copyright © {{ new Date().getFullYear()
+          }}
+            上海展影医疗科技有限公司 版权所有 |
+            沪ICP备2021037850-2</a>
+          <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011002005859"
+            style="margin-left:20px;">
+            <img src="@/static/images/ba.png" style="vertical-align: middle;">
+            <span style="margin: 0px 0px 0px 3px; vertical-align: middle;">沪公网安备 31011002005859号</span></a>
+        </p><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011002005859"
+          style="margin-left:20px;">
+        </a>
+        <p></p>
+        <!-- <a href="javascript:;" class="backTop tre"><i class="fa fa-angle-up"></i></a> -->
+        <div class="shares cf">
+          <a href="http://weibo.com/u/5834449233?is_all=1" class="a1" target="_blank"><img
+              src="@/static/images/weibo.png" alt=""></a>
+          <a href="javascript:;" class="a2">
+            <img src="@/static/images/wechat.png" alt="">
+            <img src="@/static/images/wxqr.jpg" style="width:128px;height:128px;" class="qrCode">
+          </a>
+
+        </div>
+      </div>
     </div>
   </div>
 </template>
 
 <script>
 export default {
-  data () {
+  data() {
     return {
       menuList: [
         'Home',
@@ -78,12 +91,12 @@ export default {
     }
   },
   watch: {
-    $route (v) {
+    $route(v) {
       this.changeTab()
     }
   },
   methods: {
-    changeTab () {
+    changeTab() {
       if (this.menuList.findIndex((v) => v === this.$route.name) === -1) {
         if (this.$route.name === 'Center Imaging Services') {
           this.active = '1'
@@ -95,7 +108,7 @@ export default {
         this.active = this.menuList.findIndex((v) => v === this.$route.name)
       }
     },
-    selectTab (v, title) {
+    selectTab(v, title) {
       console.log('selectTab')
       if (v === '5') {
         window.open('https://lili.elevateimaging.ai/')
@@ -119,7 +132,7 @@ export default {
       }
     }
   },
-  mounted () {
+  mounted() {
     if (this.menuList.findIndex((v) => v === this.$route.name) === -1) {
       if (this.$route.name === 'Center Imaging Services') {
         this.active = '1'
@@ -134,13 +147,14 @@ export default {
 }
 </script>
 <style>
-.layout .el-menu--horizontal > .el-submenu .el-submenu__title {
+.layout .el-menu--horizontal>.el-submenu .el-submenu__title {
   height: 90px;
   line-height: 120px;
   background: #fff !important;
   font-size: 18px;
 }
-.layout .el-menu--horizontal > .el-submenu .el-submenu__title i {
+
+.layout .el-menu--horizontal>.el-submenu .el-submenu__title i {
   line-height: 120px;
 }
 </style>
@@ -148,9 +162,11 @@ export default {
 .layout {
   overflow: auto;
   user-select: none;
+
   .header {
     background: #fff;
     position: relative;
+
     p {
       height: 120px;
       display: flex;
@@ -158,12 +174,15 @@ export default {
       justify-content: center;
       text-align: center;
       cursor: pointer;
+
       &:hover {
         letter-spacing: 5px;
+
         b {
           letter-spacing: 10px;
         }
       }
+
       span {
         line-height: 30px;
         position: relative;
@@ -176,6 +195,7 @@ export default {
         padding: 0;
         z-index: 2;
         transition: all 0.5s ease-out;
+
         b {
           letter-spacing: 2px;
           color: #fff;
@@ -185,6 +205,7 @@ export default {
         }
       }
     }
+
     .menu_wrapper {
       height: 120px;
       max-width: 1226px;
@@ -192,16 +213,20 @@ export default {
       display: flex;
       justify-content: space-between;
       align-items: center;
+
       img {
         width: 180px;
         cursor: pointer
       }
     }
+
     .el-menu {
       height: 100%;
+
       &.el-menu--horizontal {
         border-bottom: none;
       }
+
       .el-menu-item {
         height: 90px;
         line-height: 120px;
@@ -209,11 +234,14 @@ export default {
         font-size: 18px;
       }
     }
+
     .menu {
       background-color: #302f6d;
+
       div {
         max-width: 1226px;
         margin: 0 auto;
+
         .el-menu.el-menu--horizontal {
           border-bottom: none;
         }
@@ -221,21 +249,88 @@ export default {
     }
 
   }
+
   .container {
     text-align: left;
     position: relative;
     box-sizing: border-box;
     min-height: calc(100vh - 160px);
   }
+
   .bottom {
-    background: #302f6d;
+    width: 1125px;
+    height: 74px;
+    background: #d4d4d4;
+    margin: 30px auto 30px auto;
     position: relative;
+    font-size: 12px !important;
+
     p {
-      font-size: 14px;
+      padding-left: 30px;
-      color: #fff;
+      color: #3e3e3f;
-      line-height: 40px;
+      line-height: 74px;
-      text-align: center;
     }
+
+    .left {
+      float: left;
+      font-size: 12px !important;
+
+      a {
+        font-size: 13px !important;
+      }
+
+      span {
+        font-size: 13px !important;
+      }
+    }
+
+    .shares {
+      float: right;
+      line-height: 1;
+
+      // margin-top: 22px;
+      a {
+        display: block;
+        width: 34px;
+        height: 34px;
+        border: 1px solid #898d98;
+        border-radius: 2px;
+        margin-right: 15px;
+        float: left;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        img {
+          font-size: 17px;
+          color: #898d98;
+          text-align: center;
+          width: 30px;
+          height: 30px;
+          display: block;
+        }
+      }
+    }
+
+    .a2 {
+      position: relative;
+
+      .qrCode {
+        display: none;
+        position: absolute;
+        right: -15px;
+        bottom: 35px;
+        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+      }
+
+      &:hover {
+        .qrCode {
+          display: block;
+        }
+      }
+    }
+
+
   }
 }
 </style>

src/views/front/services/3D-post-processing-services/Image-Based-Surgical-Planning/index.vue

@@ -10,21 +10,21 @@
                 $t(`ImageBasedSurgicalPlanning.title6`) }}</em>
                 <div class="aAs cf">
                   <span :class="{ cur: activeName === 'LM' }" @click.stop="handleClick('LM')">{{
-                    $t(`ImageBasedSurgicalPlanning.tab1`) }}</span>
+                    $t(`ImageBasedSurgicalPlanning.tab_LM`) }}</span>
                   | <span :class="{ cur: activeName === 'FSF' }" @click.stop="handleClick('FSF')">{{
-                    $t(`ImageBasedSurgicalPlanning.tab2`) }}</span> | <span :class="{ cur: activeName === 'TAVI' }"
+                    $t(`ImageBasedSurgicalPlanning.tab_FSF`) }}</span> | <span :class="{ cur: activeName === 'TAVI' }"
                     @click.stop="handleClick('TAVI')">{{
-                      $t(`ImageBasedSurgicalPlanning.tab3`) }}</span> | <span :class="{ cur: activeName === 'KM' }"
+                      $t(`ImageBasedSurgicalPlanning.tab_TAVI`) }}</span> | <span :class="{ cur: activeName === 'KM' }"
                     @click.stop="handleClick('KM')">{{
-                      $t(`ImageBasedSurgicalPlanning.tab4`) }}</span> | <span :class="{ cur: activeName === 'PT' }"
+                      $t(`ImageBasedSurgicalPlanning.tab_KM`) }}</span> | <span :class="{ cur: activeName === 'PT' }"
                     @click.stop="handleClick('PT')">{{
-                      $t(`ImageBasedSurgicalPlanning.tab5`) }}</span> | <span :class="{ cur: activeName === 'AAA' }"
+                      $t(`ImageBasedSurgicalPlanning.tab_PT`) }}</span> | <span :class="{ cur: activeName === 'AAA' }"
                     @click.stop="handleClick('AAA')">{{
-                      $t(`ImageBasedSurgicalPlanning.tab6`) }}</span>
+                      $t(`ImageBasedSurgicalPlanning.tab_AAA`) }}</span>
                 </div>
               </h2>
               <div class="liverList cf">
-                <h3>{{ $t(`ImageBasedSurgicalPlanning.title4`) }}</h3>
+                <h3>{{ $t(`ImageBasedSurgicalPlanning.tab_${activeName}`) }}</h3>
                 <p style="float:right;  font-size:14px; color:#777; margin-bottom:0px; "><i
                     class="fa fa-search-plus"></i>{{ $t(`ImageBasedSurgicalPlanning.msg1`) }}</p>
                 <table class="comTable liverTable cf">
@@ -715,9 +715,14 @@ li {
       padding: 15px 20px 15px 20px;
     }
 
+    .td1 {
+      text-align: left;
+    }
+
     .td2 {
       p {
         padding-bottom: 0;
+        text-align: justify;
       }
     }
 

src/views/front/services/3D-post-processing-services/index.vue

@@ -272,6 +272,7 @@ export default {
       }
       this.$nextTick(() => {
         this.$refs['picture_perview'].$viewer.show()
+        this.$refs['picture_perview'].$viewer.view(num - 1)
       })
     },
     getSrc(id, num, key) {
@@ -307,6 +308,10 @@ export default {
 .Post-Processing-Services {
   background: #fff;
 
+  p {
+    text-align: justify;
+  }
+
   .banner {
     height: 300px;
     background: url(../../../../../src/static/images/bannerSolution3.jpg) no-repeat center center;
@@ -596,7 +601,7 @@ li {
       width: auto;
       padding: 0 20px;
       position: relative;
-      text-align: center;
+      text-align: justify;
       cursor: pointer;
     }
 
@@ -684,7 +689,7 @@ li {
 
         li {
           width: 180px !important;
-          height: 130px;
+          height: 180px !important;
           float: left !important;
           margin-left: 40px;
           margin-bottom: 22px;
@@ -766,7 +771,7 @@ table {
   }
 
   td.td2 {
-    text-align: left;
+    text-align: justify;
   }
 
   .last td {