|
|
@@ -8,8 +8,6 @@
|
|
|
<img src="@/assets/img/side/sideimg4.png" alt="" class="fixedMessagesImg">
|
|
|
<p class="fixedMessagesText">TOP</p>
|
|
|
</div>
|
|
|
- <!-- <p v-if="lang == 'cn'" class="fixed-text">三优<br/>导航</p> -->
|
|
|
- <!-- <p v-if="lang == 'en'" class="fixed-text">Sanyou<br/>navigation</p> -->
|
|
|
</div>
|
|
|
<el-drawer
|
|
|
title=""
|
|
|
@@ -73,7 +71,7 @@
|
|
|
:visible.sync="dialogVisible"
|
|
|
width="1200px">
|
|
|
<div class="production_bottom_box">
|
|
|
- <p class="production_bottom_title">{{ $t("input.leaveaMessage") }}</p>
|
|
|
+ <p class="production_bottom_title">{{ $t("input.Comments") }}</p>
|
|
|
<div class="submit_box">
|
|
|
<el-form label-position="left" ref="form" :model="form" label-width="130px">
|
|
|
<div class="el_input">
|
|
|
@@ -92,16 +90,8 @@
|
|
|
<el-input v-model="form.phone"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div class="el_input">
|
|
|
- <el-form-item :label="$t('input.catalogNumber') + ':'">
|
|
|
- <el-input v-model="form.catalog"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item :label="$t('input.productName') + ':'">
|
|
|
- <el-input v-model="form.productName"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
<div class="el_input_message">
|
|
|
- <el-form-item :label="$t('input.Comments') + ':'">
|
|
|
+ <el-form-item :label="$t('input.leaveaMessage') + ':'">
|
|
|
<el-input v-model="form.message" type="textarea" :rows="3"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
@@ -116,7 +106,7 @@
|
|
|
<!-- 移动端 -->
|
|
|
<el-dialog
|
|
|
v-if="$util.isMobileDevice()"
|
|
|
- :title="$t('input.leaveaMessage')"
|
|
|
+ :title="$t('input.Comments')"
|
|
|
:visible.sync="dialogVisible"
|
|
|
width="90%">
|
|
|
<div class="production_bottom_box">
|
|
|
@@ -143,18 +133,8 @@
|
|
|
<el-input v-model="form.phone"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <div class="el_input">
|
|
|
- <el-form-item :label="$t('input.catalogNumber') + ':'">
|
|
|
- <el-input v-model="form.catalog"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div class="el_input">
|
|
|
- <el-form-item :label="$t('input.productName') + ':'">
|
|
|
- <el-input v-model="form.productName"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
<div class="el_input_message">
|
|
|
- <el-form-item :label="$t('input.Comments') + ':'">
|
|
|
+ <el-form-item :label="$t('input.leaveaMessage') + ':'">
|
|
|
<el-input v-model="form.message" type="textarea" :rows="3"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
@@ -181,13 +161,11 @@ export default {
|
|
|
drawer: false,
|
|
|
dialogVisible: false,
|
|
|
form: {
|
|
|
- catalog: "",
|
|
|
+ name: "",
|
|
|
company: "",
|
|
|
email: "",
|
|
|
- message: "",
|
|
|
- name: "",
|
|
|
phone: "",
|
|
|
- productName: ""
|
|
|
+ message: ""
|
|
|
},
|
|
|
fullscreenLoading: false,
|
|
|
isTop: false // 是否回到顶部
|
|
|
@@ -224,21 +202,30 @@ export default {
|
|
|
return false;
|
|
|
},
|
|
|
init () {
|
|
|
- YSF.init('467cad5bb74586dff3727cc6e20b014f', {
|
|
|
+ const loading = this.$loading({
|
|
|
+ lock: true,
|
|
|
+ text: 'Loading',
|
|
|
+ spinner: 'el-icon-loading',
|
|
|
+ background: 'rgba(0, 0, 0, 0.7)'
|
|
|
+ });
|
|
|
+ YSF.init("467cad5bb74586dff3727cc6e20b014f", {
|
|
|
hidden: 1 // hidden 表示是否隐藏访客端默认入口
|
|
|
}).then(ysf => {
|
|
|
ysf("config", {
|
|
|
- title: "SRC",
|
|
|
+ title: "BsAb",
|
|
|
level: 1,
|
|
|
success: function () {
|
|
|
- ysf('open')
|
|
|
+ ysf("open")
|
|
|
+ loading.close();
|
|
|
},
|
|
|
error: function (err) {
|
|
|
- console.log(err, "配置失败，拒绝 Promise 并返回错误信息"); // 配置失败，拒绝 Promise 并返回错误信息
|
|
|
+ this.$message.error(err);
|
|
|
+ loading.close();
|
|
|
}
|
|
|
})
|
|
|
}).catch(error => {
|
|
|
- console.log('sdk加载失败---', error);
|
|
|
+ this.$message.error(error);
|
|
|
+ loading.close();
|
|
|
});
|
|
|
},
|
|
|
// 验证
|
|
|
@@ -266,20 +253,18 @@ export default {
|
|
|
postSubmit() {
|
|
|
if (this.verification()) {
|
|
|
this.fullscreenLoading = true;
|
|
|
- this.$api.post("message/submit", this.from).then(res => {
|
|
|
+ this.$api.post("message/submit", this.form).then(res => {
|
|
|
if (res.code == 0) {
|
|
|
this.$message({
|
|
|
message: this.$t("input.YourMessage"),
|
|
|
type: "success"
|
|
|
});
|
|
|
this.form = {
|
|
|
- catalog: "",
|
|
|
company: "",
|
|
|
email: "",
|
|
|
- message: "",
|
|
|
name: "",
|
|
|
phone: "",
|
|
|
- productName: ""
|
|
|
+ message: ""
|
|
|
};
|
|
|
this.fullscreenLoading = false;
|
|
|
this.dialogVisible = false
|
|
|
@@ -559,17 +544,17 @@ export default {
|
|
|
right: 0px;
|
|
|
z-index: 9999;
|
|
|
.fixedMessages{
|
|
|
- width: 0.9rem;
|
|
|
+ width: 0.6rem;
|
|
|
background: #FFFFFF;
|
|
|
box-shadow: 0px 2px 27px 0px rgba(105,105,105,0.35);
|
|
|
border-top-left-radius: 10px;
|
|
|
border-bottom-left-radius: 10px;
|
|
|
- padding-top: 0.3rem;
|
|
|
+ padding-top: 0.2rem;
|
|
|
overflow: hidden;
|
|
|
.fixed-messageImg{
|
|
|
display: block;
|
|
|
- margin: 0 auto 0.3rem;
|
|
|
- width: 0.6rem;
|
|
|
+ margin: 0 auto 0.2rem;
|
|
|
+ width: 0.4rem;
|
|
|
background: linear-gradient(180deg, #22AB3A, #1880C1);
|
|
|
padding: 5px;
|
|
|
border-radius: 50%;
|
|
|
@@ -586,7 +571,7 @@ export default {
|
|
|
.fixedMessagesText{
|
|
|
font-family: Source Han Sans CN;
|
|
|
font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
+ font-size: 14px;
|
|
|
color: #989898;
|
|
|
line-height: 1;
|
|
|
text-align: center;
|
