appManage.vue
4.53 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<template>
<el-container class="app-container">
<el-aside width="250px" style="background-color: rgb(238, 241, 246)">
<el-menu :default-openeds="['1','2', '3']">
<el-menu-item index="1">
<template slot="title"><i class="el-icon-message" />应用管理</template>
</el-menu-item>
<el-submenu index="2">
<template slot="title"><i class="el-icon-message" />非常戴镜</template>
<el-menu-item v-for="(item,i) in nav_menu_data" :key="i" :index="item.name">{{ item.title }}</el-menu-item>
</el-submenu>
<el-submenu index="3">
<template slot="title"><i class="el-icon-menu" />亚当光学</template>
<el-menu-item index="2-1">产品列表</el-menu-item>
<el-menu-item index="2-2">订单列表</el-menu-item>
<el-menu-item index="2-3">用户列表</el-menu-item>
<el-menu-item index="2-4">运行分析</el-menu-item>
</el-submenu>
<el-submenu index="4">
<template slot="title"><i class="el-icon-setting" />秀野光学</template>
<el-menu-item index="3-1">产品列表</el-menu-item>
<el-menu-item index="3-2">订单列表</el-menu-item>
<el-menu-item index="3-3">用户列表</el-menu-item>
<el-menu-item index="3-4">运行分析</el-menu-item>
</el-submenu>
</el-menu>
</el-aside>
<el-container class="app-container">
<el-header>
添加一个新应用（管理员不允许直接添加应用）
</el-header>
<el-main>
<el-form ref="form" :model="form" label-width="120px">
<el-form-item label="app_name">
<el-input v-model="form.app_name" />
</el-form-item>
<el-form-item label="app_type">
<el-radio-group v-model="form.app_type">
<el-radio label="自建站" />
<el-radio label="自营小程序" />
<el-radio label="淘宝店" />
<el-radio label="微店" />
<el-radio label="亚马逊店" />
<el-radio label="易贝店" />
<el-radio label="拼多多店" />
<el-radio label="抖音店" />
<el-radio label="朋友圈店" />
</el-radio-group>
</el-form-item>
<el-form-item label="app_desc">
<el-input v-model="form.app_desc" type="textarea" />
</el-form-item>
<el-form-item label="app_api_key">
<el-input v-model="form.app_api_key" />
</el-form-item>
<el-form-item label="app_user_defined">
<el-input v-model="form.app_user_defined" />
</el-form-item>
<el-form-item label="app_area_defined">
<el-input v-model="form.app_area_defined" />
</el-form-item>
<el-form-item label="app_lang_defined">
<el-input v-model="form.app_lang_defined" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">添加</el-button>
</el-form-item>
</el-form>
</el-main>
</el-container>
</el-container>
</template>
<script>
export default {
data() {
return {
form: {
app_name: '',
app_type: '',
app_desc: '',
app_api_key: '',
app_user_defined: '',
app_area_defined: '',
app_lang_defined: ''
},
activeName: 'second',
path: '',
nav_menu_data: [{
title: '产品列表',
name: 'appList'
}, {
title: '订单列表',
name: 'orderList'
}, {
title: '用户列表',
name: 'userList'
}, {
title: '运营分析',
name: 'analys'
}],
prodListTableData: [{
prodInfo: 'pic',
prodTag: '非常带劲',
stock: '102'
},
{
prodInfo: 'pic',
prodTag: '非常带劲',
stock: '4531'
},
{
prodInfo: 'pic',
prodTag: '非常带劲',
stock: '531'
},
{
prodInfo: 'pic',
prodTag: '非常带劲',
stock: '768'
}]
}
},
methods: {
onSubmit() {
this.$message('submit!')
},
onRouteChanged() {
const that = this
that.path = that.$route.path
},
handleClick(tab, event) {
console.log(tab, event)
}
}
}
</script>
<style scoped>
.el-header{
text-align: center;
}
</style>