From a31570cec274e0f8c6a304921eccee7b12fb711e Mon Sep 17 00:00:00 2001 From: Maoqiang Zheng Date: Wed, 12 Sep 2018 11:35:56 +0800 Subject: [PATCH] initial --- .prettierrc | 4 + src/App.vue | 27 ++--- src/assets/data.ts | 108 +++++++++++++++++++ src/components/boardOrderDetails.vue | 83 +++++++++++++++ src/components/table.vue | 152 +++++++++++++++++++++++++++ src/router.ts | 15 +-- 6 files changed, 357 insertions(+), 32 deletions(-) create mode 100644 .prettierrc create mode 100644 src/assets/data.ts create mode 100644 src/components/boardOrderDetails.vue create mode 100644 src/components/table.vue diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..a20502b --- /dev/null +++ b/.prettierrc @@ -0,0 +1,4 @@ +{ + "singleQuote": true, + "trailingComma": "all" +} diff --git a/src/App.vue b/src/App.vue index f300d4b..e0a2b28 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,29 +1,14 @@ + + diff --git a/src/assets/data.ts b/src/assets/data.ts new file mode 100644 index 0000000..be125c6 --- /dev/null +++ b/src/assets/data.ts @@ -0,0 +1,108 @@ + +const data = { + orderNo: '101808023922', + clientName: 'SongQingyang3', + soldData: '2018-08-23', + contactName: 'K01', + contactNo: '12345678901', + deliveryAddress: 'D01', + addOn: '测试PTP-G刀偏置', + boards: [ + { + id: 1234, + matierial: '颗粒板', + color: '暖白', + boardInfos: [ + { + houseName: 'F01', + closetName: 'F01', + boardNo: 'B1816478862', + boardName: '背板', + length: 944, + width: 59, + thickness: 18, + quantity: 1, + area: 0.568, + mutation: '', + shape: '', + direction: '1/1/1/1 ', + strip: '正纹', + addOn: '', + }, + { + houseName: 'F01', + closetName: 'F01', + boardNo: 'B1816478862', + boardName: '层板', + length: 944, + width: 598, + thickness: 18, + quantity: 1, + area: 0.568, + mutation: '', + shape: '造型', + direction: '1/1/1/1 ', + strip: '正纹', + addOn: '', + }, + { + houseName: 'F01', + closetName: 'F01', + boardNo: 'B1816478875', + boardName: '右侧板', + length: 1198, + width: 548, + thickness: 18, + quantity: 1, + area: 0.66, + mutation: '', + shape: '造型', + direction: '1/1/1/1 ', + strip: '正纹', + addOn: '', + }, + ], + }, + { + id: 1235, + matierial: '生态板 ', + color: '暖白', + boardInfos: [ + { + houseName: 'F01', + closetName: 'F01', + boardNo: 'B1816478862', + boardName: '背板', + length: 944, + width: 598, + thickness: 18, + quantity: 1, + area: 0.568, + mutation: '', + shape: '', + direction: '1/1/1/1 ', + strip: '正纹', + addOn: '', + }, + { + houseName: 'F01', + closetName: 'F01', + boardNo: 'B1816478861', + boardName: '背板', + length: 944, + width: 598, + thickness: 18, + quantity: 1, + area: 0.568, + mutation: '', + shape: '', + direction: '1/1/1/1 ', + strip: '正纹', + addOn: '', + }, + ], + }, + ], +}; + +export default data; diff --git a/src/components/boardOrderDetails.vue b/src/components/boardOrderDetails.vue new file mode 100644 index 0000000..65bea1f --- /dev/null +++ b/src/components/boardOrderDetails.vue @@ -0,0 +1,83 @@ + + + + diff --git a/src/components/table.vue b/src/components/table.vue new file mode 100644 index 0000000..f3ba918 --- /dev/null +++ b/src/components/table.vue @@ -0,0 +1,152 @@ + + + + + diff --git a/src/router.ts b/src/router.ts index e540d9a..7cadc72 100644 --- a/src/router.ts +++ b/src/router.ts @@ -1,6 +1,7 @@ import Vue from 'vue'; import Router from 'vue-router'; -import Home from './views/Home.vue'; +import Table from './components/table.vue'; +import orderDetails from './components/boardOrderDetails.vue'; Vue.use(Router); @@ -8,16 +9,8 @@ export default new Router({ routes: [ { path: '/', - name: 'home', - component: Home, - }, - { - path: '/about', - name: 'about', - // route level code-splitting - // this generates a separate chunk (about.[hash].js) for this route - // which is lazy-loaded when the route is visited. - component: () => import(/* webpackChunkName: "about" */ './views/About.vue'), + name: 'table', + component: orderDetails, }, ], });