Commit e5966eec authored by 张俊's avatar 张俊

服务编辑页面

parent 0aa99193
<template> <template>
<div> <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> </div>
</template> </template>
<script> <script>
export default { export default {
props: { props: {},
components: {},
},
components: {
},
data() { data() {
return { return {
form: {
name: '',
desc:'',
area:'',
origin:'',
code:'',
resource: '',
}
}; };
}, },
watch: { watch: {},
computed: {},
}, created() {},
computed: { mounted() {},
},
created() {
},
mounted() {
},
methods: { methods: {
onSubmit() {
}, console.log('submit!');
}
}
}; };
</script> </script>
<style scoped> <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> </style>
...@@ -25,6 +25,11 @@ export default new Router({ ...@@ -25,6 +25,11 @@ export default new Router({
name: "servicedetail", name: "servicedetail",
component: () => import("@/pages/serviceDetail"), component: () => import("@/pages/serviceDetail"),
}, },
{
path: "/serviceedit",
name: "serviceedit",
component: () => import("@/pages/serviceEdit"),
},
{ {
path: "/fwzc", // 服务注册 path: "/fwzc", // 服务注册
name: "fwzc", name: "fwzc",
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment