|
|
@ -4,6 +4,7 @@ |
|
|
@ 备注: 审批人设置 |
|
|
@ 备注: 审批人设置 |
|
|
--> |
|
|
--> |
|
|
<script lang="ts" setup> |
|
|
<script lang="ts" setup> |
|
|
|
|
|
import { toRaw } from "vue"; |
|
|
import $func from "@/utils/workflow/index"; |
|
|
import $func from "@/utils/workflow/index"; |
|
|
import { setTypes, selectModes, selectRanges } from "@/utils/workflow/const"; |
|
|
import { setTypes, selectModes, selectRanges } from "@/utils/workflow/const"; |
|
|
import { useStore } from "@/store/workflow/index"; |
|
|
import { useStore } from "@/store/workflow/index"; |
|
|
@ -118,7 +119,7 @@ const matrixIsShow = ref(false); |
|
|
|
|
|
|
|
|
watch(approverConfig1, (val: any) => { |
|
|
watch(approverConfig1, (val: any) => { |
|
|
val.value.attribute = val.value.attribute * 1; |
|
|
val.value.attribute = val.value.attribute * 1; |
|
|
console.log("directormaxlevel", val.value, val.value.type); |
|
|
// console.log("directormaxlevel", val.value, val.value.type); |
|
|
matrixIsShow.value = false; |
|
|
matrixIsShow.value = false; |
|
|
approverConfig.value = val.value; |
|
|
approverConfig.value = val.value; |
|
|
if (val.value.type == 3) { |
|
|
if (val.value.type == 3) { |
|
|
@ -258,7 +259,7 @@ const saveApprover = () => { |
|
|
} |
|
|
} |
|
|
}); |
|
|
}); |
|
|
} |
|
|
} |
|
|
// console.log("正确",formData.value) |
|
|
// console.log("正确", formData.value); |
|
|
if (formData.value.purview) { |
|
|
if (formData.value.purview) { |
|
|
// console.log("正确") |
|
|
// console.log("正确") |
|
|
let isNew = true; |
|
|
let isNew = true; |
|
|
@ -286,13 +287,19 @@ const saveApprover = () => { |
|
|
}, |
|
|
}, |
|
|
]; |
|
|
]; |
|
|
} |
|
|
} |
|
|
|
|
|
const formDataRaw = toRaw(formData.value); |
|
|
|
|
|
const purviewRaw = toRaw(formData.value.purview); |
|
|
|
|
|
// console.log("formData.value", formDataRaw); |
|
|
|
|
|
// console.log("formData.value.purview", purviewRaw); |
|
|
|
|
|
// console.log("formData.value", JSON.stringify(formDataRaw, null, 2)); |
|
|
|
|
|
// console.log("formData.value.purview", JSON.stringify(formData.value.purview)); |
|
|
let sendInfo: any = { |
|
|
let sendInfo: any = { |
|
|
formKey: props.customerFormKey.toString(), |
|
|
formKey: props.customerFormKey.toString(), |
|
|
formVersion: props.formVersion.toString(), |
|
|
formVersion: props.formVersion.toString(), |
|
|
formData: JSON.stringify(formData.value), |
|
|
formData: JSON.stringify(formData.value), |
|
|
formPower: JSON.stringify(formData.value.purview), |
|
|
formPower: JSON.stringify(formData.value.purview), |
|
|
}; |
|
|
}; |
|
|
// console.log("sendInfo",sendInfo) |
|
|
// console.log("sendInfo", sendInfo); |
|
|
setFlowFormKeyPower(sendInfo); |
|
|
setFlowFormKeyPower(sendInfo); |
|
|
closeDrawer(); |
|
|
closeDrawer(); |
|
|
}; |
|
|
}; |
|
|
@ -322,7 +329,7 @@ const sureFormTableApprover = (data: any) => { |
|
|
//更新审批人设置 |
|
|
//更新审批人设置 |
|
|
const updateMatrix = (val: any) => { |
|
|
const updateMatrix = (val: any) => { |
|
|
approverConfig.value.matrix = val; |
|
|
approverConfig.value.matrix = val; |
|
|
console.log("值改变-222--->", approverConfig.value); |
|
|
// console.log("值改变-222--->", approverConfig.value); |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
const formTableFielding = reactive<formTableField>({}); |
|
|
const formTableFielding = reactive<formTableField>({}); |
|
|
@ -338,7 +345,11 @@ const jieForm = () => { |
|
|
nodeJson: JSON.stringify(formData.value), |
|
|
nodeJson: JSON.stringify(formData.value), |
|
|
}).then((data) => { |
|
|
}).then((data) => { |
|
|
if (data.code == 0) { |
|
|
if (data.code == 0) { |
|
|
|
|
|
// console.log("解析表单--->", data.data); |
|
|
powerUnitAry.value = data.data; |
|
|
powerUnitAry.value = data.data; |
|
|
|
|
|
nextTick(() => { |
|
|
|
|
|
isLookAllPick(); |
|
|
|
|
|
}); |
|
|
} |
|
|
} |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
@ -390,11 +401,35 @@ const lookOpenOrClose = (val: boolean) => { |
|
|
@ 功能: 操作单一可见 |
|
|
@ 功能: 操作单一可见 |
|
|
*/ |
|
|
*/ |
|
|
const oneLookSet = (val: any) => { |
|
|
const oneLookSet = (val: any) => { |
|
|
|
|
|
// if (!val.isLook) { |
|
|
|
|
|
// val.isEdit = val; |
|
|
|
|
|
// isEditAll.value = val; |
|
|
|
|
|
// } |
|
|
if (!val.isLook) { |
|
|
if (!val.isLook) { |
|
|
val.isEdit = val; |
|
|
val.isEdit = false; |
|
|
isEditAll.value = val; |
|
|
isEditAll.value = false; |
|
|
|
|
|
} |
|
|
|
|
|
// console.log("操作单一可见--->", val.isLook); |
|
|
|
|
|
// console.log("操作单一可见-isEditAll-->", isEditAll); |
|
|
|
|
|
|
|
|
|
|
|
if (powerUnitAry.value.recUnitAry.masterUnitList) { |
|
|
|
|
|
let lookAll = 0; |
|
|
|
|
|
powerUnitAry.value.recUnitAry.masterUnitList.forEach((item: any) => { |
|
|
|
|
|
if (item.isLook) { |
|
|
|
|
|
lookAll++; |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
if (lookAll != powerUnitAry.value.recUnitAry.masterUnitList.length) { |
|
|
|
|
|
isLookAll.value = false; |
|
|
|
|
|
} else { |
|
|
|
|
|
isLookAll.value = true; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
}; |
|
|
|
|
|
//判断可见是否全选 |
|
|
|
|
|
const isLookAllPick = () => { |
|
|
if (powerUnitAry.value.recUnitAry.masterUnitList) { |
|
|
if (powerUnitAry.value.recUnitAry.masterUnitList) { |
|
|
|
|
|
oneEditSet(); |
|
|
let lookAll = 0; |
|
|
let lookAll = 0; |
|
|
powerUnitAry.value.recUnitAry.masterUnitList.forEach((item: any) => { |
|
|
powerUnitAry.value.recUnitAry.masterUnitList.forEach((item: any) => { |
|
|
if (item.isLook) { |
|
|
if (item.isLook) { |
|
|
@ -403,6 +438,7 @@ const oneLookSet = (val: any) => { |
|
|
}); |
|
|
}); |
|
|
if (lookAll != powerUnitAry.value.recUnitAry.masterUnitList.length) { |
|
|
if (lookAll != powerUnitAry.value.recUnitAry.masterUnitList.length) { |
|
|
isLookAll.value = false; |
|
|
isLookAll.value = false; |
|
|
|
|
|
isEditAll.value = false; |
|
|
} else { |
|
|
} else { |
|
|
isLookAll.value = true; |
|
|
isLookAll.value = true; |
|
|
} |
|
|
} |
|
|
@ -413,7 +449,7 @@ const oneLookSet = (val: any) => { |
|
|
@ 时间: 2024-07-25 16:17:32 |
|
|
@ 时间: 2024-07-25 16:17:32 |
|
|
@ 功能: 操作单一可编辑 |
|
|
@ 功能: 操作单一可编辑 |
|
|
*/ |
|
|
*/ |
|
|
const oneEditSet = (val: any) => { |
|
|
const oneEditSet = (val?: any) => { |
|
|
if (powerUnitAry.value.recUnitAry.masterUnitList) { |
|
|
if (powerUnitAry.value.recUnitAry.masterUnitList) { |
|
|
let lookAll = 0; |
|
|
let lookAll = 0; |
|
|
powerUnitAry.value.recUnitAry.masterUnitList.forEach((item: any) => { |
|
|
powerUnitAry.value.recUnitAry.masterUnitList.forEach((item: any) => { |
|
|
@ -465,13 +501,13 @@ watch( |
|
|
@ 功能: 选中的哪个行政组织 |
|
|
@ 功能: 选中的哪个行政组织 |
|
|
*/ |
|
|
*/ |
|
|
const handleNodeClickOrg = (data: any, threePickAry: any) => { |
|
|
const handleNodeClickOrg = (data: any, threePickAry: any) => { |
|
|
console.log("选中的哪个行政组织----data------->", data); |
|
|
// console.log("选中的哪个行政组织----data------->", data); |
|
|
console.log("选中的哪个行政组织----checked------->", threePickAry); |
|
|
// console.log("选中的哪个行政组织----checked------->", threePickAry); |
|
|
console.log( |
|
|
// console.log( |
|
|
"选中的哪个行政组织----halfCheckedKeys------->", |
|
|
// "选中的哪个行政组织----halfCheckedKeys------->", |
|
|
threePickAry.halfCheckedKeys |
|
|
// threePickAry.halfCheckedKeys |
|
|
); |
|
|
// ); |
|
|
console.log("选中的哪个行政组织----checkedKeys------->", threePickAry.checkedKeys); |
|
|
// console.log("选中的哪个行政组织----checkedKeys------->", threePickAry.checkedKeys); |
|
|
if ( |
|
|
if ( |
|
|
threePickAry.halfCheckedKeys && |
|
|
threePickAry.halfCheckedKeys && |
|
|
Array.isArray(threePickAry.halfCheckedKeys) && |
|
|
Array.isArray(threePickAry.halfCheckedKeys) && |
|
|
@ -483,10 +519,10 @@ const handleNodeClickOrg = (data: any, threePickAry: any) => { |
|
|
threePickAry.checkedKeys.length > 0 |
|
|
threePickAry.checkedKeys.length > 0 |
|
|
) { |
|
|
) { |
|
|
approverConfig.value.orgList = threePickAry.checkedKeys; |
|
|
approverConfig.value.orgList = threePickAry.checkedKeys; |
|
|
console.log("选中的哪个行政组织----1------->", approverConfig.value.orgList); |
|
|
// console.log("选中的哪个行政组织----1------->", approverConfig.value.orgList); |
|
|
} else { |
|
|
} else { |
|
|
approverConfig.value.orgList = []; |
|
|
approverConfig.value.orgList = []; |
|
|
console.log("选中的哪个行政组织----2------->", approverConfig.value.orgList); |
|
|
// console.log("选中的哪个行政组织----2------->", approverConfig.value.orgList); |
|
|
} |
|
|
} |
|
|
} else { |
|
|
} else { |
|
|
if ( |
|
|
if ( |
|
|
@ -500,10 +536,10 @@ const handleNodeClickOrg = (data: any, threePickAry: any) => { |
|
|
); |
|
|
); |
|
|
} |
|
|
} |
|
|
approverConfig.value.orgList = threePickAry.checkedKeys; |
|
|
approverConfig.value.orgList = threePickAry.checkedKeys; |
|
|
console.log("选中的哪个行政组织----3------->", approverConfig.value.orgList); |
|
|
// console.log("选中的哪个行政组织----3------->", approverConfig.value.orgList); |
|
|
} else { |
|
|
} else { |
|
|
approverConfig.value.orgList = []; |
|
|
approverConfig.value.orgList = []; |
|
|
console.log("选中的哪个行政组织----4------->", approverConfig.value.orgList); |
|
|
// console.log("选中的哪个行政组织----4------->", approverConfig.value.orgList); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
// if(approverConfig.value.orgList && Array.isArray(approverConfig.value.orgList)){ |
|
|
// if(approverConfig.value.orgList && Array.isArray(approverConfig.value.orgList)){ |
|
|
@ -538,10 +574,10 @@ const handleNodeClickOrg = (data: any, threePickAry: any) => { |
|
|
// } |
|
|
// } |
|
|
// } |
|
|
// } |
|
|
// } |
|
|
// } |
|
|
console.log( |
|
|
// console.log( |
|
|
"选中的哪个行政组织----approverConfig.value.orgList------->", |
|
|
// "选中的哪个行政组织----approverConfig.value.orgList------->", |
|
|
approverConfig.value.orgList |
|
|
// approverConfig.value.orgList |
|
|
); |
|
|
// ); |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
// watch(()=>approverConfig.value.orgList,(val:any)=>{ |
|
|
// watch(()=>approverConfig.value.orgList,(val:any)=>{ |
|
|
@ -556,7 +592,7 @@ const handleNodeClickOrg = (data: any, threePickAry: any) => { |
|
|
@ 功能: 设置选项 |
|
|
@ 功能: 设置选项 |
|
|
*/ |
|
|
*/ |
|
|
const setOrgTree = (val: any) => { |
|
|
const setOrgTree = (val: any) => { |
|
|
console.log("设置选项", val); |
|
|
// console.log("设置选项", val); |
|
|
if (Array.isArray(val)) { |
|
|
if (Array.isArray(val)) { |
|
|
flowOrgTree.value!.setCheckedKeys(val, true); |
|
|
flowOrgTree.value!.setCheckedKeys(val, true); |
|
|
} else { |
|
|
} else { |
|
|
|