|
@@ -85,6 +85,10 @@ const handleCheckAll = (val: CheckboxValueType) => {
|
|
|
// 新增分组相关
|
|
|
const input3 = ref("");
|
|
|
const addGroup = () => {
|
|
|
+ if (!input3.value) {
|
|
|
+ ElMessage.error("请输入分组名称!");
|
|
|
+ return;
|
|
|
+ }
|
|
|
if (groupData.value.hasOwnProperty(input3.value)) {
|
|
|
ElMessage.error("分组名称重复");
|
|
|
} else {
|
|
@@ -92,27 +96,26 @@ const addGroup = () => {
|
|
|
}
|
|
|
};
|
|
|
|
|
|
-
|
|
|
// 新增全选相关
|
|
|
-const checked = ref<boolean>()
|
|
|
+const checked = ref<boolean>();
|
|
|
const selectAll = (key: string) => {
|
|
|
if (checked.value) {
|
|
|
- groupData.value[key] = []
|
|
|
+ groupData.value[key] = [];
|
|
|
nodesData.value.map((item) => {
|
|
|
- groupData.value[key].push(item.operationId)
|
|
|
- })
|
|
|
+ groupData.value[key].push(item.operationId);
|
|
|
+ });
|
|
|
} else {
|
|
|
- groupData.value[key] = []
|
|
|
+ groupData.value[key] = [];
|
|
|
}
|
|
|
-}
|
|
|
+};
|
|
|
|
|
|
const changeChecked = (key: string) => {
|
|
|
if (groupData.value[key].length === nodesData.value.length) {
|
|
|
- checked.value = true
|
|
|
+ checked.value = true;
|
|
|
} else {
|
|
|
- checked.value = false
|
|
|
+ checked.value = false;
|
|
|
}
|
|
|
-}
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
@@ -159,7 +162,9 @@ const changeChecked = (key: string) => {
|
|
|
<!-- </el-checkbox>-->
|
|
|
<!-- </template> -->
|
|
|
<template #header>
|
|
|
- <el-checkbox v-model="checked" @change="selectAll(key)">全选</el-checkbox>
|
|
|
+ <el-checkbox v-model="checked" @change="selectAll(key)"
|
|
|
+ >全选</el-checkbox
|
|
|
+ >
|
|
|
</template>
|
|
|
<el-option
|
|
|
v-for="item in nodesData"
|