文件夹改名

Former-commit-id: 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 1e795e1614aaf94f23ad99354f6ca9be303a1b1e [formerly 9ce21aef6b043d8bfcb2849dd7c6bc34e4625387]]]]]
Former-commit-id: c92d7410adc4138c7903c0067860fc3d190f54b0
Former-commit-id: 9f0ab819a505e341a6edf210efb107df8b8efe33
Former-commit-id: 3006c0d2ccda4133203372c30ffee34a73fa8944 [formerly f340ca4127e4578b3c53747d13bbaba223ed4e83]
Former-commit-id: 9624c2aaa99880b5e37f1e60f1f36ac673e021ed
Former-commit-id: 7923489f2c3c637782d9d4a1707bc48dfe3b1acf
Former-commit-id: 2375e080a7f715bc48da40d4c56235efad3f0d5d
Former-commit-id: c41402e6c0266a07e974efad41feed7c6fb7d0b6
Former-commit-id: b8814b31619151361c91ed37cb1ee7f3813853c1

src/views/demo/business/table/1/index.vue

@@ -0,0 +1,80 @@
+<template>
+  <d2-container :filename="filename">
+    <demo-page-header
+      slot="header"
+      @submit="handleSubmit"
+      ref="header"/>
+    <demo-page-main
+      :table-data="table"
+      :loading="loading"/>
+    <demo-page-footer
+      slot="footer"
+      :current="page.pageCurrent"
+      :size="page.pageSize"
+      :total="page.pageTotal"
+      @change="handlePaginationChange"/>
+  </d2-container>
+</template>
+
+<script>
+import { BusinessTable1List } from '@api/demo.business.table.1'
+export default {
+  // name 值和本页的 $route.name 一致才可以缓存页面
+  name: 'demo-business-table-1',
+  components: {
+    'DemoPageHeader': () => import('./componnets/PageHeader'),
+    'DemoPageMain': () => import('./componnets/PageMain'),
+    'DemoPageFooter': () => import('./componnets/PageFooter')
+  },
+  data () {
+    return {
+      filename: __filename,
+      table: [],
+      loading: false,
+      page: {
+        pageCurrent: 1,
+        pageSize: 10,
+        pageTotal: 0
+      }
+    }
+  },
+  methods: {
+    handlePaginationChange (val) {
+      this.$notify({
+        title: '分页变化',
+        message: `当前第${val.current}页 共${val.total}条 每页${val.size}条`
+      })
+      this.page = val
+      // nextTick 只是为了优化示例中 notify 的显示
+      this.$nextTick(() => {
+        this.$refs.header.handleFormSubmit()
+      })
+    },
+    handleSubmit (form) {
+      this.loading = true
+      this.$notify({
+        title: '开始请求模拟表格数据'
+      })
+      BusinessTable1List({
+        ...form,
+        ...this.page
+      })
+        .then(res => {
+          this.loading = false
+          this.$notify({
+            title: '模拟表格数据请求完毕'
+          })
+          this.table = res.list
+          this.page.pageTotal = res.page.total
+        })
+        .catch(err => {
+          this.loading = false
+          this.$notify({
+            title: '模拟表格数据请求异常'
+          })
+          console.log('err', err)
+        })
+    }
+  }
+}
+</script>