云中心样式修改

components/mobile/cloudcenter/cloudCenter.vue

@@ -55,9 +55,9 @@
                 <img v-show="user.user.passwordLevel === 1" src="/images/all/question-m.png" alt="">
               </div>
               <div class="bind-tip">
-                <span class="tip-text">安全性高的密码可以使账号更安全，建议您定期更换密码，并且设置一个包含数字和字母，长度超过8位以上的密码。</span>
-                <a href="/reset/changePasswordChooseStyle" class="bind-btn" v-show="user.user.passwordLevel === 2 || user.user.passwordLevel === 3">修改</a>
-                <a href="/reset/changePasswordChooseStyle" class="go-btn" v-show="user.user.passwordLevel === 1">设置</a>
+                <span class="tip-text tipText1">安全性高的密码可以使账号更安全，建议您定期更换密码，并且设置一个包含数字和字母，长度超过8位以上的密码。</span>
+                <a href="/reset/forgetPasswordValidationAccount" class="bind-btn" v-show="user.user.passwordLevel === 2 || user.user.passwordLevel === 3">修改</a>
+                <a href="/reset/forgetPasswordValidationAccount" class="go-btn" v-show="user.user.passwordLevel === 1">设置</a>
               </div>
             </div>
           </div>
@@ -68,7 +68,7 @@
                 <img v-show="!user.user.hasQuestion" src="/images/all/question-m.png" alt="">
               </div>
               <div class="bind-tip">
-                <span class="tip-txt">是您找回登录密码的方法之一。建议您设置一个容易记住，且最不容易被他人获取的问题及答案。</span>
+                <span class="tip-txt tipText2">是您找回登录密码的方法之一。建议您设置一个容易记住，且最不容易被他人获取的问题及答案。</span>
                 <a href="/encrypted-setting/EncryptedSetting" class="bind-btn" v-show="user.user.hasQuestion">修改</a>
                 <a href="/encrypted-setting/EncryptedSetting" class="go-btn" v-show="!user.user.hasQuestion">设置</a>
               </div>
@@ -93,8 +93,8 @@
       <div class="basic-info" v-show="activeTab === 1" v-if="user.userspace">
         <div class="basic-top">
           <div class="line">
-            <div class="people">
-              <i class="enterprise-img" style="margin-right: .1rem;"></i>
+            <div class="people enterprise">
+              <i class="enterprise-img"></i>
               <em v-text="user.userspace.spaceName ? user.userspace.spaceName : '企业名称'"></em>
               <b v-if='user.userspace.validCode === 1 && user.newUserSpace' class="angle">——></b>
               <em class="new" v-if='user.userspace.validCode === 1 && user.newUserSpace' v-text="user.newUserSpace.spaceName ?  user.newUserSpace.spaceName : '企业名称'"></em>
@@ -232,15 +232,15 @@
         this.showLevel()
       })
       // 省略显示
-      let ele = document.getElementsByClassName('tip-text')[0]
+      let ele = document.getElementsByClassName('tipText1')[0]
       let txt = ele.innerHTML
       if (txt.length > 30) {
         ele.innerText = txt.slice(0, 35) + ' ...'
       } else {
         ele.innerText = txt
       }
-      let ele1 = document.getElementsByClassName('tip-txt')[0]
-      let txt1 = ele.innerHTML
+      let ele1 = document.getElementsByClassName('tipText2')[0]
+      let txt1 = ele1.innerHTML
       if (txt1.length > 30) {
         ele1.innerText = txt1.slice(0, 35) + ' ...'
       } else {
@@ -310,20 +310,20 @@
       }
     }
     .w-over-box .basic-info i.man{
-      display:inline-block;
-      position:relative;
-      top: 0.06rem;
-      width: .4rem;
-      height: .4rem;
-      background: url('/img/over_account/man.png') no-repeat;
+      display: inline-block;
+      position: relative;
+      margin-right: .08rem;
+      width: .3rem;
+      height: .3rem;
+      background: url(/img/over_account/man.png) no-repeat;
     }
     .w-over-box .basic-info i.enterprise-img{
-      display:inline-block;
-      position:relative;
-      top: 0.05rem;
-      width: .4rem;
-      height: .4rem;
-      background: url('/img/over_account/enter.png') no-repeat;
+      display: inline-block;
+      position: relative;
+      margin-right: .08rem;
+      width: .3rem;
+      height: .3rem;
+      background: url(/img/over_account/enter.png) no-repeat;
     }
     .w-over-box .basic-info{
       width: 100%;
@@ -346,13 +346,20 @@
           border-bottom: 2px solid #e5e5e5;
           div.people{
             float: left;
-            margin-right: 30px;
+            width: 1.6rem;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
             em{
               font-style: normal;
               font-size: .32rem;
               color: #000;
             }
           }
+          div.enterprise {
+            width: 100%;
+            text-align: left;
+          }
           div.time{
             float: right;
             span{
@@ -474,7 +481,7 @@
               overflow: hidden;
               float: left;
               display: inline-block;
-              width: 5.5rem;
+              width: 5rem;
               line-height: .46rem;
               text-align: left;
               font-size: .26rem;
@@ -526,6 +533,7 @@
           .bind-info{
             float: left;
             text-align: left;
+            width: 4.6rem;
             span{
               font-size: .26rem;
               color: #000;

pages/cloudcenter/index.vue

@@ -175,6 +175,11 @@
       components: {
         cloudCenter
       },
+      fetch ({store}) {
+        return Promise.all([
+          store.dispatch('loadUserInfo')
+        ])
+      },
       data () {
         return {
           activeTab: 0,