用户管理页面调整

ant-design-vue-jeecg/src/views/system/UserList.vue

@@ -106,12 +106,14 @@
         ref="table"
         bordered
         size="middle"
+        :scroll="{x:true}"
         rowKey="id"
         :columns="columns"
         :dataSource="dataSource"
         :pagination="ipagination"
         :loading="loading"
         :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+        class="j-table-force-nowrap"
         @change="handleTableChange">
 
         <template slot="avatarslot" slot-scope="text, record, index">
@@ -178,6 +180,7 @@
 </template>
 
 <script>
+  import '@/assets/less/TableExpand.less';
   import UserModal from './modules/UserModal'
   import PasswordModal from './modules/PasswordModal'
   import {putAction,getFileAccessHttpUrl} from '@/api/manage';
@@ -221,19 +224,19 @@
             title: '用户账号',
             align: "center",
             dataIndex: 'username',
-            width: 120,
+            // width: 120,
             sorter: true
           },
           {
             title: '用户姓名',
             align: "center",
-            width: 100,
+            // width: 100,
             dataIndex: 'realname',
           },
           {
             title: '头像',
             align: "center",
-            width: 120,
+            // width: 120,
             dataIndex: 'avatar',
             scopedSlots: {customRender: "avatarslot"}
           },
@@ -241,38 +244,38 @@
           {
             title: '性别',
             align: "center",
-            width: 80,
+            // width: 80,
             dataIndex: 'sex_dictText',
             sorter: true
           },
           {
             title: '生日',
             align: "center",
-            width: 100,
+            // width: 100,
             dataIndex: 'birthday'
           },
           {
             title: '手机号码',
             align: "center",
-            width: 100,
+            // width: 100,
             dataIndex: 'phone'
           },
           {
             title: '部门',
             align: "center",
-            width: 180,
+            // width: 180,
             dataIndex: 'orgCodeTxt'
           },
           {
             title: '负责部门',
             align: "center",
-            width: 180,
+            // width: 180,
             dataIndex: 'departIds_dictText'
           },
           {
             title: '状态',
             align: "center",
-            width: 80,
+            // width: 80,
             dataIndex: 'status_dictText'
           },
           {
@@ -280,7 +283,8 @@
             dataIndex: 'action',
             scopedSlots: {customRender: 'action'},
             align: "center",
-            width: 170
+            width: 147,
+            fixed:"right",
           }
 
         ],
@@ -388,5 +392,8 @@
   }
 </script>
 <style scoped>
-  @import '~@assets/less/common.less'
+  @import '~@assets/less/common.less';
+  ::v-deep .ant-table-selection-column {
+    padding: 10px !important;
+  }
 </style>