icss数据维护添加每页条数选择

src/api/config.js

@@ -292,5 +292,8 @@ export default {
   ],
   msg:{
     imgTip:'无法上传图片，图片大小不可超过2M'
-  }
+  },
+  pageSizeArr:[10,50,100,500],         //分页每页显示条数选项
+  pageSize:10,      //初始每页显示条数
+  pageLayout:"total,sizes,prev, pager, next, jumper",        //分页组件成分
 }

src/components/icss/IndeptLabel.vue

@@ -84,32 +84,21 @@
                     </template>
                 </el-table-column>
             </el-table>
-          <el-pagination v-if="total>pageSize"
-                        :current-page.sync="currentPage"
-                        @current-change="currentChange"
+          <el-pagination @current-change="currentChange"
                         background
                         :page-size="pageSize"
-                        layout="total,prev, pager, next, jumper"
+                        :page-sizes="pageSizeArr"
+                         @size-change="handleSizeChange"
+                        :layout="pageLayout"
                         :total="total">
             </el-pagination>
         </div>
-        <!-- <div class="pagination">
-            <el-pagination v-if="total>pageSize"
-                        :current-page.sync="currentPage"
-                        @current-change="currentChange"
-                        background
-                        :page-size="pageSize"
-                        layout="total,prev, pager, next, jumper"
-                        :total="total">
-            </el-pagination>
-        </div> -->
-
     </div>
 </template>
 
 <script>
   import api from '@api/icss.js';
-
+  import config from '@api/config.js';
   export default {
     name: 'tag-group',
     data: function() {
@@ -126,7 +115,9 @@
           tagSysName: '', //标签系统名称
         },
         currentPage: 1,
-        pageSize: 10,
+        pageSize: config.pageSize,
+        pageSizeArr:config.pageSizeArr,
+        pageLayout:config.pageLayout,
         total: 0,
       }
     },
@@ -151,6 +142,10 @@
       })
     },
     methods: {
+      handleSizeChange(val){
+        this.pageSize = val;
+        this.getDataList();
+      },
       getValue(val) {
         console.log('changeVal', val, this.filter.tagAdscription)
       },
@@ -194,8 +189,9 @@
       addIndeptTag() {
         const pam = this.searched ? {
           currentPage: this.currentPage,
+          pageSize:this.pageSize,
           filter: this.filter
-        } : {currentPage: this.currentPage};
+        } : {currentPage: this.currentPage,pageSize:this.pageSize};
         this.$router.push({
           name: 'AddIndeptLabel',
           params: pam
@@ -325,4 +321,11 @@
     .el-select .el-input .el-icon-circle-close{
         float:left;
     }
+  .el-pagination__sizes{
+      margin-right: 20px;
+    .el-input .el-input__inner{
+        height: 28px;
+        line-height: 28px;
+    }
+  }
 </style>

src/components/icss/LabelGroup.vue

@@ -83,33 +83,24 @@
                 </el-table-column>
             </el-table>
         <div class="pagination">
-            <el-pagination v-if="total>pageSize"
-                       :current-page.sync="currentPage"
+            <el-pagination :current-page.sync="currentPage"
                        @current-change="currentChange"
                        background
                        :page-size="pageSize"
-                       layout="total,prev, pager, next, jumper"
+                        :page-sizes="pageSizeArr"
+                        @size-change="handleSizeChange"
+                        :layout="pageLayout"
                        :total="total">
             </el-pagination>
         </div>
-        
         </div>
-       <!--  <div class="pagination">
-           <el-pagination v-if="total>pageSize"
-                      :current-page.sync="currentPage"
-                      @current-change="currentChange"
-                      background
-                      :page-size="pageSize"
-                      layout="total,prev, pager, next, jumper"
-                      :total="total">
-           </el-pagination>
-       </div> -->
         
     </div>
 </template>
 
 <script>
 import api from '@api/icss.js';
+import config from '@api/config.js';
 
 export default {
     name: 'tag-group',
@@ -126,7 +117,9 @@ export default {
                 tagSysName: '', //标签系统名称
             },
             currentPage: 1,
-            pageSize: 10,
+            pageSize: config.pageSize,
+            pageSizeArr:config.pageSizeArr,
+            pageLayout:config.pageLayout,
             total: 0,
         }
     },
@@ -151,6 +144,10 @@ export default {
     })
   },
     methods: {
+      handleSizeChange(val){
+        this.pageSize = val;
+        this.getDataList();
+      },
         getValue(val) {
             // console.log('changeVal', val, this.filter.tagAdscription)
         },
@@ -199,8 +196,10 @@ export default {
         addTagGroup() {
           const pam = this.searched ? {
             currentPage: this.currentPage,
+            pageSize:this.pageSize,
             filter: this.filter
-          } : {currentPage: this.currentPage};
+          } : {currentPage: this.currentPage,
+            pageSize:this.pageSize};
           this.$router.push({name: 'AddLabelGroup', params: pam});
         },
         modifyTagGroup(row, type) {

src/components/icss/PhysicalExamTemplate.vue

@@ -64,12 +64,13 @@
                     </template>
                 </el-table-column>
             </el-table>
-            <el-pagination v-if="total>pageSize"
-                           :current-page.sync="currentPage"
+            <el-pagination :current-page.sync="currentPage"
                            @current-change="currentChange"
                            background
                            :page-size="pageSize"
-                           layout="total,prev, pager, next, jumper"
+                           :page-sizes="pageSizeArr"
+                           @size-change="handleSizeChange"
+                           :layout="pageLayout"
                            :total="total">
             </el-pagination>
         </div>
@@ -79,7 +80,7 @@
 
 <script>
   import api from '@api/icss.js';
-  import utils from '@api/utils.js';
+  import config from '@api/config.js';
 
   export default {
     name: 'PhysicalExamTemplate',
@@ -89,7 +90,9 @@
         cacheData: {},
         deptList: [], //科室下拉列表
         currentPage: 1,
-        pageSize: 10,
+        pageSize: config.pageSize,
+        pageSizeArr:config.pageSizeArr,
+        pageLayout:config.pageLayout,
         total: 0,
         linkIn:[],
         pays:[],
@@ -121,11 +124,17 @@
       })
     },
     methods: {
+      handleSizeChange(val){
+        this.pageSize = val;
+        this.getDataList();
+      },
       addModule() {
         const pam = this.searched ? {
           currentPage: this.currentPage,
+          pageSize:this.pageSize,
           filter: this.filter
-        } : {currentPage: this.currentPage};
+        } : {currentPage: this.currentPage,
+          pageSize:this.pageSize};
         this.$router.push({name: 'AddPhysicalExamTemp', params: pam});
       },
       toEditProduct(row){

src/components/icss/TemplateMaintenance.vue

@@ -85,12 +85,13 @@
 
         </div>
         <div class="pagination">
-            <el-pagination v-if="total>pageSize"
-                        :current-page.sync="currentPage"
+            <el-pagination :current-page.sync="currentPage"
                         @current-change="currentChange"
                         background
                         :page-size="pageSize"
-                        layout="total,prev, pager, next, jumper"
+                        :page-sizes="pageSizeArr"
+                        @size-change="handleSizeChange"
+                        :layout="pageLayout"
                         :total="total">
             </el-pagination>
         </div>
@@ -100,6 +101,7 @@
 
 <script>
   import api from '@api/icss.js';
+  import config from '@api/config.js';
 
   export default {
     name: 'TemplateMaintenance',
@@ -117,7 +119,9 @@
           tagAdscription: '', //标签归属
         },
         currentPage: 1,
-        pageSize: 10,
+        pageSize: config.pageSize,
+        pageSizeArr:config.pageSizeArr,
+        pageLayout:config.pageLayout,
         total: 0,
         deptAndDisInfo:{},
       }
@@ -178,6 +182,7 @@
         //const pm = to.param;
         const flt = to.params.filter;
         vm.currentPage = to.params.currentPage||1;
+        vm.pageSize = to.params.pageSize;
         vm.deptAndDisInfo = JSON.parse(localStorage.getItem('deptDis')||null);
         if(flt){
           vm.filter.templateType = flt.templateType;
@@ -189,6 +194,10 @@
       })
     },
     methods: {
+      handleSizeChange(val){
+        this.pageSize = val;
+        this.getDataList();
+      },
       getSubTemplate() {
         api.getAllDeptAndDisInfo({}).then((res) => {
           if (res.data.code === '0') {//获取科室和疾病所有信息
@@ -234,8 +243,10 @@
       addIndeptTag() {
         const pam = this.searched ? {
           currentPage: this.currentPage,
+          pageSize:this.pageSize,
           filter: this.filter
-        } : {currentPage: this.currentPage};
+        } : {currentPage: this.currentPage,
+          pageSize:this.pageSize};
         this.$router.push({name: 'TemplateMaintenanceWrap', params: pam})
       },
       modifyIndeptTag(row) {