日志界面添加选择显示多少条选项

src/assets/styles/naotuDetails.scss

@@ -70,7 +70,7 @@
     .item1{width:100%;display: inline-block;line-height: 30px;}
     .item2{width:50%;display: inline-block;line-height: 30px;}
     .item22{width:50%;display: inline-block;line-height: 30px;margin-right:50%;}
-    .leftTitle{color:#FF9300;width:100px;display: inline-block;font-size:14px;text-align: right;padding-right:5px;}
+    .leftTitle{color:#FF9300;width:100px;display: inline-block;font-size:14px;text-align: right;padding-right:5px;vertical-align: top;}
     .rightValue{font-size:14px;color:#333333;display: inline-block;width:calc(100% - 105px);}
   }
 }

src/assets/styles/rightContent.scss

@@ -9,11 +9,13 @@
     margin: 15px;
     padding: 0 10px;
     padding-bottom:14px;
+    position: relative;
+    /deep/ .el-pagination__sizes{top:12px;right:152px;    width: 110px;}
     .el-form{margin-right:20px;}
     .total{
       color:#999;
       margin-left: 28px;
-      margin-right: 40px;
+      margin-right: 139px;
     }
     .export{margin-right:0px !important;width:104px;}
     .cx-btn{

src/components/ptCxForm_components.vue

@@ -286,10 +286,12 @@
       <!--分页-->
       <el-pagination
         background
+        @size-change="handleSizeChange"
         @current-change="handleCurrentChange"
         :current-page.sync="currentPage1"
+        :page-sizes="[10, 20, 50, 100]"
         :page-size="page_size"
-        layout="prev, pager, next"
+        layout="sizes,prev, pager, next"
         :small="true"
         :total="tableDataLength"
         v-if="pageShow"
@@ -338,6 +340,11 @@ export default {
     };
   },
   methods: {
+    handleSizeChange(val) {
+      this.page_size=val;
+      this.formData.limit=val;
+      this.doQuery('yes');
+    },
     clearData() {
       let self = this;
       for (let i in self.formData) {

src/views/rzcx/ldfwrz.vue

@@ -221,10 +221,12 @@
         <!--分页-->
         <el-pagination
           background
+          @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
           :current-page.sync="currentPage1"
+          :page-sizes="[10, 20, 50, 100]"
           :page-size="page_size"
-          layout="prev, pager, next"
+          layout="sizes,prev, pager, next"
           :small="true"
           :total="tableDataLength"
           v-if="pageShow"
@@ -311,10 +313,12 @@
       <!--分页-->
       <el-pagination
         background
+        @size-change="handleSizeChangeDw"
         @current-change="handleCurrentChangeDw"
         :current-page.sync="currentPage1Dw"
+        :page-sizes="[10, 20, 50, 100]"
         :page-size="page_sizeDw"
-        layout="prev, pager, next"
+        layout="sizes,prev, pager, next"
         :small="true"
         :total="tableDataLengthDw"
       >
@@ -388,10 +392,12 @@
       <!--分页-->
       <el-pagination
         background
+        @size-change="handleSizeChangeDwXz"
         @current-change="handleCurrentChangeDwXz"
         :current-page.sync="currentPage1DwXz"
+        :page-sizes="[10, 20, 50, 100]"
         :page-size="page_sizeDwXz"
-        layout="prev, pager, next"
+        layout="sizes,prev, pager, next"
         :small="true"
         :total="tableDataLengthDwXz"
       >
@@ -470,6 +476,19 @@ export default {
     }
   },
   methods: {
+    handleSizeChange(val) {
+      this.page_size=val;
+      this.creteForm("YH",false,false,val);
+    },
+    handleSizeChangeDw(val) {
+      debugger
+      this.page_sizeDw=val;
+      this.creteForm("DW",false,false,val);
+    },
+    handleSizeChangeDwXz(val) {
+      this.page_sizeDwXz=val;
+      this.creteForm("DWXZ",this.zdyUnitCode,false,val);
+    },
     showDwXz(flag, id, name) {
       this.zdyDwName = name;
       this.creteForm(flag, id);
@@ -693,7 +712,8 @@ export default {
         });
       }
     },
-    creteForm(flag, id, isExport) {
+    creteForm(flag, id, isExport,changeLimit) {
+      debugger
       //id为下钻时带过来得单位代码
       let self = this,
         json = {};
@@ -712,6 +732,9 @@ export default {
         if (isExport) {
           json.limit = 5000;
           return json;
+        }else if(changeLimit){
+          json.limit = changeLimit;
+          self.doQuery("YH", json);
         } else {
           self.doQuery("YH", json);
         }
@@ -730,6 +753,9 @@ export default {
         if (isExport) {
           json.limit = 5000;
           return json;
+        }else if(changeLimit){
+          json.limit = changeLimit;
+          self.doQuery("DW", json);
         } else {
           self.doQuery("DW", json);
         }
@@ -755,6 +781,9 @@ export default {
         if (isExport) {
           json.limit = 5000;
           return json;
+        }else if(changeLimit){
+          json.limit = changeLimit;
+          self.doQuery("DWXZ", json);
         } else {
           self.doQuery("DWXZ", json);
         }