wangxl@jiinfo.cn 2 weeks ago
parent
commit
db0c6d04f1
3 changed files with 49 additions and 6 deletions
  1. 39 6
      src/components/sidebox.vue
  2. 5 0
      src/langs/cn/index.js
  3. 5 0
      src/langs/en/index.js

+ 39 - 6
src/components/sidebox.vue

@@ -2,8 +2,11 @@
   <div class="sidebox-box">
     <div class="fixedMessages">
         <img src="@/assets/img/side/zn.png" alt="" class="fixed-messageImg" @click="drawer = true">
+        <div class="rig_tip" :class="{'rig_tip_en' : lang == 'en'}">{{ $t("tips.WebNavigation") }}</div>
         <img src="@/assets/img/side/sideimg2.png" alt="" class="fixed-messageImg" v-if="!isWeekday()" @click="dialogVisible = true">
+        <div class="rig_tip" :class="{'rig_tip_en' : lang == 'en'}" v-if="!isWeekday()" @click="dialogVisible = true">{{ $t("tips.LeaveMessage") }}</div>
         <img src="@/assets/img/side/sideimg3.png" alt="" class="fixed-messageImg" v-if="isWeekday()" @click="init">
+        <div class="rig_tip" :class="{'rig_tip_en' : lang == 'en'}" v-if="isWeekday()" @click="init">{{ $t("tips.OnlineChat") }}</div>
         <div class="fixedMessagesBox" v-if="isTop" @click="goTop">
           <img src="@/assets/img/side/sideimg4.png" alt="" class="fixedMessagesImg">
           <p class="fixedMessagesText">TOP</p>
@@ -146,17 +149,23 @@
         </div>
       </div>
     </el-dialog>
+    <!-- 弹框 -->
+     <popUp :popUpShow="popUpShow" @closePopUp="closePopUp"></popUp>
+     
   </div>
 </template>
 <script>
+import popUp from "@/components/popUp/index.vue";
 import { toTop } from "@/js/util/utilList.js"
 import YSF from '@neysf/qiyu-web-sdk';
 export default {
   name: "sidebox",
   components: {
+    popUp
   },
   data() {
     return {
+      popUpShow: false, // 弹框
       lang: this.$i18n.locale,
       drawer: false,
       dialogVisible: false,
@@ -184,6 +193,10 @@ export default {
     window.removeEventListener("scroll", this.handleScroll, true);
   },
   methods: {
+    // 弹框
+    closePopUp() {
+      this.popUpShow = false;
+    },
     // 判断是否是周一到周五 8点半到下午5点半  这段时间
     isWeekday() {
       if (this.lang == "cn") {
@@ -260,10 +273,11 @@ export default {
           source: 10
         }).then(res => {
           if (res.code == 0) {
-            this.$message({
-              message: this.$t("input.YourMessage"),
-              type: "success"
-            });
+            // this.$message({
+            //   message: this.$t("input.YourMessage"),
+            //   type: "success"
+            // });
+            this.popUpShow = true
             this.form = {
               company: "",
               email: "",
@@ -388,13 +402,23 @@ export default {
           overflow: hidden;
             .fixed-messageImg{
               display: block;
-              margin: 0 auto 32px;
+              margin: 0 auto;
               width: 65px;
               background: linear-gradient(180deg, #22AB3A, #1880C1);
               padding: 5px;
               border-radius: 50%;
               cursor: pointer;
             }
+            .rig_tip{
+              margin: 4px auto 20px;
+              text-align: center;
+              font-size: 16px;
+              cursor: pointer;
+              
+            }
+            .rig_tip_en{
+              font-size: 12px;
+            }
             .fixedMessagesBox{
               margin: 0 auto 28px;
               cursor: pointer;
@@ -561,13 +585,22 @@ export default {
           overflow: hidden;
             .fixed-messageImg{
               display: block;
-              margin: 0 auto 0.2rem;
+              margin: 0 auto;
               width: 0.4rem;
               background: linear-gradient(180deg, #22AB3A, #1880C1);
               padding: 5px;
               border-radius: 50%;
               cursor: pointer;
             }
+            .rig_tip{
+              margin: 4px auto 0.2rem;
+              text-align: center;
+              font-size: 12px;
+              cursor: pointer;
+            }
+            .rig_tip_en{
+              font-size: 12px;
+            }
             .fixedMessagesBox{
               margin: 0 auto 0.25rem;
               cursor: pointer;

+ 5 - 0
src/langs/cn/index.js

@@ -665,5 +665,10 @@ export default {
     Multiselect: "Multiselect",
     DeleteAll: "Delete All",
     RemindFormat: "Remind: for asymmetry format, variable regions can be either distinct or identical upon needs."
+  },
+  tips: {
+    WebNavigation: '网站导航',
+    OnlineChat: '在线聊天',
+    LeaveMessage: '留言'
   }
 }

+ 5 - 0
src/langs/en/index.js

@@ -665,5 +665,10 @@ export default {
     Multiselect: "Multiselect",
     DeleteAll: "Delete All",
     RemindFormat: "Remind: for asymmetry format, variable regions can be either distinct or identical upon needs."
+  },
+  tips: {
+    WebNavigation: 'Web Navigation',
+    OnlineChat: 'Online Chat',
+    LeaveMessage: 'Leave Message'
   }
 }