增加流程页面包括样式

src/views/Report/ReportList.vue

@@ -87,9 +87,14 @@
                 </el-col>
             </el-row>
         </div>
+        <el-row class="tag-btn">
+          <el-button type="primary" size="big" @click="permissionApp">权限申请</el-button>
+        </el-row>
         <div class="table">
-            <vxe-table :data="tableData" :empty-render="{name: 'NotData'}" align="center" border stripe v-table-min-height="'calc(100vh - 420px)'">
-                <vxe-column show-overflow show-header-overflow type="seq" title="序号" width="77">
+            <vxe-table ref="xTable" :data="tableData" :empty-render="{name: 'NotData'}" align="center" border stripe v-table-min-height="'calc(100vh - 420px)'"
+                       @checkbox-all="selectAllEvent" @checkbox-change="selectChangeEvent">
+              <vxe-column type="checkbox" width="60"></vxe-column>
+              <vxe-column show-overflow show-header-overflow type="seq" title="序号" width="77">
                     <template #default="{ row, rowIndex }">
                         {{ rowIndex + (q.pageNo - 1) * q.pageSize + 1 }}
                     </template>
@@ -208,10 +213,29 @@ export default {
         }
       },
       dialogPreview: false, // 预览
-      content: ''
+      content: '',
+      checkIds: []
     }
   },
   methods: {
+    selectAllEvent ({ checked }) {
+      const records = this.$refs.xTable.getCheckboxRecords()
+      this.checkIds = records.map(item => {
+        return item.id
+      })
+    },
+    selectChangeEvent ({ checked }) {
+      const records = this.$refs.xTable.getCheckboxRecords()
+      this.checkIds = records.map(item => {
+        return item.id
+      })
+    },
+    permissionApp () {
+      this.$router.push({
+        path: '/permission/step1',
+        query: { id: 'AEHJB8YNJ3', ids: this.checkIds.toString() }
+      })
+    },
     init () {
       this.labelList()
       this.reportDateList()
@@ -354,7 +378,9 @@ export default {
             color: #262626;
         }
     }
-
+    .tag-btn{
+      padding: 10px 13px;
+    }
     .tag-search {
         padding-top: 9px;