1.页首跳转

2.三语补充
3.体验优化

@@ -407,6 +407,20 @@ module.exports = {
             quote: "Quote now",
             want: "",
             service: "Contact customer service",
+            genRich:{
+                t1:"Scroll to select insured amount",
+                t2:"保額（萬美元）",
+                PaymentPeriod:"Payment period",
+                PaymentOptions:"Payment options",
+                quotePerMonth:"每月保費",
+                tips:"Please contact your financial consultant to quote for insured amount that exceeds USD 3 million",
+                
+                years:"years",
+                Yearly:"Yearly",
+                SemiYearly:"Semi-yearly",
+                Quarterly:"Quarterly",
+                Monthly:"Monthly",
+            }
         },
         contact: {
             t1: "Contact us for more product information.",

@@ -420,6 +420,20 @@ module.exports = {
             quote: "立即報價",
             want: "我想",
             service: "聯絡客服",
+            genRich:{
+                t1:"滑動選擇保額",
+                t2:"保額（萬美元）",
+                PaymentPeriod:"繳費期",
+                PaymentOptions:"繳費選項",
+                quotePerMonth:"每月保費",
+                tips:"保費超過300萬以上，請聯系您的理財顧問索取報價",
+
+                years:"年",
+                Yearly:"每年",
+                SemiYearly:"每半年",
+                Quarterly:"每季",
+                Monthly:"每月",
+            }
         },
         contact: {
             t1: "如欲了解我們的產品，歡迎聯絡我們。",

@@ -423,6 +423,20 @@ module.exports = {
             quote: "立即报价",
             want: "我想",
             service: "联络客服",
+            genRich:{
+                t1:"滑动选择保额",
+                t2:"保额（万美元）",
+                PaymentPeriod:"缴费期",
+                PaymentOptions:"缴费选项",
+                quotePerMonth:"每月保费",
+                tips:"保费超过300万以上，请联系您的理财顾问索取报价",
+                
+                years:"年",
+                Yearly:"每年",
+                SemiYearly:"每半年",
+                Quarterly:"每季",
+                Monthly:"每月",
+            },
         },
         contact: {
             t1: "如欲了解我们的产品，欢迎联系我们。",

@@ -10,6 +10,11 @@ import {
 import {
 	getObjByListKeyValue
 } from '@utils/utils.js'
+import {
+	gotoVHIS
+} from '@utils/biz.js'
+
+
 import VDropdown from '@components/home/dropdown/dropdown.vue'
 import MDropdown from '@components/home/m-dropdown/m-dropdown.vue'
 
@@ -26,6 +31,9 @@ export default {
 		DropdownLogin,
 	},
 	computed: {
+		locale() {
+			return this.$i18n.locale || "tc";
+		},
 		i18n() {
 			return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
 		}
@@ -127,7 +135,7 @@ export default {
 		},
 		// 点击立即报价
 		toQuote(){
-
+			gotoVHIS(this.locale);
 		}
 	},
 	beforeDestroy() {

@@ -8,7 +8,7 @@ $navHeiM: 72px;
   background-color: #fff;
   color: $cFontGray;
   position: relative;
-  z-index: 1000;
+  z-index: 9000;
   font-size: $fontSize;
 
   .header-container {

@@ -89,22 +89,22 @@ export default {
 			// 繳費期列表
 			paymentPeriodList: [{
 					v: 3,
-					n: "3年",
+					n: "",
 					p: 333.330000
 				},
 				{
 					v: 5,
-					n: "5年",
+					n: "",
 					p: 200.000000
 				},
 				{
 					v: 8,
-					n: "8年",
+					n: "",
 					p: 125.000000
 				},
 				{
 					v: 10,
-					n: "10年",
+					n: "",
 					p: 100.000000
 				}
 			],
@@ -112,25 +112,25 @@ export default {
 			paymentOptionList: [{
 					v: 1,
 					m: 12,
-					n: "每年",
+					n: "",
 					p: 1
 				},
 				{
 					v: 2,
 					m: 6,
-					n: "每半年",
+					n: "",
 					p: 0.5064
 				},
 				{
 					v: 4,
 					m: 6,
-					n: "每季度",
+					n: "",
 					p: 0.2548
 				},
 				{
 					v: 12,
 					m: 1,
-					n: "每月",
+					n: "",
 					p: 0.0853
 				}
 			],
@@ -317,7 +317,7 @@ export default {
 				let durTime = 600;
 				this.$refs.bannerSwiper.swiper.slideTo(index, durTime, true);
 				this.$refs.quoteBgSwiper.swiper.slideTo(index, durTime, true);
-				this.$refs.quoteSwiper.swiper.slideTo(index, durTime, true);
+				// this.$refs.quoteSwiper.swiper.slideTo(index, durTime, true);
 			})
 		},
 
@@ -334,7 +334,6 @@ export default {
 		 * “好e时”tab的情况下，点击立即报价，跳到VHIS网销平台；传家福tab情况下调到传家福产品页
 		 */
 		onQuoteHandler() {
-			// gotoVHIS();
 
 			if (this.curTab.relation == this.PRODUCT_PRO_EASY) {
 				let d = {
@@ -482,6 +481,17 @@ export default {
 			this.curPaymentPeriod = this.paymentPeriodList[0];
 			this.curPaymentOption = this.paymentOptionList[0];
 
+			let yearStr = this.i18n.index.quote.genRich.years;
+			if (this.locale == "en") yearStr = " " + yearStr;
+			this.paymentPeriodList.forEach(element => {
+				element.n = element.v + "" + yearStr;
+			});
+
+			this.paymentOptionList[0].n = this.i18n.index.quote.genRich.Yearly;
+			this.paymentOptionList[1].n = this.i18n.index.quote.genRich.SemiYearly;
+			this.paymentOptionList[2].n = this.i18n.index.quote.genRich.Quarterly;
+			this.paymentOptionList[3].n = this.i18n.index.quote.genRich.Monthly;
+
 			// 可以埋数据在 localStorage
 			httpPost({
 				url: api.indexManageListApi,
@@ -520,7 +530,7 @@ export default {
 				this.bannerList.forEach(element => {
 					element.btns = element.btnDescribe;
 				});
-				console.log("this.dataList:", this.dataList);
+				// console.log("this.dataList:", this.dataList);
 			})
 
 		},

@@ -278,10 +278,9 @@
   }
 
   .table {
-    // width: 1200px;
     width: 1062px;
-    // background-color: wheat;
-    // display: none;
+    position: relative;
+    z-index: 1;
 
     margin: 56px auto 0;
     &-tab {
@@ -331,6 +330,10 @@
       position: relative;
     }
 
+    // .quote-swiper {
+    //   min-height: 600px;
+    // }
+
     &-cont {
       min-height: 384px;
       margin: 0 auto 0;
@@ -363,10 +366,12 @@
         background-color: #ffffff;
         // @extend .fcc;
 
+
         .plugin {
           width: 100%;
           height: 100%;
         }
+
         .func {
         }
 
@@ -953,7 +958,8 @@
       }
 
       .arrow {
-        top: 25%;
+        // top: 20%;
+        top: 200px;
         transform: scale(0.5);
       }
 

@@ -41,7 +41,7 @@
 
     <!-- 导航菜单切换 -->
     <div class="nav-tab">
-      <div class="nav-tab-item" :class="{ 'nav-tab-item-act': item.index == curTab.index,'nav-tab-item-act':dataList.length<=1  }" :style="'width: calc(1200px / ' + dataList.length + ');'" @click="onTabHandler(item)" v-html="item.tabName" v-for="item in dataList" :key="item.id">{{ item.tabName }}</div>
+      <div class="nav-tab-item" :class="{ 'nav-tab-item-act': item.index == curTab.index,'nav-tab-item-single':dataList.length<=1  }" :style="'width: calc(1200px / ' + dataList.length + ');'" @click="onTabHandler(item)" v-html="item.tabName" v-for="item in dataList" :key="item.id">{{ item.tabName }}</div>
       <!-- <div class="nav-tab-item" :class="{ 'nav-tab-item-act': item.index == curTab.index }" :style="'width: calc(100% / ' + dataList.length + '); '+ (index == dataList.length-1 ?'':'width:50%;') +' '" @click="onTabHandler(item)" v-html="item.tabName" v-for="item in dataList" :key="item.id">{{ item.tabName }}</div> -->
 
     </div>
@@ -104,7 +104,7 @@
           </div>
           <div class="linear"></div>
           <div class="table-wrap">
-            <swiper :options="swiperOption" ref="quoteSwiper" class="quote-swiper">
+            <!-- <swiper :options="swiperOption" ref="quoteSwiper" class="quote-swiper">
               <swiper-slide v-for="(item, index) in dataList" :key="index">
                 <div class="table-cont">
                   <div class="panel panel-left">
@@ -115,7 +115,6 @@
                     </div>
                   </div>
                   <div class="panel panel-right">
-                    <!-- 好医时 -->
                     <div v-if="curTab.relation == PRODUCT_PRO_EASY " class="plugin fcc">
                       <div class="func func1">
                         <div class="func1-item">
@@ -139,9 +138,6 @@
                             <div class="ipt-wrap-linear">
                               <div class="down-arrow"></div>
                               <div class="cont">
-                                <!-- <el-select class="ipt" v-model="quoteData.age" :placeholder="$t('common.Age')">
-                        <el-option v-for="(item, index) in 100" :key="index" :label="item" :value="item"></el-option>
-                      </el-select> -->
                                 <date-picker class="ipt-date" :placeholder="$t('common.Birthday') + '*'" v-model="quoteData.birthday" :filtModel="['future']" :cusStyle="{
                                     border: 'none !important',
                                     'background-color': 'transparent !important',
@@ -157,25 +153,104 @@
                       </div>
                     </div>
 
-                    <!-- 传家福 -->
                     <div v-if="curTab.relation == PRODUCT_REN_RICH " class="plugin ">
                       <div class="func func2">
-                        <div class="func2-tit">滑動選擇保額</div>
-                        <div class="func2-tit2">保額（萬美元）</div>
-                        <!-- <div class="slider">
-                  <div class="slider-bar">
-                    <div class="slider-bar-thumb" >
-                      <div class="num">300</div>
-                      <div class="circle"></div>
+                        <div class="func2-tit">{{$t('index.quote.vhis.t1')}}</div>
+                        <div class="func2-tit2">{{$t('index.quote.vhis.t2')}}</div>
+
+                        <slider class="slider" :min="sliderMin" :max="sliderMax" v-model="sliderPer"></slider>
+                
+                        <div class="form">
+                          <div class="form-item">
+                            <div class="label">{{$t('index.quote.vhis.PaymentPeriod')}}</div>
+                            <div class="val">
+                              <div @click="onSelectPaymentPeriodHandler(item)" class="item" :class="{'item-act':curPaymentPeriod.v==item.v}" v-for="item in paymentPeriodList" :key="item.id">
+                                {{ item.n }}
                               </div>
                             </div>
-                </div> -->
+                          </div>
+                          <div class="form-item">
+                            <div class="label">{{$t('index.quote.vhis.PaymentOptions')}}</div>
+                            <div class="val val2">
+                              <div @click="onSelectPaymentOptionHandler(item)" class="item" :class="{'item-act':curPaymentOption.v==item.v}" v-for="item in paymentOptionList" :key="item.id">
+                                {{ item.n }}
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="line"></div>
+                        <div class="calculation">
+                          <div class="label">{{$t('index.quote.vhis.quotePerMonth')}}</div>
+                          <div class="value">$ <span class="price">{{sumAssured}}</span></div>
+                        </div>
+                        <div class="tips">{{$t('index.quote.vhis.tips')}}</div>
+                      </div>
+                    </div>
+
+                  </div>
+
+                </div>
+              </swiper-slide>
+            </swiper> -->
+            <div class="table-cont">
+              <div class="panel panel-left">
+                <div class="desc">
+                  <div class="desc-item" v-for="item in curTab.describeList" :key="item.id">
+                    {{ item }}
+                  </div>
+                </div>
+              </div>
+              <div class="panel panel-right">
+                <!-- 好医时 -->
+                <div v-if="curTab.relation == PRODUCT_PRO_EASY " class="plugin fcc">
+                  <div class="func func1">
+                    <div class="func1-item">
+                      <div class="k"> {{$t('common.Sex')}}</div>
+                      <div class="gender">
+                        <div class="gender-item" @click="onQuoteSexHandler('M')">
+                          {{$t('common.Male')}}
+                          <img v-if="quoteData.gender == 'M'" src="@/assets/images/common/icon-male-act.png" alt />
+                          <img v-else src="@/assets/images/common/icon-male.png" alt />
+                        </div>
+                        <div class="gender-item" @click="onQuoteSexHandler('F')">
+                          {{$t('common.Female')}}
+                          <img v-if="quoteData.gender == 'F'" src="@/assets/images/common/icon-female-act.png" alt />
+                          <img v-else src="@/assets/images/common/icon-female.png" alt />
+                        </div>
+                      </div>
+                    </div>
+                    <div class="func1-item">
+                      <div class="k">{{$t('common.Birthday')}}</div>
+                      <div class="age">
+                        <div class="ipt-wrap-linear">
+                          <div class="down-arrow"></div>
+                          <div class="cont">
+                            <date-picker class="ipt-date" :placeholder="$t('common.Birthday') + '*'" v-model="quoteData.birthday" :filtModel="['future']" :cusStyle="{
+                                    border: 'none !important',
+                                    'background-color': 'transparent !important',
+                                    padding: '16px 24px',
+                                    color: '#606266',
+                                    'text-align': 'center'
+                                  }">
+                            </date-picker>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- 传家福 -->
+                <div v-if="curTab.relation == PRODUCT_REN_RICH " class="plugin ">
+                  <div class="func func2">
+                    <div class="func2-tit">{{$t('index.quote.genRich.t1')}}</div>
+                    <div class="func2-tit2">{{$t('index.quote.genRich.t2')}}</div>
 
                     <slider class="slider" :min="sliderMin" :max="sliderMax" v-model="sliderPer"></slider>
                     <!-- 表格选择 -->
                     <div class="form">
                       <div class="form-item">
-                            <div class="label">繳費期</div>
+                        <div class="label">{{$t('index.quote.genRich.PaymentPeriod')}}</div>
                         <div class="val">
                           <div @click="onSelectPaymentPeriodHandler(item)" class="item" :class="{'item-act':curPaymentPeriod.v==item.v}" v-for="item in paymentPeriodList" :key="item.id">
                             {{ item.n }}
@@ -183,7 +258,7 @@
                         </div>
                       </div>
                       <div class="form-item">
-                            <div class="label">繳費選項</div>
+                        <div class="label">{{$t('index.quote.genRich.PaymentOptions')}}</div>
                         <div class="val val2">
                           <div @click="onSelectPaymentOptionHandler(item)" class="item" :class="{'item-act':curPaymentOption.v==item.v}" v-for="item in paymentOptionList" :key="item.id">
                             {{ item.n }}
@@ -195,20 +270,17 @@
                     <div class="line"></div>
                     <!-- 计算 -->
                     <div class="calculation">
-                          <div class="label">每月保费</div>
+                      <div class="label">{{$t('index.quote.vhis.quotePerMonth')}}</div>
                       <div class="value">$ <span class="price">{{sumAssured}}</span></div>
                     </div>
                     <!-- 提示 -->
-                        <div class="tips">Please contact your financial consultant to quote for insured
-                          amount that exceeds USD 3 million</div>
+                    <div class="tips">{{$t('index.quote.vhis.tips')}}</div>
                   </div>
                 </div>
 
               </div>
 
             </div>
-              </swiper-slide>
-            </swiper>
 
             <div @click="onPrevTabHandler()" class="arrow arrow-left"></div>
             <div @click="onNextTabHandler()" class="arrow arrow-right"></div>