bug

src/saas/AppBackUserList/AppBackUserList.vue

@@ -3,9 +3,9 @@
     <AiTopFixed v-if="isAdmin">
       <div class="pad-t32"></div>
       <div class="select-gird" @click="showSelect=true">
-        <img src="./components/img/gird-icon.png" alt="" class="gird-icon">
-        <div>
-          {{girdName}}
+        <div class="gird-name-div">
+          <img src="./components/img/gird-icon.png" alt="" class="gird-icon">
+          <div class="gird-name">{{girdName}}</div>
           <img src="./components/img/down-icon.png" alt="" class="down-icon"> 
         </div>
       </div>
@@ -393,6 +393,19 @@ export default {
       color: #3F8DF5;
       line-height: 48px;
     }
+    .gird-name-div{
+      display: inline-block;
+      width: 100%;
+      padding-left: 0;
+    }
+    .gird-name{
+      display: inline-block;
+      max-width: calc(100% - 80px);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      vertical-align: middle;
+    }
   }
   .empty{
     text-align: center;