部门名称较长时，责任制部门显示串行

src/views/eventdetailsdialog.vue

@@ -551,10 +551,13 @@
           <div class="bottomLeft">
             <div class="leftItem d-l-con padding-box nowrap" v-for="(item, index) in depteventList">
               <div class="bgt-info">
-                <div class="bgt-info-name" :class="{ on: iconCurrentIndex == item.deptId }"
-                  @click="dutysystemSelect(item.deptId, item.deptName, item.id)">
-                  {{ item.deptName }}
-                </div>
+                  <el-tooltip :content="item.deptName" placement="bottom">
+                    <div style="line-height: normal" class="bgt-info-name"
+                      :class="{ on: iconCurrentIndex === item.deptId }"
+                      @click="dutysystemSelect(item.deptId, item.deptName, item.id)">
+                      {{ truncateText(item.deptName, 12) }}
+                    </div>
+                  </el-tooltip>
               </div>
             </div>
           </div>
@@ -1689,6 +1692,13 @@
       /** ----------------------------------摄像头预览结束------------------------------------- */
     },
     methods: {
+      truncateText(text, length) {
+        if (text.length <= length) {
+          return text;
+        } else {
+          return text.substr(0, length) + "...";
+        }
+      },
       closedEventDiaTool() {
         document.addEventListener("click", (e) => {
           let b = document.getElementById("eventMapToolOnly");
@@ -3864,4 +3874,4 @@
       }
     }
   }
-</style>
+</style>

src/views/firespread.vue

@@ -1405,6 +1405,13 @@
     //   this.fireControlViewList();
     // },
     methods: {
+      truncateText(text, length) {
+        if (text.length <= length) {
+          return text;
+        } else {
+          return text.substr(0, length) + "...";
+        }
+      },
       showTVWallDiaLog() {
         this.initByCameras();
         // this.$refs.TVWall.showTVWall();