微调页面部署情况

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%;

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;

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"
@@ -223,6 +224,15 @@ const getTaskFormData = () => {
         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%;

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%;