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

add confirm popper

Browse Source
This commit is contained in:
Qiuxia Fan 2022-08-04 14:55:13 +08:00
parent 9290d53dda
commit f2c987370d
1 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/dashboard/related/network-profiling/components/Tasks.vue
View File

@ -17,11 +17,16 @@ limitations under the License. -->
<div class="profile-task-wrapper flex-v"> <div class="profile-task-wrapper flex-v">
<div class="profile-t-tool"> <div class="profile-t-tool">
<span>{{ t("taskList") }}</span> <span>{{ t("taskList") }}</span>
<el-tooltip content="New Task" placement="right"> <el-popconfirm
<span class="new-task cp"> title="Are you sure to create a task?"
<Icon iconName="library_add" @click="createTask" size="middle" /> @confirm="createTask"
</span> >
</el-tooltip> <template #reference>
<span class="new-task cp">
<Icon iconName="library_add" size="middle" />
</span>
</template>
</el-popconfirm>
</div> </div>
<div class="profile-t-wrapper"> <div class="profile-t-wrapper">
<div class="no-data" v-show="!ebpfStore.networkTasks.length"> <div class="no-data" v-show="!ebpfStore.networkTasks.length">
@ -151,15 +156,19 @@ async function changeTask(item: EBPFTaskList) {
} }
} }
async function createTask() { async function createTask() {
if (!selectorStore.currentService) { const serviceId =
(selectorStore.currentService && selectorStore.currentService.id) || "";
const serviceInstanceId =
(selectorStore.currentPod && selectorStore.currentPod.id) || "";
if (!serviceId) {
return; return;
} }
if (!selectorStore.currentPod) { if (!serviceInstanceId) {
return; return;
} }
ebpfStore.createNetworkTask({ ebpfStore.createNetworkTask({
serviceId: selectorStore.currentService.id, serviceId,
serviceInstanceId: selectorStore.currentpod.id, serviceInstanceId,
}); });
} }
async function fetchTasks() { async function fetchTasks() {