From cae18e9d823f9b07b22af8804790ec30b45cf27b Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Thu, 07 Nov 2024 10:51:33 +0800
Subject: [PATCH] 1

---
 src/page/home/new_service.vue |   64 +++++++++++++++++++++++++------
 1 files changed, 51 insertions(+), 13 deletions(-)

diff --git a/src/page/home/new_service.vue b/src/page/home/new_service.vue
index c7c643c..50b8516 100644
--- a/src/page/home/new_service.vue
+++ b/src/page/home/new_service.vue
@@ -7,36 +7,57 @@
 		</div>
 		<div class="top_box_right">{{$t('top_s')}}</div>
 	</div>
-	<div class="bot_box">
+	<div class="bot_box" @click="gotoservice(onlineService)">
 		<div class="bot_box_img">
 			<img class="bot_box_img_img" src="../../assets/img/duanxin.png"/>
 		</div>
 		<div class="bot_box_txt">
 			<div class="bot_box_txt_top">{{$t('hj16')}}</div>
-			<div class="bot_box_txt_bottom">zhuq0911@gmail.com</div>
+			<textarea class="bot_box_txt_bottom" style="    border: none;
+    overflow: hidden;">{{onlineService}}</textarea>
 		</div>
 	</div>
-	<div class="bot_box" @click="gotoservice()">
+	<div class="bot_box" @click="gotoservice('https://wa.me/916390067988')">
 		<div class="bot_box_img">
-			<img class="bot_box_img_img" style="width: 50px;height: 50px;" src="../../assets/img/phone.png"/>
+			<img class="bot_box_img_img"  src="../../assets/img/wsapp.png"/>
 		</div>
 		<div class="bot_box_txt">
-			<div  class="bot_box_txt_top">Telegram</div>
-			<div class="bot_box_txt_bottom">{{$t('tips_sb')}}</div>
+			<div  class="bot_box_txt_top">WhatsApp</div>
+			<div class="bot_box_txt_bottom">https://wa.me/916390067988</div>
 		</div>
 	</div>
+  <div class="bot_box" @click="gotoservice('https://wa.me/918981249425')">
+  	<div class="bot_box_img">
+  		<img class="bot_box_img_img"  src="../../assets/img/wsapp.png"/>
+  	</div>
+  	<div class="bot_box_txt">
+  		<div  class="bot_box_txt_top">WhatsApp</div>
+  		<div class="bot_box_txt_bottom">https://wa.me/918981249425</div>
+  	</div>
+  </div>
+  <div class="bot_box" @click="gotoservice('https://wa.me/919547892243')">
+  	<div class="bot_box_img">
+  		<img class="bot_box_img_img"  src="../../assets/img/wsapp.png"/>
+  	</div>
+  	<div class="bot_box_txt">
+  		<div  class="bot_box_txt_top">WhatsApp</div>
+  		<div class="bot_box_txt_bottom">https://wa.me/919547892243</div>
+  	</div>
+  </div>
 	<div style="margin-bottom: 150px;"></div>
   </div>
 </template>
- 
+
 <script>
+  import * as api from "@/axios/api";
 import headers from "../login/components/header.vue";
 export default {
   data() {
     return {
+      onlineService:'',
 	  loginWay:this.$t('zc'),
       policyContent: ''
-	  
+
     };
   },
   components: {
@@ -44,21 +65,37 @@
   },
   mounted() {
     this.loadPolicy();
+    this.getInfoSite()
   },
   methods: {
     loadPolicy() {
       // 假设你有一个方法来加载隐私政策内容
       this.policyContent = '';
     },
-	gotoservice(){
+    async getInfoSite() {
+      let data = await api.getInfoSite();
+      if (data.status === 0) {
+        this.onlineService = data.data.onlineService;
+        console.log(this.onlineService, 'this.onlineService');
+      } else {
+        this.$store.commit("elAlertShow", {
+          elAlertShow: true,
+          elAlertText: data.msg,
+        });
+      }
+    },
+	gotoservice(e){
 		// this.$router.push('/service')
-		window.location.href = 'https://t.me/FidelitySecuritiesGrou'
+		window.location.href = e
 	}
   }
 };
 </script>
- 
+
 <style scoped>
+  .bot_box_txt_bottom{
+    margin-right: 20px;
+  }
 	.bot_box_txt_top{
 		font-weight: 600;
 		font-size: 24px;
@@ -66,6 +103,7 @@
 	}
 	.bot_box_txt{
 		display: flex;
+    width: 80%;
 		justify-content: center;
 		flex-direction: column;
 		margin-left: 20px;
@@ -79,7 +117,7 @@
 		height: 80px;
 	}
 	.bot_box{
-		width: 94%;
+		/* width: 94%; */
 		margin-left: 3%;
 		background-color: #fff;
 		margin-top: 30px;
@@ -133,4 +171,4 @@
   margin: 0 auto;
   padding: 20px;
 }
-</style>
\ No newline at end of file
+</style>

--
Gitblit v1.9.3