|
@@ -35,6 +35,7 @@ function confirmClick() {
|
|
}
|
|
}
|
|
|
|
|
|
const startGroup = async (nodes: any[], routeId: string) => {
|
|
const startGroup = async (nodes: any[], routeId: string) => {
|
|
|
|
+ console.log(nodes);
|
|
nodesData.value = markRaw(nodes);
|
|
nodesData.value = markRaw(nodes);
|
|
routeIdA.value = routeId;
|
|
routeIdA.value = routeId;
|
|
|
|
|
|
@@ -111,7 +112,13 @@ const addGroup = () => {
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
<div v-for="key in Object.keys(groupData)" :key="key">
|
|
<div v-for="key in Object.keys(groupData)" :key="key">
|
|
- <div class="group-name">{{ key }}</div>
|
|
|
|
|
|
+ <div class="name-container">
|
|
|
|
+ <div class="group-name">{{ key }}</div>
|
|
|
|
+ <el-button link type="danger" @click="() => delete groupData[key]"
|
|
|
|
+ >删除</el-button
|
|
|
|
+ >
|
|
|
|
+ </div>
|
|
|
|
+
|
|
<el-select
|
|
<el-select
|
|
v-model="groupData[key]"
|
|
v-model="groupData[key]"
|
|
multiple
|
|
multiple
|
|
@@ -132,7 +139,7 @@ const addGroup = () => {
|
|
<el-option
|
|
<el-option
|
|
v-for="item in nodesData"
|
|
v-for="item in nodesData"
|
|
:key="item.operationId"
|
|
:key="item.operationId"
|
|
- :label="item.operationName"
|
|
|
|
|
|
+ :label="item.operationName + '(' + item.operationId + ')'"
|
|
:value="item.operationId"
|
|
:value="item.operationId"
|
|
/>
|
|
/>
|
|
</el-select>
|
|
</el-select>
|
|
@@ -140,17 +147,23 @@ const addGroup = () => {
|
|
</template>
|
|
</template>
|
|
<template #footer>
|
|
<template #footer>
|
|
<div style="flex: auto">
|
|
<div style="flex: auto">
|
|
- <el-button @click="cancelClick">cancel</el-button>
|
|
|
|
- <el-button type="primary" @click="confirmClick">confirm</el-button>
|
|
|
|
|
|
+ <el-button @click="cancelClick">取消</el-button>
|
|
|
|
+ <el-button type="primary" @click="confirmClick">保存</el-button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-drawer>
|
|
</el-drawer>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
|
|
+.name-container {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ margin-top: 15px;
|
|
|
|
+}
|
|
|
|
+
|
|
.group-name {
|
|
.group-name {
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
- margin-top: 20px;
|
|
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|