修改表格字段 修改按钮样式 修改页尾距离表格的距离

src/views/permissionApplication/components/reportTable.vue

@@ -7,15 +7,12 @@
       ref="xTable" @checkbox-all="selectAllEvent" @checkbox-change="selectChangeEvent">
         <vxe-column type="checkbox" width="60"></vxe-column>
         <vxe-column show-overflow show-header-overflow field="name" title="报告名称"></vxe-column>
-        <vxe-column show-overflow show-header-overflow field="name" title="车系"></vxe-column>
 <!--        <vxe-column show-overflow show-header-overflow field="labelTwoName" :title="tagsForm.tags02.name"></vxe-column>-->
 <!--        <vxe-column show-overflow show-header-overflow field="labelThreeName" :title="tagsForm.tags03.name"></vxe-column>-->
-        <vxe-column show-overflow show-header-overflow field="year" title="报告年份"></vxe-column>
-        <vxe-column show-overflow show-header-overflow field="createDate" title="报告部门"></vxe-column>
+        <vxe-column show-overflow show-header-overflow field="year" title="报告年份"  width="200" ></vxe-column>
+        <vxe-column show-overflow show-header-overflow field="year" title="报告部门"></vxe-column>
         <vxe-column show-overflow show-header-overflow field="createDate" title="涉密等级"></vxe-column>
         <vxe-column show-overflow show-header-overflow field="createDate" title="隐私等级"></vxe-column>
-        <vxe-column show-overflow show-header-overflow field="labelOneName" :title="tagsForm.tags01.name"></vxe-column>
-
         <vxe-column show-overflow show-header-overflow title="操作" width="200" fixed="right" v-if="!disabled">
           <template #default="{ row }">
             <el-button type="text" class="del-btn" @click="reportDelete(row.id)">删除</el-button>
@@ -24,6 +21,7 @@
         </vxe-column>
       </vxe-table>
       <el-pagination
+        class="pagination"
         @size-change="handleLogSizeChange"
         @current-change="handleLogCurrentChange"
         :current-page="qLog.pageNo"
@@ -97,8 +95,11 @@ export default {
   },
   watch: {
     value () {
+      this.qLog.pageSize = 10
+      this.qLog.pageNo = 1
       this.total = this.value.length
       this.processTable = this.value.slice(0, 9)
+      this.pageChage(1)
     }
   },
   created () {
@@ -110,6 +111,7 @@ export default {
       this.$emit('updateTable', [...this.value , ...list])
     },
     pageChage (current) {
+      this.total = this.value.length
       setTimeout(() => {
         current = current || this.qLog.pageNo
         this.qLog.pageNo = current
@@ -120,7 +122,6 @@ export default {
           return false
         }
       })
-      this.total = this.value.length
     },
     handleLogSizeChange (val) {
       this.qLog.pageSize = val
@@ -128,9 +129,8 @@ export default {
       this.pageChage(1)
     },
     handleLogCurrentChange (val) {
-      this.qLog.pageSize = val
       this.qLog.pageNo = 1
-      this.pageChage(1)
+      this.pageChage(val)
     },
     // 标签列表
     labelList () {