<template>
  <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>
</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: ''
      }
    }
  },
  methods: {
    onSubmit() {
      this.$message('submit!')
    }
  }
}
</script>

<style scoped>
.el-header{
  text-align: center;
}
</style>

