tj

src/pages/monitor/point/query-detail.vue

@@ -74,7 +74,11 @@
     <div class='info-title'>资源点信息</div>
     <div class='info-form'>
       <div class="quDetailM">
-        <p class="leftP">线路站点&nbsp;:&nbsp;&nbsp;<span>{{dataForm.lineStation}}</span></p>
+        <p class="leftP">线路站点&nbsp;:&nbsp;&nbsp;
+          <el-tooltip :content="dataForm.lineStation" placement="top">
+            <span>{{dataForm.lineStation}}</span>
+          </el-tooltip>
+        </p>
       </div>
       <div class="quDetailM">
         <p class="leftP">资源点名称&nbsp;:&nbsp;&nbsp;{{dataForm.name}}</p>
@@ -86,7 +90,11 @@
         <p class="leftP">资源点编码&nbsp;:&nbsp;&nbsp;{{dataForm.code}}</p>
       </div>
       <div class="quDetailM">
-        <p class="leftP">部署位置&nbsp;:&nbsp;&nbsp;{{dataForm.deployLocation}}</p>
+        <p class="leftP">部署位置&nbsp;:&nbsp;&nbsp;
+          <el-tooltip :content="dataForm.deployLocation" placement="top">
+            <font>{{dataForm.deployLocation}}</font>
+          </el-tooltip>
+        </p>
       </div>
     </div>
   </div>

src/pages/ol/demo/no-query-detail.vue

@@ -101,7 +101,11 @@
         <p class="leftP">资源点状态&nbsp;:&nbsp;&nbsp;{{dataForm.status==1?'正常':'异常'}}</p>
       </div>
       <div class="quDetailM">
-        <p class="leftP">部署位置&nbsp;:&nbsp;&nbsp;{{dataForm.deployLocation}}</p>
+        <p class="leftP">部署位置&nbsp;:&nbsp;&nbsp;
+          <el-tooltip :content="dataForm.deployLocation" placement="top">
+            <font>{{dataForm.deployLocation}}</font>
+          </el-tooltip>
+        </p>
       </div>
     </div>
   </div>

src/pages/ol/demo/query-detail.vue

@@ -74,7 +74,11 @@
     <div class='info-title'>监控点信息</div>
     <div class='info-form'>
       <div class="quDetailM">
-        <p class="leftP">线路站点&nbsp;:&nbsp;&nbsp;<span>{{dataForm.lineStation}}</span></p>
+        <p class="leftP">线路站点&nbsp;:&nbsp;&nbsp;
+          <el-tooltip :content="dataForm.lineStation" placement="top">
+            <span>{{dataForm.lineStation}}</span>
+          </el-tooltip>
+        </p>
       </div>
       <div class="quDetailM">
         <p class="leftP">资源点名称&nbsp;:&nbsp;&nbsp;{{dataForm.name}}</p>
@@ -89,7 +93,11 @@
         <p class="leftP">资源点状态&nbsp;:&nbsp;&nbsp;{{dataForm.status==1?'正常':'异常'}}</p>
       </div>
       <div class="quDetailM">
-        <p class="leftP">部署位置&nbsp;:&nbsp;&nbsp;{{dataForm.deployLocation}}</p>
+        <p class="leftP">部署位置&nbsp;:&nbsp;&nbsp;
+          <el-tooltip :content="dataForm.deployLocation" placement="top">
+            <font>{{dataForm.deployLocation}}</font>
+          </el-tooltip>
+        </p>
       </div>
     </div>
   </div>

src/pages/sys/region/index.vue

 <template lang="pug">
   el-container.sys_region( :style="{height:currentHeight-65+'px'}")
     el-aside(width="333px" v-loading="leftLoading" style="z-index:1000;box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.2);")
-      div.tree_warp
       div.title_warp
           //- span.title-bold(style='padding-right:150px;margin-left:20px;z-index:1001;') 防区列表
           span.title-bold(style='margin-left:20px;z-index:1001;') 防区列表
           el-button(type='primary' size='mini' icon='el-icon-plus' @click="addregion" style='float:right;margin:7px 20px;' v-if="isAuth('sys:region:add')" ) 新增
+      div.tree_warp(style='height:calc(100vh - 385px);overflow:auto;')
           div.tree_content(v-loading='leftLoading' v-for="(item, index) in leftListData" @click="leftListRowClick(item,index)" :class="{'isActive': item.on}")
             el-tooltip(v-if="(item.tierName +'-' + item.name).replace(/[\u0391-\uFFE5]/g,'aa').length>27" :content="item.tierName +'-' + item.name" effect="light" placement="top")
               div.role_name {{(item.tierName +'-' + item.name) | ellipsis}}
@@ -1089,6 +1089,13 @@ export default {
     background: #35aff8;
     opacity: 0.5;
   }
+  .title_warp {
+    width: 100%;
+    height: 42px;
+    line-height: 42px;
+    background: #eef8ff;
+    color: #333333;
+  }
   .tree_warp {
     width: 100%;
     // overflow: auto;
@@ -1098,14 +1105,6 @@ export default {
     /*border-right: 1px solid rgba(195, 195, 195, 1);*/
     /*box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.2);*/
     /*box-shadow: 2px 0 8px 0 red;*/
-
-    .title_warp {
-      width: 100%;
-      height: 42px;
-      line-height: 42px;
-      background: #eef8ff;
-      color: #333333;
-    }
     .tree_content:hover {
         cursor:pointer
     }
@@ -1131,6 +1130,7 @@ export default {
         font-weight: 400;
         color: rgba(51, 51, 51, 1);
         display: inline-block;
+        white-space: nowrap;
       }
     }
   }