From daa3ccb798fed58fa66ef2192ae70bb9a6a6fd2a Mon Sep 17 00:00:00 2001
From: liyang <1711467488@qq.com>
Date: Mon, 6 Aug 2018 10:45:45 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=B4=E6=97=B6=E5=AD=98=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Former-commit-id: c3f26030318f42d19e45760b84f127a9fa0f8010 [formerly c3f26030318f42d19e45760b84f127a9fa0f8010 [formerly c3f26030318f42d19e45760b84f127a9fa0f8010 [formerly c3f26030318f42d19e45760b84f127a9fa0f8010 [formerly baf913370e890b66c5362ef0b91ef5db294166e1 [formerly e639100e00f1418900c57d39864dfdb806a4d99b]]]]]
Former-commit-id: 08d6e4a635cf122d2c2ddec02ef361daba543a4d
Former-commit-id: 8a5c8f0bb71e1ae2cca3fc4119b4b9dcfb6c43b0
Former-commit-id: 234b0fd329e12597fa600237802f7b53f085b1d1 [formerly c2067e7e02f3beb7738ee64fbae0ac5fa43b1629]
Former-commit-id: ce100562eade5a4a8aab73ff242c45b783961aa2
Former-commit-id: 7556c751d0c13bd75d2c1142f302ff5bc6a32258
Former-commit-id: 77d6731bfe01c61a6fe28337168c2fa5e58015c9
Former-commit-id: afc2d950bac686de249f934359afe2a2bf27335d
Former-commit-id: 04be92fa4756f43ede6b8d9c983663f877284388
---
src/mock/demo/business/table/1/index.js | 20 ++++
src/mock/register.js | 2 +
.../table/1/componnets/PageHeader/index.vue | 96 ++++++++++++++-
.../table/1/componnets/PageMain/index.vue | 111 +++++++++++++++++-
src/pages/demo/business/table/1/index.vue | 20 +++-
5 files changed, 241 insertions(+), 8 deletions(-)
create mode 100644 src/mock/demo/business/table/1/index.js
diff --git a/src/mock/demo/business/table/1/index.js b/src/mock/demo/business/table/1/index.js
new file mode 100644
index 00000000..88ad6d55
--- /dev/null
+++ b/src/mock/demo/business/table/1/index.js
@@ -0,0 +1,20 @@
+import Mock from 'mockjs'
+
+Mock.mock('/api/demo/business/table/1', ({ body }) => {
+ // 这是通过 post 传来的参数
+ body = JSON.parse(body)
+ return Mock.mock(
+ {
+ 'list|30': [{
+ 'key': '@guid',
+ 'value|1': [10, 100, 200, 500],
+ 'type': '@boolean',
+ 'admin': '@cname',
+ 'adminNote': '@cparagraph(0.5)',
+ 'dateTimeCreat': '@datetime',
+ 'used': '@boolean',
+ 'dateTimeUse': '@datetime'
+ }]
+ }
+ )
+})
diff --git a/src/mock/register.js b/src/mock/register.js
index 10582b39..b72817ac 100644
--- a/src/mock/register.js
+++ b/src/mock/register.js
@@ -2,6 +2,8 @@ import Mock from 'mockjs'
import '@/mock/ajax-demo'
+import '@/mock/demo/business/table/1'
+
import '@/mock/login'
// 设置全局延时 没有延时的话有时候会检测不到数据变化 建议保留
diff --git a/src/pages/demo/business/table/1/componnets/PageHeader/index.vue b/src/pages/demo/business/table/1/componnets/PageHeader/index.vue
index 00eb48a3..66641ef3 100644
--- a/src/pages/demo/business/table/1/componnets/PageHeader/index.vue
+++ b/src/pages/demo/business/table/1/componnets/PageHeader/index.vue
@@ -1,5 +1,95 @@
-
- header
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查询
+
+
+
+
+
+
+ 重置
+
+
+
+
+
+
diff --git a/src/pages/demo/business/table/1/componnets/PageMain/index.vue b/src/pages/demo/business/table/1/componnets/PageMain/index.vue
index fe504e93..e37434be 100644
--- a/src/pages/demo/business/table/1/componnets/PageMain/index.vue
+++ b/src/pages/demo/business/table/1/componnets/PageMain/index.vue
@@ -1,5 +1,110 @@
-
- main
-
+
+
+
+
+ {{scope.row.key}}
+
+
+
+
+
+
+ {{scope.row.value}}
+
+
+
+
+
+
+
+ {
+ handleSwitchChange(val, scope.$index)
+ }">
+
+
+ {{scope.row.type}}
+
+
+
+
+
+
+
+ {{scope.row.admin}}
+
+
+
+
+
+ {{scope.row.adminNote}}
+
+
+
+
+
+ {{scope.row.dateTimeCreat}}
+
+
+
+
+
+ 已经使用
+ 未使用
+
+
+
+
+
+ {{scope.row.dateTimeUse}}
+
+
+
+
+
+
+
diff --git a/src/pages/demo/business/table/1/index.vue b/src/pages/demo/business/table/1/index.vue
index 6aa6031d..459092a2 100644
--- a/src/pages/demo/business/table/1/index.vue
+++ b/src/pages/demo/business/table/1/index.vue
@@ -1,7 +1,7 @@
-
-
+
+
@@ -12,6 +12,22 @@ export default {
'DemoPageHeader': () => import('./componnets/PageHeader'),
'DemoPageMain': () => import('./componnets/PageMain'),
'DemoPageFooter': () => import('./componnets/PageFooter')
+ },
+ data () {
+ return {
+ table: []
+ }
+ },
+ methods: {
+ handleSubmit (form) {
+ this.$axios.post('/api/demo/business/table/1', form)
+ .then(res => {
+ this.table = res.list
+ })
+ .catch(err => {
+ console.log('err', err)
+ })
+ }
}
}