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. 768
      src/views/sysworkflow/lowcodepage/pageFlow/appTableFlow.vue
  3. 589
      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 {

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

File diff suppressed because it is too large

589
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,15 +68,15 @@ 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({
get: () => props.isopen, get: () => props.isopen,
set: (val) => { set: (val) => {
@ -73,83 +86,83 @@ 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(
if(props.isopen){ () => 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)
// console.log("改变表单值--val--->",val,Array.isArray(val)) // console.log("改变表单值--val--->",val,Array.isArray(val))
// console.log("改变表单值--type--->",type) // console.log("改变表单值--type--->",type)
@ -157,302 +170,310 @@ 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();
if(Array.isArray(val)){ } else {
if(val.length >= 2){ //区间性时间
sunItem.leftval = val[0].toString() if (Array.isArray(val)) {
sunItem.rightval = val[val.length - 1].toString() if (val.length >= 2) {
} sunItem.leftval = val[0].toString();
} sunItem.rightval = val[val.length - 1].toString();
} }
} }
}) }
if(sunNewAdd){ }
isUpdateFlowChart = true });
if(timeEquation.indexOf(attribute) === -1){//非区间性时间 if (sunNewAdd) {
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(),
} };
item.customFields.push(customFieldInfo) item.customFields.push(customFieldInfo);
}else{ //区间性时间 } else {
if(Array.isArray(val)){ //区间性时间
if(val.length >= 2){ if (Array.isArray(val)) {
if (val.length >= 2) {
let customFieldInfo = { let customFieldInfo = {
wordfield: key, wordfield: key,
optType: "6", optType: "6",
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,
optType: "6", optType: "6",
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
@ 功能: 提交成功回调 @ 功能: 提交成功回调
*/ */
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
@ 功能: 关闭操作 @ 功能: 关闭操作
*/ */
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])
} }
} }
} }
} }
} }
}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,30 +530,28 @@ 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;
.el-main{ .el-main {
height: calc(100vh - 55px); height: calc(100vh - 55px);
padding:0; padding: 0;
} }
.flowBox{ .flowBox {
height: calc(100vh - 55px); height: calc(100vh - 55px);
border-left: 1px solid #ccc; border-left: 1px solid #ccc;
padding: 0 15px; padding: 0 15px;
} }
.el-header{ .el-header {
padding:0 10px; padding: 0 10px;
line-height:30px; line-height: 30px;
text-align:right; text-align: right;
font-size:20px; font-size: 20px;
i{ i {
cursor:pointer; cursor: pointer;
} }
} }
} }
</style> </style>

Write Preview
Loading…
Cancel
Save