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

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

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

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

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

Loading…
Cancel
Save