Browse Source

refactor(meta-table): 将表格内容包裹在 `<tbody>` 标签中以提高语义化

duy 4 months ago
parent
commit
2d686a0880
1 changed files with 27 additions and 25 deletions
  1. 27 25
      src/views/transfer/components/meta-table.vue

+ 27 - 25
src/views/transfer/components/meta-table.vue

@@ -2,34 +2,36 @@
     <div v-loading="isLoading" class="hc-csc-meta-table-data">
         <el-scrollbar>
             <table class="hc-csc-meta-table" border="1">
-                <tr class="hc-csc-meta-table-tr">
-                    <td v-if="!iShowFile" colspan="2" class="hc-csc-meta-table-td title">
-                        案卷元数据信息
-                    </td>
-                    <td v-else colspan="2" class="hc-csc-meta-table-td title">
-                        文件元数据信息
-                    </td>
-                </tr>
-                <template v-for="item in metaDataTableVal">
-                    <tr v-if="item.isType === 1" class="hc-csc-meta-table-tr">
-                        <td colspan="2" class="hc-csc-meta-table-td title">
-                            {{ item.containerName }}
+                <tbody>
+                    <tr class="hc-csc-meta-table-tr">
+                        <td v-if="!iShowFile" colspan="2" class="hc-csc-meta-table-td title">
+                            案卷元数据信息
                         </td>
-                    </tr>
-                    <tr v-if="item.isType === 3" class="hc-csc-meta-table-tr">
-                        <td colspan="2" class="hc-csc-meta-table-td " style="text-align: center;">
-                            {{ item.containerName }}
-                        </td>
-                    </tr>
-                    <tr v-else class="hc-csc-meta-table-tr">
-                        <td class="hc-csc-meta-table-td name">
-                            {{ item.containerName }}
-                        </td>
-                        <td class="hc-csc-meta-table-td val">
-                            {{ item.keyValue }}
+                        <td v-else colspan="2" class="hc-csc-meta-table-td title">
+                            文件元数据信息
                         </td>
                     </tr>
-                </template>
+                    <template v-for="item in metaDataTableVal" :key="item.id">
+                        <tr v-if="item.isType === 1" class="hc-csc-meta-table-tr">
+                            <td colspan="2" class="hc-csc-meta-table-td title">
+                                {{ item.containerName }}
+                            </td>
+                        </tr>
+                        <tr v-if="item.isType === 3" class="hc-csc-meta-table-tr">
+                            <td colspan="2" class="hc-csc-meta-table-td" style="text-align: center;">
+                                {{ item.containerName }}
+                            </td>
+                        </tr>
+                        <tr v-else class="hc-csc-meta-table-tr">
+                            <td class="hc-csc-meta-table-td name">
+                                {{ item.containerName }}
+                            </td>
+                            <td class="hc-csc-meta-table-td val">
+                                {{ item.keyValue }}
+                            </td>
+                        </tr>
+                    </template>
+                </tbody>
             </table>
             <hc-empty v-if="metaDataTableVal.length == 0" />
         </el-scrollbar>