bug 77959

src/views/system/RoleUserList.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-row :gutter="10">
+  <a-row :gutter="10" style="width: 100%">
     <a-col :md="leftColMd" :sm="24" style="margin-bottom: 20px">
       <a-card :bordered="false">
         <!-- 查询区域 -->
@@ -40,17 +40,11 @@
 <!--          <a-button type="primary" icon="download" @click="handleExportXls('角色管理')">导出</a-button>-->
         </div>
 
-        <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
-          <i class="anticon anticon-info-circle ant-alert-icon">
-          </i> {{$t('selected')}} <a><b>{{ selectedRowKeys1.length }}</b></a>{{$t('term')}}
-          <a style="margin-left: 24px" @click="onClearSelected1">{{$t('empty')}}</a>
-        </div>
-
         <div style="margin-top: 15px">
           <a-table
             :components="drag(columns,'columns')"
-            style="height:500px"
             ref="table"
+            style="max-height: 500px"
             size="middle"
             bordered
             rowKey="id"
@@ -58,6 +52,7 @@
             :dataSource="dataSource"
             :pagination="ipagination"
             :loading="loading"
+            :scroll="{x: '100%', y: yScrollHeight}"
             :rowSelection="{selectedRowKeys: selectedRowKeys1, onChange: onSelectChange1, type:'radio'}"
             @change="handleTableChange">
           <span slot="action" slot-scope="text, record">
@@ -135,22 +130,18 @@
         </div>
         <!-- table区域-begin -->
         <div>
-          <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
-            <i class="anticon anticon-info-circle ant-alert-icon"></i> {{ $t('selected') }} <a style="font-weight: 600">{{
-            selectedRowKeys2.length }}</a>{{ $t('term') }}
-            <a style="margin-left: 24px" @click="onClearSelected2">{{ $t('empty') }}</a>
-          </div>
           <a-table
             :components="drag(columns2,'columns2')"
-            style="height:500px"
             ref="table2"
             bordered
+            style="max-height: 500px"
             size="middle"
             rowKey="id"
             :columns="columns2"
             :dataSource="dataSource2"
             :pagination="ipagination2"
             :loading="loading2"
+            :scroll="{x: '100%', y: yScrollHeight}"
             :rowSelection="{selectedRowKeys: selectedRowKeys2, onChange: onSelectChange2}"
             @change="handleTableChange2">
            <span slot="action" slot-scope="text, record">
@@ -536,7 +527,8 @@ export default {
   }
 }
 </script>
-<style scoped>
+<style lang="less" scoped>
+@import '~@assets/less/common.less';
   /** Button按钮间距 */
   .ant-btn {
     margin-left: 8px