herenshan112
/
ShutongInterconnectedChemicalCloudPlatform
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改流程表单ID

qin_14
hreenshan112 9 months ago
parent
7f0f18c9d3
commit
bcea460930
4 changed files with 1111 additions and 1006 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/views/sysworkflow/lowcodepage/appCardPage.vue
  2. 546
      src/views/sysworkflow/lowcodepage/pageFlow/appTableFlow.vue
  3. 367
      src/views/sysworkflow/lowcodepage/pageFlow/tableFlow.vue

2
src/views/sysworkflow/lowcodepage/appCardPage.vue
View File

@ -148,7 +148,7 @@ const openApp = (val: any) => {
emits("getRongQiAttr"); emits("getRongQiAttr");
pickAppInfo.value = val; pickAppInfo.value = val;
appJwtPower({ id: val.signCodeStr, types: 1 }).then(({ data }) => { appJwtPower({ id: val.signCodeStr, types: 1 }).then(({ data }) => {
// console.log("打开应用------>data:",data) // console.log("打开应用------>data:", data);
if (data) { if (data) {
runIsOpen.value = true; runIsOpen.value = true;
} else { } else {

546
src/views/sysworkflow/lowcodepage/pageFlow/appTableFlow.vue
View File

@ -3,55 +3,72 @@
@ 时间: 2024-06-12 10:58:03 @ 时间: 2024-06-12 10:58:03
@ 备注: App表单。有无流程处理 @ 备注: App表单。有无流程处理
--> -->
<script lang='ts' setup> <script lang="ts" setup>
import { nodeFlow,conditionInfo,nodelPeoples } from '@/api/taskapi/types' import { nodeFlow, conditionInfo, nodelPeoples } from "@/api/taskapi/types";
import { haveCustomerFormVersion,generateFlow,echoTableFormPage,realTimeUpdateFlow } from '@/api/taskapi/management' import {
import { string2json,stringToObj } from '@/utils/DesignForm/form' haveCustomerFormVersion,
import { judgeSubmitCancel,startRunFlow,gainAppPageInfo,getFieldRecord } from '@/api/DesignForm/requestapi' generateFlow,
import { notAsA_BasisForJudgment,asAnApprovalActionControl,fixedValueControl,timeControl,timeEquation,submitButton, afreshSubmitButton } from '@/utils/workflow/const' echoTableFormPage,
import { appPageDataInit,appWorkFlow } from "@/api/date/type" realTimeUpdateFlow,
} from "@/api/taskapi/management";
import { string2json, stringToObj } from "@/utils/DesignForm/form";
import FlowStep from '@/views/taskplatform/taskmanagement/flowStep.vue' import {
judgeSubmitCancel,
startRunFlow,
gainAppPageInfo,
getFieldRecord,
} from "@/api/DesignForm/requestapi";
import {
notAsA_BasisForJudgment,
asAnApprovalActionControl,
fixedValueControl,
timeControl,
timeEquation,
submitButton,
afreshSubmitButton,
} from "@/utils/workflow/const";
import { appPageDataInit, appWorkFlow } from "@/api/date/type";
import FlowStep from "@/views/taskplatform/taskmanagement/flowStep.vue";
const props = defineProps({ const props = defineProps({
isopen: { isopen: {
type: Boolean, type: Boolean,
default:true default: true,
}, },
versionid: { versionid: {
type: String, type: String,
default:"" default: "",
}, },
versiontitle: { versiontitle: {
type: String, type: String,
default:"" default: "",
}, },
drawerwith: { drawerwith: {
type: Number, type: Number,
default:0 default: 0,
}, },
pickAppMenu: { pickAppMenu: {
type: Object, type: Object,
default() { default() {
return {} return {};
} },
} },
}) });
const formLoading = ref(false) //loading const formLoading = ref(false); //loading
const flowLoading = ref(false) //loading const flowLoading = ref(false); //loading
const flowFactor = reactive<conditionInfo[]>([]) //表单组件 const flowFactor = reactive<conditionInfo[]>([]); //表单组件
const flowMap = ref<any[]>(); //工作流 const flowMap = ref<any[]>(); //工作流
const nextStep = ref<number>(0); const nextStep = ref<number>(0);
const currentProgress = ref<number>(1); const currentProgress = ref<number>(1);
const nodeKey = ref<string>(''); const nodeKey = ref<string>("");
//获取工作流条件 //获取工作流条件
const gainFlowChart = reactive<nodeFlow>({ const gainFlowChart = reactive<nodeFlow>({
id:"0" id: "0",
}) });
const nodelUserList = reactive<nodelPeoples[]>([]) const nodelUserList = reactive<nodelPeoples[]>([]);
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-04-08 15:35:54 @ 时间: 2024-04-08 15:35:54
@ -63,13 +80,13 @@ const state = reactive<any>({
list: [], list: [],
form: {}, form: {},
config: {}, config: {},
powerstr:{} powerstr: {},
}, },
dict: {}, dict: {},
formId: props.versionid, formId: props.versionid,
id: 0, id: 0,
loading: true loading: true,
}) });
const emits = defineEmits(["update:isopen", "searchquery"]); const emits = defineEmits(["update:isopen", "searchquery"]);
const drawerOpenOrClose = computed({ const drawerOpenOrClose = computed({
get: () => props.isopen, get: () => props.isopen,
@ -80,84 +97,89 @@ const drawerOpenOrClose = computed({
const drawbox = computed({ const drawbox = computed({
get: () => { get: () => {
// console.log("isFlowTable",isFlowTable.value) // console.log("isFlowTable",isFlowTable.value)
if (isFlowTable.value) { if (isFlowTable.value) {
return 1300 return 1300;
} }
return props.drawerwith return props.drawerwith;
}, },
set: (val: number) => { set: (val: number) => {
return val return val;
}, },
}); });
const isFlowTable = ref(false) //判断是不是流程表单 const isFlowTable = ref(false); //判断是不是流程表单
//获取表单数据 //获取表单数据
const getTaskFormData = () => { const getTaskFormData = () => {
formLoading.value = true formLoading.value = true;
flowLoading.value = true flowLoading.value = true;
echoTableFormPage({ id: props.versionid.toString() }) echoTableFormPage({ id: props.versionid.toString() })
.then(({ data }) => { .then(({ data }) => {
// console.log("表单数据",data) // console.log("表单数据",data)
if (data.tableFormPage.flowIsOpen == 1 && data.tableFormPage.flowkeystr != "0") { if (data.tableFormPage.flowIsOpen == 1 && data.tableFormPage.flowkeystr != "0") {
isFlowTable.value = true; isFlowTable.value = true;
drawbox.value = 800 + 350 drawbox.value = 800 + 350;
} else { } else {
isFlowTable.value = false; isFlowTable.value = false;
drawbox.value = 800 drawbox.value = 800;
} }
gainFlowChart.id=data.tableFormPage.flowkeystr gainFlowChart.id = data.tableFormPage.flowkeystr;
// console.log("表单数据--->1",data.flowPage.flowList) console.log("表单数据--->1", data.flowPage.flowList);
flowMap.value = data.flowPage.flowList flowMap.value = data.flowPage.flowList;
state.id=props.versionid state.id = props.versionid;
state.formData = stringToObj(data.tableFormPage.mastesform) state.formData = stringToObj(data.tableFormPage.mastesform);
state.formData.config.hideField = []//暂时的修复方法:接口返回的config中没有hideField属性,手动添加 state.formData.config.hideField = []; //暂时的修复方法:接口返回的config中没有hideField属性,手动添加
state.dict = string2json(data.tableFormPage.dict) state.dict = string2json(data.tableFormPage.dict);
state.formData.powerstr = string2json(data.tableFormPage.powerstr) state.formData.powerstr = string2json(data.tableFormPage.powerstr);
judgeSubmitCancel({"name":data.tableFormPage.mastesformjson}) judgeSubmitCancel({ name: data.tableFormPage.mastesformjson }).then(
.then((datajud:any) =>{ (datajud: any) => {
if (datajud.code == 0) { if (datajud.code == 0) {
if (datajud.data == 3 || datajud.data == 4) { if (datajud.data == 3 || datajud.data == 4) {
state.formData.list.push(submitButton) state.formData.list.push(submitButton);
} }
} }
}) }
);
}) })
.finally(() => { .finally(() => {
formLoading.value = false formLoading.value = false;
flowLoading.value = false flowLoading.value = false;
}) });
} };
//监听页面变化 //监听页面变化
watch(()=>props.isopen,()=>{ watch(
() => props.isopen,
() => {
if (props.isopen) { if (props.isopen) {
if (isFlow.value == 2) { if (isFlow.value == 2) {
drawbox.value = 800 + 350 drawbox.value = 800 + 350;
} else { } else {
drawbox.value = 800 drawbox.value = 800;
} }
// getTaskFormData(); getTaskFormData();
initLoadData(); initLoadData();
} else { } else {
initData() initData();
} }
}) }
);
//数据初始化 //数据初始化
const initData = () => { const initData = () => {
state.formData = { state.formData = {
list: [], list: [],
form: {}, form: {},
config: {} config: {},
}; };
state.dict = {}; state.dict = {};
state.formId = 0; state.formId = 0;
state.id = 0; state.id = 0;
state.loading = true; state.loading = true;
let aryLen = flowFactor.length let aryLen = flowFactor.length;
console.log("改变表单值--flowMap.value--1->", flowMap.value);
flowMap.value = [];
console.log("改变表单值--flowMap.value--->", flowMap.value);
if (aryLen > 0) flowFactor.splice(0, aryLen); if (aryLen > 0) flowFactor.splice(0, aryLen);
} };
//组件解析 //组件解析
const changeKeyVal = (key: any, val: any, type: any, attribute: any) => { const changeKeyVal = (key: any, val: any, type: any, attribute: any) => {
// console.log("改变表单值--key--->",key) // console.log("改变表单值--key--->",key)
@ -167,97 +189,102 @@ const changeKeyVal = (key:any,val:any,type:any,attribute:any) => {
// console.log("改变表单值--type-1-true->",notAsA_BasisForJudgment.indexOf(type)) // console.log("改变表单值--type-1-true->",notAsA_BasisForJudgment.indexOf(type))
// console.log("改变表单值--flowFactor--->",flowFactor) // console.log("改变表单值--flowFactor--->",flowFactor)
// if(notAsA_BasisForJudgment.indexOf(type) != -1){ // if(notAsA_BasisForJudgment.indexOf(type) != -1){
// console.log("改变表单值--type--true->",notAsA_BasisForJudgment.indexOf(type)) // console.log("改变表单值--type--true->",notAsA_BasisForJudgment.indexOf(type))
// } // }
let unitsVal = val let unitsVal = val;
let isUpdateFlowChart = false let isUpdateFlowChart = false;
//单选，多选，下拉菜单 //单选，多选，下拉菜单
if (notAsA_BasisForJudgment.indexOf(type) === -1) { if (notAsA_BasisForJudgment.indexOf(type) === -1) {
let isWrite = true let isWrite = true;
flowFactor.forEach((item: any) => { flowFactor.forEach((item: any) => {
if (item.factorid == key) { if (item.factorid == key) {
isWrite = false isWrite = false;
item.type=3 item.type = 3;
if (type == "checkbox") { if (type == "checkbox") {
item.isCheckbox = true item.isCheckbox = true;
item.answers = val.map(String) item.answers = val.map(String);
} else { } else {
item.isCheckbox = false item.isCheckbox = false;
item.oneanswer = val.toString() item.oneanswer = val.toString();
} }
if (notAsA_BasisForJudgment.indexOf(type) === -1) { if (notAsA_BasisForJudgment.indexOf(type) === -1) {
isUpdateFlowChart = true isUpdateFlowChart = true;
} }
} }
}) });
if (isWrite) { if (isWrite) {
if (type == "checkbox") { if (type == "checkbox") {
flowFactor.push({ flowFactor.push({
factorid: key, factorid: key,
type: 3, type: 3,
isCheckbox: true, isCheckbox: true,
answers:val.map(String) answers: val.map(String),
}) });
} else { } else {
flowFactor.push({ flowFactor.push({
factorid: key, factorid: key,
type: 3, type: 3,
isCheckbox: false, isCheckbox: false,
oneanswer:val.toString() oneanswer: val.toString(),
}) });
} }
isUpdateFlowChart = true isUpdateFlowChart = true;
} }
// console.log("改变表单值--flowFactor--->",flowFactor) // console.log("改变表单值--flowFactor--->",flowFactor)
} }
// console.log("改变表单值--flowFactor--1->",unitsVal,timeControl,type) // console.log("改变表单值--flowFactor--1->",unitsVal,timeControl,type)
//时间类空间附加判断条件 //时间类空间附加判断条件
if(timeControl.indexOf(type) > -1 || fixedValueControl.indexOf(type) > -1 || type == "input"){ if (
timeControl.indexOf(type) > -1 ||
fixedValueControl.indexOf(type) > -1 ||
type == "input"
) {
// console.log("改变表单值--flowFactor--3->",unitsVal) // console.log("改变表单值--flowFactor--3->",unitsVal)
let addNewTime = true //判断是否新增 let addNewTime = true; //判断是否新增
flowFactor.forEach((item: any) => { flowFactor.forEach((item: any) => {
// console.log("改变表单值--flowFactor--5->",item.type) // console.log("改变表单值--flowFactor--5->",item.type)
if (item.type == 2) { if (item.type == 2) {
addNewTime = false addNewTime = false;
// console.log("改变表单值--flowFactor--5====1->",item.type) // console.log("改变表单值--flowFactor--5====1->",item.type)
// console.log("改变表单值--flowFactor--5====3->",item.customFields,item.customFields.length) // console.log("改变表单值--flowFactor--5====3->",item.customFields,item.customFields.length)
if (item.customFields && item.customFields.length > 0) { if (item.customFields && item.customFields.length > 0) {
// console.log("改变表单值--flowFactor--5====2->",item.customFields) // console.log("改变表单值--flowFactor--5====2->",item.customFields)
let sunNewAdd = true let sunNewAdd = true;
item.customFields.forEach((sunItem: any) => { item.customFields.forEach((sunItem: any) => {
// console.log("改变表单值--flowFactor-4->",sunItem.wordfield , key,sunItem.wordfield == key) // console.log("改变表单值--flowFactor-4->",sunItem.wordfield , key,sunItem.wordfield == key)
if (sunItem.wordfield == key) { if (sunItem.wordfield == key) {
sunNewAdd = false sunNewAdd = false;
isUpdateFlowChart = true isUpdateFlowChart = true;
if(timeEquation.indexOf(attribute) === -1){ //非区间性时间 if (timeEquation.indexOf(attribute) === -1) {
sunItem.leftval = val.toString() //非区间性时间
}else{ //区间性时间 sunItem.leftval = val.toString();
} else {
//区间性时间
if (Array.isArray(val)) { if (Array.isArray(val)) {
if (val.length >= 2) { if (val.length >= 2) {
sunItem.leftval = val[0].toString() sunItem.leftval = val[0].toString();
sunItem.rightval = val[val.length - 1].toString() sunItem.rightval = val[val.length - 1].toString();
} }
} }
} }
} }
}) });
if (sunNewAdd) { if (sunNewAdd) {
isUpdateFlowChart = true isUpdateFlowChart = true;
if(timeEquation.indexOf(attribute) === -1){//非区间性时间 if (timeEquation.indexOf(attribute) === -1) {
//非区间性时间
let customFieldInfo = { let customFieldInfo = {
wordfield: key, wordfield: key,
optType: "1", optType: "1",
leftval: val.toString() leftval: val.toString(),
} };
item.customFields.push(customFieldInfo) item.customFields.push(customFieldInfo);
}else{ //区间性时间 } else {
//区间性时间
if (Array.isArray(val)) { if (Array.isArray(val)) {
if (val.length >= 2) { if (val.length >= 2) {
let customFieldInfo = { let customFieldInfo = {
@ -266,35 +293,37 @@ const changeKeyVal = (key:any,val:any,type:any,attribute:any) => {
leftval: val[0].toString(), leftval: val[0].toString(),
leftoptType: "3", leftoptType: "3",
rightoptType: "3", rightoptType: "3",
rightval:val[val.length - 1].toString() rightval: val[val.length - 1].toString(),
} };
item.customFields.push(customFieldInfo) item.customFields.push(customFieldInfo);
} }
} }
} }
} }
} }
} }
}) });
if(addNewTime){ //新增自定义类数据判断 if (addNewTime) {
isUpdateFlowChart = true //新增自定义类数据判断
if(timeEquation.indexOf(attribute) === -1){ //非区间性时间 isUpdateFlowChart = true;
if (timeEquation.indexOf(attribute) === -1) {
//非区间性时间
let customFieldInfo = { let customFieldInfo = {
wordfield: key, wordfield: key,
optType: "1", optType: "1",
leftval: val.toString() leftval: val.toString(),
} };
let condInfo = { let condInfo = {
factorid: "customFields", factorid: "customFields",
type: 2, type: 2,
isCheckbox: false, isCheckbox: false,
customFields:[customFieldInfo] customFields: [customFieldInfo],
} };
flowFactor.push(condInfo) flowFactor.push(condInfo);
}else{ //区间性时间 } else {
//区间性时间
if (Array.isArray(val)) { if (Array.isArray(val)) {
if (val.length >= 2) { if (val.length >= 2) {
let customFieldInfo = { let customFieldInfo = {
wordfield: key, wordfield: key,
@ -302,60 +331,58 @@ const changeKeyVal = (key:any,val:any,type:any,attribute:any) => {
leftval: val[0].toString(), leftval: val[0].toString(),
leftoptType: "3", leftoptType: "3",
rightoptType: "3", rightoptType: "3",
rightval:val[val.length - 1].toString() rightval: val[val.length - 1].toString(),
} };
let condInfo = { let condInfo = {
factorid: "customFields", factorid: "customFields",
type: 2, type: 2,
isCheckbox: false, isCheckbox: false,
customFields:[customFieldInfo] customFields: [customFieldInfo],
} };
flowFactor.push(condInfo) flowFactor.push(condInfo);
} }
} }
} }
} }
} }
//操作人 //操作人
if (asAnApprovalActionControl.indexOf(type) > -1) { if (asAnApprovalActionControl.indexOf(type) > -1) {
isUpdateFlowChart = true isUpdateFlowChart = true;
let isWriteUs = true let isWriteUs = true;
nodelUserList.forEach((item: any) => { nodelUserList.forEach((item: any) => {
if (item.factorid == key) { if (item.factorid == key) {
isWriteUs = false isWriteUs = false;
item.userList = val item.userList = val;
} }
}) });
if (isWriteUs) { if (isWriteUs) {
nodelUserList.push({ nodelUserList.push({
factorid: key, factorid: key,
userList:val userList: val,
}) });
} }
} }
// console.log("改变表单值--flowFactor--->",flowFactor) // console.log("改变表单值--flowFactor--->",flowFactor)
//更新工作流图 //更新工作流图
if (isUpdateFlowChart) { if (isUpdateFlowChart) {
flowLoading.value = true flowLoading.value = true;
//获取工作流不进图 //获取工作流不进图
gainFlowChart.conditionList=flowFactor gainFlowChart.conditionList = flowFactor;
gainFlowChart.nodelPeople=nodelUserList gainFlowChart.nodelPeople = nodelUserList;
gainFlowChart.oldFlow = flowMap gainFlowChart.oldFlow = flowMap;
// console.log("获取工作流不进图--gainFlowChart--->",gainFlowChart) // console.log("获取工作流不进图--gainFlowChart--->",gainFlowChart)
realTimeUpdateFlow(gainFlowChart) realTimeUpdateFlow(gainFlowChart).then((data: any) => {
.then((data:any) =>{ console.log("获取工作流不进图-new-->", data);
// console.log("获取工作流不进图-new-->",data) flowMap.value = data.data.flowList;
flowMap.value = data.data.flowList
nextStep.value = data.data.nextStep; nextStep.value = data.data.nextStep;
currentProgress.value = data.data.Step; currentProgress.value = data.data.Step;
nodeKey.value = data.data.nodeKey; nodeKey.value = data.data.nodeKey;
// // console.log("获取工作流不进图-1-->",flowMap.value) // // console.log("获取工作流不进图-1-->",flowMap.value)
flowLoading.value = false flowLoading.value = false;
}) });
}
} }
};
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-04-09 16:41:20 @ 时间: 2024-04-09 16:41:20
@ -364,69 +391,67 @@ const changeKeyVal = (key:any,val:any,type:any,attribute:any) => {
const afterSubmit = (type: string, val?: any) => { const afterSubmit = (type: string, val?: any) => {
// console.log("表单提交成功------------------>",type,val) // console.log("表单提交成功------------------>",type,val)
// console.log("流程------------------>",flowMap) // console.log("流程------------------>",flowMap)
if (type === 'success') { if (type === "success") {
if (isFlowTable.value) { if (isFlowTable.value) {
if (val.code == 0) { if (val.code == 0) {
if (val.data) { if (val.data) {
let sendInfo = { let sendInfo = {
id: val.data.uuid, id: val.data.uuid,
flowList: flowMap.value, flowList: flowMap.value,
state:3 state: 3,
} };
startRunFlow(sendInfo) startRunFlow(sendInfo).then((data: any) => {
.then((data:any)=>{
// console.log("流程提交成功--------1---------->",data) // console.log("流程提交成功--------1---------->",data)
}) });
}
} }
} }
} }
closeAppSubmit()
} }
closeAppSubmit();
};
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-04-09 16:49:09 @ 时间: 2024-04-09 16:49:09
@ 功能: 表单前置数据 @ 功能: 表单前置数据
*/ */
const beforeSubmit = (params: any) => { const beforeSubmit = (params: any) => {
params.formId = props.versionid params.formId = props.versionid;
params.id = "" params.id = "";
// emits("update:isopen", false); // emits("update:isopen", false);
return params return params;
} };
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-04-09 16:50:01 @ 时间: 2024-04-09 16:50:01
@ 功能: 关闭操作 @ 功能: 关闭操作
*/ */
const closeAppSubmit = () => { const closeAppSubmit = () => {
emits("searchquery") flowMap.value = [];
emits("searchquery");
emits("update:isopen", false); emits("update:isopen", false);
} };
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-04-09 16:50:37 @ 时间: 2024-04-09 16:50:37
@ 功能: 保存草稿 @ 功能: 保存草稿
*/ */
const saveDraftPage = (type: string, val?: any) => { const saveDraftPage = (type: string, val?: any) => {
if (type === 'success') { if (type === "success") {
if (isFlowTable.value) { if (isFlowTable.value) {
if (val.code == 0) { if (val.code == 0) {
let sendInfo = { let sendInfo = {
id: val.data.uuid, id: val.data.uuid,
flowList: flowMap.value, flowList: flowMap.value,
state:1 state: 1,
} };
startRunFlow(sendInfo) startRunFlow(sendInfo).then((data: any) => {
.then((data:any)=>{
// console.log("流程提交成功--------1---------->",data) // console.log("流程提交成功--------1---------->",data)
}) });
}
} }
} }
closeAppSubmit()
} }
closeAppSubmit();
};
//app表单 //app表单
const stateForm = reactive<any>({ const stateForm = reactive<any>({
@ -435,25 +460,25 @@ const stateForm = reactive<any>({
list: [], list: [],
form: {}, form: {},
config: {}, config: {},
powerstr:{} powerstr: {},
}, },
dict: {}, dict: {},
formId: "1", formId: "1",
id: 0, id: 0,
formId: 0, formId: 0,
versionId: 0, versionId: 0,
loading: true loading: true,
}) });
const appInitData = ref<appPageDataInit>("") const appInitData = ref<appPageDataInit>("");
const mastesformjson = ref("") // const mastesformjson = ref(""); //
const isFlow = ref(2) const isFlow = ref(2);
const versionId = ref<string>("") //表单版本号 const versionId = ref<string>(""); //表单版本号
const versionTitle = ref<string>("") //表单名称 const versionTitle = ref<string>(""); //表单名称
let gainAppPageInfoPromise: any[] = [] let gainAppPageInfoPromise: any[] = [];
let gainAppPageInfoData:any = {} let gainAppPageInfoData: any = {};
let getFieldRecordPromise: any[] = [] let getFieldRecordPromise: any[] = [];
let objMastesform: any let objMastesform: any;
//let getFieldRecordData:any = {} //let getFieldRecordData:any = {}
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ -464,10 +489,10 @@ const initLoadData = () => {
// console.log("initLoadData",props.pickAppMenu.type,props.pickAppMenu.type != 1) // console.log("initLoadData",props.pickAppMenu.type,props.pickAppMenu.type != 1)
if (props.pickAppMenu.type != 1) { if (props.pickAppMenu.type != 1) {
// appFormTitle.value = props.pickAppMenu.label // appFormTitle.value = props.pickAppMenu.label
gainAppPageInfoPromise.push(gainAppPageInfo({id:props.pickAppMenu.id}) gainAppPageInfoPromise.push(
.then((data)=>{ gainAppPageInfo({ id: props.pickAppMenu.id }).then((data) => {
console.log("获取初始化表单数据",data) console.log("获取初始化表单数据", data);
gainAppPageInfoData = data gainAppPageInfoData = data;
/* appInitData.value = data.data /* appInitData.value = data.data
// console.log("获取初始化表单数据---!",appInitData.value) // console.log("获取初始化表单数据---!",appInitData.value)
mastesformjson.value = data.data.appForm.mastesformjson mastesformjson.value = data.data.appForm.mastesformjson
@ -496,91 +521,80 @@ const initLoadData = () => {
} }
}) })
} */ } */
})
})); );
Promise.all(gainAppPageInfoPromise).then(() => { Promise.all(gainAppPageInfoPromise).then(() => {
objMastesform = stringToObj(gainAppPageInfoData.data.appForm.mastesform);
objMastesform = stringToObj(gainAppPageInfoData.data.appForm.mastesform)
//console.log(objMastesform) //console.log(objMastesform)
for (const element of objMastesform.list) { for (const element of objMastesform.list) {
if (element.type == "table") { if (element.type == "table") {
//console.log(element); //console.log(element);
for (const item of element.list) { for (const item of element.list) {
if (item.options) { if (item.options) {
if(item.type=="radio"||item.type=="select"||item.type=="checkbox"){ if (
item.type == "radio" ||
item.type == "select" ||
item.type == "checkbox"
) {
console.log(item.config.optionsType); console.log(item.config.optionsType);
if (item.config.optionsType == 3) { if (item.config.optionsType == 3) {
let paramx:string = ""+item.control.optionsValue3Field let paramx: string = "" + item.control.optionsValue3Field;
getFieldRecordPromise.push(getFieldRecord(paramx).then(({ data }) => { getFieldRecordPromise.push(
getFieldRecord(paramx).then(({ data }) => {
//console.log(data) //console.log(data)
item.options = data item.options = data;
})); })
);
} }
} }
} }
} }
} }
} }
Promise.all(getFieldRecordPromise).then(() => { Promise.all(getFieldRecordPromise).then(() => {
console.log(gainAppPageInfoData) console.log(gainAppPageInfoData);
let objMastesformStr = JSON.stringify(objMastesform); let objMastesformStr = JSON.stringify(objMastesform);
gainAppPageInfoData.data.appForm.mastesform = objMastesform gainAppPageInfoData.data.appForm.mastesform = objMastesform;
gainAppPageInfoData.data.appForm.mastesformjson = objMastesformStr gainAppPageInfoData.data.appForm.mastesformjson = objMastesformStr;
appInitData.value = gainAppPageInfoData.data;
appInitData.value = gainAppPageInfoData.data
// console.log("获取初始化表单数据---!",appInitData.value) // console.log("获取初始化表单数据---!",appInitData.value)
mastesformjson.value = gainAppPageInfoData.data.appForm.mastesformjson mastesformjson.value = gainAppPageInfoData.data.appForm.mastesformjson;
isFlow.value = gainAppPageInfoData.data.appForm.flowIsOpen isFlow.value = gainAppPageInfoData.data.appForm.flowIsOpen;
versionId.value = gainAppPageInfoData.data.appForm.id.toString() versionId.value = gainAppPageInfoData.data.appForm.id.toString();
versionTitle.value = gainAppPageInfoData.data.appForm.name versionTitle.value = gainAppPageInfoData.data.appForm.name;
if (gainAppPageInfoData.data.page) { if (gainAppPageInfoData.data.page) {
// console.log("data.data.mastesform", data.data) // console.log("data.data.mastesform", data.data)
stateForm.id=gainAppPageInfoData.data.appForm.version.toString() stateForm.id = gainAppPageInfoData.data.appForm.version.toString();
stateForm.formId =gainAppPageInfoData.data.appForm.cfid.toString() stateForm.formId = gainAppPageInfoData.data.appForm.cfid.toString();
stateForm.versionId =gainAppPageInfoData.data.appForm.id.toString() stateForm.versionId = gainAppPageInfoData.data.appForm.id.toString();
stateForm.formData = objMastesform stateForm.formData = objMastesform;
stateForm.formData.config.hideField = []//暂时的修复方法:接口返回的config中没有hideField属性,手动添加 stateForm.formData.config.hideField = []; //暂时的修复方法:接口返回的config中没有hideField属性,手动添加
stateForm.dict = string2json(gainAppPageInfoData.data.appForm.dict) stateForm.dict = string2json(gainAppPageInfoData.data.appForm.dict);
stateForm.formData.powerstr = string2json(gainAppPageInfoData.data.appForm.powerstr) stateForm.formData.powerstr = string2json(
gainAppPageInfoData.data.appForm.powerstr
);
// console.log("data.data.mastesform", stateForm.formData) // console.log("data.data.mastesform", stateForm.formData)
judgeSubmitCancel({"name":gainAppPageInfoData.data.appForm.mastesformjson}) judgeSubmitCancel({
.then((datajud:any) =>{ name: gainAppPageInfoData.data.appForm.mastesformjson,
}).then((datajud: any) => {
if (datajud.code == 0) { if (datajud.code == 0) {
if (datajud.data == 3 || datajud.data == 4) { if (datajud.data == 3 || datajud.data == 4) {
stateForm.formData.list.push(submitButton) stateForm.formData.list.push(submitButton);
} }
} }
}) });
} }
}); });
}); });
}
} }
};
function optionsValue3Get3(data: any, fieldName: string) { function optionsValue3Get3(data: any, fieldName: string) {
/* console.log(data) /* console.log(data)
@ -588,16 +602,80 @@ function optionsValue3Get3(data: any,fieldName: string){
console.log("appTableFlow","optionsValue3Get3") */ console.log("appTableFlow","optionsValue3Get3") */
for (let i = 0; i < stateForm.formData.list.length; i++) { for (let i = 0; i < stateForm.formData.list.length; i++) {
if (stateForm.formData.list[i].name == fieldName) { if (stateForm.formData.list[i].name == fieldName) {
stateForm.formData.list[i].options = [] stateForm.formData.list[i].options = [];
for (let j = 0; j < data.length; j++) { for (let j = 0; j < data.length; j++) {
stateForm.formData.list[i].options.push(data[j]) stateForm.formData.list[i].options.push(data[j]);
} }
} }
} }
} }
</script> </script>
<template> <template>
<el-drawer v-model="drawerOpenOrClose" v-loading="loadingData" :title="versiontitle" :close-on-click-modal="false" :close-on-press-escape="false" :destroy-on-close="true" :size="drawbox" class="drawerClass" > <el-drawer
v-model="drawerOpenOrClose"
v-loading="loadingData"
:title="versiontitle"
:close-on-click-modal="false"
:close-on-press-escape="false"
:destroy-on-close="true"
:size="drawbox"
class="drawerClass"
>
<div v-if="isFlowTable" class="common-layout">
<el-container>
<el-main v-loading="formLoading" element-loading-text="Loading...">
<ak-form
ref="formEl"
:numrun="formType"
:form-data="state.formData"
:type="formType"
:dict="state.dict"
request-url="getFormContent"
add-url="saveFormContent"
edit-url="editFormContent"
:before-submit="beforeSubmit"
:after-submit="afterSubmit"
:close-app-submit="closeAppSubmit"
:change-key-val="changeKeyVal"
:save-draft-page="saveDraftPage"
/>
</el-main>
<el-aside
v-loading="flowLoading"
element-loading-text="Loading..."
width="350px"
class="flowBox"
>
<el-text size="large">审批流程</el-text>
<FlowStep
v-model:flow-map="flowMap"
:next-step="nextStep"
:current-progress="currentProgress"
:node-key="nodeKey"
/>
</el-aside>
</el-container>
</div>
<!--无流程表单-->
<div v-else class="common-layout">
<ak-form
ref="formEl"
v-loading="formLoading"
element-loading-text="Loading..."
:form-data="state.formData"
:type="formType"
:numrun="formType"
:dict="state.dict"
request-url="getFormContent"
add-url="saveFormContent"
edit-url="editFormContent"
:before-submit="beforeSubmit"
:after-submit="afterSubmit"
:close-app-submit="closeAppSubmit"
:save-draft-page="saveDraftPage"
@optionsValue3Get3="optionsValue3Get3"
/>
</div>
<!-- <AppFormPage <!-- <AppFormPage
ref="formEl" ref="formEl"
@ -614,7 +692,7 @@ function optionsValue3Get3(data: any,fieldName: string){
add-url="addData" add-url="addData"
@optionsValue3Get3="optionsValue3Get3" @optionsValue3Get3="optionsValue3Get3"
/> --> /> -->
<ak-form <!-- <ak-form
ref="formEl" ref="formEl"
:number="props.pickAppMenu.id" :number="props.pickAppMenu.id"
@ -629,11 +707,10 @@ function optionsValue3Get3(data: any,fieldName: string){
:after-submit="afterSubmit" :after-submit="afterSubmit"
add-url="addData" add-url="addData"
@optionsValue3Get3="optionsValue3Get3" @optionsValue3Get3="optionsValue3Get3"
/> /> -->
</el-drawer> </el-drawer>
</template> </template>
<style lang='scss' scoped> <style lang="scss" scoped>
.common-layout { .common-layout {
height: calc(100vh - 55px); height: calc(100vh - 55px);
padding: 0 15px; padding: 0 15px;
@ -655,6 +732,5 @@ function optionsValue3Get3(data: any,fieldName: string){
cursor: pointer; cursor: pointer;
} }
} }
} }
</style> </style>

367
src/views/sysworkflow/lowcodepage/pageFlow/tableFlow.vue
View File

@ -3,47 +3,60 @@
@ 时间: 2024-04-08 15:21:19 @ 时间: 2024-04-08 15:21:19
@ 备注: 表单。有无流程处理 @ 备注: 表单。有无流程处理
--> -->
<script lang='ts' setup> <script lang="ts" setup>
import { nodeFlow,conditionInfo,nodelPeoples } from '@/api/taskapi/types' import { nodeFlow, conditionInfo, nodelPeoples } from "@/api/taskapi/types";
import { haveCustomerFormVersion,generateFlow,echoTableFormPage,realTimeUpdateFlow } from '@/api/taskapi/management' import {
import { string2json,stringToObj } from '@/utils/DesignForm/form' haveCustomerFormVersion,
import { judgeSubmitCancel,startRunFlow } from '@/api/DesignForm/requestapi' generateFlow,
import { notAsA_BasisForJudgment,asAnApprovalActionControl,fixedValueControl,timeControl,timeEquation,submitButton, afreshSubmitButton } from '@/utils/workflow/const' echoTableFormPage,
realTimeUpdateFlow,
import FlowStep from '@/views/taskplatform/taskmanagement/flowStep.vue' } from "@/api/taskapi/management";
import { string2json, stringToObj } from "@/utils/DesignForm/form";
import { judgeSubmitCancel, startRunFlow } from "@/api/DesignForm/requestapi";
import {
notAsA_BasisForJudgment,
asAnApprovalActionControl,
fixedValueControl,
timeControl,
timeEquation,
submitButton,
afreshSubmitButton,
} from "@/utils/workflow/const";
import FlowStep from "@/views/taskplatform/taskmanagement/flowStep.vue";
const props = defineProps({ const props = defineProps({
isopen: { isopen: {
type: Boolean, type: Boolean,
default:true default: true,
}, },
versionid: { versionid: {
type: String, type: String,
default:"" default: "",
}, },
versiontitle: { versiontitle: {
type: String, type: String,
default:"" default: "",
}, },
drawerwith: { drawerwith: {
type: Number, type: Number,
default:0 default: 0,
} },
}) });
const formLoading = ref(false) //loading const formLoading = ref(false); //loading
const flowLoading = ref(false) //loading const flowLoading = ref(false); //loading
const flowFactor = reactive<conditionInfo[]>([]) //表单组件 const flowFactor = reactive<conditionInfo[]>([]); //表单组件
const flowMap = ref<any[]>(); //工作流 const flowMap = ref<any[]>(); //工作流
const nextStep = ref<number>(0); const nextStep = ref<number>(0);
const currentProgress = ref<number>(1); const currentProgress = ref<number>(1);
const nodeKey = ref<string>(''); const nodeKey = ref<string>("");
//获取工作流条件 //获取工作流条件
const gainFlowChart = reactive<nodeFlow>({ const gainFlowChart = reactive<nodeFlow>({
id:"0" id: "0",
}) });
const nodelUserList = reactive<nodelPeoples[]>([]) const nodelUserList = reactive<nodelPeoples[]>([]);
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-04-08 15:35:54 @ 时间: 2024-04-08 15:35:54
@ -55,13 +68,13 @@ const state = reactive<any>({
list: [], list: [],
form: {}, form: {},
config: {}, config: {},
powerstr:{} powerstr: {},
}, },
dict: {}, dict: {},
formId: props.versionid, formId: props.versionid,
id: 0, id: 0,
loading: true loading: true,
}) });
const emits = defineEmits(["update:isopen", "searchquery", "optionsValue3Get4"]); const emits = defineEmits(["update:isopen", "searchquery", "optionsValue3Get4"]);
const drawerOpenOrClose = computed({ const drawerOpenOrClose = computed({
@ -73,81 +86,81 @@ const drawerOpenOrClose = computed({
const drawbox = computed({ const drawbox = computed({
get: () => { get: () => {
// console.log("isFlowTable",isFlowTable.value) // console.log("isFlowTable",isFlowTable.value)
if (isFlowTable.value) { if (isFlowTable.value) {
return 1300 return 1300;
} }
return props.drawerwith return props.drawerwith;
}, },
set: (val: number) => { set: (val: number) => {
return val return val;
}, },
}); });
const isFlowTable = ref(false) //判断是不是流程表单 const isFlowTable = ref(false); //判断是不是流程表单
//获取表单数据 //获取表单数据
const getTaskFormData = () => { const getTaskFormData = () => {
formLoading.value = true formLoading.value = true;
flowLoading.value = true flowLoading.value = true;
echoTableFormPage({ id: props.versionid.toString() }) echoTableFormPage({ id: props.versionid.toString() })
.then(({ data }) => { .then(({ data }) => {
// console.log("表单数据",data) // console.log("表单数据",data)
if (data.tableFormPage.flowIsOpen == 1 && data.tableFormPage.flowkeystr != "0") { if (data.tableFormPage.flowIsOpen == 1 && data.tableFormPage.flowkeystr != "0") {
isFlowTable.value = true; isFlowTable.value = true;
} else { } else {
isFlowTable.value = false; isFlowTable.value = false;
} }
gainFlowChart.id=data.tableFormPage.flowkeystr gainFlowChart.id = data.tableFormPage.flowkeystr;
// console.log("表单数据--->1",data.flowPage.flowList) // console.log("表单数据--->1",data.flowPage.flowList)
flowMap.value = data.flowPage.flowList flowMap.value = data.flowPage.flowList;
state.id=props.versionid state.id = props.versionid;
state.formData = stringToObj(data.tableFormPage.mastesform) state.formData = stringToObj(data.tableFormPage.mastesform);
state.formData.config.hideField = []//暂时的修复方法:接口返回的config中没有hideField属性,手动添加 state.formData.config.hideField = []; //暂时的修复方法:接口返回的config中没有hideField属性,手动添加
// console.log("tableFlow---echoTableFormPage---data.tableFormPage.mastesform",data.tableFormPage.mastesform) // console.log("tableFlow---echoTableFormPage---data.tableFormPage.mastesform",data.tableFormPage.mastesform)
state.dict = string2json(data.tableFormPage.dict) state.dict = string2json(data.tableFormPage.dict);
state.formData.powerstr = string2json(data.tableFormPage.powerstr) state.formData.powerstr = string2json(data.tableFormPage.powerstr);
judgeSubmitCancel({"name":data.tableFormPage.mastesformjson}) judgeSubmitCancel({ name: data.tableFormPage.mastesformjson }).then(
.then((datajud:any) =>{ (datajud: any) => {
if (datajud.code == 0) { if (datajud.code == 0) {
if (datajud.data == 3 || datajud.data == 4) { if (datajud.data == 3 || datajud.data == 4) {
state.formData.list.push(submitButton) state.formData.list.push(submitButton);
} }
} }
}) }
);
}) })
.finally(() => { .finally(() => {
formLoading.value = false formLoading.value = false;
flowLoading.value = false flowLoading.value = false;
}) });
} };
//监听页面变化 //监听页面变化
watch(()=>props.isopen,()=>{ watch(
() => props.isopen,
() => {
if (props.isopen) { if (props.isopen) {
getTaskFormData(); getTaskFormData();
} else { } else {
initData() initData();
} }
}) }
);
//数据初始化 //数据初始化
const initData = () => { const initData = () => {
state.formData = { state.formData = {
list: [], list: [],
form: {}, form: {},
config: {} config: {},
}; };
state.dict = {}; state.dict = {};
state.formId = 0; state.formId = 0;
state.id = 0; state.id = 0;
state.loading = true; state.loading = true;
let aryLen = flowFactor.length let aryLen = flowFactor.length;
if (aryLen > 0) flowFactor.splice(0, aryLen); if (aryLen > 0) flowFactor.splice(0, aryLen);
} };
//组件解析 //组件解析
const changeKeyVal = (key: any, val: any, type: any, attribute: any) => { const changeKeyVal = (key: any, val: any, type: any, attribute: any) => {
// console.log("改变表单值--key--->",key) // console.log("改变表单值--key--->",key)
@ -157,97 +170,102 @@ const changeKeyVal = (key:any,val:any,type:any,attribute:any) => {
// console.log("改变表单值--type-1-true->",notAsA_BasisForJudgment.indexOf(type)) // console.log("改变表单值--type-1-true->",notAsA_BasisForJudgment.indexOf(type))
// console.log("改变表单值--flowFactor--->",flowFactor) // console.log("改变表单值--flowFactor--->",flowFactor)
// if(notAsA_BasisForJudgment.indexOf(type) != -1){ // if(notAsA_BasisForJudgment.indexOf(type) != -1){
// console.log("改变表单值--type--true->",notAsA_BasisForJudgment.indexOf(type)) // console.log("改变表单值--type--true->",notAsA_BasisForJudgment.indexOf(type))
// } // }
let unitsVal = val let unitsVal = val;
let isUpdateFlowChart = false let isUpdateFlowChart = false;
//单选，多选，下拉菜单 //单选，多选，下拉菜单
if (notAsA_BasisForJudgment.indexOf(type) === -1) { if (notAsA_BasisForJudgment.indexOf(type) === -1) {
let isWrite = true let isWrite = true;
flowFactor.forEach((item: any) => { flowFactor.forEach((item: any) => {
if (item.factorid == key) { if (item.factorid == key) {
isWrite = false isWrite = false;
item.type=3 item.type = 3;
if (type == "checkbox") { if (type == "checkbox") {
item.isCheckbox = true item.isCheckbox = true;
item.answers = val.map(String) item.answers = val.map(String);
} else { } else {
item.isCheckbox = false item.isCheckbox = false;
item.oneanswer = val.toString() item.oneanswer = val.toString();
} }
if (notAsA_BasisForJudgment.indexOf(type) === -1) { if (notAsA_BasisForJudgment.indexOf(type) === -1) {
isUpdateFlowChart = true isUpdateFlowChart = true;
} }
} }
}) });
if (isWrite) { if (isWrite) {
if (type == "checkbox") { if (type == "checkbox") {
flowFactor.push({ flowFactor.push({
factorid: key, factorid: key,
type: 3, type: 3,
isCheckbox: true, isCheckbox: true,
answers:val.map(String) answers: val.map(String),
}) });
} else { } else {
flowFactor.push({ flowFactor.push({
factorid: key, factorid: key,
type: 3, type: 3,
isCheckbox: false, isCheckbox: false,
oneanswer:val.toString() oneanswer: val.toString(),
}) });
} }
isUpdateFlowChart = true isUpdateFlowChart = true;
} }
// console.log("改变表单值--flowFactor--->",flowFactor) // console.log("改变表单值--flowFactor--->",flowFactor)
} }
// console.log("改变表单值--flowFactor--1->",unitsVal,timeControl,type) // console.log("改变表单值--flowFactor--1->",unitsVal,timeControl,type)
//时间类空间附加判断条件 //时间类空间附加判断条件
if(timeControl.indexOf(type) > -1 || fixedValueControl.indexOf(type) > -1 || type == "input"){ if (
timeControl.indexOf(type) > -1 ||
fixedValueControl.indexOf(type) > -1 ||
type == "input"
) {
// console.log("改变表单值--flowFactor--3->",unitsVal) // console.log("改变表单值--flowFactor--3->",unitsVal)
let addNewTime = true //判断是否新增 let addNewTime = true; //判断是否新增
flowFactor.forEach((item: any) => { flowFactor.forEach((item: any) => {
// console.log("改变表单值--flowFactor--5->",item.type) // console.log("改变表单值--flowFactor--5->",item.type)
if (item.type == 2) { if (item.type == 2) {
addNewTime = false addNewTime = false;
// console.log("改变表单值--flowFactor--5====1->",item.type) // console.log("改变表单值--flowFactor--5====1->",item.type)
// console.log("改变表单值--flowFactor--5====3->",item.customFields,item.customFields.length) // console.log("改变表单值--flowFactor--5====3->",item.customFields,item.customFields.length)
if (item.customFields && item.customFields.length > 0) { if (item.customFields && item.customFields.length > 0) {
// console.log("改变表单值--flowFactor--5====2->",item.customFields) // console.log("改变表单值--flowFactor--5====2->",item.customFields)
let sunNewAdd = true let sunNewAdd = true;
item.customFields.forEach((sunItem: any) => { item.customFields.forEach((sunItem: any) => {
// console.log("改变表单值--flowFactor-4->",sunItem.wordfield , key,sunItem.wordfield == key) // console.log("改变表单值--flowFactor-4->",sunItem.wordfield , key,sunItem.wordfield == key)
if (sunItem.wordfield == key) { if (sunItem.wordfield == key) {
sunNewAdd = false sunNewAdd = false;
isUpdateFlowChart = true isUpdateFlowChart = true;
if(timeEquation.indexOf(attribute) === -1){ //非区间性时间 if (timeEquation.indexOf(attribute) === -1) {
sunItem.leftval = val.toString() //非区间性时间
}else{ //区间性时间 sunItem.leftval = val.toString();
} else {
//区间性时间
if (Array.isArray(val)) { if (Array.isArray(val)) {
if (val.length >= 2) { if (val.length >= 2) {
sunItem.leftval = val[0].toString() sunItem.leftval = val[0].toString();
sunItem.rightval = val[val.length - 1].toString() sunItem.rightval = val[val.length - 1].toString();
} }
} }
} }
} }
}) });
if (sunNewAdd) { if (sunNewAdd) {
isUpdateFlowChart = true isUpdateFlowChart = true;
if(timeEquation.indexOf(attribute) === -1){//非区间性时间 if (timeEquation.indexOf(attribute) === -1) {
//非区间性时间
let customFieldInfo = { let customFieldInfo = {
wordfield: key, wordfield: key,
optType: "1", optType: "1",
leftval: val.toString() leftval: val.toString(),
} };
item.customFields.push(customFieldInfo) item.customFields.push(customFieldInfo);
}else{ //区间性时间 } else {
//区间性时间
if (Array.isArray(val)) { if (Array.isArray(val)) {
if (val.length >= 2) { if (val.length >= 2) {
let customFieldInfo = { let customFieldInfo = {
@ -256,35 +274,37 @@ const changeKeyVal = (key:any,val:any,type:any,attribute:any) => {
leftval: val[0].toString(), leftval: val[0].toString(),
leftoptType: "3", leftoptType: "3",
rightoptType: "3", rightoptType: "3",
rightval:val[val.length - 1].toString() rightval: val[val.length - 1].toString(),
} };
item.customFields.push(customFieldInfo) item.customFields.push(customFieldInfo);
} }
} }
} }
} }
} }
} }
}) });
if(addNewTime){ //新增自定义类数据判断 if (addNewTime) {
isUpdateFlowChart = true //新增自定义类数据判断
if(timeEquation.indexOf(attribute) === -1){ //非区间性时间 isUpdateFlowChart = true;
if (timeEquation.indexOf(attribute) === -1) {
//非区间性时间
let customFieldInfo = { let customFieldInfo = {
wordfield: key, wordfield: key,
optType: "1", optType: "1",
leftval: val.toString() leftval: val.toString(),
} };
let condInfo = { let condInfo = {
factorid: "customFields", factorid: "customFields",
type: 2, type: 2,
isCheckbox: false, isCheckbox: false,
customFields:[customFieldInfo] customFields: [customFieldInfo],
} };
flowFactor.push(condInfo) flowFactor.push(condInfo);
}else{ //区间性时间 } else {
//区间性时间
if (Array.isArray(val)) { if (Array.isArray(val)) {
if (val.length >= 2) { if (val.length >= 2) {
let customFieldInfo = { let customFieldInfo = {
wordfield: key, wordfield: key,
@ -292,60 +312,58 @@ const changeKeyVal = (key:any,val:any,type:any,attribute:any) => {
leftval: val[0].toString(), leftval: val[0].toString(),
leftoptType: "3", leftoptType: "3",
rightoptType: "3", rightoptType: "3",
rightval:val[val.length - 1].toString() rightval: val[val.length - 1].toString(),
} };
let condInfo = { let condInfo = {
factorid: "customFields", factorid: "customFields",
type: 2, type: 2,
isCheckbox: false, isCheckbox: false,
customFields:[customFieldInfo] customFields: [customFieldInfo],
} };
flowFactor.push(condInfo) flowFactor.push(condInfo);
} }
} }
} }
} }
} }
//操作人 //操作人
if (asAnApprovalActionControl.indexOf(type) > -1) { if (asAnApprovalActionControl.indexOf(type) > -1) {
isUpdateFlowChart = true isUpdateFlowChart = true;
let isWriteUs = true let isWriteUs = true;
nodelUserList.forEach((item: any) => { nodelUserList.forEach((item: any) => {
if (item.factorid == key) { if (item.factorid == key) {
isWriteUs = false isWriteUs = false;
item.userList = val item.userList = val;
} }
}) });
if (isWriteUs) { if (isWriteUs) {
nodelUserList.push({ nodelUserList.push({
factorid: key, factorid: key,
userList:val userList: val,
}) });
} }
} }
// console.log("改变表单值--flowFactor--->",flowFactor) // console.log("改变表单值--flowFactor--->",flowFactor)
//更新工作流图 //更新工作流图
if (isUpdateFlowChart) { if (isUpdateFlowChart) {
flowLoading.value = true flowLoading.value = true;
//获取工作流不进图 //获取工作流不进图
gainFlowChart.conditionList=flowFactor gainFlowChart.conditionList = flowFactor;
gainFlowChart.nodelPeople=nodelUserList gainFlowChart.nodelPeople = nodelUserList;
gainFlowChart.oldFlow = flowMap gainFlowChart.oldFlow = flowMap;
// console.log("获取工作流不进图--gainFlowChart--->",gainFlowChart) // console.log("获取工作流不进图--gainFlowChart--->",gainFlowChart)
realTimeUpdateFlow(gainFlowChart) realTimeUpdateFlow(gainFlowChart).then((data: any) => {
.then((data:any) =>{
// console.log("获取工作流不进图-new-->",data) // console.log("获取工作流不进图-new-->",data)
flowMap.value = data.data.flowList flowMap.value = data.data.flowList;
nextStep.value = data.data.nextStep; nextStep.value = data.data.nextStep;
currentProgress.value = data.data.Step; currentProgress.value = data.data.Step;
nodeKey.value = data.data.nodeKey; nodeKey.value = data.data.nodeKey;
// // console.log("获取工作流不进图-1-->",flowMap.value) // // console.log("获取工作流不进图-1-->",flowMap.value)
flowLoading.value = false flowLoading.value = false;
}) });
}
} }
};
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-04-09 16:41:20 @ 时间: 2024-04-09 16:41:20
@ -354,37 +372,36 @@ const changeKeyVal = (key:any,val:any,type:any,attribute:any) => {
const afterSubmit = (type: string, val?: any) => { const afterSubmit = (type: string, val?: any) => {
// console.log("表单提交成功------------------>",type,val) // console.log("表单提交成功------------------>",type,val)
// console.log("流程------------------>",flowMap) // console.log("流程------------------>",flowMap)
if (type === 'success') { if (type === "success") {
emits("searchquery") emits("searchquery");
if (isFlowTable.value) { if (isFlowTable.value) {
if (val.code == 0) { if (val.code == 0) {
if (val.data) { if (val.data) {
let sendInfo = { let sendInfo = {
id: val.data.uuid, id: val.data.uuid,
flowList: flowMap.value, flowList: flowMap.value,
state:3 state: 3,
} };
startRunFlow(sendInfo) startRunFlow(sendInfo).then((data: any) => {
.then((data:any)=>{
// console.log("流程提交成功--------1---------->",data) // console.log("流程提交成功--------1---------->",data)
}) });
}
} }
} }
} }
closeAppSubmit()
} }
closeAppSubmit();
};
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-04-09 16:49:09 @ 时间: 2024-04-09 16:49:09
@ 功能: 表单前置数据 @ 功能: 表单前置数据
*/ */
const beforeSubmit = (params: any) => { const beforeSubmit = (params: any) => {
params.formId = props.versionid params.formId = props.versionid;
params.id = "" params.id = "";
// emits("update:isopen", false); // emits("update:isopen", false);
return params return params;
} };
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-04-09 16:50:01 @ 时间: 2024-04-09 16:50:01
@ -392,45 +409,43 @@ const beforeSubmit = (params: any) => {
*/ */
const closeAppSubmit = () => { const closeAppSubmit = () => {
emits("update:isopen", false); emits("update:isopen", false);
} };
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-04-09 16:50:37 @ 时间: 2024-04-09 16:50:37
@ 功能: 保存草稿 @ 功能: 保存草稿
*/ */
const saveDraftPage = (type: string, val?: any) => { const saveDraftPage = (type: string, val?: any) => {
if (type === 'success') { if (type === "success") {
emits("searchquery") emits("searchquery");
if (isFlowTable.value) { if (isFlowTable.value) {
if (val.code == 0) { if (val.code == 0) {
let sendInfo = { let sendInfo = {
id: val.data.uuid, id: val.data.uuid,
flowList: flowMap.value, flowList: flowMap.value,
state:1 state: 1,
} };
startRunFlow(sendInfo) startRunFlow(sendInfo).then((data: any) => {
.then((data:any)=>{
// console.log("流程提交成功--------1---------->",data) // console.log("流程提交成功--------1---------->",data)
}) });
}
} }
} }
closeAppSubmit()
} }
closeAppSubmit();
};
function optionsValue3Get3(data: any, fieldName: string) { function optionsValue3Get3(data: any, fieldName: string) {
//console.log("tableFlow","optionsValue3Get3") //console.log("tableFlow","optionsValue3Get3")
if (fieldName.startsWith("childTable---")) { if (fieldName.startsWith("childTable---")) {
let tableAndFieldNameArr = fieldName.split("---") let tableAndFieldNameArr = fieldName.split("---");
for (let i = 0; i < state.formData.list.length; i++) { for (let i = 0; i < state.formData.list.length; i++) {
if (state.formData.list[i].name == tableAndFieldNameArr[1]) { if (state.formData.list[i].name == tableAndFieldNameArr[1]) {
for (let u = 0; u < state.formData.list[i].list.length; u++) { for (let u = 0; u < state.formData.list[i].list.length; u++) {
if (state.formData.list[i].list[u].name == tableAndFieldNameArr[2]) { if (state.formData.list[i].list[u].name == tableAndFieldNameArr[2]) {
state.formData.list[i].list[u].options = [] state.formData.list[i].list[u].options = [];
for (let j = 0; j < data.length; j++) { for (let j = 0; j < data.length; j++) {
state.formData.list[i].list[u].options.push(data[j]) state.formData.list[i].list[u].options.push(data[j]);
} }
} }
} }
@ -439,20 +454,26 @@ function optionsValue3Get3(data: any,fieldName: string){
} else { } else {
for (let i = 0; i < state.formData.list.length; i++) { for (let i = 0; i < state.formData.list.length; i++) {
if (state.formData.list[i].name == fieldName) { if (state.formData.list[i].name == fieldName) {
state.formData.list[i].options = [] state.formData.list[i].options = [];
for (let j = 0; j < data.length; j++) { for (let j = 0; j < data.length; j++) {
state.formData.list[i].options.push(data[j]) state.formData.list[i].options.push(data[j]);
} }
} }
} }
} }
} }
</script> </script>
<template> <template>
<el-drawer v-model="drawerOpenOrClose" v-loading="loadingData" :title="versiontitle" :close-on-click-modal="false" :close-on-press-escape="false" :destroy-on-close="true" :size="drawbox" class="drawerClass" > <el-drawer
v-model="drawerOpenOrClose"
v-loading="loadingData"
:title="versiontitle"
:close-on-click-modal="false"
:close-on-press-escape="false"
:destroy-on-close="true"
:size="drawbox"
class="drawerClass"
>
<div v-if="isFlowTable" class="common-layout"> <div v-if="isFlowTable" class="common-layout">
<el-container> <el-container>
<el-main v-loading="formLoading" element-loading-text="Loading..."> <el-main v-loading="formLoading" element-loading-text="Loading...">
@ -472,18 +493,28 @@ function optionsValue3Get3(data: any,fieldName: string){
:save-draft-page="saveDraftPage" :save-draft-page="saveDraftPage"
/> />
</el-main> </el-main>
<el-aside v-loading="flowLoading" element-loading-text="Loading..." width="350px" class="flowBox"> <el-aside
v-loading="flowLoading"
element-loading-text="Loading..."
width="350px"
class="flowBox"
>
<el-text size="large">审批流程</el-text> <el-text size="large">审批流程</el-text>
<FlowStep v-model:flow-map="flowMap" :next-step="nextStep" :current-progress="currentProgress" :node-key="nodeKey" /> <FlowStep
v-model:flow-map="flowMap"
:next-step="nextStep"
:current-progress="currentProgress"
:node-key="nodeKey"
/>
</el-aside> </el-aside>
</el-container> </el-container>
</div> </div>
<!--无流程表单--> <!--无流程表单-->
<div v-else class="common-layout"> <div v-else class="common-layout">
<ak-form <ak-form
ref="formEl" ref="formEl"
v-loading="formLoading" element-loading-text="Loading..." v-loading="formLoading"
element-loading-text="Loading..."
:form-data="state.formData" :form-data="state.formData"
:type="formType" :type="formType"
:numrun="formType" :numrun="formType"
@ -499,9 +530,8 @@ function optionsValue3Get3(data: any,fieldName: string){
/> />
</div> </div>
</el-drawer> </el-drawer>
</template> </template>
<style lang='scss' scoped> <style lang="scss" scoped>
.common-layout { .common-layout {
height: calc(100vh - 55px); height: calc(100vh - 55px);
padding: 0 15px; padding: 0 15px;
@ -523,6 +553,5 @@ function optionsValue3Get3(data: any,fieldName: string){
cursor: pointer; cursor: pointer;
} }
} }
} }
</style> </style>

Write Preview
Loading…
Cancel
Save