Thu Nov 23 19:36:00 CST 2023 inscode

src/App.vue

@@ -12,9 +12,9 @@ import verticalTable from './component/main/verticalTable/verticalTable.vue';
 
 <template>
   <!-- <contractCategory></contractCategory> -->
-      <!-- <contract-list></contract-list> -->
-      <!-- <announcementType></announcementType> -->
-      <departments></departments>
+  <!-- <contract-list></contract-list> -->
+  <!-- <announcementType></announcementType> -->
+  <departments></departments>
   <empss></empss>
   <!-- <job-title></job-title> -->
   <verticalTable></verticalTable>

src/component/main/verticalTable/verticalTable.vue

@@ -68,11 +68,17 @@ const tableData = [
       style="width: 100%; margin-top: 20px"
       :show-header="false"
     >
-      <el-table-column prop="id" label="ID" width="180" />
-      <el-table-column prop="name" label="Name" />
-      <el-table-column prop="amount1" label="Amount 1" />
-      <el-table-column prop="amount2" label="Amount 2" />
-      <el-table-column prop="amount3" label="Amount 3" />
+      <el-table-column prop="id" label="ID" width="180" >
+        <template #default="{ row }">
+          <el-checkbox v-model="checked2">{{ row.id }}</el-checkbox>
+        </template>
+      </el-table-column>
+      <el-table-column prop="name" label="Name" >
+        <template #default="{ row }">
+          <el-checkbox v-model="checked2">{{ row.name }}</el-checkbox>
+
+        </template>
+      </el-table-column>
     </el-table>
 </template>