吉鹏 / gulu-admin

Blame view

src/views/application/appManage.vue 2.13 KB
edit raw normal view history
fe44789e3   BigBoss   修改路由，新增页面 
1
 
  <template>
d59b2d89e   BigBoss   madd appManage page 
2
3
4
5
6
7
8
9
10
 
    <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>
fe44789e3   BigBoss   修改路由，新增页面 
11
d59b2d89e   BigBoss   madd appManage page 
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
 
          <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>
fe44789e3   BigBoss   修改路由，新增页面 
50
 
  </template>
d59b2d89e   BigBoss   madd appManage page 
51
fe44789e3   BigBoss   修改路由，新增页面 
52
 
  <script>
fe44789e3   BigBoss   修改路由，新增页面 
53
54
55
 
  export default {
    data() {
      return {
d59b2d89e   BigBoss   madd appManage page 
56
57
58
59
60
61
62
63
 
        form: {
          app_name: '',
          app_type: '',
          app_desc: '',
          app_api_key: '',
          app_user_defined: '',
          app_area_defined: '',
          app_lang_defined: ''
fe44789e3   BigBoss   修改路由，新增页面 
64
65
66
67
 
        }
      }
    },
    methods: {
d59b2d89e   BigBoss   madd appManage page 
68
69
 
      onSubmit() {
        this.$message('submit!')
fe44789e3   BigBoss   修改路由，新增页面 
70
71
72
73
 
      }
    }
  }
  </script>
d59b2d89e   BigBoss   madd appManage page 
74
75
 
  
  <style scoped>
fc0d443bb   BigBoss   app 
76
 
  .el-header{
d59b2d89e   BigBoss   madd appManage page 
77
 
    text-align: center;
fe44789e3   BigBoss   修改路由，新增页面 
78
79
 
  }
  </style>
d59b2d89e   BigBoss   madd appManage page 
80