|
|
@@ -1,5 +1,10 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
+ <div id="preloader" style="display:none">
|
|
|
+ <div class="loder-box">
|
|
|
+ <div class="battery"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div id="navigation" class="navbar-inverse navbar-fixed-top animated-header">
|
|
|
<div class="container">
|
|
|
<div class="navbar-header">
|
|
|
@@ -11,19 +16,20 @@
|
|
|
</button>
|
|
|
<h1 class="navbar-brand">
|
|
|
<a href="#">
|
|
|
- <img class="logo-img" src="/static/img/assets/dalogo3x.png" alt="">
|
|
|
+ <img class="logo-img" src="/static/img/assets/dalogo@2x_1.png" alt="">
|
|
|
</a>
|
|
|
</h1>
|
|
|
</div>
|
|
|
<div class="collapse navbar-collapse navbar-right" role="navigation">
|
|
|
<ul id="nav" class="nav navbar-nav menu">
|
|
|
<li><a href="#"><span>首页</span></a></li>
|
|
|
- <li @click="home">
|
|
|
+ <li><a href="https://www.usoftchina.com/" target="_blank"><span>优软云</span></a></li>
|
|
|
+ <li>
|
|
|
<a href="#feature"><span>特色</span></a>
|
|
|
<!-- <router-link to="/enterprise"><a href="#"><span>特色</span></a></router-link> -->
|
|
|
</li>
|
|
|
<li><a href="#service"><span>功能</span></a></li>
|
|
|
- <li><a href="#prototype"><span>帮助中心</span></a></li>
|
|
|
+ <!-- <li><a href="#prototype"><span>帮助中心</span></a></li> -->
|
|
|
<li><a href="https://uas.usoftchina.com/about" target="_blank"><span>关于我们</span></a></li>
|
|
|
<li class="login" v-if="!account" style="margin-left: 20px;">
|
|
|
<span @click="login"><img src="/static/img/assets/denglu3x.png" alt="">登录 </span>
|
|
|
@@ -35,7 +41,7 @@
|
|
|
<span id="user-info">{{account.realname || account.username}}</span>
|
|
|
</span>
|
|
|
<span @click="loginout">【退出】</span> |
|
|
|
- <router-link to="/enterprise"><a href="#"><span style="color: white">账户管理</span></a></router-link>
|
|
|
+ <router-link to="/enterprise"><a href="#"><span style="color: white">账户中心</span></a></router-link>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
@@ -52,17 +58,29 @@
|
|
|
<img @click="closeModal" class="tc-on shut"
|
|
|
src="/static/img/qiye/chahao.png" alt="">
|
|
|
</div>
|
|
|
- <iframe width="430" height="440" :src="ssoPage"></iframe>
|
|
|
+ <iframe id="iframe" width="430" height="474" :src="ssoPage"></iframe>
|
|
|
<iframe hidden :src="setTokenPage"></iframe>
|
|
|
</div>
|
|
|
+
|
|
|
+ <!-- 体验弹窗 -->
|
|
|
<div class="tiyan" v-if="isexperience">
|
|
|
- <div><span>欢迎你访问u企云服</span></div>
|
|
|
- <div>
|
|
|
- <p>1.</p>
|
|
|
+ <img @click="Closeexperience" class="tc-on ty-out" src="/static/img/qiye/x.png" alt="" />
|
|
|
+ <div><img class="ty-logo" src="/static/img/assets/dalogo@2x.png" alt=""></div>
|
|
|
+ <div><p class="ty-logotxt">欢迎你访问U企云服</p></div>
|
|
|
+ <div class="ty-title"><span>填写手机号后,即刻体验电子行业贸易版所有功能</span></div>
|
|
|
+ <div class="ty-phone over">
|
|
|
+ <div class="left ty-input">
|
|
|
+ <span><img style="margin: 6px 8px 10px 15px;" src="/static/img/assets/phone.png" alt=""></span>
|
|
|
+ <input ref="typhone" type="text" placeholder="请输入您的11位手机号">
|
|
|
+ </div>
|
|
|
+ <div class="left" style="margin-left: 8px;"><button @click="experience1">立即试用</button></div>
|
|
|
+ </div>
|
|
|
+ <div style="text-align: left;">
|
|
|
+ <span class="Caution" ref="Caution"></span>
|
|
|
+ </div>
|
|
|
+ <div class="contact">
|
|
|
+ <span>客服电话:400-830-1818</span>
|
|
|
</div>
|
|
|
- 我是体验
|
|
|
- <img @click="Closeexperience" class="tc-on shut"
|
|
|
- src="/static/img/qiye/chahao.png" alt="">
|
|
|
</div>
|
|
|
|
|
|
<!--Home Slider==================================== -->
|
|
|
@@ -74,7 +92,8 @@
|
|
|
data-slice1-scale="2" data-slice2-scale="2">
|
|
|
<div class="mask-overly"></div>
|
|
|
<div class="bg-img slider-1">
|
|
|
- <img src="/static/img/assets/beijing2x.png" alt="">
|
|
|
+ <!-- <img src="/static/img/assets/beijing2x.png" alt=""> -->
|
|
|
+ <img src="../../../static/img/gongneng/Group 32.png" alt="">
|
|
|
</div>
|
|
|
<!-- 首页内容 -->
|
|
|
<div class="my-text">
|
|
|
@@ -99,48 +118,18 @@
|
|
|
<p class="ts-text">云端部署 轻量应用</p>
|
|
|
</div>
|
|
|
<div class="ts-box">
|
|
|
- <div style="margin:50px 0;">
|
|
|
- <img class="ts-img" src="/static/img/features.jpg" alt="">
|
|
|
- </div>
|
|
|
- <div class="right right-text">
|
|
|
- <img class="ts-minimg" src="/static/img/assets/1.png" alt="">
|
|
|
- <div class="ts-mintext">
|
|
|
- <p style="font-size: 32px !important;margin-bottom: 36px;"><img class="ts-textimg"
|
|
|
- src="/static/img/assets/xunzhao@2x.png"
|
|
|
- alt="">迅速找到您想要的</p>
|
|
|
- <p>寻找供应商资源</p>
|
|
|
- <p>寻找产品货源 寻找产品资料</p>
|
|
|
- </div>
|
|
|
+ <div>
|
|
|
+ <img class="ts-img" src="/static/img/assets/1@2x.png" alt="">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="ts-box">
|
|
|
- <div class="left left-text">
|
|
|
- <img class="ts-minimg" style="left:0;" src="/static/img/assets/2.png" alt="">
|
|
|
- <div class="ts-mintext ts-lefttext">
|
|
|
- <p style="font-size: 32px !important;margin-bottom: 36px;">直观看到您想看的<img class="ts-textleftimg"
|
|
|
- src="/static/img/assets/fen xi@2x.png"
|
|
|
- alt=""></p>
|
|
|
- <p>每日订单量、收付款、月度销售分析、采购分析</p>
|
|
|
- <p>让你成为企业经营老司机</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="margin:50px 0;">
|
|
|
- <img class="ts-img" src="/static/img/features.jpg" alt="">
|
|
|
+ <div>
|
|
|
+ <img class="ts-img" src="/static/img/assets/2@3x.png" alt="">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="ts-box">
|
|
|
- <div style="margin:50px 0;">
|
|
|
- <img class="ts-img" src="/static/img/features.jpg" alt="">
|
|
|
- </div>
|
|
|
- <div class="right right-text">
|
|
|
- <img class="ts-minimg" src="/static/img/assets/1.png" alt="">
|
|
|
- <div class="ts-mintext" style="right: 145px;">
|
|
|
- <p style="font-size: 32px !important;margin-bottom: 36px;"><img class="ts-textimg"
|
|
|
- src="/static/img/assets/kuaisu@2x.png"
|
|
|
- alt="">快速上手 生意简单做</p>
|
|
|
- <p>移动端的交互体验</p>
|
|
|
- <p>简短清晰的业务流程 让你三分钟上手</p>
|
|
|
- </div>
|
|
|
+ <div>
|
|
|
+ <img class="ts-img" src="/static/img/assets/3@2x.png" alt="">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -245,7 +234,7 @@
|
|
|
<!-- end Service section -->
|
|
|
|
|
|
<!-- 帮助中心 -->
|
|
|
- <section id="prototype">
|
|
|
+ <!-- <section id="prototype">
|
|
|
<div class="container">
|
|
|
<div class="row">
|
|
|
<div class="section-title text-center">
|
|
|
@@ -262,17 +251,16 @@
|
|
|
<div class="bz-content">
|
|
|
<div class="bz-left">
|
|
|
<ul class="bz-ul">
|
|
|
- <li class='active'>操作文档</li>
|
|
|
- <li>常见问题</li>
|
|
|
+ <li v-for="(d,i) in arr" :key="i" :class= "{active:Nowindex == i}" @click="tab(i)">{{d}}</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="bz-right">
|
|
|
<div class="bz-right-conent">
|
|
|
- <div>
|
|
|
+ <div :class= "{shows:Nowindex == 0}">
|
|
|
<ul>
|
|
|
<li>
|
|
|
<span class="left bz-yuandian"></span>
|
|
|
- <span class="left">方式不同吧好像是差不多哇来访黑哇哦发检测句ID回复开展了好xxxxx操作文档 </span>
|
|
|
+ <span class="left">方式不同吧好像是差不多 </span>
|
|
|
<span class="right">2018年10月31日 12:00</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
@@ -287,22 +275,22 @@
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
- <div>
|
|
|
+ <div :class= "{shows:Nowindex == 1}">
|
|
|
<ul>
|
|
|
<li>
|
|
|
<span class="left bz-yuandian"></span>
|
|
|
<span class="left">方式不同吧好像是差不多哇来访黑哇哦发检测句ID回复开展了好xxxxx常见问题 </span>
|
|
|
- <span class="right">2018年10月31日 12:00</span>
|
|
|
+ <span class="right">2018年11月24日 12:00</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<span class="left bz-yuandian"></span>
|
|
|
<span class="left">方式不同吧好像是差不多哇来访黑哇哦发检测句ID回复开展了好xxxxx常见问题</span>
|
|
|
- <span class="right">2018年10月31日 12:00</span>
|
|
|
+ <span class="right">2018年11月24日 12:00</span>
|
|
|
</li>
|
|
|
<li>
|
|
|
<span class="left bz-yuandian"></span>
|
|
|
<span class="left">XXXXXXXXXXXXXXX常见问题</span>
|
|
|
- <span class="right">2018年10月31日 12:00</span>
|
|
|
+ <span class="right">2018年11月24日 12:00</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
@@ -312,7 +300,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </section>
|
|
|
+ </section> -->
|
|
|
</main>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -320,6 +308,7 @@
|
|
|
<script>
|
|
|
import {subscribe, disconnect} from '@/api/socket'
|
|
|
import Session from '@/utils/session'
|
|
|
+import { setTimeout } from 'timers';
|
|
|
|
|
|
export default {
|
|
|
data() {
|
|
|
@@ -328,14 +317,15 @@
|
|
|
isRegister: false,
|
|
|
clientId: null,
|
|
|
account: null,
|
|
|
- isexperience: false
|
|
|
+ isexperience: false,
|
|
|
+ arr: ["操作文档","常见手册"],
|
|
|
+ Nowindex: 0
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
this.clientId = Math.random().toString(36).substr(2)
|
|
|
// 从本地加载已经登录的信息
|
|
|
this.account = Session.getAccount()
|
|
|
- console.log(this.$store.state.isAutoLogin)
|
|
|
},
|
|
|
computed: {
|
|
|
setTokenPage() {
|
|
|
@@ -353,6 +343,9 @@
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ tab(i){
|
|
|
+ this.Nowindex = i;
|
|
|
+ },
|
|
|
home() {
|
|
|
document.documentElement.scrollTop = 0;
|
|
|
},
|
|
|
@@ -370,7 +363,7 @@
|
|
|
if (!account.companyId) {
|
|
|
// 添加企业
|
|
|
me.$router.push({path: '/enterprise', query: {mydata: account}})
|
|
|
- me.$store.state.isAutoLogin = true;
|
|
|
+ me.$store.commit('Logintrue')
|
|
|
} else {
|
|
|
// 跳转应用页面
|
|
|
window.location.href = me.$url.web
|
|
|
@@ -412,33 +405,140 @@
|
|
|
//关闭体验
|
|
|
Closeexperience(){
|
|
|
this.isexperience = false;
|
|
|
- }
|
|
|
+ },
|
|
|
+ //进入体验
|
|
|
+ experience1(){
|
|
|
+ let me = this
|
|
|
+ let phone = this.$refs.typhone.value;
|
|
|
+ let reg = new RegExp('^((13[0-9])|(14[5,7])|(15[0-3,5-9])|(17[0,3,5-8])|(18[0-9])|166|198|199|(147))\\d{8}$')
|
|
|
+ if (phone == '') {
|
|
|
+ this.$refs.Caution.innerHTML = '号码不能为空'
|
|
|
+ } else {
|
|
|
+ if (!reg.test(phone)) {
|
|
|
+ this.$refs.Caution.innerHTML = '号码格式错误'
|
|
|
+ // setTimeout(()=>{
|
|
|
+ // this.$refs.Caution.innerHTML = ''
|
|
|
+ // },2000)
|
|
|
+ } else {
|
|
|
+ this.$refs.Caution.innerHTML = ''
|
|
|
+ this.$ajax({
|
|
|
+ url: this.$url.api+'/api/auth/virtual/authorize/'+phone,
|
|
|
+ method: 'post',
|
|
|
+ })
|
|
|
+ .then(res=>{
|
|
|
+ const session = res.data.data.token, account = res.data.data.account
|
|
|
+ let companyId = account.companies[0].id
|
|
|
+ account.companies = account.companies || []
|
|
|
+ account.companyId=companyId;
|
|
|
+ session.account = account
|
|
|
+ const frame = window.frames[window.frames.length - 1]
|
|
|
+ frame.postMessage(JSON.stringify(session), '*')
|
|
|
+ window.location.href = me.$url.web
|
|
|
+ // console.log("请求成功",res)
|
|
|
+ phone = ''
|
|
|
+ })
|
|
|
+ .catch(err=>{
|
|
|
+ // console.log("请求失败",err)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
+.shows {
|
|
|
+ display: block !important;
|
|
|
+}
|
|
|
+.bz-right-conent div {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
.shut {
|
|
|
cursor: pointer;
|
|
|
position: absolute;
|
|
|
top: 10px;
|
|
|
right: 10px;
|
|
|
}
|
|
|
+.navbar-inverse {
|
|
|
+ padding: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 体验 */
|
|
|
.tiyan {
|
|
|
- position: absolute;
|
|
|
+ position: fixed;
|
|
|
top: 50%;
|
|
|
left: 50%;
|
|
|
- width: 400px;
|
|
|
- height: 200px;
|
|
|
- margin-left: -200px;
|
|
|
- margin-top: -100px;
|
|
|
+ width: 640px;
|
|
|
+ height: 320px;
|
|
|
+ margin-left: -320px;
|
|
|
+ margin-top: -160px;
|
|
|
z-index: 10001;
|
|
|
background: white;
|
|
|
+ padding: 24px;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 2px;
|
|
|
}
|
|
|
-.navbar-inverse {
|
|
|
- /* padding: 3px; */
|
|
|
- padding: 0px;
|
|
|
- /* height: 70px;
|
|
|
- line-height: 70px; */
|
|
|
+.ty-out {
|
|
|
+ cursor: pointer;
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+.ty-logo {
|
|
|
+ width: 140px;
|
|
|
+ margin: 15px 0 10px 13px;
|
|
|
+}
|
|
|
+.ty-logotxt {
|
|
|
+ font-family: PingFangSC-Regular;
|
|
|
+ font-size: 22px !important;
|
|
|
+ color: #059FFE;
|
|
|
+}
|
|
|
+.ty-title {
|
|
|
+ margin-top: 30px;
|
|
|
+ font-family: PingFangSC-Regular;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #059FFE;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.ty-input {
|
|
|
+ width: 330px;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ text-align: left;
|
|
|
+ background: rgba(32,53,128,0.01);
|
|
|
+ border: 1px solid #D8DCE8;
|
|
|
+ border-radius: 3px;
|
|
|
+ margin-left: 69px;
|
|
|
+}
|
|
|
+.ty-phone {
|
|
|
+ margin: 8px 0;
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+.ty-phone input{
|
|
|
+ outline:none;
|
|
|
+ border: 0;
|
|
|
+ height: 30px;
|
|
|
+ font-size: 14px;
|
|
|
+ width: 80%;
|
|
|
+}
|
|
|
+.ty-phone button{
|
|
|
+ background-image: linear-gradient(-90deg, #007EE5 0%, #05B3FF 100%, #5533FF 100%);
|
|
|
+ border-radius: 3px;
|
|
|
+ color: white;
|
|
|
+ width: 125px;
|
|
|
+ height: 40px;
|
|
|
+ border: 0;
|
|
|
+}
|
|
|
+.contact {
|
|
|
+ font-family: PingFangSC-Regular;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #059FFE;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.Caution {
|
|
|
+ color: red;
|
|
|
+ margin-left: 110px;
|
|
|
+ font-size: 12px;
|
|
|
+ display: inline-block;
|
|
|
+ height: 16px;
|
|
|
}
|
|
|
</style>
|