基础设施-选中数量绑定

front/src/views/home/infrastructurePage.vue

@@ -29,7 +29,7 @@
         <i class="boundary"></i>
         <p>
           已选
-          <span>22</span>
+          <span>{{ allClick.length }}</span>
           个
         </p>
       </div>
@@ -79,12 +79,7 @@
           selectedRowKeys: selectedRowKeys,
           onChange: onSelectChange,
         }"
-      >
+      ></a-table>
-        <template slot="status" slot-scope="text, record, index">
-          <span>正常</span>
-          <span>失效</span>
-        </template>
-      </a-table>
     </div>
   </div>
 </template>
@@ -125,15 +120,11 @@
   //tab切换点击事件
   const tabClick = (indexFather, name, fatherName) => {
     if (clickList.value[indexFather].content.indexOf(name) != -1) {
-      debugger
       if (fatherName == '视频资源') {
-        debugger
         tableHeight.value = 330
       } else if (fatherName == '云资源') {
-        debugger
         tableHeight.value = 600
       } else if (fatherName == '感知资源') {
-        debugger
         tableHeight.value = 330
       }
       clickList.value[indexFather].content.splice(
@@ -141,15 +132,11 @@
         1
       )
     } else {
-      debugger
       if (fatherName == '视频资源') {
-        debugger
         tableHeight.value = 330
       } else if (fatherName == '云资源') {
-        debugger
         tableHeight.value = 600
       } else if (fatherName == '感知资源') {
-        debugger
         tableHeight.value = 330
       }
       clickList.value[indexFather].content[0] = name
@@ -296,12 +283,16 @@
       key: 'address',
     },
   ])
-  // const selectedRowKeys =
+  const allClick = ref([])
+  const onSelectChange = (selectedRowKeys) => {
+    console.log('hahhahah', selectedRowKeys)
+    allClick.value = selectedRowKeys
+  }
   const pagination = ref({
     total: 0,
     pageSize: 10, //每页中显示10条数据
     showSizeChanger: true,
-    pageSizeOptions: ['5', '15', '30', '45'], //每页中显示的数据
+    pageSizeOptions: ['5', '10', '15', '20'], //每页中显示的数据
   })
   const queryParam = ref({
     page: 1, //第几页