Pārlūkot izejas kodu

增加查询功能

lichao 3 gadi atpakaļ
vecāks
revīzija
a3f29017fb

+ 18 - 9
src/views/basicData/customerCategory/index.vue

@@ -41,14 +41,16 @@ export default {
       form: {},
       option: option,
       parentId:0,
-      dataList: []
+      dataList: [],
+      page: {
+        pageSize: 10,
+        pagerCount: 5,
+        total: 0,
+      }
     }
   },
   created() {
-    customerList({parentId:0}).then(res => {
-      console.log(res.data.data.records)
-      this.dataList = res.data.data.records
-    })
+
   },
   methods: {
     //删除列表后面的删除按钮触发触发(row, index, done)
@@ -126,8 +128,10 @@ export default {
       done();
     },
     //点击搜索按钮触发
-    searchChange() {
-      console.log('1')
+    searchChange(params, done) {
+      this.page.currentPage = 1;
+      this.onLoad(this.page, params);
+      done()
     },
     searchReset() {
       console.log('1')
@@ -144,8 +148,13 @@ export default {
     refreshChange() {
       console.log('1')
     },
-    onLoad() {
-      console.log('1')
+    onLoad(page, params = {parentId:0}) {
+      let queryParams = Object.assign({}, params, {pageSize: page.pageSize, pageNum: page.currentPage})
+      customerList(queryParams).then(res => {
+        console.log(res.data.data.records)
+        this.dataList = res.data.data.records
+        this.page.total = res.data.data.total
+      })
     },
     //树桩列点击展开触发
     treeLoad(tree, treeNode, resolve) {

+ 20 - 10
src/views/basicData/customerInformation/index.vue

@@ -4,6 +4,7 @@
                :data="dataList"
                ref="crud"
                v-model="form"
+               :page.sync="page"
                @row-del="rowDel"
                @row-update="rowUpdate"
                :before-open="beforeOpen"
@@ -55,15 +56,17 @@ export default {
       form: {},
       option: option,
       parentId:0,
-      dataList: []
+      dataList: [],
+      page: {
+        pageSize: 10,
+        pagerCount: 5,
+        total: 0,
+      }
     }
   },
   created() {
     console.log('wangbadan')
-    customerList({parentId:0}).then(res => {
-      console.log(res.data.data.records)
-      this.dataList = res.data.data.records
-    })
+    // this.onLoad()
   },
   methods: {
     //删除列表后面的删除按钮触发触发(row, index, done)
@@ -122,7 +125,7 @@ export default {
     //查看跳转页面
     beforeOpenPage(row,index) {
       this.$router.push({
-        path: "/detailsPage",
+        path: "/detailsPageEdit",
         query: { id: JSON.stringify(row.id) },
       });
     },
@@ -148,8 +151,11 @@ export default {
       done();
     },
     //点击搜索按钮触发
-    searchChange() {
-      console.log('1')
+    searchChange(params, done) {
+      console.log(params)
+      this.page.currentPage = 1;
+      this.onLoad(this.page, params);
+      done()
     },
     searchReset() {
       console.log('1')
@@ -166,8 +172,12 @@ export default {
     refreshChange() {
       console.log('1')
     },
-    onLoad() {
-      console.log('1')
+    onLoad(page, params = {parentId:0}) {
+      let queryParams = Object.assign({}, params, {pageSize: page.pageSize, pageNum: page.currentPage})
+      customerList(queryParams).then(res => {
+        this.dataList = res.data.data.records
+        this.page.total = res.data.data.total
+      })
     },
     //树桩列点击展开触发
     treeLoad(tree, treeNode, resolve) {