首页内容

simon
Showing 5 changed files with 69 additions and 61 deletions
src/api/api.js
src/pages/custom-service/components/policy-change-contact.js
src/pages/index/index.js
src/pages/index/index.scss
src/pages/index/index.vue
--- a/src/api/api.js
View file @28c18b9
+++ b/src/api/api.js
View file @28c18b9
@@ -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"
--- a/src/pages/custom-service/components/policy-change-contact.js
View file @28c18b9
+++ b/src/pages/custom-service/components/policy-change-contact.js
View file @28c18b9
@@ -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"
-// };
--- a/src/pages/index/index.js
View file @28c18b9
+++ b/src/pages/index/index.js
View file @28c18b9
@@ -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();
--- a/src/pages/index/index.scss
View file @28c18b9
+++ b/src/pages/index/index.scss
View file @28c18b9
@@ -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;
+  min-height: 1440px;
-  overflow: hidden;
  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;
+        // position: relative;
-        // margin-top: 5px;
        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: 32px;
-    // padding-bottom: 40px;
    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{
+      .panel-right {
-        .submit-btn{
+        .form {
+          &-item {
+            flex-wrap: wrap;
+            .dear {
+              width: 100%;
+              margin-right: 0;
+            }
+            .name {
+              width: 100%;
+            }
+          }
+        }
+        .submit-btn {
          font-size: $fontSize-M2;
        }
      }
--- a/src/pages/index/index.vue
View file @28c18b9
+++ b/src/pages/index/index.vue
View file @28c18b9
@@ -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>