|
@@ -1,7 +1,6 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div class="content">
|
|
<div class="content">
|
|
|
<div style="width:100%;height:100vh;overflow:auto" ref="page">
|
|
<div style="width:100%;height:100vh;overflow:auto" ref="page">
|
|
|
-
|
|
|
|
|
<div class="swiper-container">
|
|
<div class="swiper-container">
|
|
|
<img src="../assets/02logo.png" class="logo" alt>
|
|
<img src="../assets/02logo.png" class="logo" alt>
|
|
|
|
|
|
|
@@ -214,7 +213,7 @@
|
|
|
<img class="rightImg" src="../assets/29.png" alt>
|
|
<img class="rightImg" src="../assets/29.png" alt>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <div class="introduce" ref='introduce'>
|
|
|
|
|
|
|
+ <div class="introduce" ref="introduce">
|
|
|
<div class="title">公司介绍</div>
|
|
<div class="title">公司介绍</div>
|
|
|
<div class="subTitle">南京一米世界软件科技有限公司业务包括增强现实、人工智能、区块链、大数据等技术及解决方案的研发,开发并提供大量基于互联网的产品与服务。公司秉承“用科技让世界更有趣”的企业使命,用最新的科技为旅游、零售、公共交通、医疗等传统行业赋能。</div>
|
|
<div class="subTitle">南京一米世界软件科技有限公司业务包括增强现实、人工智能、区块链、大数据等技术及解决方案的研发,开发并提供大量基于互联网的产品与服务。公司秉承“用科技让世界更有趣”的企业使命,用最新的科技为旅游、零售、公共交通、医疗等传统行业赋能。</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -245,14 +244,14 @@
|
|
|
<el-input v-model="form.phone" style="width:2.2rem"></el-input>
|
|
<el-input v-model="form.phone" style="width:2.2rem"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="地址">
|
|
<el-form-item label="地址">
|
|
|
- <el-cascader :options="options" v-model="form.selectedOptions" style="width:2.2rem"></el-cascader>
|
|
|
|
|
|
|
+ <el-cascader :options="options" v-model="form.location" style="width:2.2rem"></el-cascader>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="留言">
|
|
<el-form-item label="留言">
|
|
|
- <el-input type="textarea" v-model="form.desc" resize='none'></el-input>
|
|
|
|
|
|
|
+ <el-input type="textarea" v-model="form.desc" resize="none"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="验证码">
|
|
<el-form-item label="验证码">
|
|
|
<div class="yanzhen">
|
|
<div class="yanzhen">
|
|
|
- <el-input v-model="form.yanzhen" style="width:1.3rem"></el-input>
|
|
|
|
|
|
|
+ <el-input v-model="form.code" style="width:1.3rem"></el-input>
|
|
|
<img :src="$baseUrl+'/auth/image?'+autoData" style="height:0.31rem" alt>
|
|
<img :src="$baseUrl+'/auth/image?'+autoData" style="height:0.31rem" alt>
|
|
|
<span @click="getAuto">换一张</span>
|
|
<span @click="getAuto">换一张</span>
|
|
|
</div>
|
|
</div>
|
|
@@ -289,11 +288,15 @@ export default {
|
|
|
var mySwiper = new Swiper('.swiper-container', {
|
|
var mySwiper = new Swiper('.swiper-container', {
|
|
|
pagination: {
|
|
pagination: {
|
|
|
el: '.swiper-pagination',//自动隐藏
|
|
el: '.swiper-pagination',//自动隐藏
|
|
|
- clickable :true,
|
|
|
|
|
|
|
+ clickable: true,
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
this.getImgs(19);
|
|
this.getImgs(19);
|
|
|
}, 1000)
|
|
}, 1000)
|
|
|
|
|
+
|
|
|
|
|
+ if(localStorage['sendYimi']){
|
|
|
|
|
+ this.send=true;
|
|
|
|
|
+ }
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
@@ -302,7 +305,8 @@ export default {
|
|
|
autoData: '',
|
|
autoData: '',
|
|
|
// options:[]
|
|
// options:[]
|
|
|
video: '',
|
|
video: '',
|
|
|
- showVideo: false
|
|
|
|
|
|
|
+ showVideo: false,
|
|
|
|
|
+ send: false
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
computed: {
|
|
computed: {
|
|
@@ -386,23 +390,103 @@ export default {
|
|
|
img.src = require('../assets/' + i + '.png');
|
|
img.src = require('../assets/' + i + '.png');
|
|
|
},
|
|
},
|
|
|
onSubmit() {
|
|
onSubmit() {
|
|
|
- console.log('submit!');
|
|
|
|
|
|
|
+ if (!this.form.phone || !this.form.location || !this.form.desc || !this.form.code) {
|
|
|
|
|
+ this.$message.warning('信息填写不全,不能提交哦!');
|
|
|
|
|
+ return;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ if (!this.checkPhone(this.form.phone)) {
|
|
|
|
|
+ this.$message.warning('手机号格式错误!');
|
|
|
|
|
+ return;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ this.checkCode(this.form.code).then(() => {
|
|
|
|
|
+ this.$http.get({
|
|
|
|
|
+ url: '/mail/send',
|
|
|
|
|
+ data: {
|
|
|
|
|
+ mobile: this.form.phone,
|
|
|
|
|
+ address: this.form.location.join('/'),
|
|
|
|
|
+ message: this.form.desc,
|
|
|
|
|
+ mail: '2582936849@qq.com'
|
|
|
|
|
+ }
|
|
|
|
|
+ }).then(res => {
|
|
|
|
|
+ if (res.success) {
|
|
|
|
|
+ this.$message.success('发送成功');
|
|
|
|
|
+ this.form = {};
|
|
|
|
|
+ localStorage.setItem('sendYimi', '已发送')
|
|
|
|
|
+ this.send = true;
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+ else {
|
|
|
|
|
+ this.$message.warning(res.error);
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ }).catch(() => {
|
|
|
|
|
+ this.$message.warning('验证码错误');
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
|
|
+ checkPhone(phone) {
|
|
|
|
|
+ var result = false
|
|
|
|
|
+ if ((/^1[3|4|5|8|7|6|9][0-9]\d{8}$/.test(phone))) {
|
|
|
|
|
+ result = true
|
|
|
|
|
+ }
|
|
|
|
|
+ return result
|
|
|
},
|
|
},
|
|
|
getAuto() {
|
|
getAuto() {
|
|
|
this.autoData = Date.parse(new Date())
|
|
this.autoData = Date.parse(new Date())
|
|
|
},
|
|
},
|
|
|
chooseVideo(src) {
|
|
chooseVideo(src) {
|
|
|
|
|
+ if (!this.send) {
|
|
|
|
|
+ this.$confirm('想要查看视频,请先留言哦!', '提示', {
|
|
|
|
|
+ confirmButtonText: '去留言',
|
|
|
|
|
+ cancelButtonText: '取消',
|
|
|
|
|
+ type: 'warning'
|
|
|
|
|
+ }).then(() => {
|
|
|
|
|
+ this.goConnect()
|
|
|
|
|
+ }).catch(() => {
|
|
|
|
|
+
|
|
|
|
|
+ });
|
|
|
|
|
+ return;
|
|
|
|
|
+ }
|
|
|
this.showVideo = true
|
|
this.showVideo = true
|
|
|
this.video = src
|
|
this.video = src
|
|
|
},
|
|
},
|
|
|
- goAbout(){
|
|
|
|
|
- this.$refs.page.scrollTop=this.$refs.introduce.offsetTop
|
|
|
|
|
|
|
+ goAbout() {
|
|
|
|
|
+ this.$refs.page.scrollTop = this.$refs.introduce.offsetTop
|
|
|
},
|
|
},
|
|
|
- goConnect(){
|
|
|
|
|
- this.$refs.page.scrollTop=this.$refs.connect.offsetTop
|
|
|
|
|
|
|
+ goConnect() {
|
|
|
|
|
+ this.$refs.page.scrollTop = this.$refs.connect.offsetTop
|
|
|
},
|
|
},
|
|
|
- downLoad(fileName){
|
|
|
|
|
- window.open('http://oss.izouma.com/yimishijie/'+fileName)
|
|
|
|
|
|
|
+ downLoad(fileName) {
|
|
|
|
|
+ if (!this.send) {
|
|
|
|
|
+ this.$confirm('想要查看解决方案,请先留言哦!', '提示', {
|
|
|
|
|
+ confirmButtonText: '去留言',
|
|
|
|
|
+ cancelButtonText: '取消',
|
|
|
|
|
+ type: 'warning'
|
|
|
|
|
+ }).then(() => {
|
|
|
|
|
+ this.goConnect()
|
|
|
|
|
+ }).catch(() => {
|
|
|
|
|
+
|
|
|
|
|
+ });
|
|
|
|
|
+ return;
|
|
|
|
|
+ }
|
|
|
|
|
+ window.open('http://oss.izouma.com/yimishijie/' + fileName)
|
|
|
|
|
+ },
|
|
|
|
|
+ checkCode(value) {
|
|
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
|
|
+ this.$http.get({
|
|
|
|
|
+ url: '/auth/verify',
|
|
|
|
|
+ data: {
|
|
|
|
|
+ code: value,
|
|
|
|
|
+ }
|
|
|
|
|
+ }).then(res => {
|
|
|
|
|
+ if (res.success) {
|
|
|
|
|
+ resolve()
|
|
|
|
|
+ } else {
|
|
|
|
|
+ reject()
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ })
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|