fix: 流程配置多选bug修改

dev_1.0.0
JINGYJ 11 months ago
parent 4b63fdd7e1
commit 0bf60b46c6

@ -47,7 +47,7 @@ const processForm = reactive({
});
const checkAll = ref(false);
const indeterminate = ref(false);
const value = ref<CheckboxValueType[]>([]);
// const value = ref<CheckboxValueType[]>([]);
const subLibraryIdList = ref([]);
const roleNameList = ref([]);
const userNameList = ref([]);
@ -85,22 +85,25 @@ const rules = reactive<FormRules>({
remark: [{ required: true, message: "请输入", trigger: "blur" }]
});
watch(value, val => {
if (val.length === 0) {
checkAll.value = false;
indeterminate.value = false;
} else if (val.length === subLibraryIdList.value.length) {
checkAll.value = true;
indeterminate.value = false;
} else {
indeterminate.value = true;
watch(
() => processForm.baseIdList,
val => {
if (val.length === 0) {
checkAll.value = false;
indeterminate.value = false;
} else if (val.length === subLibraryIdList.value.length) {
checkAll.value = true;
indeterminate.value = false;
} else {
indeterminate.value = true;
}
}
});
);
const handleCheckAll = (val: CheckboxValueType) => {
indeterminate.value = false;
if (val) {
processForm.baseIdList = subLibraryIdList.value.map(_ => _.value);
processForm.baseIdList = subLibraryIdList.value.map(_ => _.baseId);
} else {
processForm.baseIdList = [];
}
@ -267,8 +270,8 @@ onMounted(() => {
<el-form-item label="数据类型" prop="flowType">
<el-radio-group v-model="processForm.flowType">
<el-radio label="1">知识报送</el-radio>
<el-radio label="2">知识删除</el-radio>
<el-radio label="3">知识撤回</el-radio>
<el-radio label="3">知识删除</el-radio>
<el-radio label="2">知识撤回</el-radio>
</el-radio-group>
</el-form-item>
<div class="text-[20px] text-[#333] font-bold mb-6">流程设计</div>

@ -55,7 +55,6 @@ const processForm = reactive({
});
const checkAll = ref(false);
const indeterminate = ref(false);
const value = ref<CheckboxValueType[]>([]);
const subLibraryIdList = ref([]);
const roleNameList = ref([]);
const userNameList = ref([]);
@ -93,22 +92,25 @@ const rules = reactive<FormRules>({
remark: [{ required: true, message: "请输入", trigger: "blur" }]
});
watch(value, val => {
if (val.length === 0) {
checkAll.value = false;
indeterminate.value = false;
} else if (val.length === subLibraryIdList.value.length) {
checkAll.value = true;
indeterminate.value = false;
} else {
indeterminate.value = true;
watch(
() => processForm.baseIdList,
val => {
if (val.length === 0) {
checkAll.value = false;
indeterminate.value = false;
} else if (val.length === subLibraryIdList.value.length) {
checkAll.value = true;
indeterminate.value = false;
} else {
indeterminate.value = true;
}
}
});
);
const handleCheckAll = (val: CheckboxValueType) => {
indeterminate.value = false;
if (val) {
processForm.baseIdList = subLibraryIdList.value.map(_ => _.value);
processForm.baseIdList = subLibraryIdList.value.map(_ => _.baseId);
} else {
processForm.baseIdList = [];
}
@ -292,8 +294,8 @@ onMounted(() => {
<el-form-item label="数据类型" prop="flowType">
<el-radio-group v-model="processForm.flowType">
<el-radio label="1">知识报送</el-radio>
<el-radio label="2">知识删除</el-radio>
<el-radio label="3">知识撤回</el-radio>
<el-radio label="3">知识删除</el-radio>
<el-radio label="2">知识撤回</el-radio>
</el-radio-group>
</el-form-item>
<div class="text-[20px] text-[#333] font-bold mb-6">流程设计</div>

@ -1,7 +1,7 @@
<script setup lang="ts">
import { onMounted, reactive, ref } from "vue";
import CreateForm from "./components/createForm.vue";
import UpdateForm from "./components/UpdateForm.vue";
import UpdateForm from "./components/updateForm.vue";
import { getFlowList } from "@/api/business";
defineOptions({
name: "ProcessConfiguration"
@ -84,7 +84,7 @@ const closeDrawer = () => {
}
if (updateFlag.value) {
updateFlag.value = false;
search();
getTableData();
}
};
const handleEdit = (value: any) => {

@ -41,7 +41,10 @@ watch(
newValue => {
modalVisible.value = newValue; // modalVisible
if (newValue) {
if (props.accountFromType === "edit") {
if (
props.accountFromType === "edit" ||
props.accountFromType === "view"
) {
getFlowDetails(props.updateFrom);
}
}

@ -90,25 +90,28 @@ const create = () => {
// };
const checkAll = ref(false);
const indeterminate = ref(false);
const value = ref<CheckboxValueType[]>([]);
// const value = ref<CheckboxValueType[]>([]);
const deptList = ref([]);
watch(value, val => {
if (val.length === 0) {
checkAll.value = false;
indeterminate.value = false;
} else if (val.length === deptList.value.length) {
checkAll.value = true;
indeterminate.value = false;
} else {
indeterminate.value = true;
watch(
() => sublibraryForm.deptIds,
val => {
if (val.length === 0) {
checkAll.value = false;
indeterminate.value = false;
} else if (val.length === deptList.value.length) {
checkAll.value = true;
indeterminate.value = false;
} else {
indeterminate.value = true;
}
}
});
);
const handleCheckAll = (val: CheckboxValueType) => {
indeterminate.value = false;
if (val) {
sublibraryForm.deptIds = deptList.value.map(_ => _.value);
sublibraryForm.deptIds = deptList.value.map(_ => _.id);
} else {
sublibraryForm.deptIds = [];
}

Loading…
Cancel
Save