fix:table下的tr补上tbody包裹,消除vue3.5模板编译的HTML嵌套规范警告

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
caoqianming 2026-07-21 10:29:26 +08:00
parent 87ef0772a4
commit e671393bff
4 changed files with 31 additions and 11 deletions

View File

@ -155,6 +155,7 @@
</el-card>
<p class="tables-title">作业人员</p>
<table class="tables" cellspacing="0">
<tbody>
<tr class="tableTh tableThS">
<td class="tableTd">序号</td>
<td class="tableTd" style="width:100px">姓名</td>
@ -172,9 +173,11 @@
</td>
<td class="tableTd" style="width:180px">{{ item.create_time }}</td>
</tr>
</tbody>
</table>
<p class="tables-title">气体检测记录</p>
<table class="tables" cellspacing="0">
<tbody>
<tr class="tableTh tableThS">
<td class="tableTd">序号</td>
<td class="tableTd">检测部位</td>
@ -198,9 +201,11 @@
<td class="tableTd">{{ item.check_time }}</td>
<td class="tableTd">{{ item.create_time }}</td>
</tr>
</tbody>
</table>
<p class="tables-title">处理日志</p>
<table class="tables" cellspacing="0">
<tbody>
<tr class="tableTh">
<td class="tableTd">进行状态</td>
<td class="tableTd attributeTd">操作类型</td>
@ -228,6 +233,7 @@
</td>
<td class="tableTd" v-if="item.participant_str==null">{{ item.update_time }}</td>
</tr>
</tbody>
</table>
</div>

View File

@ -9,11 +9,13 @@
@mouseout="mouseOut"
>
<table class="totall">
<tbody>
<tr class="title">
<th v-for="itemx in titleData" :key="itemx">
{{ itemx }}
</th>
</tr>
</tbody>
</table>
<div
:id="refValue"
@ -22,6 +24,7 @@
>
<div :id="'scrollBody' + refValue">
<table :class="{ marquee_top: animate }">
<tbody>
<tr
v-for="(itemy, index) in rowData"
class="rollData"
@ -47,11 +50,13 @@
<span v-else>{{ itemz.value }}</span>
</td>
</tr>
</tbody>
</table>
<table
:class="{ marquee_top: animate }"
v-show="scrollVivible"
>
<tbody>
<tr
v-for="(itemy, index) in rowData"
class="rollData"
@ -81,6 +86,7 @@
<span v-else>{{ itemz.value }}</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>

View File

@ -1,19 +1,23 @@
<template>
<div class="wrapper" @mouseover="mouseOver" @mouseout="mouseOut">
<table class="totall">
<table class="totall">
<tbody>
<tr class="title">
<th v-for="itemx in liData" :key="itemx">{{ itemx }}</th>
<th v-for="itemx in liData" :key="itemx">{{ itemx }}</th>
</tr>
</table>
</tbody>
</table>
<div ref="moocBox" class="wrapper2">
<table :class="{ marquee_top: animate }">
<tr v-for="itemy in listData" class="rollData" ref="con1" :key="itemy">
<td v-for="itemz in itemy" :key="itemz">{{ itemz }}</td>
</tr>
<tr v-for="itemy in listData" class="rollData" ref="con2" :key="itemy">
<td v-for="itemz in itemy" :key="itemz">{{ itemz }}</td>
</tr>
</table>
<table :class="{ marquee_top: animate }">
<tbody>
<tr v-for="itemy in listData" class="rollData" ref="con1" :key="itemy">
<td v-for="itemz in itemy" :key="itemz">{{ itemz }}</td>
</tr>
<tr v-for="itemy in listData" class="rollData" ref="con2" :key="itemy">
<td v-for="itemz in itemy" :key="itemz">{{ itemz }}</td>
</tr>
</tbody>
</table>
</div>
</div>
</template>

View File

@ -37,6 +37,7 @@
<el-main id="elMain">
<el-row :gutter="15">
<table class="tables" border="1" cellspacing="0">
<tbody>
<tr>
<th class="tableTh tableHead" colspan="15">库存统计</th>
</tr>
@ -204,10 +205,12 @@
<td class="tableTd">外扫未抛光</td>
<td class="tableTd"></td>
</tr>
</tbody>
</table>
</el-row>
<el-row :gutter="15">
<table class="tables" border="1" cellspacing="0">
<tbody>
<tr>
<th class="tableTh tableHead" colspan="15">扫边车间数据汇总</th>
</tr>
@ -358,6 +361,7 @@
<td class="tableTd">外扫未抛光</td>
<td class="tableTd"></td>
</tr>
</tbody>
</table>
</el-row>
</el-main>