首页内容

@@ -104,7 +104,7 @@ module.exports = {
 	refreshSmgOtp: "/pingan_hklife_webapi/user/refreshSmgOtp",
 
 	// 上传文件到iobs
-	uploadFileIobs: "/pingan_hklife_webapi/policy/upload/file/iobs"
+	uploadFileIobs: "/pingan_hklife_webapi/policy/upload/file/iobs",
 
 	//首页产品列表
 	indexManageListApi: "/pingan_hklife_webapi/cms/index/manage"

@@ -393,9 +393,11 @@ export default {
 		// 	})
 		// 		.then(response => {
 		// 			console.log("response:", response);
+		// 			let ttt = JSON.parse(response[0].content);
+		// 			console.log("ttt:", ttt);
 		// 		})
 		// 		.catch(res => {});
-		//
+		
 		// }
 	},
 	watch: {
@@ -425,9 +427,6 @@ export default {
 		this.initTitle();
 	},
 	created() {
-		//this.aaa()
-		// this.loading = true;
-		// this.queryPolicyContact();
 		this.$root.eventBus.$on("langChange", () => {
 			try {
 				this.initData();
@@ -436,31 +435,3 @@ export default {
 	}
 };
 
-// var ttt = {
-// 	areaCode:"",
-// 	mobileNo: "1232321",
-// 	address: "CHINA, GuangdongShenzhen咯农户心情来来来",
-// 	email: "zhangwenjun110@ocft.com",
-// 	mobileNoAcceptMsg: 0,
-// 	addressAcceptMsg: 0,
-// 	emailAcceptMsg: 0,
-// 	policies: [{ policyId: "4661690", policyCode: "P000200000000458" }]
-// };
-
-// var tttt2 = {
-// 	policyContactCode: "",
-// 	policyId: "4655100",
-// 	policyCode: "P000200000000009",
-
-// 	mobileAreaCode: "0668",
-// 	mobile: "13727826666",
-// 	countryId: "156",
-// 	provinceId: "1",
-// 	cityId: "304",
-// 	address: "上海迪士尼乐园",
-// 	acceptMessage: 1,
-// 	iobsKey: "a",
-// 	fileFormat: "xlsx",
-// 	fileSize: 123,
-// 	fileContentType: "mp4"
-// };

@@ -271,6 +271,19 @@ export default {
 		 */
 		onQuoteHandler() {
 			// gotoVHIS();
+		},
+		queryIndexManageListApi() {
+			httpPost({
+				url: api.indexManageListApi,
+				data: {},
+				sid: true
+			})
+				.then(response => {
+					console.log("response:", response);
+					let ttt = JSON.parse(response[0].content);
+					console.log("ttt:", ttt);
+				})
+				.catch(res => {});
 		}
 	},
 	beforeDestroy() {},
@@ -278,6 +291,7 @@ export default {
 		this.initData();
 	},
 	created() {
+		// this.queryIndexManageListApi();
 		this.$root.eventBus.$on("langChange", () => {
 			try {
 				this.refreshBanner();

@@ -76,6 +76,7 @@
 
   .banner-img {
     width: 100%;
+    // height: 579px;
   }
 
   .btn-wrap {
@@ -90,6 +91,7 @@
     justify-content: center;
 
     .banner-btn {
+      font-size: $fontSizeSmall-M2;
       @extend .pointer;
       padding: 0 12px;
       color: $cOrange2;
@@ -129,6 +131,7 @@
 
 // 推荐 为什么选择平安人寿
 .recommend {
+  width: 1200px;
   margin: 100px auto 0;
   text-align: center;
   position: relative;
@@ -170,7 +173,6 @@
     bottom: 0;
     right: 0;
     @include linear-bg();
-    // @extend .fcc;
     padding: 0 24px;
     height: 52px;
     line-height: 52px;
@@ -193,14 +195,12 @@
 
 // 线上报价
 .quote {
-  // background: url("~@/assets/images/index/index-quote-bg-temp.png") center
-  //   no-repeat;
-  // @extend .bb;
   width: 100%;
-  height: 1482px;
-  overflow: hidden;
+  min-height: 1440px;
   margin: 52px auto 0;
-  padding-bottom: 40px;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
 
   .space1 {
     height: 540px;
@@ -225,7 +225,6 @@
   }
 
   .table {
-    // background-color: wheat;
     width: 1200px;
 
     margin: 56px auto 0;
@@ -242,8 +241,6 @@
         @extend .bis;
         @extend .fcc;
         height: 73px;
-        // margin: 0 -14px;
-        // margin: 0 -46px;
         font-size: $fontSize-M2;
         color: $cOrange2;
         font-weight: bold;
@@ -272,14 +269,13 @@
       font-size: 22px;
 
       .panel {
-        position: relative;
-        // margin-top: 5px;
+        // position: relative;
         width: 50%;
       }
 
       .panel-left {
         @include linear-bg;
-        position: relative;
+        // position: relative;
         @extend .fcc;
         .desc {
           &-item {
@@ -359,7 +355,7 @@
 
   .quote-btn {
     @include btc4(300px, 50px, 22px);
-    margin: 40px auto 0;
+    margin: 44px auto 0;
 
     &:lang(zh) {
       letter-spacing: 1.1px;
@@ -367,8 +363,7 @@
   }
   .customer-service {
     margin-top: 24px;
-    // margin: 24px auto 32px;
-    // padding-bottom: 40px;
+    padding-bottom: 32px;
     font-size: 22px;
     font-weight: bold;
     text-align: center;
@@ -423,9 +418,11 @@
         width: 100%;
 
         &-item {
-          margin-bottom: 28px;
+      
 
           .ipt-wrap-linear {
+            margin-bottom: 28px;
+
             .cont {
               .ipt {
                 text-align: center;
@@ -536,6 +533,8 @@
   }
 
   .recommend {
+    width: auto;
+
     .contact-tips {
       // display: block;
       margin: 24px auto 0;
@@ -556,7 +555,6 @@
       &-cont {
         .arrow {
           margin: 0 8px;
-          z-index: 11111;
         }
       }
     }
@@ -626,6 +624,7 @@
         .panel {
           padding: 32px 24px;
           width: 100%;
+          position: relative;
         }
       }
     }
@@ -654,8 +653,6 @@
 
   // 投保
   .quote {
-    height: auto;
-
     .tit {
       font-size: $fontSizeTitle-M2;
     }
@@ -682,7 +679,6 @@
           .func1 {
             &-item {
               display: block;
-              // margin: 36px 0;
 
               .k,
               .gender {
@@ -730,8 +726,21 @@
           font-size: $fontSize-M2;
         }
       }
-      .panel-right{
-        .submit-btn{
+      .panel-right {
+        .form {
+          &-item {
+            flex-wrap: wrap;
+            .dear {
+              width: 100%;
+              margin-right: 0;
+            }
+            .name {
+              width: 100%;
+            }
+          }
+        }
+
+        .submit-btn {
           font-size: $fontSize-M2;
         }
       }

@@ -37,7 +37,7 @@
     </div>
     <!-- 导航菜单切换 -->
     <div class="gird-g nav-tab">
-      <div class="nav-tab-item" :class="{ 'nav-tab-item-act': item.index == curTab.index }" :style="'width: calc(100% / ' + tabList.length + ');'" @click="onTabHandler(item)" v-html="item.name" v-for="item in tabList" :key="item.id" >{{ item.name }}</div>
+      <div class="nav-tab-item" :class="{ 'nav-tab-item-act': item.index == curTab.index }" :style="'width: calc(100% / ' + tabList.length + ');'" @click="onTabHandler(item)" v-html="item.name" v-for="item in tabList" :key="item.id">{{ item.name }}</div>
       <!-- <div class="nav-tab-item pure-u-1 pure-u-md-1-5" :class="{ 'nav-tab-item-act': item.index == curTab.index }"  @click="onTabHandler(item)" v-html="item.name" v-for="item in tabList" :key="item.id" >{{ item.name }}</div> -->
     </div>
     <!-- 推荐 为什么选择平安人寿 -->
@@ -70,7 +70,7 @@
     </div>
 
     <!-- 线上报价 -->
-    <div class="quote" :style="'background: url(' + quoteBgUrl + ') center no-repeat;'">
+    <div class="quote" :style="'background-image: url(' + quoteBgUrl + ');'">
       <div class="space1"></div>
       <div class="tit">線上報價 閃速投保</div>
       <div class="tit2">
@@ -86,10 +86,10 @@
         </div>
         <div class="linear" :style="'width: calc(100% - '+tableTapIndentation.ind+'px *' + (tabList.length - 1) + ')'"></div>
         <div class="table-cont" :style="'width: calc(100% - '+tableTapIndentation.ind+'px *' + (tabList.length - 1) + ')'">
-          <div @click="onPrevTabHandler()" class="arrow arrow-left"></div>
-          <div @click="onNextTabHandler()" class="arrow arrow-right"></div>
 
           <div class="panel panel-left">
+            <div @click="onPrevTabHandler()" class="arrow arrow-left"></div>
+            <div @click="onNextTabHandler()" class="arrow arrow-right"></div>
             <div class="desc">
               <div class="desc-item">・潛在長線資本增值</div>
               <div class="desc-item">・創建家族財富</div>
@@ -232,4 +232,18 @@
 @import "./index.scss";
 </style>
 
-<style lang="scss"></style>
+<style lang="scss">
+@media (max-width: 768px) {
+  .contact {
+    .panel {
+      .panel-right {
+        .form {
+          .el-input__inner {
+            font-size: 18px; // $fontSize-M2
+          }
+        }
+      }
+    }
+  }
+}
+</style>