业务线选择页面修改

src/views/business/bizIdSelect.vue

@@ -10,15 +10,16 @@
           <span class="item-name">{{ item.name }}</span>
           <span class="item-button" /><el-button type="primary" size="small" @click="enter(item)">进入</el-button></div>
       </div>
-    </div>
-    <div class="select-pagination">
-      <el-pagination
-        :current-page.sync="curIndex"
-        :page-size="5"
-        layout="total, prev, pager, next, jumper"
-        :total="total"
-        @current-change="handleCurrentChange"
-      />
+      <div class="select-pagination">
+        <el-pagination
+          background
+          :current-page.sync="curIndex"
+          :page-size="14"
+          layout="total, prev, pager, next, jumper"
+          :total="total"
+          @current-change="handleCurrentChange"
+        />
+      </div>
     </div>
     <div class="business-tips">
       <div class="title">业务线不存在？请联系系统管理员添加</div>
@@ -62,14 +63,14 @@ export default {
       if (res.code === 200) {
         this.originBizList = res.data || []
         this.total = res.data.length
-        this.bizSelectList = this.originBizList.slice((this.curIndex - 1) * 5, this.curIndex * 5)
+        this.bizSelectList = this.originBizList.slice((this.curIndex - 1) * 14, this.curIndex * 14)
       }
     },
     async settingUserSetBiz(bizId) { // 设置成员登录业务线
       await settingUserSetBiz({ bizId: bizId })
     },
     handleCurrentChange() {
-      this.bizSelectList = this.originBizList.slice((this.curIndex - 1) * 5, this.curIndex * 5)
+      this.bizSelectList = this.originBizList.slice((this.curIndex - 1) * 14, this.curIndex * 14)
     },
     enter(biz) {
       this.$store.dispatch('data/setBizId', biz.code)
@@ -104,7 +105,7 @@ export default {
   background-color: #F2F3F6;
 }
 .bizId-select{
-  height: 600px;
+  height: 618px;
   width: 100%;
   background-color:#FFFFFF;
   border-radius: 10px;
@@ -128,12 +129,17 @@ export default {
   font-size: 14px;
 }
 .bizId-table {
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
   padding: 71px 106px 0 116px;
 }
 .table-item {
+  width: 40%;
   display: flex;
+  flex-shrink: 0;
   justify-content: space-between;
-  margin-bottom: 41px;
+  margin-bottom: 30px;
   .item-name {
     color: #333B4A;
     font-size: 18px;
@@ -143,6 +149,7 @@ export default {
   }
 }
 .select-pagination {
+  padding: 0 40px;
   display: flex;
   justify-content: flex-end;
 }