|
@@ -261,16 +261,28 @@
|
|
|
backgroundColor: row.isDelayed ? '#ff4d4f' : '#031d42'
|
|
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
|
|
row.productName
|
|
|
}}</td>
|
|
}}</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
|
|
<span
|
|
|
:class="
|
|
:class="
|
|
|
row.isDelayed ? 'fp-status-red' : 'fp-status-blue'
|
|
row.isDelayed ? 'fp-status-red' : 'fp-status-blue'
|
|
@@ -612,6 +624,13 @@
|
|
|
this.applyScreenSize();
|
|
this.applyScreenSize();
|
|
|
}, 120);
|
|
}, 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() {
|
|
handleFullscreenChange() {
|
|
|
this.isFlag = false;
|
|
this.isFlag = false;
|
|
|
this.$nextTick(() => {
|
|
this.$nextTick(() => {
|