695593266@qq.com пре 3 месеци
родитељ
комит
26023eae8d
1 измењених фајлова са 27 додато и 8 уклоњено
  1. 27 8
      src/views/bpm/vis-page/factoryProductionDashboard.vue

+ 27 - 8
src/views/bpm/vis-page/factoryProductionDashboard.vue

@@ -261,16 +261,28 @@
                           backgroundColor: row.isDelayed ? '#ff4d4f' : '#031d42'
                         }"
                       >
-                        <td class="fp-cell">{{ row.planNo }}</td>
-                        <td class="fp-cell" :title="row.productName">{{
+                        <td class="fp-cell" @mouseenter="syncOverflowTitle">{{
+                          row.planNo
+                        }}</td>
+                        <td class="fp-cell" @mouseenter="syncOverflowTitle">{{
                           row.productName
                         }}</td>
-                        <td class="fp-cell">{{ row.batchNo }}</td>
-                        <td class="fp-cell">{{ row.planQty }}</td>
-                        <td class="fp-cell">{{ row.currentProcess }}</td>
-                        <td class="fp-cell">{{ row.planStart }}</td>
-                        <td class="fp-cell">{{ row.planEnd }}</td>
-                        <td class="fp-cell">
+                        <td class="fp-cell" @mouseenter="syncOverflowTitle">{{
+                          row.batchNo
+                        }}</td>
+                        <td class="fp-cell" @mouseenter="syncOverflowTitle">{{
+                          row.planQty
+                        }}</td>
+                        <td class="fp-cell" @mouseenter="syncOverflowTitle">{{
+                          row.currentProcess
+                        }}</td>
+                        <td class="fp-cell" @mouseenter="syncOverflowTitle">{{
+                          row.planStart
+                        }}</td>
+                        <td class="fp-cell" @mouseenter="syncOverflowTitle">{{
+                          row.planEnd
+                        }}</td>
+                        <td class="fp-cell" @mouseenter="syncOverflowTitle">
                           <span
                             :class="
                               row.isDelayed ? 'fp-status-red' : 'fp-status-blue'
@@ -612,6 +624,13 @@
           this.applyScreenSize();
         }, 120);
       },
+      syncOverflowTitle(event) {
+        const el = event?.currentTarget;
+        if (!el) return;
+        const text = (el.innerText || '').trim();
+        const isOverflowing = el.scrollWidth > el.clientWidth;
+        el.title = isOverflowing ? text : '';
+      },
       handleFullscreenChange() {
         this.isFlag = false;
         this.$nextTick(() => {