src/lang/en.js

@@ -125,12 +125,12 @@ const en = {
     }
   },
   ImageBasedSurgicalPlanning: {
-    tab_LM: "Liver Mass",
+    tab1: 'Liver Mass',
-    tab_FSF: "Femoral Shaft Fracture",
+    tab2: 'Femoral Shaft Fracture',
-    tab_TAVI: "TAVI",
+    tab3: 'TAVI',
-    tab_KM: "Kidney Mass",
+    tab4: 'Kidney Mass',
-    tab_PT: "Pancreatic Tumor",
+    tab5: 'Pancreatic Tumor',
-    tab_AAA: "AAA",
+    tab6: 'AAA',
     title1: 'Series',
     title2: 'Clinical Implications',
     title3: 'Images',

src/views/front/layout/index.vue

@@ -2,14 +2,23 @@
   <div class="layout">
     <div class="header">
       <div class="menu_wrapper">
-        <img @click="$router.push('/home')" src="@/static/images/zzlogo2.png" alt="" v-if="$i18n.locale === 'zh'" />
+          <img
-        <img @click="$router.push('/home')" src="@/static/images/zzlogo4.png" alt="" v-else />
+            @click="$router.push('/home')"
-        <el-menu mode="horizontal" background-color="#fff" :default-active="active.toString()" text-color="#333"
+            src="../../../../src/static/images/zzlogo3.png"
-          @select="selectTab" active-text-color="#428bca">
+            alt=""
+          />
+          <el-menu
+            mode="horizontal"
+            background-color="#fff"
+            :default-active="active.toString()"
+            text-color="#333"
+            @select="selectTab"
+            active-text-color="#428bca"
+          >
             <template>
               <el-menu-item key="0" index="0">{{$t('home.menuName')}}</el-menu-item>
               <el-submenu key="1" index="1" @click.native="selectTab('1')">
-              <template slot="title">
+                <template slot="title" style="display: flex;align-items: center">
                   {{$t('service.menuName')}}
                 </template>
                 <el-menu-item key="1-1" index="1-1">{{$t('service.subMenu1')}}</el-menu-item>
@@ -27,10 +36,13 @@
       <keep-alive v-if="$route.meta.keepAlive">
         <router-view :key="$route.path + new Date().getTime()"></router-view>
       </keep-alive>
-      <router-view :key="$route.path + new Date().getTime()" v-if="!$route.meta.keepAlive"></router-view>
+      <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;
@@ -39,32 +51,7 @@
           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>
@@ -153,7 +140,6 @@ export default {
   background: #fff !important;
   font-size: 18px;
 }
-
 .layout .el-menu--horizontal > .el-submenu .el-submenu__title i {
   line-height: 120px;
 }
@@ -162,11 +148,9 @@ export default {
 .layout {
   overflow: auto;
   user-select: none;
-
   .header {
     background: #fff;
     position: relative;
-
     p {
       height: 120px;
       display: flex;
@@ -174,15 +158,12 @@ export default {
       justify-content: center;
       text-align: center;
       cursor: pointer;
-
       &:hover {
         letter-spacing: 5px;
-
         b {
           letter-spacing: 10px;
         }
       }
-
       span {
         line-height: 30px;
         position: relative;
@@ -195,7 +176,6 @@ export default {
         padding: 0;
         z-index: 2;
         transition: all 0.5s ease-out;
-
         b {
           letter-spacing: 2px;
           color: #fff;
@@ -205,7 +185,6 @@ export default {
         }
       }
     }
-
     .menu_wrapper {
       height: 120px;
       max-width: 1226px;
@@ -213,20 +192,16 @@ 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;
@@ -234,14 +209,11 @@ export default {
         font-size: 18px;
       }
     }
-
     .menu {
       background-color: #302f6d;
-
       div {
         max-width: 1226px;
         margin: 0 auto;
-
         .el-menu.el-menu--horizontal {
           border-bottom: none;
         }
@@ -249,88 +221,21 @@ export default {
     }
 
   }
-
   .container {
     text-align: left;
     position: relative;
     box-sizing: border-box;
     min-height: calc(100vh - 160px);
   }
-
   .bottom {
-    width: 1125px;
+    background: #302f6d;
-    height: 74px;
-    background: #d4d4d4;
-    margin: 30px auto 30px auto;
     position: relative;
-    font-size: 12px !important;
-
     p {
-      padding-left: 30px;
+      font-size: 14px;
-      color: #3e3e3f;
+      color: #fff;
-      line-height: 74px;
+      line-height: 40px;
-    }
-
-    .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.tab_LM`) }}</span>
+                    $t(`ImageBasedSurgicalPlanning.tab1`) }}</span>
                   | <span :class="{ cur: activeName === 'FSF' }" @click.stop="handleClick('FSF')">{{
-                    $t(`ImageBasedSurgicalPlanning.tab_FSF`) }}</span> | <span :class="{ cur: activeName === 'TAVI' }"
+                    $t(`ImageBasedSurgicalPlanning.tab2`) }}</span> | <span :class="{ cur: activeName === 'TAVI' }"
                     @click.stop="handleClick('TAVI')">{{
-                      $t(`ImageBasedSurgicalPlanning.tab_TAVI`) }}</span> | <span :class="{ cur: activeName === 'KM' }"
+                      $t(`ImageBasedSurgicalPlanning.tab3`) }}</span> | <span :class="{ cur: activeName === 'KM' }"
                     @click.stop="handleClick('KM')">{{
-                      $t(`ImageBasedSurgicalPlanning.tab_KM`) }}</span> | <span :class="{ cur: activeName === 'PT' }"
+                      $t(`ImageBasedSurgicalPlanning.tab4`) }}</span> | <span :class="{ cur: activeName === 'PT' }"
                     @click.stop="handleClick('PT')">{{
-                      $t(`ImageBasedSurgicalPlanning.tab_PT`) }}</span> | <span :class="{ cur: activeName === 'AAA' }"
+                      $t(`ImageBasedSurgicalPlanning.tab5`) }}</span> | <span :class="{ cur: activeName === 'AAA' }"
                     @click.stop="handleClick('AAA')">{{
-                      $t(`ImageBasedSurgicalPlanning.tab_AAA`) }}</span>
+                      $t(`ImageBasedSurgicalPlanning.tab6`) }}</span>
                 </div>
               </h2>
               <div class="liverList cf">
-                <h3>{{ $t(`ImageBasedSurgicalPlanning.tab_${activeName}`) }}</h3>
+                <h3>{{ $t(`ImageBasedSurgicalPlanning.title4`) }}</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,14 +715,9 @@ 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,7 +272,6 @@ export default {
       }
       this.$nextTick(() => {
         this.$refs['picture_perview'].$viewer.show()
-        this.$refs['picture_perview'].$viewer.view(num - 1)
       })
     },
     getSrc(id, num, key) {
@@ -308,10 +307,6 @@ 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;
@@ -601,7 +596,7 @@ li {
       width: auto;
       padding: 0 20px;
       position: relative;
-      text-align: justify;
+      text-align: center;
       cursor: pointer;
     }
 
@@ -689,7 +684,7 @@ li {
 
         li {
           width: 180px !important;
-          height: 180px !important;
+          height: 130px;
           float: left !important;
           margin-left: 40px;
           margin-bottom: 22px;
@@ -771,7 +766,7 @@ table {
   }
 
   td.td2 {
-    text-align: justify;
+    text-align: left;
   }
 
   .last td {