diff --git a/src/apps/AppGridManagement/SelectGird.vue b/src/apps/AppGridManagement/SelectGird.vue index f433a5ad..b118e54c 100644 --- a/src/apps/AppGridManagement/SelectGird.vue +++ b/src/apps/AppGridManagement/SelectGird.vue @@ -210,16 +210,20 @@ export default { border-radius: 8px; } .rightes { - width: 100%; + width: calc(100% - 188px); display: flex; justify-content: space-between; align-items: center; margin-left: 32px; border-bottom: 1px solid #e4e5e6; .applicationNames { + width: calc(100% - 56px); font-size: 36px; font-weight: 500; color: #333333; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; } .imgs { width: 40px; diff --git a/src/apps/AppGridManagement/SetGird.vue b/src/apps/AppGridManagement/SetGird.vue index 6856f485..92887854 100644 --- a/src/apps/AppGridManagement/SetGird.vue +++ b/src/apps/AppGridManagement/SetGird.vue @@ -13,6 +13,7 @@ +
@@ -147,6 +148,7 @@ export default { this.$http.post(`/app/appgirdinfo/queryAppGirdInfoByGirdLevel?girdLevel=${girdLevel}&girdMemberId=${this.userGird.girdMemberId}&parentGirdId=${row.id}`).then((res) => { if (res?.data) { this.treeList = res.data + this.setGird = {} } }) }, @@ -278,16 +280,20 @@ export default { border-radius: 8px; } .rightes { - width: 100%; + width: calc(100% - 140px); display: flex; justify-content: space-between; align-items: center; margin-left: 32px; border-bottom: 1px solid #e4e5e6; .applicationNames { + width: calc(100% - 56px); font-size: 36px; font-weight: 500; color: #333333; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; } .imgs { width: 40px;