YT-1828物料基本信息详情中的采购订单页面样式显示不正确

src/components/Table/src/Table.vue

@@ -385,6 +385,7 @@ export default defineComponent({
                 headerAlign={headerAlign}
                 {...props}
                 prop={v.field}
+                minWidth={v.minWidth}
               >
                 {{
                   default: (data: TableSlotDefault) =>

src/hooks/web/useCrudSchemas.ts

@@ -43,6 +43,8 @@ type CrudTableParams = {
   show?: boolean
   // 列宽配置
   width?: number | string
+  // 最小列宽配置
+  minWidth?: number | string
   // 列是否固定在左侧或者右侧
   fixed?: 'left' | 'right'
 } & Omit<FormSchema, 'field'>

src/views/wms/purchasereceiptManage/supplierdeliver/purchaseMain/purchaseMain.data.ts

@@ -19,7 +19,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
     isForm: false,
     sortTableDefault: 1,
     table: {
-      width: 180,
+      minWidth: 150,
       fixed: 'left'
     },
   },
@@ -35,7 +35,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
     sortTableDefault: 2,
     sort: 'custom',
     table: {
-      width: 150
+      minWidth: 150
     },
     form: {
       value: '1',
@@ -50,7 +50,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
     sort: 'custom',
     isSearch: true,
     table: {
-      width: 150
+      minWidth: 150
     },
     form: {
       labelMessage: '影响明细中品番，需在供应商物料中维护',
@@ -89,7 +89,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
     sort: 'custom',
     sortTableDefault:4,
     table: {
-      width: 150
+      minWidth: 150
     },
   },
   {
@@ -102,7 +102,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
     sort: 'custom',
     sortTableDefault: 5,
     table: {
-      width: 150
+      minWidth: 150
     },
   },
   // {
@@ -112,7 +112,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
   //   isSearch: true,
   //   sort: 'custom',
   //   table: {
-  //     width: 150
+  //     minWidth: 150
   //   },
   // },
  
@@ -126,7 +126,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
     },
     sort: 'custom',
     table: {
-      width: 180
+      minWidth: 150
     },
     sortTableDefault: 6,
     form: {
@@ -151,7 +151,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
     },
     sort: 'custom',
     table: {
-      width: 180
+      minWidth: 150
     },
     sortTableDefault: 7,
     form: {
@@ -170,7 +170,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
     sort: 'custom',
     isTable: false,
     table: {
-      width: 150
+      minWidth: 150
     },
   },
   {
@@ -178,7 +178,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
     field: 'taxRate',
     sort: 'custom',
     table: {
-      width: 150
+      minWidth: 150
     },
     isTable: false,
     form: {
@@ -198,7 +198,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
     isTable: false,
     isForm: false,
     table: {
-      width: 150
+      minWidth: 150
     },
   },
   {
@@ -207,7 +207,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
     sort: 'custom',
     isTable: false,
     table: {
-      width: 150
+      minWidth: 150
     },
   },
   {
@@ -216,7 +216,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
     sort: 'custom',
     isTable: false,
     table: {
-      width: 150
+      minWidth: 150
     },
   },
   {
@@ -225,7 +225,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
     sort: 'custom',
     isTable: false,
     table: {
-      width: 150
+      minWidth: 150
     },
   },
   {
@@ -236,7 +236,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
     isTable: false,
     sort: 'custom',
     table: {
-      width: 150
+      minWidth: 150
     },
     isForm: false,
     form: {
@@ -255,7 +255,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
     isTable: false,
     isForm:false,
     table: {
-      width: 150
+      minWidth: 150
     },
   },
 
@@ -266,7 +266,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
     isTable:true,
     isForm:false,
     table: {
-      width: 150
+      minWidth: 150
     },
   },
 
@@ -275,7 +275,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
     field: 'businessType',
     sort: 'custom',
     table: {
-      width: 150
+      minWidth: 150
     },
     isForm: false,
     isTable: false,
@@ -292,7 +292,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
     field: 'dataSource',
     sort: 'custom',
     table: {
-      width: 150
+      minWidth: 150
     },
     isForm: false,
     isTable: false,
@@ -304,12 +304,12 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
   //   field: 'currentStage',
   //   sort: 'custom',
   //   table: {
-  //     width: 150
+  //     minWidth: 150
   //   },
   //   form: {
   //     component: 'InputNumber',
   //     componentProps: {
-  //       style: {width:'100%'},
+  //       style: {minWidth:'100%'},
   //       min: 0
   //     }
   //   },
@@ -324,7 +324,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
     isForm: false,
     isTable: true,
     table: {
-      width: 150
+      minWidth: 150
     },
     sortTableDefault: 1000,
   },
@@ -339,7 +339,7 @@ export const PurchaseMain = useCrudSchemas(reactive<CrudSchema[]>([
     sort: 'custom',
     isForm: false,
     table: {
-      width: 180
+      minWidth: 150
     },
     form: {
       component: 'DatePicker',
@@ -910,7 +910,7 @@ export const PurchaseDetail = useCrudSchemas(reactive<CrudSchema[]>([
   //     dateFormat: 'YYYY-MM-DD HH:mm:ss'
   //   },
   //   table: {
-  //     width: 180
+  //     width: 150
   //   },
   //   hiddenInMain:false,
   //   isForm: false,