list调整

src/views/project/form/ProjectCourseSelect.vue

@@ -24,20 +24,21 @@
               </a-row>
             </a-form>
             <!-- onChange: onSelectChange, -->
-            <s-table ref="table" :columns="columns" :data="loadData" :rowKey="(record) => record.id" 
+            <s-table ref="table" :columns="columns" :data="loadData" :rowKey="(record) => record.id" :rowSelection="{ selectedRowKeys: selectedRowKeys, selectedRows: selectedRows,onChange: onSelectChange,  onSelect: tableOnSelect ,onSelectAll: tableAllSelected }">
-              :rowSelection="{ selectedRowKeys: selectedRowKeys, selectedRows: selectedRows,onChange: onSelectChange,  onSelect: tableOnSelect ,onSelectAll: tableAllSelected }">
               <span slot="serial" slot-scope="text, record, index">
                 {{ index + 1 }}
               </span>
             </s-table>
           </a-col>
           <a-col :span="6" id="select">
+            <div class="alist" >
               <p>点击列表项取消选择或【<a @click="removeAllSelece">清空所有</a>】</p>
               <a-list size="small" :data-source="selectedRows" :rowKey="(item) => item.id">
                 <a-list-item slot="renderItem" slot-scope="item" @click="changeList({ item })">
                   {{ item.courseName + '（' + item.courseCode + '）' }}
                 </a-list-item>
               </a-list>
+            </div>
           </a-col>
         </a-col>
       </a-row>
@@ -260,4 +261,11 @@ export default {
 }
 </script>
 <style scoped>
+.alist {
+  border: 1px solid #e8e8e8;
+  border-radius: 4px;
+  overflow: auto;
+  padding: 8px 24px;
+  height: 500px;
+}
 </style>