描述：会议室预约记录数据列表 显示问题

src/views/admin/meeting/ReservationList.vue

@@ -39,6 +39,7 @@
       :rowSelection='{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}'
       :columns='columns'
       :data='loadData'
+      :scroll='{ x: true }'
     >
       <span slot='action' slot-scope='text, record'>
         <a @click='handleInfo(record)'>详情</a>
@@ -46,7 +47,9 @@
         <a v-if='editEnabel' @click='handleEdit(record)'>编辑</a>
         <a-divider type='vertical' />
         <a v-if='removeEnable' @click='delByIds([record.id])'>删除</a>
+        <a-divider type='vertical' v-if='record.statusValue == 0' />
          <a-tag @click='verifySuccess(record.id)' v-if='record.statusValue == 0' color='green'>通过</a-tag>
+        <a-divider type='vertical' v-if='record.statusValue == 0 || record.statusValue == 1' />
          <a-tag @click='verifyReject(record.id)' v-if='record.statusValue == 0 || record.statusValue == 1'
                 color='volcano'>驳回</a-tag>
       </span>
@@ -107,11 +110,13 @@ export default {
       columns: [
         {
           title: '会议主题',
-          dataIndex: 'title'
+          dataIndex: 'title',
+          fixed: 'left'
         },
         {
           title: '会议室名称',
-          dataIndex: 'roomContent.meetingName'
+          dataIndex: 'roomContent.meetingName',
+          fixed: 'left'
         },
         {
           title: '会议类型',
@@ -147,9 +152,10 @@ export default {
         },
         {
           title: '操作',
-          width: '100px',
+          width: '260px',
           dataIndex: 'action',
-          scopedSlots: { customRender: 'action' }
+          scopedSlots: { customRender: 'action' },
+          fixed: 'right'
         }
       ],
       // 加载数据方法 必须为 Promise 对象
@@ -297,6 +303,8 @@ export default {
 </script>
 
 <style scoped>
+
+
 .rejectView {
   display: flex;
   justify-content: flex-start;