静态数据

front/src/views/home/infrastructurePage.vue

@@ -409,12 +409,12 @@
       <div class="infrastructrue-content" v-if="!wrjFlag">
         <!-- 表格数据统计 -->
         <div class="contentNum">
-          <p>
+          <p v-if="selectType !== '视频会议'">
             备选
             <span>{{ pagination.total || 0 }}</span>
             个
           </p>
-          <p>
+          <p v-if="selectType !== '视频会议'">
             已选
             <span>{{ selectedRowKeys.length }}</span>
             个
@@ -458,7 +458,9 @@
             添加至申购车
           </a-button>
           <a
-            stlyle="width: 100px;
+            style="
+              display: inline-block;
+              width: 100px;
               height: 36px;
               line-height: 36px;
               text-align: center;
@@ -466,7 +468,7 @@
               border-radius: 5px;
               font-size: 14px;
               color: #fff;
-                  }"
+            "
             v-if="selectType == '视频会议'"
             href="/static/download/金宏视频会议系统参会终端(10.1.101.504)_20200211.rar"
           >
@@ -488,7 +490,10 @@
         </div>
       </div>
       <!-- 表格 -->
-      <div class="infrastructrue-table" v-if="!wrjFlag">
+      <div
+        class="infrastructrue-table"
+        v-if="!wrjFlag && selectType !== '视频会议'"
+      >
         <a-table
           class="ant-table-striped"
           :dataSource="dataSource"
@@ -533,6 +538,23 @@
           </template>
         </a-table>
       </div>
+      <div
+        class="infrastructrue-table"
+        v-if="!wrjFlag && selectType == '视频会议'"
+      >
+        <a-table
+          class="ant-table-striped"
+          :dataSource="meetingName"
+          :columns="meetingColumns"
+          :scroll="{ y: tableHeight }"
+          rowKey="channelId"
+          :rowClassName="
+            (record, index) => (index % 2 === 1 ? 'table-striped' : null)
+          "
+          :showSizeChanger="false"
+          :row-selection="rowSelection"
+        ></a-table>
+      </div>
       <!-- 西海岸-无人机、单兵设备 -->
       <div class="infrastructrue-table" v-else-if="isXiHaiAn && wrjFlag">
         <a-table
@@ -818,6 +840,28 @@
           'fullScreen',
         ], //显示所有按钮,
   })
+  const meetingSelect = ref([])
+  const rowSelection = ref({
+    checkStrictly: false,
+    onChange: (selectedRowKeys, selectedRows) => {
+      console.log(
+        `selectedRowKeys: ${selectedRowKeys}`,
+        'selectedRows: ',
+        selectedRows
+      )
+    },
+    onSelect: (record, selected, selectedRows) => {
+      console.log(record, selected, selectedRows)
+      // if (selected) {
+      //   selectedRows.push(record.key)
+      // } else {
+      //   selectedRows.splice(selectedRows.indexOf(record.key), 1)
+      // }
+    },
+    onSelectAll: (selected, selectedRows, changeRows) => {
+      console.log(selected, selectedRows, changeRows)
+    },
+  })
   const videoList = ref([])
   const initMeeting = () => {
     initiateMeet('一网统揽平台组/').then((res) => {
@@ -1641,6 +1685,7 @@
     if (name == '政务云资源' || name == '视频会议' || name == '感知资源') {
       dataSource.value = []
       dataSource2.value = []
+      console.log('视频会议=========>', dataSource, columns)
       pagination.value.total = 0
     } else {
       if (name !== '无人机' && name !== '单兵设备') {
@@ -2034,6 +2079,20 @@
       key: 'channelId',
     },
   ])
+  const meetingColumns = ref([
+    {
+      title: '视频会议用户名称',
+      dataIndex: 'name',
+      key: 'name',
+    },
+  ])
+  const meetingName = ref([
+    { name: '一网统揽平台组', key: '一网统揽平台组' },
+    { name: '市气象局', key: '市气象局' },
+    { name: '地铁集团', key: '地铁集团' },
+    { name: '市公安局', key: '市公安局' },
+    { name: '市交通运输局', key: '市交通运输局' },
+  ])
   // 西海岸--状态展示
   if (isXiHaiAn) {
     columns.value.splice(2, 0, {
@@ -2094,6 +2153,32 @@
     mybus.emit('selectTablePoint', selectedList.value)
     console.log('已选中======================>', selectedList.value)
   }
+  const onSelectChange2 = (
+    record,
+    selected,
+    selectedRows,
+    nativeEvent,
+    type
+  ) => {
+    console.log(
+      '已选中======================>',
+      record,
+      selected,
+      selectedRows,
+      nativeEvent,
+      type
+    )
+    if (selected) {
+      selectedRowKeys.value.push(record.name)
+      selectedRows.value.push(record.name)
+    } else {
+      selectedRowKeys.value.splice(
+        selectedRowKeys.value.indexOf(record.name),
+        1
+      )
+      selectedRows.value.splice(selectedRowKeys.value.indexOf(record.name), 1)
+    }
+  }
   const onSelectAll = (selected, selectedRows, changeRows) => {
     if (selected) {
       changeRows.map((val) => {
@@ -2128,6 +2213,12 @@
     console.log('heiheiheiehiehei', selected, selectedRows, changeRows)
     mybus.emit('selectTablePoint', selectedList.value)
   }
+  const onSelectAll2 = (selected, selectedRows, changeRows) => {
+    console.log(selected, selectedRows, changeRows)
+    if (selected) {
+    } else {
+    }
+  }
 
   // 切换tab
   const handleTableChange = (val) => {