From f1c3bb7e778e51826eced7ae803250452cc6d2df Mon Sep 17 00:00:00 2001 From: herenshan112 Date: Mon, 9 Feb 2026 13:41:13 +0800 Subject: [PATCH] =?UTF-8?q?=E5=BE=AE=E8=B0=83=E9=A1=B5=E9=9D=A2=E9=83=A8?= =?UTF-8?q?=E7=BD=B2=E6=83=85=E5=86=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../DesignForm/public/form/newForm.vue | 4 ++-- .../tableListPage/newFormPageCont.vue | 21 +++++++++++----- .../lowcodepage/pageFlow/newTableFlow.vue | 24 +++++++++++++------ .../taskmanagement/lookFlowInfoNewApp.vue | 22 +++++++++++------ 4 files changed, 49 insertions(+), 22 deletions(-) diff --git a/src/components/DesignForm/public/form/newForm.vue b/src/components/DesignForm/public/form/newForm.vue index 5a08736..d0d2edc 100644 --- a/src/components/DesignForm/public/form/newForm.vue +++ b/src/components/DesignForm/public/form/newForm.vue @@ -3329,7 +3329,7 @@ const webPage = computed({ } .twoPage{ display: grid; - grid-template-columns: 1fr minmax(150px, 400px); /* 左右最小150px，最大250px，中间自适应 */ + grid-template-columns: 1fr minmax(150px, 300px); /* 左右最小150px，最大250px，中间自适应 */ grid-template-rows: auto; gap: 10px; max-width: 100%; @@ -3337,7 +3337,7 @@ const webPage = computed({ } .treePage{ display: grid; - grid-template-columns: minmax(150px, 400px) 1fr minmax(150px, 400px); /* 左右最小150px，最大250px，中间自适应 */ + grid-template-columns: minmax(150px, 300px) 1fr minmax(150px, 300px); /* 左右最小150px，最大250px，中间自适应 */ grid-template-rows: auto; gap: 10px; max-width: 100%; diff --git a/src/components/DesignForm/tableListPage/newFormPageCont.vue b/src/components/DesignForm/tableListPage/newFormPageCont.vue index d6f533c..015b944 100644 --- a/src/components/DesignForm/tableListPage/newFormPageCont.vue +++ b/src/components/DesignForm/tableListPage/newFormPageCont.vue @@ -160,7 +160,7 @@ const getCustomrrFormInfo = () => { formState.formData = stringToObj(data.structure.mastesform); console.log("获取自定义表单内容--state.formData->1", formState.formData); if(isFlowTable.value){ - extraW = 150 + extraW = 300 } if(formState.formData&&formState.formData.aiConfig&&formState.formData.aiConfig.length>0){ aiConfigArea.value=true @@ -178,16 +178,25 @@ const getCustomrrFormInfo = () => { }); } if(aiConfigArea.value){ - extraW = extraW + 150 + extraW = extraW + 300 } console.log("获取自定义表单内容--drawBodyWidth.value->2", drawBodyWidth.value); if (aiConfigArea.value && isFlowTable.value){ - drawBodyWidth.value = drawBodyWidth.value + extraW - 160 + drawBodyWidth.value = drawBodyWidth.value + extraW - 100 }else if ((!aiConfigArea.value && isFlowTable.value) || (aiConfigArea.value && !isFlowTable.value)){ drawBodyWidth.value = drawBodyWidth.value + extraW }else{ drawBodyWidth.value = drawBodyWidth.value } + if (extraW == 0){ + drawBodyWidth.value = 780 + } + if (extraW == 300 && drawBodyWidth.value > 1100){ + drawBodyWidth.value = 1100 + } + if(drawBodyWidth.value > 1400){ + drawBodyWidth.value = 1400 + } props.dprt.forEach((element: any[]) => { let tableName = element[0] let datePickerName = element[1] @@ -489,7 +498,7 @@ const submitEdit = (type: string, val?: any) => { } .twoPageAi{ display: grid; - grid-template-columns: minmax(150px, 400px) 1fr; /* 左右最小150px，最大250px，中间自适应 */ + grid-template-columns: minmax(150px, 300px) 1fr; /* 左右最小150px，最大250px，中间自适应 */ // grid-template-columns: 4fr 6fr; /* 左右最小150px，最大250px，中间自适应 */ grid-template-rows: auto; gap: 10px; @@ -498,7 +507,7 @@ const submitEdit = (type: string, val?: any) => { } .twoPageFlow{ display: grid; - grid-template-columns: 1fr minmax(150px, 400px); /* 左右最小150px，最大250px，中间自适应 */ + grid-template-columns: 1fr minmax(150px, 300px); /* 左右最小150px，最大250px，中间自适应 */ // grid-template-columns: 4fr 1fr; /* 左右最小150px，最大250px，中间自适应 */ grid-template-rows: auto; gap: 10px; @@ -507,7 +516,7 @@ const submitEdit = (type: string, val?: any) => { } .treePage{ display: grid; - grid-template-columns: minmax(150px, 400px) 1fr minmax(150px, 400px); /* 左右最小150px，最大250px，中间自适应 */ + grid-template-columns: minmax(150px, 300px) 1fr minmax(150px, 300px); /* 左右最小150px，最大250px，中间自适应 */ // grid-template-columns: 2fr 6fr 2fr; /* 左右最小150px，最大250px，中间自适应 */ grid-template-rows: auto; gap: 10px; diff --git a/src/views/sysworkflow/lowcodepage/pageFlow/newTableFlow.vue b/src/views/sysworkflow/lowcodepage/pageFlow/newTableFlow.vue index 8f31e5b..4720795 100644 --- a/src/views/sysworkflow/lowcodepage/pageFlow/newTableFlow.vue +++ b/src/views/sysworkflow/lowcodepage/pageFlow/newTableFlow.vue @@ -155,7 +155,7 @@ const getTaskFormData = () => { } if(isFlowTable.value){ - extraW = 150 + extraW = 300 } @@ -206,13 +206,14 @@ const getTaskFormData = () => { if(aiConfigArea.value){ - extraW = extraW + 150 + extraW = extraW + 300 } + console.error("不存在流程--extraW--》",extraW) if (aiConfigArea.value && isFlowTable.value){ pageType.value = 3 pageBody.value = "treePage" - drawBodyWidth.value = drawBodyWidth.value + extraW - 160 + drawBodyWidth.value = drawBodyWidth.value + extraW - 100 }else if ((!aiConfigArea.value && isFlowTable.value) || (aiConfigArea.value && !isFlowTable.value)){ pageType.value = 2 pageBody.value = "twoPage" @@ -222,7 +223,16 @@ const getTaskFormData = () => { pageBody.value = "" drawBodyWidth.value = drawBodyWidth.value } - + + if (extraW == 0){ + drawBodyWidth.value = 780 + } + if (extraW == 300 && drawBodyWidth.value > 1100){ + drawBodyWidth.value = 1100 + } + if(drawBodyWidth.value > 1400){ + drawBodyWidth.value = 1400 + } drawLoading.value = false // console.error("2---------------->",formBodyRef.value?.clientWidth) @@ -792,7 +802,7 @@ provide(constAiEffect, ({ key, value, field,rowdex}: any) => { } .twoPageAi{ display: grid; - grid-template-columns: minmax(150px, 400px) 1fr; /* 左右最小150px，最大250px，中间自适应 */ + grid-template-columns: minmax(150px, 300px) 1fr; /* 左右最小150px，最大250px，中间自适应 */ grid-template-rows: auto; gap: 10px; max-width: 100%; @@ -800,7 +810,7 @@ provide(constAiEffect, ({ key, value, field,rowdex}: any) => { } .twoPageFlow{ display: grid; - grid-template-columns: 1fr minmax(150px, 400px); /* 左右最小150px，最大250px，中间自适应 */ + grid-template-columns: 1fr minmax(150px, 300px); /* 左右最小150px，最大250px，中间自适应 */ grid-template-rows: auto; gap: 10px; max-width: 100%; @@ -808,7 +818,7 @@ provide(constAiEffect, ({ key, value, field,rowdex}: any) => { } .treePage{ display: grid; - grid-template-columns: minmax(150px, 400px) 1fr minmax(150px, 400px); /* 左右最小150px，最大250px，中间自适应 */ + grid-template-columns: minmax(150px, 300px) 1fr minmax(150px, 300px); /* 左右最小150px，最大250px，中间自适应 */ grid-template-rows: auto; gap: 10px; max-width: 100%; diff --git a/src/views/taskplatform/taskmanagement/lookFlowInfoNewApp.vue b/src/views/taskplatform/taskmanagement/lookFlowInfoNewApp.vue index 0bedacc..288e5dd 100644 --- a/src/views/taskplatform/taskmanagement/lookFlowInfoNewApp.vue +++ b/src/views/taskplatform/taskmanagement/lookFlowInfoNewApp.vue @@ -129,7 +129,7 @@ const gainFormData = () => { .then((data: any) => { let extraW=0; if(isFlowTable.value){ - extraW = 150 + extraW = 300 } if (data.data.logistrue) { formState.formData.list.push(editLookFormCont); @@ -158,18 +158,26 @@ const gainFormData = () => { }); } if(aiConfigArea.value){ - extraW = extraW + 150 + extraW = extraW + 300 } if (aiConfigArea.value && isFlowTable.value){ - drawBodyWidth.value = drawBodyWidth.value + extraW - 160 + drawBodyWidth.value = drawBodyWidth.value + extraW - 100 }else if ((!aiConfigArea.value && isFlowTable.value) || (aiConfigArea.value && !isFlowTable.value)){ drawBodyWidth.value = drawBodyWidth.value + extraW }else{ drawBodyWidth.value = drawBodyWidth.value } - + if (extraW == 0){ + drawBodyWidth.value = 780 + } + if (extraW == 300 && drawBodyWidth.value > 1100){ + drawBodyWidth.value = 1100 + } + if(drawBodyWidth.value > 1400){ + drawBodyWidth.value = 1400 + } nextTick(() => { // console.log("获取自定义表单内容-1111-->",data.data.tableData) @@ -378,7 +386,7 @@ const submitEdit = () => { } .twoPageAi{ display: grid; - grid-template-columns: minmax(150px, 400px) 1fr; /* 左右最小150px，最大250px，中间自适应 */ + grid-template-columns: minmax(150px, 300px) 1fr; /* 左右最小150px，最大250px，中间自适应 */ grid-template-rows: auto; gap: 10px; max-width: 100%; @@ -386,7 +394,7 @@ const submitEdit = () => { } .twoPageFlow{ display: grid; - grid-template-columns: 1fr minmax(150px, 400px); /* 左右最小150px，最大250px，中间自适应 */ + grid-template-columns: 1fr minmax(150px, 300px); /* 左右最小150px，最大250px，中间自适应 */ grid-template-rows: auto; gap: 10px; max-width: 100%; @@ -394,7 +402,7 @@ const submitEdit = () => { } .treePage{ display: grid; - grid-template-columns: minmax(150px, 400px) 1fr minmax(150px, 400px); /* 左右最小150px，最大250px，中间自适应 */ + grid-template-columns: minmax(150px, 300px) 1fr minmax(150px, 300px); /* 左右最小150px，最大250px，中间自适应 */ grid-template-rows: auto; gap: 10px; max-width: 100%;