monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by wangtao
Commit a182f227bba3494aa6d8720b0a615d501d8a3088 1 parent a38d8df2

故障配置展示优化，限制标题宽度，超过2行换行

Inline Side-by-side
Showing 2 changed files with 8 additions and 3 deletions
@@ -391,6 +391,7 @@ @@ -391,6 +391,7 @@
391 color:#666666; 391 color:#666666;
392 margin-top:10px; 392 margin-top:10px;
393 font-size: 12px; 393 font-size: 12px;
  394 + max-width: 110px;
394 } 395 }
395 .doc-list,.doc-list-add{ 396 .doc-list,.doc-list-add{
396 cursor: pointer; 397 cursor: pointer;
@@ -487,4 +488,4 @@ @@ -487,4 +488,4 @@
487 .list-line-netLink.isActiveG{ 488 .list-line-netLink.isActiveG{
488 border-top-color:#1ed76d; 489 border-top-color:#1ed76d;
489 490
490 -}  
  491 +}
@@ -12,7 +12,11 @@ @@ -12,7 +12,11 @@
12 <el-col :span="3" v-for="(item,index) in diagnosisData"> 12 <el-col :span="3" v-for="(item,index) in diagnosisData">
13 <div class="doc-list flex-clum margin-bottom-10 isRelative" @click="detailDiagnosisDoc(item)"> 13 <div class="doc-list flex-clum margin-bottom-10 isRelative" @click="detailDiagnosisDoc(item)">
14 <img src="./src/assets/images/faultDiagnosis/icon-doc.png" alt=""> 14 <img src="./src/assets/images/faultDiagnosis/icon-doc.png" alt="">
15 - <span class="doc-name">{{item.name}}</span> 15 + <span class="doc-name text-overflow-line2">
  16 + <el-tooltip placement="top-start" :content="item.name">
  17 + {{item.name}}
  18 + </el-tooltip>
  19 + </span>
16 <img @click.stop="deleteDoc(item,index)" class="img-delete position-right-top" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" alt=""> 20 <img @click.stop="deleteDoc(item,index)" class="img-delete position-right-top" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" alt="">
17 21
18 </div> 22 </div>
@@ -23,4 +27,4 @@ @@ -23,4 +27,4 @@
23 </div> 27 </div>
24 </el-col> 28 </el-col>
25 </el-row> 29 </el-row>
26 -</div>  
  30 +</div>