服务编辑页面

src/pages/serviceEdit.vue

 <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>
 </template>
 
 <script>
 export default {
-    props: {
-
-    },
-    components: {
-
-    },
-    data() {
-        return {
-
-        };
-    },
-    watch: {
-
-    },
-    computed: {
-
-    },
-    created() {
-
-    },
-    mounted() {
-
-    },
-    methods: {
-
-    },
+  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>

src/router/index.js

@@ -20,11 +20,16 @@ export default new Router({
         name: "workPlace",
         component: () => import("@/pages/workPlace"),
       },
-        {
+      {
         path: "/servicedetail",
         name: "servicedetail",
         component: () => import("@/pages/serviceDetail"),
       },
+      {
+        path: "/serviceedit",
+        name: "serviceedit",
+        component: () => import("@/pages/serviceEdit"),
+      },
       {
         path: "/fwzc", // 服务注册
         name: "fwzc",