修复一些文案和bug

@@ -7,6 +7,7 @@ module.exports = {
         Sex: "Sex",
         Age: "Age",
         Birthday: "Birthday",
+        SubmitSuccess: "Successfully submitted",
     },
     message: {
         login: 'Login',
@@ -803,7 +804,8 @@ module.exports = {
         letterName: "Notice of Policy Issuance and Cooling-off Period",
         DownloadDoc: "Download document",
         Read: "Read",
-        UnRead: "Unread"
+        UnRead: "Unread",
+        showMore:"Show all eCorrespondence enquiry."
     },
     customService: {
         name: "Customer service",

@@ -7,6 +7,7 @@ module.exports = {
         Sex: "性別",
         Age: "年齡",
         Birthday: "生日",
+        SubmitSuccess: "遞交申請成功",
     },
     message: {
         login: "Login",
@@ -811,7 +812,8 @@ module.exports = {
         letterName: "保單繕發及冷靜期通知書",
         DownloadDoc: "下載文檔",
         Read: "已閱讀",
-        UnRead: "未閱讀"
+        UnRead: "未閱讀",
+        showMore:"顯示所有電子通知書查詢"
     },
     FAQ: {
         title: "常見問題"

@@ -7,6 +7,7 @@ module.exports = {
         Male: "男性",
         Female: "女性",
         Birthday: "生日",
+        SubmitSuccess: "递交申请成功",
     },
     message: {
         login: "登入",
@@ -809,7 +810,8 @@ module.exports = {
         letterName: "保单缮发及冷静期通知",
         DownloadDoc: "下載文檔",
         Read: "已阅读",
-        UnRead: "未阅读"
+        UnRead: "未阅读",
+        showMore:"显示所有电子通知书"
     },
     FAQ: {
         title: "常见问题"

@@ -9,39 +9,44 @@ export default {
 	},
 	methods: {
 		initData() {
-			this.slider = this.$refs.slider;
-			this.thunk = this.$refs.trunk;
 			var _this = this;
-			// console.log("object");
-			this.thunk.onmousedown = function (e) {
-				var width = parseInt(_this.width);
-				var disX = e.clientX;
-				document.onmousemove = function (e) {
-					// value, left, width
-					// 当value变化的时候，会通过计算属性修改left，width
+			this.$nextTick(() => {
+				_this.slider = _this.$refs.slider;
+				_this.thunk = _this.$refs.trunk;
+				if (_this.thunk) {
+					_this.thunk.onmousedown = function (e) {
+						var width = parseInt(_this.width);
+						var disX = e.clientX;
+						document.onmousemove = function (e) {
+							// value, left, width
+							// 当value变化的时候，会通过计算属性修改left，width
+
+							// 拖拽的时候获取的新width
+							var newWidth = e.clientX - disX + width;
+							// 拖拽的时候得到新的百分比
+							var scale = newWidth / _this.slider.offsetWidth;
+							_this.per = Math.ceil((_this.max - _this.min) * scale + _this.min);
+							_this.per = Math.max(_this.per, _this.min);
+							_this.per = Math.min(_this.per, _this.max);
+							_this.$emit("input", _this.per);
+						};
+						document.onmouseup = function () {
+							document.onmousemove = document.onmouseup = null;
+						};
+						return false;
+					};
+				}
+			});
+
 
-					// 拖拽的时候获取的新width
-					var newWidth = e.clientX - disX + width;
-					// 拖拽的时候得到新的百分比
-					var scale = newWidth / _this.slider.offsetWidth;
-					_this.per = Math.ceil((_this.max - _this.min) * scale + _this.min);
-					_this.per = Math.max(_this.per, _this.min);
-					_this.per = Math.min(_this.per, _this.max);
-					_this.$emit("input", _this.per);
-				};
-				document.onmouseup = function () {
-					document.onmousemove = document.onmouseup = null;
-				};
-				return false;
-			};
 		}
 	},
 	//渲染到页面的时候
 	mounted() {
 		this.initData();
-    window.addEventListener('resize', ()=>{
-      this.initData();
-    }, false);
+		window.addEventListener('resize', () => {
+			this.initData();
+		}, false);
 	},
 
 	computed: {

@@ -31,16 +31,6 @@
   transition: 0.2s all;
 }
 .slider .tips {
-  // position: absolute;
-  // left: -7px;
-  // bottom: 30px;
-  // min-width: 15px;
-  // text-align: center;
-  // padding: 4px 8px;
-  // background: #000;
-  // border-radius: 5px;
-  // height: 24px;
-  // color: #fff;
   background-image: url("~@/assets/images/index/index-num-bg.png");
   @extend .bis;
   width: 40px;

@@ -48,7 +48,7 @@
           </div>
           <template v-if="maxShow < contentList.length">
             <div class="separator-h"></div>
-            <div class="data-line show-more-btn" @click="maxShow = 1000">{{$t('customService.insuranceQuery.showMore')}}</div>
+            <div class="data-line show-more-btn" @click="maxShow = 1000">{{$t('eCorrespondenceEnquiry.showMore')}}</div>
           </template>
         </template>
 

@@ -384,21 +384,6 @@ export default {
 				console.error(e);
 			}
 		},
-		uploadExcel() {},
-		// aaa(){
-		// 	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 => {});
-		
-		// }
 	},
 	watch: {
 		"data.mobile": function() {

@@ -10,6 +10,8 @@ import {
 
 import DatePicker from "@/components/date-picker/date-picker.vue";
 import Slider from "@/components/slider-comp/slider-comp.vue";
+import ModalComp from "@/components/modal-comp/modal-comp.vue";
+import Modal2Comp from "@/components/modal2-comp/modal2-comp.vue";
 
 import {
 	ddMMyyyy2yyyyMMdd
@@ -24,6 +26,7 @@ export default {
 	data() {
 		return {
 			key: "value",
+
 			PRODUCT_PRO_EASY: "PRODUCT_PRO_EASY", // 好医时
 			PRODUCT_REN_RICH: "PRODUCT_REN_RICH", // 平安福
 			// swiper
@@ -43,6 +46,13 @@ export default {
 				// },
 				// speed: 1000
 			},
+
+			loading: false,
+			modalVisiable: false,
+			errorVisible: false,
+			modalIcon: "succ",
+			modalContent: "",
+
 			dataList: [], // 首页请求数据
 			bannerList: [],
 			bannerCandidateList: [],
@@ -139,7 +149,9 @@ export default {
 	},
 	components: {
 		DatePicker,
-		Slider
+		Slider,
+		ModalComp,
+		Modal2Comp
 	},
 	computed: {
 		locale() {
@@ -233,7 +245,7 @@ export default {
 				sliderPer
 			} = this;
 			let bet = 10000; //单位 万元
-			let result =  bet * sliderPer / 1000 * curPaymentPeriod.p * curPaymentOption.p * curPaymentOption.v;
+			let result = bet * sliderPer / 1000 * curPaymentPeriod.p * curPaymentOption.p * curPaymentOption.v;
 			result = result.toFixed(2);
 			return result;
 		}
@@ -401,7 +413,10 @@ export default {
 		 * 提交表单
 		 */
 		onSubmitContact() {
-			console.log("this.formData:", this.formData);
+			if (this.loading) {
+				return;
+			}
+			// console.log("this.formData:", this.formData);
 			this.checkSubmit().then((result) => {
 
 				let formData = this.formData;
@@ -414,18 +429,47 @@ export default {
 					contactTime: formData.contactTime,
 					inquiry: formData.inquiry
 				}
-				console.log("data:", data);
+				// console.log("data:", data);
 
+				this.loading = true;
 				httpPost({
 					url: api.indexContact,
 					data: data,
 				}).then((result) => {
-					console.log("indexContact result:", result);
+					this.formData = {
+						title: "",
+						name: "",
+						mobile: "",
+						email: "",
+						contactTime: "",
+						inquiry: ""
+					}
+					this.errorTips = {
+						e1: "",
+						e2: "",
+						e3: "",
+						e4: "",
+						e5: "",
+						e6: "",
+						e7: ""
+					};
+					this.loading = false;
+					this.showSuccess();
 				}).catch((err) => {
-
+					this.loading = false;
+					this.errorVisible = true;
 				});
 			})
 		},
+		showSuccess() {
+			this.showModal(this.i18n.common.SubmitSuccess);
+		},
+		showModal(content, icon) {
+			icon = !icon || typeof icon === "undefined" ? "succ" : icon;
+			this.modalIcon = icon;
+			this.modalContent = content;
+			this.modalVisiable = true;
+		},
 
 		initData() {
 
@@ -465,7 +509,7 @@ export default {
 					element.index = idx;
 					element.describeList = element.describe.split("\n");
 				});
-				this.curTab = this.dataList[1];
+				this.curTab = this.dataList[0];
 				this.bannerList = this.dataList;
 				console.log("this.dataList:", this.dataList);
 			})

@@ -692,6 +692,7 @@
       }
 
       .submit-btn {
+        @extend .fcc;
         @include linear-bg();
         margin: 0 auto 0;
         @include btc4(300px, 50px, 22px);

 <template>
   <div class="page page-index">
+
+    <modal-comp :visible="modalVisiable" :show-confirm="false" :icon="modalIcon" :content="modalContent" :confirm="()=>{this.modalVisiable = false}" :overlay="()=>{this.modalVisiable = false}"></modal-comp>
+    <modal2-comp :visible="errorVisible" :close="()=>{errorVisible = false}" :content="$t('glbalTips.sysError')"></modal2-comp>
+
     <!-- 该input用于防止chrome自动填充 -->
     <input type="password" style="display: none;" />
     <div class="banner-contaner">
@@ -181,7 +185,7 @@
                       <div class="item">每半年</div>
                       <div class="item">每季度</div>
                       <div class="item">每月</div> -->
-                        <div @click="onSelectPaymentOptionHandler(item)" class="item" :class="{'item-act':curPaymentOption.v==item.v}" v-for="item in paymentOptionList" :key="item.id">
+                      <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>
@@ -283,7 +287,7 @@
                 <div class="ipt-wrap-linear">
                   <div class="down-arrow"></div>
                   <div class="cont">
-                    <date-picker class="ipt-date" :placeholder="$t('index.contact.form.Time') + '*'" v-model="formData.contactTime" :filtModel="['future']" :cusStyle="{
+                    <date-picker class="ipt-date" :placeholder="$t('index.contact.form.Time') + '*'" v-model="formData.contactTime" :filtModel="['history']" :cusStyle="{
 											border: 'none !important',
 											'background-color': 'transparent !important',
 											padding: '16px 24px',
@@ -320,7 +324,8 @@
               {{ errTips }}
             </template>
           </div> -->
-          <div @click="onSubmitContact" class="submit-btn" :class="{disabled: submitBtnDisabled}">{{ $t("index.contact.form.Submit") }}</div>
+          <div @click="onSubmitContact" class="submit-btn" :class="{disabled: submitBtnDisabled}">
+            <van-loading v-if="loading" />{{ $t("index.contact.form.Submit") }}</div>
         </div>
         <img class="pic-mobile pic-mobile-botom" src="@/assets/images/index/index-mobile.png" alt />
       </div>