bug

src/saas/AppGridManagement/AppGridManagement.vue

@@ -3,8 +3,8 @@
     <div class="pad-t32" v-if="component != 'Map' && isAdmin"></div>
     <div class="select-gird" v-if="component != 'Map' && isAdmin">
       <img src="./components/img/gird-icon.png" alt="" class="gird-icon">
-      <div @click="linkTo('./SelectGird')">
-        {{ params.girdName }}
+      <div @click="linkTo('./SelectGird')" class="gird-name-div">
+        <div class="gird-name">{{ params.girdName }}</div>
         <img src="./components/img/down-icon.png" alt="" class="down-icon">
       </div>
       <span @click="linkTo('./SetGird')" v-if="checkType == 2">网格配置</span>
@@ -147,7 +147,7 @@ export default {
     vertical-align: middle;
   }
 
-  div {
+  .gird-name-div {
     display: inline-block;
     width: calc(100% - 144px);
     padding-left: 20px;
@@ -161,6 +161,15 @@ export default {
     img {
       margin-left: 8px;
     }
+
+    .gird-name{
+      display: inline-block;
+      max-width: calc(100% - 50px);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      vertical-align: middle;
+    }
   }
 
   span {