优化教培组件显示

src/utils/env-config.js

@@ -10,7 +10,7 @@ export const envConfig = {
     // baseUrl: 'https://uat-sc.yunqueyi.com/',
     // baseUrl: 'http://10.177.15.150:10401/',
     // baseUrl: 'http://10.177.15.150:11905/',
-    baseUrl: 'https://dev-sc.yunqueyi.com/',
+    baseUrl: 'https://sc.yunqueyi.com/',
     // baseUrl: 'https://test1-sc.yunqueyi.com/',
     // baseUrl: 'https://sc.yunqueyi.com/',
     // baseUrl: 'https://uat-sc.yunqueyi.com/',

src/views/education/create-component.vue

@@ -280,9 +280,13 @@
                     >{{ _item.name }}</el-button
                   >
                 </div>
-                <div
+                <!-- <div
                   v-for="(item1, index1) in item.templetModelList"
                   :key="index1"
+                > -->
+                 <div
+                  v-for="(item1, index1) in showData(item.templetModelList)"
+                  :key="index1"
                 >
                   <el-form
                     ref="templateForm"
@@ -645,6 +649,17 @@
                     </div>
                   </el-form>
                 </div>
+                <div class="pagination-warp">
+                  <el-pagination
+                    :current-page="pageNo"
+                    :page-size="pageSize"
+                    :page-sizes="[1, 2, 3, 5, 10]"
+                    layout="total, sizes, prev, pager, next, jumper"
+                    :total="item.templetModelList.length"
+                    @size-change="handleSizeChange"
+                    @current-change="handleCurrentChange"
+                    ></el-pagination>
+                </div>
               </div>
             </el-tab-pane>
           </el-tabs>
@@ -736,6 +751,7 @@
           </div>
         </el-form>
       </div>
+     
       <span slot="footer" class="dialog-footer dialog-foot">
         <el-button
           type="default"
@@ -878,6 +894,8 @@ export default {
         certificateCondition: "100", // 证书完成率
         status: "",
       },
+      pageNo: 1,
+      pageSize: 2,
       componentList: {
         moduleModelList: [
           {
@@ -980,6 +998,20 @@ export default {
     console.log("idType==>", vm.idType);
   },
   methods: {
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.showData(this.tamp);
+    },
+    handleCurrentChange(val) {
+      this.pageNo = val;
+      this.showData(this.tamp);
+    },
+    showData(data) {
+      this.tamp = data;
+      let start = this.pageNo == 1 ? 0 : ((this.pageNo-1) * this.pageSize);
+      console.log(start,this.pageNo * this.pageSize);
+      return data && data.length ? data.slice(start, this.pageNo * this.pageSize) : [];
+    },
     // 模块可以拖动排序
     tabDrop() {
       this.$nextTick(() => {
@@ -2311,6 +2343,10 @@ export default {
       }
     }
   }
+  .pagination-warp {
+    padding: 10px;
+    text-align: right;
+  }
 }
 
 .cc-class-box {