|
@@ -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;
|