diff --git a/src/views/dashboard/Edit.vue b/src/views/dashboard/Edit.vue
index a4c4b8ac..fdf2a852 100644
--- a/src/views/dashboard/Edit.vue
+++ b/src/views/dashboard/Edit.vue
@@ -12,4 +12,25 @@ distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License. -->
-<template>dashboard edit</template>
+<template>
+  <div class="dashboard-tool">
+    <el-button size="mini">Save As</el-button>
+    <el-button size="mini">Discard</el-button>
+    <el-button size="mini" type="primary">Apply</el-button>
+  </div>
+  <div class="ds-layout"></div>
+</template>
+<script lang="ts" setup>
+import { ElButton } from "element-plus";
+</script>
+<style lang="scss" scoped>
+.dashboard-tool {
+  text-align: right;
+  padding: 5px 10px;
+  // border-bottom: 1px solid #ccc;
+}
+.ds-layout {
+  background: rgb(240, 242, 245);
+  height: 300px;
+}
+</style>
diff --git a/src/views/dashboard/New.vue b/src/views/dashboard/New.vue
index 0cb46eb7..7b13573d 100644
--- a/src/views/dashboard/New.vue
+++ b/src/views/dashboard/New.vue
@@ -181,7 +181,7 @@ const onCreate = () => {
   let path = `/dashboard/edit/${state.entity}/`;
   switch (state.entity) {
     case EntityType[0].value:
-      path += state.service;
+      path += state.service || 1;
       break;
     case EntityType[2].value:
       path += `${state.service}/${state.serviceEndpoint}`;