github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-07 10:42:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add dashboard id

Browse Source
This commit is contained in:
Qiuxia Fan 2021-12-27 12:43:56 +08:00
parent d387bcf1a6
commit 90431b98f2
3 changed files with 29 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/utils/uuid.ts Normal file
View File

@ -0,0 +1,27 @@
/**
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements. See the NOTICE file distributed with
* this work for additional information regarding copyright ownership.
* The ASF licenses this file to You under the Apache License, Version 2.0
* (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* 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.
*/
export default function uuid(): string {
return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
/* tslint:disable */
const r = (Math.random() * 16) | 0;
/* tslint:disable */
const v = c === "x" ? r : (r & 0x3) | 0x8;
return v.toString(16);
});
}

1
src/views/dashboard/Edit.vue
View File

@ -16,7 +16,6 @@ limitations under the License. -->
<div class="dashboard-tool">
<el-button size="mini" @click="addWidget"> Add Widget </el-button>
<el-button size="mini">Dashboard Settings</el-button>
<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>

6
src/views/dashboard/New.vue
View File

@ -71,19 +71,17 @@ import router from "@/router";
import { ElSelect, ElOption, ElInput, ElButton } from "element-plus";
import { useSelectorStore } from "@/store/modules/selectors";
import { EntityType, Options } from "./data";
import uuid from "@/utils/uuid";
const { t } = useI18n();
const selectorStore = useSelectorStore();
const props = {
expandTrigger: "hover",
};
const state = reactive({
name: "",
layer: "",
entity: EntityType[0].value,
});
const onCreate = () => {
const id = "1";
const id = uuid();
const path = `/dashboard/edit/${state.layer}/${state.entity}/${id}`;
router.push(path);
};