改变样式

src/components/DesignForm/app/index.vue

@@ -1550,13 +1550,14 @@ const transformOption = (val: string | number, type?: string) => {
 };
 
 const readerColumnSun = (column: any) => {
+  console.log("表头label长度-11->", column);
   let labelLong = 0; // 表头label长度
-  if (column) {
+  if (column.children) {
-    labelLong = column.length;
+    labelLong = column.children.length;
   }
   if (labelLong > 0) {
     let countLenght = 3;
-    column.forEach((item: any) => {
+    column.children.forEach((item: any) => {
       if (item.label.length < 3) {
         countLenght = countLenght + 90;
       } else {
@@ -1566,7 +1567,7 @@ const readerColumnSun = (column: any) => {
     console.log("表头label长度-->", countLenght);
     return countLenght;
   } else {
-    return 420;
+    return 100;
   }
 };
 </script>
@@ -1832,7 +1833,7 @@ const readerColumnSun = (column: any) => {
               :prop="item.field"
               :label="item.label"
               config=""
-              width="200"
+              min-width="100"
               align="center"
               fixed="right"
             >
@@ -1962,7 +1963,7 @@ const readerColumnSun = (column: any) => {
               v-else-if="item.fieldClass == '_lableTitle'"
               label="标题"
               config=""
-              min-width="320"
+              min-width="20"
             >
               <template #default="scope">
                 {{ writeListTitle(scope.row, viewPage.list) }}
@@ -1973,7 +1974,7 @@ const readerColumnSun = (column: any) => {
               v-else-if="item.fieldClass == ''"
               :prop="item.field"
               :label="item.label"
-              :width="readerColumnSun(item.children)"
+              :min-width="readerColumnSun(item)"
             >
               <template #default="scope">
                 <el-table

src/components/DesignForm/tableListPage/index.vue

@@ -1566,12 +1566,12 @@ const readerColumn = (column: any, isSun: int) => {
 };
 const readerColumnSun = (column: any) => {
   let labelLong = 0; // 表头label长度
-  if (column) {
+  if (column.children) {
-    labelLong = column.length;
+    labelLong = column.children.length;
   }
   if (labelLong > 0) {
     let countLenght = 3;
-    column.forEach((item: any) => {
+    column.children.forEach((item: any) => {
       if (item.label.length < 3) {
         countLenght = countLenght + 90;
       } else {
@@ -1581,7 +1581,7 @@ const readerColumnSun = (column: any) => {
     console.log("表头label长度-->", countLenght);
     return countLenght;
   } else {
-    return 420;
+    return 100;
   }
 };
 </script>
@@ -1979,7 +1979,7 @@ const readerColumnSun = (column: any) => {
               v-else-if="item.fieldClass == ''"
               :prop="item.field"
               :label="item.label"
-              :width="readerColumnSun(item.children)"
+              :width="readerColumnSun(item)"
             >
               <template #default="scope"
                 >{{ data.tableProps }}