add create service shortcut

Signed-off-by: Nleozhang2018 <leozhang2018@gmail.com>

zadig-portal/src/components/projects/guide/service.vue

@@ -65,7 +65,12 @@
                class="no-content">
             <img src="@assets/icons/illustration/editor_nodata.svg"
                  alt="">
-            <p v-if="services.length === 0">暂无服务，创建服务请在左侧栏点击创建服务按钮</p>
+            <p v-if="services.length === 0">暂无服务，点击 <el-button size="mini"
+                         icon="el-icon-plus"
+                         @click="createService()"
+                         plain
+                         circle>
+              </el-button> 创建服务</p>
             <p v-else-if="service.service_name==='服务列表' && services.length >0">请在左侧选择需要编辑的服务</p>
             <p v-else-if="!service.service_name && services.length >0">请在左侧选择需要编辑的服务</p>
           </div>
@@ -112,6 +117,9 @@ export default {
     }
   },
   methods: {
+    createService() {
+      this.$refs['serviceTree'].createService('platform');
+    },
     toNext() {
       this.$router.push(`/v1/projects/create/${this.projectName}/basic/runtime?serviceName=${this.serviceName}&serviceType=${this.serviceType}`);
     },

zadig-portal/src/components/projects/service_mgr/service.vue

@@ -81,7 +81,12 @@
                class="no-content">
             <img src="@assets/icons/illustration/editor_nodata.svg"
                  alt="">
-            <p v-if="services.length === 0">暂无服务，创建服务请在左侧栏点击创建服务按钮</p>
+            <p v-if="services.length === 0">暂无服务，点击 <el-button size="mini"
+                         icon="el-icon-plus"
+                         @click="createService()"
+                         plain
+                         circle>
+              </el-button> 创建服务</p>
             <p v-else-if="service.service_name==='服务列表' && services.length >0">请在左侧选择需要编辑的服务</p>
             <p v-else-if="!service.service_name && services.length >0">请在左侧选择需要编辑的服务</p>
           </div>
@@ -130,6 +135,9 @@ export default {
     }
   },
   methods: {
+    createService() {
+      this.$refs['serviceTree'].createService('platform');
+    },
     toNext() {
       this.updateEnvDialogVisible = true;
     },