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

wangtao
Commit a182f227bba3494aa6d8720b0a615d501d8a3088 1 parent a38d8df2
Showing 2 changed files with 6 additions and 1 deletions
hg-monitor-web-zj/src/main/resources/static/vue3/public/css/faultDiagnosis.css
hg-monitor-web-zj/src/main/resources/static/vue3/src/components/page/faultDiagnosis/diagnosis/diagnosisDoc/index.html
--- a/hg-monitor-web-zj/src/main/resources/static/vue3/public/css/faultDiagnosis.css
View file @a182f22
+++ b/hg-monitor-web-zj/src/main/resources/static/vue3/public/css/faultDiagnosis.css
View file @a182f22
@@ -391,6 +391,7 @@
     color:#666666;
     margin-top:10px;
     font-size: 12px;
+    max-width: 110px;
 }
 .doc-list,.doc-list-add{
     cursor: pointer;
--- a/hg-monitor-web-zj/src/main/resources/static/vue3/src/components/page/faultDiagnosis/diagnosis/diagnosisDoc/index.html
View file @a182f22
+++ b/hg-monitor-web-zj/src/main/resources/static/vue3/src/components/page/faultDiagnosis/diagnosis/diagnosisDoc/index.html
View file @a182f22
@@ -12,7 +12,11 @@
         <el-col :span="3" v-for="(item,index) in diagnosisData">
             <div class="doc-list flex-clum margin-bottom-10 isRelative" @click="detailDiagnosisDoc(item)">
                 <img src="./src/assets/images/faultDiagnosis/icon-doc.png" alt="">
-                <span class="doc-name">{{item.name}}</span>
+                <span class="doc-name text-overflow-line2">
+                    <el-tooltip placement="top-start" :content="item.name">
+                       {{item.name}}
+                      </el-tooltip>
+                </span>
                 <img  @click.stop="deleteDoc(item,index)" class="img-delete position-right-top" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" alt="">
             </div>