<template>
  <div class="detail_contain">
    <p class="now_page_title">
      我的服务 / 注册发布的服务 /
      <span>服务编辑</span>
    </p>
    <div class="info_contain">
      <el-form ref="form" :model="form" label-width="0px">
        <el-form-item>
          <p>服务名称：</p>
          <el-input v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item>
          <p>服务描述：</p>
          <el-input v-model="form.desc"></el-input>
        </el-form-item>
        <el-form-item>
          <p>服务领域：</p>
          <el-input v-model="form.area"></el-input>
        </el-form-item>
        <el-form-item>
          <p>所属组织：</p>
          <el-input v-model="form.origin"></el-input>
        </el-form-item>
        <el-form-item>
          <p>服务封面：</p>
          <el-input v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item>
          <p>接口编码：</p>
          <el-input v-model="form.code"></el-input>
        </el-form-item>   
        <el-form-item>
          <p>开放程度：</p>
          <el-radio-group v-model="form.resource">
            <el-radio label="线上品牌商赞助"></el-radio>
            <el-radio label="线下场地免费"></el-radio>
            <el-radio label="线下场地免费"></el-radio>
          </el-radio-group>
        </el-form-item>
        
        <el-form-item>
          <el-button>取消</el-button>
          <el-button type="primary" @click="onSubmit">保存</el-button>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  props: {},
  components: {},
  data() {
    return {
        form: {
          name: '',
          desc:'',
          area:'',
          origin:'',
          code:'',
          resource: '',
        }
    };
  },
  watch: {},
  computed: {},
  created() {},
  mounted() {},
  methods: {
      onSubmit() {
        console.log('submit!');
      }
  }
};
</script>

<style scoped>
.detail_contain {
  width: 100%;
  padding: 0 20px;
}
.info_contain {
  padding: 25px 20px;
  background-color: #fff;
  width: 100%;
  box-shadow: 0px 3px 6px 0px #f4f7fc;
  border-radius: 12px;
}
.now_page_title {
  margin: 15px 0;
  color: #898d9e;
}
.now_page_title span {
  color: #242c43;
}
</style>
