Browse Source

样式修改

jinsy 7 years ago
parent
commit
1fa997da6f

+ 1 - 1
frontend/saas-portal-web/src/components/conenter/addenterprise.vue

@@ -318,7 +318,7 @@ import { setTimeout, clearTimeout } from 'timers';
                     }
                 }
             },
-            //个人姓名2提示语显示
+            //个人姓名2提示语隐藏
             showTestname(){
                 this.isTestname = false;
             },

+ 20 - 7
frontend/saas-portal-web/src/components/conenter/details.vue

@@ -48,8 +48,8 @@
                         </li>
                         <li>
                             <span class="qy-biaoti">所属行业</span>
-                            <select ref="qyindustry" class="industry border" name="selectAge" id="selectAge">   
-                                <option value="">请选择所属行业</option>
+                            <select @change="industry" ref="qyindustry" class="industry border" name="selectAge" id="selectAge">   
+                                <option value="" disabled selected hidden>请选择所属行业</option>
                                 <option value="贸易零售">贸易零售</option>
                                 <option value="制造加工">制造加工</option>
                                 <option value="服务业">服务业</option>
@@ -86,8 +86,8 @@
                         <li><span class="qy-biaoti">手机号</span><span>{{content.adminMobile}}</span></li>
                         <li>
                             <span class="qy-biaoti">邮<span style="width:2em;display: inline-block;"></span>箱</span>
-                            <input @change="email" ref="email" type="text" value="">
-                            <div class="qy-Tips"><span style="color:red" v-html="Email"></span></div>
+                            <input @blur="email" @focus="heidemail" ref="email" type="text" value="" :class= "{showborder:isemail}">
+                            <div v-show="isheidemail" class="qy-Tips"><span style="color:red" v-html="Email"></span></div>
                         </li>
                     </ul>
                 </div>
@@ -107,7 +107,8 @@ import Session from '@/utils/session'
                 mytoken: Session.get(),//本地储存的用户信息
                 isId: false,
                 isemail: true,//正则邮箱
-                ismodifyId: false
+                ismodifyId: false,
+                isheidemail:false,
             }
         },
         mounted(){
@@ -124,11 +125,18 @@ import Session from '@/utils/session'
                 let options = selects.options;
                 for (let i = 0; i < options.length; i++) {
                     if (options[i].innerHTML == this.content.type) {
-                        options[i].selected = true
+                        options[i].selected = true;
+                        this.$refs.qyindustry.style.border = '1px solid #1E88F5'
                     }
                 };
                 let email = this.$refs.email;
-                email.value = this.content.adminEmail;
+                if (this.content.adminEmail) {
+                    email.value = this.content.adminEmail;
+                }
+            },
+            // 行业
+            industry(){
+                this.$refs.qyindustry.style.border = '1px solid #1E88F5'
             },
             //修改企业信息
             xiugaiqiye(){
@@ -139,6 +147,7 @@ import Session from '@/utils/session'
                 },10)
             },
             email(){ //验证邮箱
+                this.isheidemail = true;
                 let reg = new RegExp("^[a-z0-9A-Z]+[- | a-z0-9A-Z . _]+@([a-z0-9A-Z]+(-[a-z0-9A-Z]+)?\\.)+[a-z]{2,}$"); 
                 let email = this.$refs.email.value;//邮箱
                 if (email == '') {
@@ -154,6 +163,10 @@ import Session from '@/utils/session'
                     }
                 }
             },
+            //邮箱提示显示
+            heidemail(){
+                this.isheidemail = false;
+            },
             // 取消修改
             quxiaoxiugai(){
                 document.documentElement.scrollTop = 0;

+ 31 - 23
frontend/saas-portal-web/src/components/conenter/enterprise.vue

@@ -82,10 +82,10 @@
                             <img src="/static/img/qiye/yonghu@2x.png" alt="">
                         </div>
                         <div class="left gr-right" style="margin-bottom: 50px;">
-                            <ul>
+                            <ul style="padding:0">
                                 <li>
                                     <span>姓名</span>
-                                    <span>{{mytoken.realname}}</span>
+                                    <span style="display: inline-block;width:200px">{{mytoken.realname}}</span>
                                     <button class="modifyname dianji" @click="modify">修改</button>
                                 </li>
                                 <li>
@@ -109,8 +109,8 @@
                             <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>
+                                    <input @blur="regname" @focus="hideregname" class="realname" type="text" ref="realname" value="">
+                                    <span v-show="isusname" class="usname" ref="usname"></span>
                                 </li>
                                 <li>
                                     <span>UU号</span><span>{{mytoken.uu}}</span>
@@ -220,6 +220,7 @@ import { setTimeout } from 'timers';
                 mobile: null,
                 ismodifyname:true,
                 isname:true,//姓名验证
+                isusname:false,
                 reg: new RegExp(/[\@\#\$\%\&\*!!\¥]/),//非法字符
                 isheigh:false,//默认高度
                 isnews: false,
@@ -372,33 +373,42 @@ import { setTimeout } from 'timers';
             },
             //修改姓名
             modify(){
-                this.ismodifyname = false
+                this.ismodifyname = false;
+                setTimeout(()=>{
+                    this.$refs.realname.value = this.mytoken.realname;
+                },10)
             },
             //取消修改姓名
             cancel(){
                 this.ismodifyname = true
             },
             regname(){
+                this.isusname = true;
                 let name = this.$refs.realname.value.replace(/\s+/g, "");
                 if (name == '') {
-                    this.$refs.usname.innerHTML = '个人姓名不能为空'
-                    this.isname = false
+                    this.$refs.usname.innerHTML = '<img style="width:14px" src="/static/img/warning.png" alt=""> 个人姓名不能为空'
+                    // this.isname = false
                 } else {
-                    this.isname = true
+                    // this.isname = true
                     if (this.reg.test(name)) {
-                        this.$refs.usname.innerHTML = '不能包含非法字符'
+                        this.$refs.usname.innerHTML = '<img style="width:14px" src="/static/img/warning.png" alt=""> 不能包含非法字符'
                         this.isname = false
                     } else {
-                        this.$refs.usname.innerHTML = ''
+                        this.$refs.usname.innerHTML = '<img style="width:14px" src="/static/img/ok.png" alt="">'
                         this.isname = true
                     }
                 }
             },
+            hideregname(){
+                this.isusname = false;
+            },
             // 保存修改姓名
             Preservation(){
-                if (this.isname) {
-                    let name = this.$refs.realname.value.replace(/\s+/g, "");
-                    let id = this.mytoken.id;
+                let name = this.$refs.realname.value.replace(/\s+/g, "");
+                let id = this.mytoken.id;
+                if (name == '') {
+                    this.$message.error('个人姓名不能为空');
+                } else if (this.isname) {
                     this.$ajax({
                         url: this.$url.api+"/api/account/account/update",
                         method :'post',
@@ -418,10 +428,9 @@ import { setTimeout } from 'timers';
                             this.$router.go(0);
                         }
                     })
-                    .catch(err=>{
-                        // console.log("请求错误",err);
-                    })
-                }
+                } else {
+                    this.$message.error('姓名不能包含非法字符');
+                } 
             },
             //ele常见问题
             handleSelect(){
@@ -503,13 +512,13 @@ import { setTimeout } from 'timers';
     background: #1E88F5 !important;
 }
 .modifyname {
-    margin-left: 80px;
+    margin-left: 20px;
     font-family: PingFangSC-Regular;
     font-size: 14px;
     color: #FFFFFF;
     letter-spacing: 0.25px;
     text-align: center;
-    padding: 5px 20px;
+    padding: 5px 30px;
     background: #1E88F5;
     border-radius: 2px;
     border: 0
@@ -534,8 +543,7 @@ import { setTimeout } from 'timers';
     padding-left: 5px;
 }
 .usname {
-    height: 0px;
-    margin-left: 85px;
+    margin-left: 10px;
     color: red;
     font-size: 12px;
 }
@@ -574,10 +582,10 @@ import { setTimeout } from 'timers';
     white-space: nowrap;
 }
 .gs-news > ul > li > span:nth-child(1) {
-    width: 58%;
+    width: 63%;
 }
 .gs-news > ul > li > span:nth-child(2) {
-    width: 20%;
+    width: 15%;
 }
 .gs-news > ul > li > span:nth-child(3) {
     width: 20%;

+ 4 - 3
frontend/saas-portal-web/src/components/conenter/failure.vue

@@ -30,6 +30,7 @@
 <style scoped>
 .failure {
     overflow: hidden;
+    margin-top: -80px;
 }
 p {
     text-align: center;
@@ -38,14 +39,14 @@ p {
 }
 .text1 {
     font-family: PingFangSC-Regular;
-    font-size: 3rem;
+    font-size: 2.5rem;
     color: #344A69;
     letter-spacing: 0;
-    top: 70%;
+    top: 60%;
 }
 .text2 {
     font-family: PingFangSC-Regular;
-    font-size: 1.5rem;
+    font-size: 1.4rem;
     color: #7C93AD;
     letter-spacing: 0;
     bottom: 5%;

+ 16 - 4
frontend/saas-portal-web/src/components/conenter/home.vue

@@ -45,10 +45,8 @@
         <div class="collapse navbar-collapse navbar-right" role="navigation" style="position: absolute;left: 35%;">
           <ul @click="gohome" id="nav" class="nav navbar-nav menu">
             <li><a href="#" @click="setTurnHome"><span>首页</span></a></li>
-            <li>
-              <a href="#feature"><span>特色</span></a>
-            </li>
-            <li><a href="#service"><span>功能</span></a></li>
+            <li class="xs"><a @click="feature2"><span>特色</span></a></li>
+            <li class="xs"><a @click="service2"><span>功能</span></a></li>
             <li>
               <el-menu  
               class="el-menu-demo" 
@@ -469,6 +467,20 @@
         this.$store.commit('problemfalse');
         document.documentElement.scrollTop = 0;
       },
+      //特色
+      feature2(){
+        setTimeout(()=>{
+          document.documentElement.scrollTop = 700;
+        },5);
+        this.setTurnHome();
+      },
+      //功能
+      service2(){
+        setTimeout(()=>{
+          document.documentElement.scrollTop = 3550;
+        },5);
+        this.setTurnHome();
+      },
       gohome(e){
         this.$store.commit('problemtrue')
         // this.isproblem = true

+ 1 - 1
frontend/saas-portal-web/src/components/conenter/invitation.vue

@@ -20,7 +20,7 @@
             </div>
             <input type="text" ref="name" @blur="name" placeholder="请输入姓名">
             <select class="role" ref="role" @blur="roles">
-                <option value="">岗位角色</option>
+                <option value="" disabled selected hidden>岗位角色</option>
                 <option v-for="(d,i) in arr" :key="i" :value=d.id>{{d.name}}</option>
             </select>
             <button class="login" @click="login">提交</button>

+ 6 - 2
frontend/saas-portal-web/static/css/gongsi.css

@@ -300,8 +300,11 @@ input::-webkit-input-placeholder {
     box-shadow: 0 20px 60px 8px #F4F8FC;
     border-radius: 2px;
 }
-.gr-worp div {
-    width: 50%;
+.gr-worp > div:nth-child(1) {
+    width: 40%;
+}
+.gr-worp > div:nth-child(2) {
+    width: 60%;
 }
 .gr-left {
     text-align: center;
@@ -461,6 +464,7 @@ input::-webkit-input-placeholder {
 }
 .lookup > ul > li span:nth-child(2) {
     width: 74%;
+    padding-right: 10px;
 } 
 /* .lookup > ul > li span:nth-child(3) {
     width: 40%;

+ 4 - 4
frontend/saas-portal-web/static/css/main.css

@@ -353,8 +353,8 @@ main > section {
     background-size: 100%;
 }
 .db-text {
-    background: white;
-    color: #000;
+    background:  #1E88F5;
+    color:  #FFFFFF;
 }
 .footer .container{
     margin: 0 auto;
@@ -453,10 +453,10 @@ main > section {
 
 
 .friend-link{
-    height: 48px;
+    height: 56px;
     background: #14152D;
     width: 100%;
-    line-height: 48px;
+    line-height: 56px;
     text-align: center;
 }
 .friend-link span {