Commit fc0d443bb7d89c7ac66d83e4f1df4d88433fda43
1 parent
d59b2d89e9
Exists in
master
app
Showing
6 changed files
with
377 additions
and
61 deletions
Show diff stats
src/views/application/Menu/analys.vue
| File was created | 1 | <template> | |
| 2 | <el-table | ||
| 3 | :data="tableData3" | ||
| 4 | height="250" | ||
| 5 | border | ||
| 6 | style="width: 100%" | ||
| 7 | > | ||
| 8 | <el-table-column | ||
| 9 | prop="date" | ||
| 10 | label="日期" | ||
| 11 | width="180" | ||
| 12 | /> | ||
| 13 | <el-table-column | ||
| 14 | prop="name" | ||
| 15 | label="姓名" | ||
| 16 | width="180" | ||
| 17 | /> | ||
| 18 | <el-table-column | ||
| 19 | prop="address" | ||
| 20 | label="地址" | ||
| 21 | /> | ||
| 22 | </el-table> | ||
| 23 | </template> | ||
| 24 | |||
| 25 | <script> | ||
| 26 | export default { | ||
| 27 | data() { | ||
| 28 | return { | ||
| 29 | tableData3: [{ | ||
| 30 | date: '2016-05-03', | ||
| 31 | name: '王小虎', | ||
| 32 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 33 | }, { | ||
| 34 | date: '2016-05-02', | ||
| 35 | name: '王小虎', | ||
| 36 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 37 | }, { | ||
| 38 | date: '2016-05-04', | ||
| 39 | name: '王小虎', | ||
| 40 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 41 | }, { | ||
| 42 | date: '2016-05-01', | ||
| 43 | name: '王小虎', | ||
| 44 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 45 | }, { | ||
| 46 | date: '2016-05-08', | ||
| 47 | name: '王小虎', | ||
| 48 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 49 | }, { | ||
| 50 | date: '2016-05-06', | ||
| 51 | name: '王小虎', | ||
| 52 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 53 | }, { | ||
| 54 | date: '2016-05-07', | ||
| 55 | name: '王小虎', | ||
| 56 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 57 | }] | ||
| 58 | } | ||
| 59 | } | ||
| 60 | } | ||
| 61 | </script> | ||
| 62 |
src/views/application/Menu/appList.vue
| File was created | 1 | <template> | |
| 2 | <el-table | ||
| 3 | :data="tableData3" | ||
| 4 | height="250" | ||
| 5 | border | ||
| 6 | style="width: 100%" | ||
| 7 | > | ||
| 8 | <el-table-column | ||
| 9 | prop="date" | ||
| 10 | label="日期" | ||
| 11 | width="180" | ||
| 12 | /> | ||
| 13 | <el-table-column | ||
| 14 | prop="name" | ||
| 15 | label="姓名" | ||
| 16 | width="180" | ||
| 17 | /> | ||
| 18 | <el-table-column | ||
| 19 | prop="address" | ||
| 20 | label="地址" | ||
| 21 | /> | ||
| 22 | </el-table> | ||
| 23 | </template> | ||
| 24 | |||
| 25 | <script> | ||
| 26 | export default { | ||
| 27 | data() { | ||
| 28 | return { | ||
| 29 | tableData3: [{ | ||
| 30 | date: '2016-05-03', | ||
| 31 | name: '王小虎', | ||
| 32 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 33 | }, { | ||
| 34 | date: '2016-05-02', | ||
| 35 | name: '王小虎', | ||
| 36 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 37 | }, { | ||
| 38 | date: '2016-05-04', | ||
| 39 | name: '王小虎', | ||
| 40 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 41 | }, { | ||
| 42 | date: '2016-05-01', | ||
| 43 | name: '王小虎', | ||
| 44 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 45 | }, { | ||
| 46 | date: '2016-05-08', | ||
| 47 | name: '王小虎', | ||
| 48 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 49 | }, { | ||
| 50 | date: '2016-05-06', | ||
| 51 | name: '王小虎', | ||
| 52 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 53 | }, { | ||
| 54 | date: '2016-05-07', | ||
| 55 | name: '王小虎', | ||
| 56 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 57 | }] | ||
| 58 | } | ||
| 59 | } | ||
| 60 | } | ||
| 61 | </script> | ||
| 62 |
src/views/application/Menu/orderList.vue
| File was created | 1 | <template> | |
| 2 | <el-table | ||
| 3 | :data="tableData3" | ||
| 4 | height="250" | ||
| 5 | border | ||
| 6 | style="width: 100%" | ||
| 7 | > | ||
| 8 | <el-table-column | ||
| 9 | prop="date" | ||
| 10 | label="日期" | ||
| 11 | width="180" | ||
| 12 | /> | ||
| 13 | <el-table-column | ||
| 14 | prop="name" | ||
| 15 | label="姓名" | ||
| 16 | width="180" | ||
| 17 | /> | ||
| 18 | <el-table-column | ||
| 19 | prop="address" | ||
| 20 | label="地址" | ||
| 21 | /> | ||
| 22 | </el-table> | ||
| 23 | </template> | ||
| 24 | |||
| 25 | <script> | ||
| 26 | export default { | ||
| 27 | data() { | ||
| 28 | return { | ||
| 29 | tableData3: [{ | ||
| 30 | date: '2016-05-03', | ||
| 31 | name: '王小虎', | ||
| 32 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 33 | }, { | ||
| 34 | date: '2016-05-02', | ||
| 35 | name: '王小虎', | ||
| 36 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 37 | }, { | ||
| 38 | date: '2016-05-04', | ||
| 39 | name: '王小虎', | ||
| 40 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 41 | }, { | ||
| 42 | date: '2016-05-01', | ||
| 43 | name: '王小虎', | ||
| 44 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 45 | }, { | ||
| 46 | date: '2016-05-08', | ||
| 47 | name: '王小虎', | ||
| 48 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 49 | }, { | ||
| 50 | date: '2016-05-06', | ||
| 51 | name: '王小虎', | ||
| 52 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 53 | }, { | ||
| 54 | date: '2016-05-07', | ||
| 55 | name: '王小虎', | ||
| 56 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 57 | }] | ||
| 58 | } | ||
| 59 | } | ||
| 60 | } | ||
| 61 | </script> | ||
| 62 |
src/views/application/Menu/userList.vue
| File was created | 1 | <template> | |
| 2 | <el-table | ||
| 3 | :data="tableData3" | ||
| 4 | height="250" | ||
| 5 | border | ||
| 6 | style="width: 100%" | ||
| 7 | > | ||
| 8 | <el-table-column | ||
| 9 | prop="date" | ||
| 10 | label="日期" | ||
| 11 | width="180" | ||
| 12 | /> | ||
| 13 | <el-table-column | ||
| 14 | prop="name" | ||
| 15 | label="姓名" | ||
| 16 | width="180" | ||
| 17 | /> | ||
| 18 | <el-table-column | ||
| 19 | prop="address" | ||
| 20 | label="地址" | ||
| 21 | /> | ||
| 22 | </el-table> | ||
| 23 | </template> | ||
| 24 | |||
| 25 | <script> | ||
| 26 | export default { | ||
| 27 | data() { | ||
| 28 | return { | ||
| 29 | tableData3: [{ | ||
| 30 | date: '2016-05-03', | ||
| 31 | name: '王小虎', | ||
| 32 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 33 | }, { | ||
| 34 | date: '2016-05-02', | ||
| 35 | name: '王小虎', | ||
| 36 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 37 | }, { | ||
| 38 | date: '2016-05-04', | ||
| 39 | name: '王小虎', | ||
| 40 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 41 | }, { | ||
| 42 | date: '2016-05-01', | ||
| 43 | name: '王小虎', | ||
| 44 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 45 | }, { | ||
| 46 | date: '2016-05-08', | ||
| 47 | name: '王小虎', | ||
| 48 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 49 | }, { | ||
| 50 | date: '2016-05-06', | ||
| 51 | name: '王小虎', | ||
| 52 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 53 | }, { | ||
| 54 | date: '2016-05-07', | ||
| 55 | name: '王小虎', | ||
| 56 | address: '上海市普陀区金沙江路 1518 弄' | ||
| 57 | }] | ||
| 58 | } | ||
| 59 | } | ||
| 60 | } | ||
| 61 | </script> | ||
| 62 |
src/views/application/appList.vue
| 1 | <template> | 1 | <template> |
| 2 | <el-container class="app-container"> | 2 | <el-container style="height: 853px; border: 1px solid #eee"> |
| 3 | <el-header> | 3 | <el-aside width="250px" style="background-color: rgb(238, 241, 246)"> |
| 4 | 应用列表 | 4 | <el-menu :default-openeds="['1','2', '3']"> |
| 5 | </el-header> | 5 | <el-submenu index="1"> |
| 6 | <el-main> | 6 | <template slot="title"><i class="el-icon-message" />非常戴镜</template> |
| 7 | asd | 7 | <el-menu-item v-for="(item,i) in nav_menu_data" :key="i" :index="item.name">{{ item.title }}</el-menu-item> |
| 8 | </el-main> | 8 | </el-submenu> |
| 9 | <el-aside> | 9 | <el-submenu index="2"> |
| 10 | <el-input v-model="filterText" placeholder="Filter keyword" style="margin-bottom:30px;" /> | 10 | <template slot="title"><i class="el-icon-menu" />亚当光学</template> |
| 11 | <el-tree | 11 | <el-menu-item index="2-1">产品列表</el-menu-item> |
| 12 | ref="tree2" | 12 | <el-menu-item index="2-2">订单列表</el-menu-item> |
| 13 | :data="data2" | 13 | <el-menu-item index="2-3">用户列表</el-menu-item> |
| 14 | :props="defaultProps" | 14 | <el-menu-item index="2-4">运行分析</el-menu-item> |
| 15 | :filter-node-method="filterNode" | 15 | </el-submenu> |
| 16 | class="filter-tree" | 16 | <el-submenu index="3"> |
| 17 | default-expand-all | 17 | <template slot="title"><i class="el-icon-setting" />秀野光学</template> |
| 18 | /> | 18 | <el-menu-item index="3-1">产品列表</el-menu-item> |
| 19 | <el-menu-item index="3-2">订单列表</el-menu-item> | ||
| 20 | <el-menu-item index="3-3">用户列表</el-menu-item> | ||
| 21 | <el-menu-item index="3-4">运行分析</el-menu-item> | ||
| 22 | </el-submenu> | ||
| 23 | </el-menu> | ||
| 19 | </el-aside> | 24 | </el-aside> |
| 20 | 25 | ||
| 26 | <el-container> | ||
| 27 | <el-header style="text-align: center; font-size: 24px"> | ||
| 28 | <span>这里的title</span> | ||
| 29 | </el-header> | ||
| 30 | |||
| 31 | <el-main> | ||
| 32 | <el-tabs v-model="activeName" tab-position="top" @tab-click="handleClick"> | ||
| 33 | <el-tab-pane label="产品列表" name="first"> | ||
| 34 | <el-table :data="prodListTableData" stripe> | ||
| 35 | <el-table-column prop="prodInfo" label="产品信息" width="340" /> | ||
| 36 | <el-table-column prop="prodTag" label="产品标签" width="340" /> | ||
| 37 | <el-table-column prop="stock" label="库存" width="340" /> | ||
| 38 | <el-table-column label="操作"> | ||
| 39 | <el-button type="text">从应用中删除</el-button> | ||
| 40 | </el-table-column> | ||
| 41 | </el-table> | ||
| 42 | </el-tab-pane> | ||
| 43 | <el-tab-pane label="订单列表" name="second"> | ||
| 44 | <el-table :data="prodListTableData" stripe> | ||
| 45 | <el-table-column prop="prodInfo" label="下单时间" width="220" /> | ||
| 46 | <el-table-column prop="prodTag" label="金额" width="220" /> | ||
| 47 | <el-table-column prop="stock" label="产品id" width="220" /> | ||
| 48 | <el-table-column prop="stock" label="订单号" width="220" /> | ||
| 49 | <el-table-column prop="stock" label="状态" width="220" /> | ||
| 50 | <el-table-column label="操作"> | ||
| 51 | <el-button type="text">从应用中删除</el-button> | ||
| 52 | </el-table-column> | ||
| 53 | </el-table> | ||
| 54 | </el-tab-pane> | ||
| 55 | <el-tab-pane label="用户列表" name="third"> | ||
| 56 | <el-table :data="prodListTableData" stripe> | ||
| 57 | <el-table-column prop="prodInfo" label="用户id" width="180" /> | ||
| 58 | <el-table-column prop="prodTag" label="加入时间" width="180" /> | ||
| 59 | <el-table-column prop="stock" label="引流人" width="180" /> | ||
| 60 | <el-table-column prop="stock" label="引流渠道" width="180" /> | ||
| 61 | <el-table-column prop="stock" label="消费额度" width="180" /> | ||
| 62 | <el-table-column prop="stock" label="访问时长" width="180" /> | ||
| 63 | <el-table-column prop="stock" label="带来流量" width="180" /> | ||
| 64 | <el-table-column label="操作"> | ||
| 65 | <el-button type="text">从应用中删除</el-button> | ||
| 66 | </el-table-column> | ||
| 67 | </el-table> | ||
| 68 | </el-tab-pane> | ||
| 69 | <el-tab-pane label="运营分析" name="fourth"> | ||
| 70 | <el-table :data="prodListTableData" stripe> | ||
| 71 | <el-table-column prop="prodInfo" label="产品信息" width="340" /> | ||
| 72 | <el-table-column prop="prodTag" label="产品标签" width="340" /> | ||
| 73 | <el-table-column prop="stock" label="库存" width="340" /> | ||
| 74 | <el-table-column label="操作"> | ||
| 75 | <el-button type="text">从应用中删除</el-button> | ||
| 76 | </el-table-column> | ||
| 77 | </el-table> | ||
| 78 | </el-tab-pane> | ||
| 79 | </el-tabs> | ||
| 80 | </el-main> | ||
| 81 | </el-container> | ||
| 21 | </el-container> | 82 | </el-container> |
| 83 | |||
| 22 | </template> | 84 | </template> |
| 23 | 85 | ||
| 24 | <script> | 86 | <script> |
| 25 | export default { | 87 | export default { |
| 26 | |||
| 27 | data() { | 88 | data() { |
| 28 | return { | 89 | return { |
| 29 | filterText: '', | 90 | activeName: 'second', |
| 30 | data2: [{ | 91 | path: '', |
| 31 | id: 1, | 92 | nav_menu_data: [{ |
| 32 | label: 'Level one 1', | 93 | title: '产品列表', |
| 33 | children: [{ | 94 | path: '/Menu/appList' |
| 34 | id: 4, | ||
| 35 | label: 'Level two 1-1' }, | ||
| 36 | { | ||
| 37 | id: 10, | ||
| 38 | label: 'Level three 1-1-2' | ||
| 39 | } | ||
| 40 | ] | ||
| 41 | }, { | 95 | }, { |
| 42 | id: 2, | 96 | title: '订单列表', |
| 43 | label: 'Level one 2', | 97 | path: '/Menu/orderList' |
| 44 | children: [{ | ||
| 45 | id: 5, | ||
| 46 | label: 'Level two 2-1' | ||
| 47 | }, { | ||
| 48 | id: 6, | ||
| 49 | label: 'Level two 2-2' | ||
| 50 | }] | ||
| 51 | }, { | 98 | }, { |
| 52 | id: 3, | 99 | title: '用户列表', |
| 53 | label: 'Level one 3', | 100 | path: '/Menu/userList' |
| 54 | children: [{ | 101 | }, { |
| 55 | id: 7, | 102 | title: '运营分析', |
| 56 | label: 'Level two 3-1' | 103 | path: '/Menu/analys' |
| 57 | }, { | ||
| 58 | id: 8, | ||
| 59 | label: 'Level two 3-2' | ||
| 60 | }] | ||
| 61 | }], | 104 | }], |
| 62 | defaultProps: { | 105 | prodListTableData: [{ |
| 63 | children: 'children', | 106 | prodInfo: 'pic', |
| 64 | label: 'label' | 107 | prodTag: '非常带劲', |
| 65 | } | 108 | stock: '102' |
| 109 | }, | ||
| 110 | { | ||
| 111 | prodInfo: 'pic', | ||
| 112 | prodTag: '非常带劲', | ||
| 113 | stock: '4531' | ||
| 114 | }, | ||
| 115 | { | ||
| 116 | prodInfo: 'pic', | ||
| 117 | prodTag: '非常带劲', | ||
| 118 | stock: '531' | ||
| 119 | }, | ||
| 120 | { | ||
| 121 | prodInfo: 'pic', | ||
| 122 | prodTag: '非常带劲', | ||
| 123 | stock: '768' | ||
| 124 | }] | ||
| 66 | } | 125 | } |
| 67 | }, | 126 | }, |
| 68 | watch: { | 127 | watch: { |
| 69 | filterText(val) { | ||
| 70 | this.$refs.tree2.filter(val) | ||
| 71 | } | ||
| 72 | }, | 128 | }, |
| 73 | 129 | created() { | |
| 74 | methods: { | 130 | }, |
| 75 | filterNode(value, data) { | 131 | method: { |
| 76 | if (!value) return true | 132 | onRouteChanged() { |
| 77 | return data.label.indexOf(value) !== -1 | 133 | const that = this |
src/views/application/appManage.vue
| 1 | <template> | 1 | <template> |
| 2 | <el-container class="app-container"> | 2 | <el-container class="app-container"> |
| 3 | <el-header> | 3 | <el-header> |
| 4 | 添加一个新应用（管理员不允许直接添加应用） | 4 | 添加一个新应用（管理员不允许直接添加应用） |
| 5 | </el-header> | 5 | </el-header> |
| 6 | <el-main> | 6 | <el-main> |
| 7 | <el-form ref="form" :model="form" label-width="120px"> | 7 | <el-form ref="form" :model="form" label-width="120px"> |
| 8 | <el-form-item label="app_name"> | 8 | <el-form-item label="app_name"> |
| 9 | <el-input v-model="form.app_name" /> | 9 | <el-input v-model="form.app_name" /> |
| 10 | </el-form-item> | 10 | </el-form-item> |
| 11 | 11 | ||
| 12 | <el-form-item label="app_type"> | 12 | <el-form-item label="app_type"> |
| 13 | <el-radio-group v-model="form.app_type"> | 13 | <el-radio-group v-model="form.app_type"> |
| 14 | <el-radio label="自建站" /> | 14 | <el-radio label="自建站" /> |
| 15 | <el-radio label="自营小程序" /> | 15 | <el-radio label="自营小程序" /> |
| 16 | <el-radio label="淘宝店" /> | 16 | <el-radio label="淘宝店" /> |
| 17 | <el-radio label="微店" /> | 17 | <el-radio label="微店" /> |
| 18 | <el-radio label="亚马逊店" /> | 18 | <el-radio label="亚马逊店" /> |
| 19 | <el-radio label="易贝店" /> | 19 | <el-radio label="易贝店" /> |
| 20 | <el-radio label="拼多多店" /> | 20 | <el-radio label="拼多多店" /> |
| 21 | <el-radio label="抖音店" /> | 21 | <el-radio label="抖音店" /> |
| 22 | <el-radio label="朋友圈店" /> | 22 | <el-radio label="朋友圈店" /> |
| 23 | </el-radio-group> | 23 | </el-radio-group> |
| 24 | </el-form-item> | 24 | </el-form-item> |
| 25 | 25 | ||
| 26 | <el-form-item label="app_desc"> | 26 | <el-form-item label="app_desc"> |
| 27 | <el-input v-model="form.app_desc" type="textarea" /> | 27 | <el-input v-model="form.app_desc" type="textarea" /> |
| 28 | </el-form-item> | 28 | </el-form-item> |
| 29 | <el-form-item label="app_api_key"> | 29 | <el-form-item label="app_api_key"> |
| 30 | <el-input v-model="form.app_api_key" /> | 30 | <el-input v-model="form.app_api_key" /> |
| 31 | </el-form-item> | 31 | </el-form-item> |
| 32 | <el-form-item label="app_user_defined"> | 32 | <el-form-item label="app_user_defined"> |
| 33 | <el-input v-model="form.app_user_defined" /> | 33 | <el-input v-model="form.app_user_defined" /> |
| 34 | </el-form-item> | 34 | </el-form-item> |
| 35 | 35 | ||
| 36 | <el-form-item label="app_area_defined"> | 36 | <el-form-item label="app_area_defined"> |
| 37 | <el-input v-model="form.app_area_defined" /> | 37 | <el-input v-model="form.app_area_defined" /> |
| 38 | </el-form-item> | 38 | </el-form-item> |
| 39 | 39 | ||
| 40 | <el-form-item label="app_lang_defined"> | 40 | <el-form-item label="app_lang_defined"> |
| 41 | <el-input v-model="form.app_lang_defined" /> | 41 | <el-input v-model="form.app_lang_defined" /> |
| 42 | </el-form-item> | 42 | </el-form-item> |
| 43 | 43 | ||
| 44 | <el-form-item> | 44 | <el-form-item> |
| 45 | <el-button type="primary" @click="onSubmit">添加</el-button> | 45 | <el-button type="primary" @click="onSubmit">添加</el-button> |
| 46 | </el-form-item> | 46 | </el-form-item> |
| 47 | </el-form> | 47 | </el-form> |
| 48 | </el-main> | 48 | </el-main> |
| 49 | </el-container> | 49 | </el-container> |
| 50 | </template> | 50 | </template> |
| 51 | 51 | ||
| 52 | <script> | 52 | <script> |
| 53 | export default { | 53 | export default { |
| 54 | data() { | 54 | data() { |
| 55 | return { | 55 | return { |
| 56 | form: { | 56 | form: { |
| 57 | app_name: '', | 57 | app_name: '', |
| 58 | app_type: '', | 58 | app_type: '', |
| 59 | app_desc: '', | 59 | app_desc: '', |
| 60 | app_api_key: '', | 60 | app_api_key: '', |
| 61 | app_user_defined: '', | 61 | app_user_defined: '', |
| 62 | app_area_defined: '', | 62 | app_area_defined: '', |
| 63 | app_lang_defined: '' | 63 | app_lang_defined: '' |
| 64 | } | 64 | } |
| 65 | } | 65 | } |
| 66 | }, | 66 | }, |
| 67 | methods: { | 67 | methods: { |
| 68 | onSubmit() { | 68 | onSubmit() { |
| 69 | this.$message('submit!') | 69 | this.$message('submit!') |
| 70 | } | 70 | } |
| 71 | } | 71 | } |
| 72 | } | 72 | } |
| 73 | </script> | 73 | </script> |
| 74 | 74 | ||
| 75 | <style scoped> | 75 | <style scoped> |
| 76 | .line{ | 76 | .el-header{ |
| 77 | text-align: center; | 77 | text-align: center; |
| 78 | } | 78 | } |
| 79 | </style> | 79 | </style> |
| 80 | 80 | ||
| 81 | 81 |