|
|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div class="div">
|
|
|
+ <div class="div" @click="onshezhi">
|
|
|
<div id="navigation" class="navbar-inverse navbar-fixed-top animated-header">
|
|
|
<div class="container">
|
|
|
<div class="navbar-header">
|
|
|
@@ -19,10 +19,10 @@
|
|
|
<ul id="nav" class="nav navbar-nav menu">
|
|
|
<li><router-link to="/home"><a href="#"><span style="color: white">首页</span></a></router-link></li>
|
|
|
<li><a href="https://uas.usoftchina.com/about" target="_blank"><span>关于我们</span></a></li>
|
|
|
- <li style="margin-left:30px; margin-top: 13px; cursor: pointer;">
|
|
|
+ <li style="margin-left:30px;margin-top: 13px;cursor: pointer;">
|
|
|
<span style="color:#fff;font-size: 16px;">
|
|
|
<img style="width: 20px;" src="/static/img/assets/denglu3x.png" alt="">
|
|
|
- {{mytoken.realname}}
|
|
|
+ {{mytoken.realname || mytoken.username}}
|
|
|
</span>
|
|
|
<span style="color:#fff;" @click="loginout">【退出】</span>
|
|
|
</li>
|
|
|
@@ -48,7 +48,7 @@
|
|
|
</div>
|
|
|
<!-- 个人信息------------------------------------------------------------------- -->
|
|
|
<div :class= "{gsqiye:nowindex == 1}">
|
|
|
- <div class="over gr-worp" style="margin-bottom: 30px;">
|
|
|
+ <div v-if="ismodifyname" class="over gr-worp" style="margin-bottom: 30px;">
|
|
|
<div class="left gr-left">
|
|
|
<img src="/static/img/qiye/yonghu@2x.png" alt="">
|
|
|
</div>
|
|
|
@@ -57,7 +57,7 @@
|
|
|
<li>
|
|
|
<span>姓名</span>
|
|
|
<span>{{mytoken.realname}}</span>
|
|
|
- <!-- <input type="text" :value="mytoken.realname"> -->
|
|
|
+ <button class="modifyname dianji" @click="modify">修改</button>
|
|
|
</li>
|
|
|
<li>
|
|
|
<span>UU号</span><span>{{mytoken.uu}}</span>
|
|
|
@@ -71,6 +71,34 @@
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!-- 修改页面 -->
|
|
|
+ <div v-else class="over gr-worp" style="margin-bottom: 30px;">
|
|
|
+ <div class="left gr-left">
|
|
|
+ <img src="/static/img/qiye/yonghu@2x.png" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="left gr-right" style="margin-bottom: 30px;">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <span><span class="xinghao" style="width:5px">*</span>姓名</span>
|
|
|
+ <input @change="regname" class="realname" type="text" ref="realname" :value="mytoken.realname">
|
|
|
+ <p class="usname" ref="usname"></p>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>UU号</span><span>{{mytoken.uu}}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>邮箱</span><span>{{mytoken.email}}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>手机号</span><span>{{mytoken.mobile}}</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <button class="baocun dianji" @click="Preservation">保存</button>
|
|
|
+ <button class="qy-quxiao quxiao" @click="cancel">取消</button>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<!-- 安全信息----------------------------------------------------------------------------- -->
|
|
|
|
|
|
@@ -106,6 +134,9 @@ import { setTimeout } from 'timers';
|
|
|
tianjiaqiye: true,//添加企业切换
|
|
|
mytoken: JSON.parse(localStorage.getItem('app-state-session')).account,//本地储存的用户信息
|
|
|
mobile: null,
|
|
|
+ ismodifyname:true,
|
|
|
+ isname:true,//姓名验证
|
|
|
+ reg: new RegExp(/[\@\#\$\%\&\*!\¥]/),//非法字符
|
|
|
tab: [
|
|
|
{name: '企业信息'},
|
|
|
{name: '个人信息'},
|
|
|
@@ -142,17 +173,93 @@ import { setTimeout } from 'timers';
|
|
|
//修改手机号
|
|
|
changphone(){
|
|
|
window.location.href = this.$url.sso+'/validation/phoneValidation?returnURL='+this.$url.web+'&appId=sp'
|
|
|
- }
|
|
|
+ },
|
|
|
+ //修改姓名
|
|
|
+ modify(){
|
|
|
+ this.ismodifyname = false
|
|
|
+ },
|
|
|
+ //取消修改姓名
|
|
|
+ cancel(){
|
|
|
+ this.ismodifyname = true
|
|
|
+ },
|
|
|
+ regname(){
|
|
|
+ let name = this.$refs.realname.value.replace(/\s+/g, "");
|
|
|
+ if (name == '') {
|
|
|
+ this.$refs.usname.innerHTML = '个人姓名不能为空'
|
|
|
+ this.isname = false
|
|
|
+ } else {
|
|
|
+ this.isname = true
|
|
|
+ if (this.reg.test(name)) {
|
|
|
+ this.$refs.usname.innerHTML = '不能包含非法字符'
|
|
|
+ this.isname = false
|
|
|
+ } else {
|
|
|
+ this.$refs.usname.innerHTML = ''
|
|
|
+ this.isname = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 保存修改姓名
|
|
|
+ Preservation(){
|
|
|
+ if (this.isname) {
|
|
|
+ let name = this.$refs.realname.value.replace(/\s+/g, "");
|
|
|
+ console.log(name)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onshezhi(){
|
|
|
+ this.$store.state.ismoren = ''
|
|
|
+ },
|
|
|
},
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
- .div {
|
|
|
- padding-top: 100px;
|
|
|
- background: #FDFDFD;
|
|
|
- }
|
|
|
- .gsqiye div:last-child {
|
|
|
- margin-bottom: 100px;
|
|
|
- }
|
|
|
+.div {
|
|
|
+ padding-top: 100px;
|
|
|
+ background: #FDFDFD;
|
|
|
+}
|
|
|
+.gsqiye div:last-child {
|
|
|
+ margin-bottom: 100px;
|
|
|
+}
|
|
|
+.modifyname {
|
|
|
+ margin-left: 80px;
|
|
|
+ font-family: PingFangSC-Regular;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ letter-spacing: 0.25px;
|
|
|
+ text-align: center;
|
|
|
+ padding: 5px 20px;
|
|
|
+ background: #1E88F5;
|
|
|
+ border-radius: 2px;
|
|
|
+ border: 0
|
|
|
+}
|
|
|
+.baocun {
|
|
|
+ font-family: PingFangSC-Regular;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ letter-spacing: 0.25px;
|
|
|
+ text-align: center;
|
|
|
+ padding: 5px 26px;
|
|
|
+ background: #1E88F5;
|
|
|
+ border-radius: 2px;
|
|
|
+ border: 0
|
|
|
+}
|
|
|
+.quxiao {
|
|
|
+ padding: 5px 26px;
|
|
|
+ margin-left: 30px
|
|
|
+}
|
|
|
+.realname {
|
|
|
+ margin-left: -5px;
|
|
|
+ padding-left: 5px;
|
|
|
+}
|
|
|
+.usname {
|
|
|
+ height: 0px;
|
|
|
+ margin-left: 85px;
|
|
|
+ color: red;
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
+.xinghao {
|
|
|
+ float: left;
|
|
|
+ margin-left: -10px;
|
|
|
+ color: red;
|
|
|
+}
|
|
|
</style>
|