吉鹏 / gulu-admin

Blame view

src/views/application/appManage.vue 4.53 KB
edit raw normal view history
fe44789e3   BigBoss   修改路由，新增页面 
1
 
  <template>
d59b2d89e   BigBoss   madd appManage page 
2
 
    <el-container class="app-container">
fedf6da38   BigBoss   menu修改 
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
 
      <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>
fe44789e3   BigBoss   修改路由，新增页面 
28
fedf6da38   BigBoss   menu修改 
29
30
31
32
33
34
35
36
37
 
      <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>
d59b2d89e   BigBoss   madd appManage page 
38
fedf6da38   BigBoss   menu修改 
39
40
41
42
43
44
45
46
47
48
49
50
51
 
            <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>
d59b2d89e   BigBoss   madd appManage page 
52
fedf6da38   BigBoss   menu修改 
53
54
55
56
57
58
59
60
61
 
            <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>
d59b2d89e   BigBoss   madd appManage page 
62
fedf6da38   BigBoss   menu修改 
63
64
65
 
            <el-form-item label="app_area_defined">
              <el-input v-model="form.app_area_defined" />
            </el-form-item>
d59b2d89e   BigBoss   madd appManage page 
66
fedf6da38   BigBoss   menu修改 
67
68
69
70
71
72
73
74
75
76
 
            <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>
d59b2d89e   BigBoss   madd appManage page 
77
 
    </el-container>
fe44789e3   BigBoss   修改路由，新增页面 
78
 
  </template>
d59b2d89e   BigBoss   madd appManage page 
79
fe44789e3   BigBoss   修改路由，新增页面 
80
 
  <script>
fe44789e3   BigBoss   修改路由，新增页面 
81
82
83
 
  export default {
    data() {
      return {
d59b2d89e   BigBoss   madd appManage page 
84
85
86
87
88
89
90
91
 
        form: {
          app_name: '',
          app_type: '',
          app_desc: '',
          app_api_key: '',
          app_user_defined: '',
          app_area_defined: '',
          app_lang_defined: ''
fedf6da38   BigBoss   menu修改 
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
 
        },
        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'
        }]
fe44789e3   BigBoss   修改路由，新增页面 
128
129
130
 
      }
    },
    methods: {
d59b2d89e   BigBoss   madd appManage page 
131
132
 
      onSubmit() {
        this.$message('submit!')
fedf6da38   BigBoss   menu修改 
133
134
135
136
137
138
139
 
      },
      onRouteChanged() {
        const that = this
        that.path = that.$route.path
      },
      handleClick(tab, event) {
        console.log(tab, event)
fe44789e3   BigBoss   修改路由，新增页面 
140
141
142
143
 
      }
    }
  }
  </script>
d59b2d89e   BigBoss   madd appManage page 
144
145
 
  
  <style scoped>
fc0d443bb   BigBoss   app 
146
 
  .el-header{
d59b2d89e   BigBoss   madd appManage page 
147
 
    text-align: center;
fe44789e3   BigBoss   修改路由，新增页面 
148
149
 
  }
  </style>
d59b2d89e   BigBoss   madd appManage page 
150