فهرست منبع

'改下单之分页'

魏志佳 4 سال پیش
والد
کامیت
db66c29162

+ 10 - 5
src/views/modules/workBench/designLeader/platForm.vue

@@ -90,8 +90,8 @@
                             订单进度
                              <!-- <a-button type="link" class="allOrder" @click="goOrderList(4)">全部订单</a-button> -->
                         </div>
-                        <div class="orderProgress">
-                            <a-spin :spinning="orderProgressSpinning">
+                        <a-spin :spinning="orderProgressSpinning">
+                        <div class="orderProgress">                            
                             <ul class="orderProgress-list" v-if="orderProgressList.length>0">
                                 <li v-for="(item,index) in orderProgressList" :key="index"  >
                                     
@@ -119,9 +119,9 @@
                                 <img src="@/assets/nodata.png" alt="" style="width:300px;text-align:center">
                             </div>
                             <!-- hideOnSinglePage -->
-                            <a-pagination size="small" :total="totalPage" :current='currentPage' class="fenye" :change='pageChange'  show-size-changer show-quick-jumper hideOnSinglePage />
-                            </a-spin>
+                            <a-pagination size="small" :total="totalPage" :current='currentPage' class="fenye" :pageSize='8' @change='pageChange'   show-quick-jumper hideOnSinglePage />                            
                         </div>
+                        </a-spin>
                     </div>
                 </div>
                 <div class="sectionRightBox">
@@ -225,7 +225,8 @@ export default {
         },
         // 分页页码改变
         pageChange(page, pageSize){
-             this.currentPage=page;
+            // console.log(page,pageSize)
+            this.currentPage=page;
             this.getOrderList()
         },
         // 全部订单
@@ -548,6 +549,7 @@ export default {
                     .orderProgress{
                         padding: 0 20px;
                         height: 585px;
+                        position: relative;
                         .orderProgress-list-item{
                             padding: 10px 0;
                             display: flex;
@@ -595,6 +597,9 @@ export default {
                         .fenye{
                             padding: 20px 0;
                             text-align: right;
+                            position: absolute;
+                            right: 20px;
+                            bottom: 0;
                         }
                     }
                 }

+ 13 - 5
src/views/modules/workBench/designPeople/platForm.vue

@@ -69,8 +69,9 @@
                             订单进度
                              <!-- <a-button type="link" class="allOrder" @click="goOrderList(4)">全部订单</a-button> -->
                         </div>
+                        <a-spin :spinning="orderProgressSpinning">
                         <div class="orderProgress">
-                            <a-spin :spinning="orderProgressSpinning">
+                            
                             <ul class="orderProgress-list" v-if="orderProgressList.length>0">
                                 <li v-for="(item,index) in orderProgressList" :key="index"  >
                                     
@@ -99,9 +100,10 @@
                                 <img src="@/assets/nodata.png" alt="" style="width:300px;text-align:center">
                             </div>
                             <!-- hideOnSinglePage -->
-                            <a-pagination size="small" :total="totalPage" :current='currentPage' class="fenye" :change='pageChange'  show-size-changer show-quick-jumper hideOnSinglePage />
-                            </a-spin>
+                            <a-pagination size="small" :total="totalPage" :current='currentPage' :pageSize='8' class="fenye" @change='pageChange'   show-quick-jumper hideOnSinglePage />
+                            
                         </div>
+                        </a-spin>
                     </div>
                 </div>
                 <div class="sectionRightBox">
@@ -205,7 +207,9 @@ export default {
         },
         // 分页页码改变
         pageChange(page, pageSize){
-
+            this.currentPage=page;
+            // console.log(page,pageSize)
+            this.getOrderList()
         },
         // 全部订单
         allOrder() {
@@ -222,7 +226,7 @@ export default {
             let params={
                 design:this.userInfo.id,
                 pageNo:this.currentPage,
-                pageSize:10,
+                pageSize:8,
             }
             getAction('/platform/order/listByCreatorOrDesignLeader',params).then(res=>{
                 console.log(res);
@@ -531,6 +535,7 @@ export default {
                     .orderProgress{
                         padding: 0 20px;
                         height: 585px;
+                        position: relative;
                         .orderProgress-list-item{
                             padding: 10px 0;
                             display: flex;
@@ -578,6 +583,9 @@ export default {
                         .fenye{
                             padding: 20px 0;
                             text-align: right;
+                            position: absolute;
+                            right: 20;
+                            bottom: 0px;
                         }
                     }
                 }

+ 12 - 4
src/views/modules/workBench/operator/platForm.vue

@@ -82,8 +82,9 @@
                             订单进度
                              <!-- <a-button type="link" class="allOrder" @click="goOrderList(1)">全部订单</a-button> -->
                         </div>
+                        <a-spin :spinning="orderProgressSpinning">
                         <div class="orderProgress">
-                            <a-spin :spinning="orderProgressSpinning">
+                            
                             <ul class="orderProgress-list" v-if="orderProgressList.length>0">
                                 <li v-for="(item,index) in orderProgressList" :key="index"  >
                                     <!-- <span  style="display:block;width:100%"> -->
@@ -112,9 +113,10 @@
                                 <img src="@/assets/nodata.png" alt="" style="width:300px;text-align:center">
                             </div>
                             <!-- hideOnSinglePage -->
-                            <a-pagination size="small" :total="totalPage" :current='currentPage' class="fenye" :change='pageChange'  show-size-changer show-quick-jumper hideOnSinglePage />
-                            </a-spin>
+                            <a-pagination size="small" :total="totalPage" :current='currentPage' :pageSize='8' class="fenye" @change='pageChange'  show-quick-jumper  />
+                            
                         </div>
+                        </a-spin>
                     </div>
                 </div>
                 <div class="sectionRightBox">
@@ -196,6 +198,7 @@ export default {
             // 分页参数
             totalPage:0,
             currentPage:1,
+
             userInfo:{},
             roleCode:'',
 
@@ -224,6 +227,7 @@ export default {
         // 分页页码改变
         pageChange(page, pageSize){
             this.currentPage=page;
+            // console.log(page,pageSize)
             this.getOrderList()
         },
         
@@ -238,7 +242,7 @@ export default {
             let params={
                 createBy:this.userInfo.id,
                 pageNo:this.currentPage,
-                pageSize:10,
+                pageSize:8,
             }
             this.orderProgressSpinning=true;
             getAction('/platform/order/listByCreatorOrDesignLeader',params).then(res=>{
@@ -555,6 +559,7 @@ export default {
                     .orderProgress{
                         padding: 0 20px;
                         height: 585px;
+                        position: relative;
                         .orderProgress-list-item{
                             padding: 10px 0;
                             display: flex;
@@ -602,6 +607,9 @@ export default {
                         .fenye{
                             padding: 20px 0;
                             text-align: right;
+                            position: absolute;
+                            right: 20px;
+                            bottom: 0px;
                         }
                     }
                 }