云中心显示问题

components/mobile/cloudcenter/cloudCenter.vue

@@ -122,7 +122,7 @@
           <div class="enterprise">
             <div class="bind-info">
               <span>营业执照号</span>
-              <div>{{user.userspace.businessCode || '-'}}</div>
+              <div :class="{showAll: user.userspace.validCode != 1}">{{user.userspace.businessCode || '-'}}</div>
               <div class="new" v-if='user.userspace.validCode === 1 && user.newUserSpace'><b class="angle">——></b>{{user.newUserSpace.businessCode || '-'}}</div>
             </div>
           </div>
@@ -142,14 +142,14 @@
           <div class="enterprise">
             <div class="bind-info">
               <span>法定代表人</span>
-              <div>{{user.userspace.corporation || '-'}}</div>
+              <div :class="{showAll: user.userspace.validCode != 1}">{{user.userspace.corporation || '-'}}</div>
               <div v-if='user.userspace.validCode === 1 && user.newUserSpace' class="new"><b class="angle">——></b>{{user.newUserSpace.corporation || '-'}}</div>
             </div>
           </div>
           <div class="enterprise">
             <div class="bind-info">
               <span>注册地址</span>
-              <div>{{user.userspace.regAddress || '-'}}</div>
+              <div :class="{showAll: user.userspace.validCode != 1}">{{user.userspace.regAddress || '-'}}</div>
               <div v-if='user.userspace.validCode === 1 && user.newUserSpace' class="new"><b class="angle">——></b>{{user.newUserSpace.regAddress || '-'}}</div>
             </div>
           </div>
@@ -577,6 +577,10 @@
               color: #b4b4b4;
               float: left;
             }
+            div.showAll{
+              width: 100%;
+              overflow: visible;
+            }
             .new {
               max-width: 2.6rem;
               color: #2ab300 !important ;

pages/cloudcenter/index.vue

@@ -139,7 +139,7 @@
               </div>
               <div class="enterprise">
                 <div class="bind-info">注册地址</div>
-                <div class="bind-detail">{{user.userspace.regAddress || '-'}}</div>
+                <div class="bind-detail" :class="{showAll: user.userspace.validCode != 1}">{{user.userspace.regAddress || '-'}}</div>
                 <div v-if='user.userspace.validCode === 1 && user.newUserSpace' class="bind-detail new"><b class="angle">——></b>{{user.newUserSpace.regAddress || '-'}}</div>
               </div>
             </div>
@@ -530,6 +530,10 @@
           float: left;
           font-size: 14px;
           color: #787878;
+          max-width: 450px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
           em{
             font-style: normal;
             font-size: 14px;
@@ -551,6 +555,10 @@
             cursor: pointer;
           }
         }
+        .showAll {
+          width: 100%;
+          overflow: visible;
+        }
       }
     }
   }