fix: 采购订单ui调整

config/config.ts

@@ -43,7 +43,7 @@ const config: any = {
   // layout: {},
   esbuild: {},
   // 打开msfu会导致样式异常, 无法获得正常的样式变量
-  mfsu: {},
+  // mfsu: {},
   antd: {},
   locale: {
     default: 'zh-CN',

src/locales/en-US/order.ts

@@ -122,7 +122,7 @@ export default {
   'purchaseOrder.orderCollect.schema.hasInvoiceChildren': 'Invoice required',
   'purchaseOrder.orderCollect.schema.title6': 'Other information',
   'purchaseOrder.orderCollect.schema.pack': 'Packing requirements',
-  'purchaseOrder.orderCollect.schema.remark': 'Other requirements',
+  'purchaseOrder.orderCollect.schema.remark': 'Remark',
   'purchaseOrder.orderCollect.schema.contractNo': 'Contract Number',
   'purchaseOrder.orderCollect.schema.buyerMemberMajorId': 'Purchase Member',
   'purchaseOrder.orderCollect.schema.buyerMemberMajorIdPh': 'Please enter the search purchasing member',

src/locales/ko-KR/order.ts

@@ -122,7 +122,7 @@ export default {
   'purchaseOrder.orderCollect.schema.hasInvoiceChildren': '청구서 필요',
   'purchaseOrder.orderCollect.schema.title6': '기타 정보',
   'purchaseOrder.orderCollect.schema.pack': '포장 요구 사항',
-  'purchaseOrder.orderCollect.schema.remark': '기타 요구 사항',
+  'purchaseOrder.orderCollect.schema.remark': '비고난',
   'purchaseOrder.orderCollect.schema.contractNo': '해당 계약 번호',
   'purchaseOrder.orderCollect.schema.buyerMemberMajorId': '구매 회원',
   'purchaseOrder.orderCollect.schema.buyerMemberMajorIdPh': '구매 회원 검색 입력',

src/locales/zh-CN/order.ts

@@ -122,7 +122,7 @@ export default {
   'purchaseOrder.orderCollect.schema.hasInvoiceChildren': '需要发票',
   'purchaseOrder.orderCollect.schema.title6': '其他信息',
   'purchaseOrder.orderCollect.schema.pack': '包装要求',
-  'purchaseOrder.orderCollect.schema.remark': '其他要求',
+  'purchaseOrder.orderCollect.schema.remark': '备注',
   'purchaseOrder.orderCollect.schema.contractNo': '对应合同编号',
   'purchaseOrder.orderCollect.schema.buyerMemberMajorId': '采购会员',
   'purchaseOrder.orderCollect.schema.buyerMemberMajorIdPh': '请输入搜索采购会员',

src/pages/transaction/purchaseOrder/orderCollectSrm/components/materialTableCell/index.tsx

@@ -98,7 +98,7 @@ export const MaterialTableCell:React.FC<MaterialTableCellProps> = ({
       // input类型
       case 'input': {
         return <Input
-          style={{width: 80}}
+          style={{width: 112}}
           type='number'
           ref={formItemRef}
           onChange={save}
@@ -110,7 +110,7 @@ export const MaterialTableCell:React.FC<MaterialTableCellProps> = ({
       // select选择类型
       case 'select': {
         return <Select
-          style={{width: 80}}
+          style={{width: 112}}
           ref={formItemRef}
           onChange={(value, option) => change(value, option, dataIndex)}
           id={dataIndex + record.id}
@@ -134,8 +134,10 @@ export const MaterialTableCell:React.FC<MaterialTableCellProps> = ({
       // 备注input
       case 'remark': {
         return (
-          <Input
-            style={{ width: 80 }}
+          <Input.TextArea
+            style={{ width: 144 }}
+            rows={1}
+            placeholder="请输入备注"
             ref={formItemRef}
             onChange={save}
             {...formItemProps}
@@ -170,24 +172,33 @@ const validatorNumber = (rule, value, callback) => {
           style={{ margin: 0 }}
           name={dataIndex}
           initialValue={record[dataIndex] || ''}
-          rules={dataIndex === 'purchaseCount' ? [
-            {
-              required: true,
-              message: intl.formatMessage({id: 'purchaseOrder.orderCollect.productTableCell.validator4'}).replaceAll('x', `${title}`),
-            },
-            {
-              pattern: /^\d+(\.\d{1,3})?$/,
-              message: intl.formatMessage({id: 'purchaseOrder.orderCollect.productTableCell.validator2'}),
-            },
-            {
-              validator: validatorNumber
-            },
-          ] : [
-            {
-              required: true,
-              message: intl.formatMessage({id: 'purchaseOrder.orderCollect.productTableCell.validator4'}).replaceAll('x', `${title}`),
+          rules={(() => {
+            switch (dataIndex) {
+              case 'remark': // 备注非必填
+                return []
+              case 'purchaseCount':
+                return [
+                  {
+                    required: true,
+                    message: intl.formatMessage({id: 'purchaseOrder.orderCollect.productTableCell.validator4'}).replaceAll('x', `${title}`),
+                  },
+                  {
+                    pattern: /^\d+(\.\d{1,3})?$/,
+                    message: intl.formatMessage({id: 'purchaseOrder.orderCollect.productTableCell.validator2'}),
+                  },
+                  {
+                    validator: validatorNumber
+                  },
+                ]
+              default:
+                return [
+                  {
+                    required: true,
+                    message: intl.formatMessage({id: 'purchaseOrder.orderCollect.productTableCell.validator4'}).replaceAll('x', `${title}`),
+                  }
+                ]
             }
-          ]}
+          })()}
         >
           {chooseFormItem(formItem, record[dataIndex] || '')}
         </Form.Item>

src/pages/transaction/purchaseOrder/orderCollectSrm/components/orderMaterialsDrawer/index.tsx

@@ -76,6 +76,7 @@ export interface OrderMaterialsDrawerProps {
 
 export interface OrderMaterialsDrawerRef {
   deleteItem: (record: PostOrderMaterialData) => void,
+  deleteAll: () => void,
 }
 
 type RequisitionListItem = GetContractManagePagePurchaseMaterielListResponseDetail['requisitionList'][0] & {
@@ -390,6 +391,16 @@ const OrderMaterialsDrawer: React.ForwardRefRenderFunction<OrderMaterialsDrawerR
     // });
   };
 
+  const handleDeleteAll = () => {
+    setCheckedKeysState([]);
+    setHalfCheckedState([]);
+    form.setFieldsValue({
+      materials: {
+        requisitionList: {},
+      },
+    });
+  };
+
   const handleBeforePaginationChange = async () => {
     try {
       await form.validateFields()
@@ -413,6 +424,7 @@ const OrderMaterialsDrawer: React.ForwardRefRenderFunction<OrderMaterialsDrawerR
 
   useImperativeHandle(ref, () => ({
     deleteItem: handleDelete,
+    deleteAll: handleDeleteAll,
   }));
 
   return (

src/pages/transaction/purchaseOrder/orderCollectSrm/constant/index.tsx

@@ -2,6 +2,7 @@ import { formatTimeString } from '@/utils'
 import { Row } from 'antd'
 import { OrderModalType } from '@/constants/order'
 import { getIntl } from 'umi'
+import { COLUMNS_ACTION_WIDTH } from '@/constants/table'
 
 // 简单控制价格区间的组件
 // @todo 后续需要优化, 样式，目录文件等。
@@ -251,46 +252,48 @@ export const contractColumns: any[] = [
 // 合同下单 物料列表
 export const materialInfoColumns: any[] = [
   {
-    title: 'ID',
-    dataIndex: 'productId',
-    className: 'commonHide'
-  },
-  {
     title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.code'}),
     dataIndex: 'productNo',
+    key: 'productNo',
+    width: COLUMNS_ACTION_WIDTH,
   },
   {
     title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.name1'}),
     dataIndex: 'name',
     key: 'name',
-    render: (t, r) => `${t}/${r.spec}`
+    render: (t, r) => `${t}/${r.spec}`,
+    width: 192,
   },
   {
     title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.category'}),
     dataIndex: 'category',
     key: 'category',
+    width: COLUMNS_ACTION_WIDTH,
   },
   {
     title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.brand'}),
     dataIndex: 'brand',
     key: 'brand',
+    width: COLUMNS_ACTION_WIDTH,
   },
   {
     title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.unit'}),
     dataIndex: 'unit',
     key: 'unit',
+    width: 64,
   },
-  {
-    title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.relevanceProductId'}),
-    dataIndex: 'relevanceProductId',
-    key: 'relevanceProductId',
-    render: (t, r) => t ? `${t}/${r.relevanceProductName || ''}/${r.relevanceProductType || ''}/${r.relevanceProductCategory || ''}/${r.relevanceProductBrand || ''}` : ''
-  },
+  // {
+  //   title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.relevanceProductId'}),
+  //   dataIndex: 'relevanceProductId',
+  //   key: 'relevanceProductId',
+  //   render: (t, r) => t ? `${t}/${r.relevanceProductName || ''}/${r.relevanceProductType || ''}/${r.relevanceProductCategory || ''}/${r.relevanceProductBrand || ''}` : ''
+  // },
   {
     title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.price'}),
     dataIndex: 'price',
     align: 'left',
     key: 'price',
+    width: 96,
     render: (t) => `${getIntl().formatMessage({ id: 'commodity.products.directChannel.columns.currency'})}${t.toFixed(2)}`
   },
   {
@@ -299,24 +302,22 @@ export const materialInfoColumns: any[] = [
     key: 'quantity',
     formItem: 'input',
     editable: true,
-    // width: 80
+    width: COLUMNS_ACTION_WIDTH,
   },
   {
-    title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.taxInclusive'}),
+    title: `${getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.taxInclusive'})}/${getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.taxRate'})}`,
     dataIndex: 'tax',
     key: 'tax',
-    render: (t, r) => t ? getIntl().formatMessage({id: 'purchaseOrder.yes'}) : getIntl().formatMessage({id: 'purchaseOrder.no'})
-  },
-  {
-    title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.taxRate'}),
-    dataIndex: 'taxRate',
-    key: 'taxRate',
-    render: (t, r) => t ? `${t}%` : null
+    width: 96,
+    render: (t, r) => t
+      ? `${getIntl().formatMessage({id: 'purchaseOrder.yes'})}${r.taxRate ? '/' + r.taxRate + '%' : ''}`
+      : getIntl().formatMessage({id: 'purchaseOrder.no'})
   },
   {
     title: getIntl().formatMessage({id: 'purchaseOrder.readyAddOrder.productInfoColumns.price'}),
     dataIndex: 'amount',
     key: 'amount',
+    width: COLUMNS_ACTION_WIDTH,
     render: (t, r) => t ? `${Number(t).toFixed(2)}` : null
   },
   // 接口调用
@@ -324,13 +325,22 @@ export const materialInfoColumns: any[] = [
     title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.logistics'}),
     dataIndex: 'logistics',
     key: 'logistics',
+    width: COLUMNS_ACTION_WIDTH,
     formItem: 'select',
     editable: true,
   },
   {
+    title: 'ID',
+    dataIndex: 'productId',
+    key: 'productId',
+    width: COLUMNS_ACTION_WIDTH,
+    className: 'commonHide',
+  },
+  {
     title: getIntl().formatMessage({id: 'purchaseOrder.operation'}),
     dataIndex: 'ctl',
     key: 'ctl',
+    width: 0,
     align: 'center',
   },
 ]
@@ -338,69 +348,70 @@ export const materialInfoColumns: any[] = [
 // 合同下单 物料列表（请购单合同情况下）
 export const materialInfoColumnsByRequisition: any[] = [
   {
-    title: 'ID',
-    dataIndex: 'productId',
-    className: 'commonHide'
-  },
-  {
     title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.code'}),
     dataIndex: 'productNo',
+    key: 'productNo',
+    width: COLUMNS_ACTION_WIDTH,
   },
   {
     title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.name1'}),
     dataIndex: 'name',
     key: 'name',
-    render: (t, r) => `${t}/${r.spec}`
+    render: (t, r) => `${t}/${r.spec}`,
+    width: 192,
   },
   {
     title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.category'}),
     dataIndex: 'category',
     key: 'category',
+    width: COLUMNS_ACTION_WIDTH,
   },
   {
     title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.brand'}),
     dataIndex: 'brand',
     key: 'brand',
+    width: COLUMNS_ACTION_WIDTH,
   },
   {
     title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.unit'}),
     dataIndex: 'unit',
     key: 'unit',
+    width: 64,
   },
-  {
-    title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.relevanceProductId'}),
-    dataIndex: 'relevanceProductId',
-    key: 'relevanceProductId',
-    render: (t, r) => t ? `${t}/${r.relevanceProductName || ''}/${r.relevanceProductType || ''}/${r.relevanceProductCategory || ''}/${r.relevanceProductBrand || ''}` : ''
-  },
+  // {
+  //   title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.relevanceProductId'}),
+  //   dataIndex: 'relevanceProductId',
+  //   key: 'relevanceProductId',
+  //   render: (t, r) => t ? `${t}/${r.relevanceProductName || ''}/${r.relevanceProductType || ''}/${r.relevanceProductCategory || ''}/${r.relevanceProductBrand || ''}` : ''
+  // },
   {
     title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.price'}),
     dataIndex: 'price',
     align: 'left',
     key: 'price',
+    width: 96,
     render: (t) => `${getIntl().formatMessage({ id: 'commodity.products.directChannel.columns.currency'})}${t.toFixed(2)}`
   },
   {
     title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.quantity'}),
     dataIndex: 'quantity',
     key: 'quantity',
+    width: COLUMNS_ACTION_WIDTH,
   },
   {
-    title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.taxInclusive'}),
+    title: `${getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.taxInclusive'})}/${getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.taxRate'})}`,
     dataIndex: 'tax',
     key: 'tax',
-    render: (t, r) => t ? getIntl().formatMessage({id: 'purchaseOrder.yes'}) : getIntl().formatMessage({id: 'purchaseOrder.no'})
-  },
-  {
-    title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.taxRate'}),
-    dataIndex: 'taxRate',
-    key: 'taxRate',
-    render: (t, r) => t ? `${t}%` : null
+    width: 96,
+    render: (t, r) => t
+      ? `${getIntl().formatMessage({id: 'purchaseOrder.yes'})}${r.taxRate ? '/' + r.taxRate + '%' : ''}`
+      : getIntl().formatMessage({id: 'purchaseOrder.no'})
   },
   {
     title: getIntl().formatMessage({id: 'purchaseOrder.readyAddOrder.productInfoColumns.price'}),
     dataIndex: 'amount',
     key: 'amount',
+    width: COLUMNS_ACTION_WIDTH,
     render: (t, r) => t ? `${Number(t).toFixed(2)}` : null
   },
   // 接口调用
@@ -408,6 +419,7 @@ export const materialInfoColumnsByRequisition: any[] = [
     title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.constant.logistics'}),
     dataIndex: 'logistics',
     key: 'logistics',
+    width: COLUMNS_ACTION_WIDTH,
     formItem: 'select',
     editable: true,
   },
@@ -415,12 +427,14 @@ export const materialInfoColumnsByRequisition: any[] = [
     title: '关联单据',
     dataIndex: 'relative',
     key: 'relative',
+    width: COLUMNS_ACTION_WIDTH,
   },
   {
     title: '备注',
     dataIndex: 'remark',
     key: 'remark',
-    formItem: 'input',
+    width: 160,
+    formItem: 'remark',
     editable: true,
     formItemProps: {
       type: 'text',
@@ -428,9 +442,17 @@ export const materialInfoColumnsByRequisition: any[] = [
     },
   },
   {
+    title: 'ID',
+    dataIndex: 'productId',
+    key: 'productId',
+    width: COLUMNS_ACTION_WIDTH,
+    className: 'commonHide',
+  },
+  {
     title: getIntl().formatMessage({id: 'purchaseOrder.operation'}),
     dataIndex: 'ctl',
     key: 'ctl',
+    width: 0,
     align: 'center',
   },
 ]

src/pages/transaction/purchaseOrder/orderCollectSrm/index.tsx

@@ -129,7 +129,7 @@ const PurchaseOrderDetail:React.FC<PurchaseOrderDetailProps> = (props) => {
   }
 
   // 订单物料
-  const { materialAddButton, materialRef, materialColumns, materialComponents, ...surplusProps } = useMaterialTable(
+  const { materialAddButton, materialRef, materialColumns, materialComponents, expandedRowRender, ...surplusProps } = useMaterialTable(
     addSchemaAction,
     addSchemaAction.getFieldValue('orderMode'),
     null,
@@ -156,11 +156,13 @@ const PurchaseOrderDetail:React.FC<PurchaseOrderDetailProps> = (props) => {
           addSchemaAction.setFieldValue('products', _orderProductRequests)
           addSchemaAction.setFieldValue('contract', {...data.contract})
           addSchemaAction.setFieldState('products', productState => {
+            const columns = data.orderMode === OrderModalType.PURCHASE_REQUISITION_CONTRACT_ORDER
+              ? materialColumnsByRequisition
+              : materialColumns
             productState.props["x-component-props"] = {
               ...productState.props["x-component-props"],
-              columns: data.orderMode === OrderModalType.PURCHASE_REQUISITION_CONTRACT_ORDER
-                ? materialColumnsByRequisition
-                : materialColumns,
+              columns,
+              scroll: { x: columns.reduce((total, current) => total += current.width, 0) },
               prefix: productState.editable && pageStatus === PageStatus.ADD ? materialAddButton : '',
             }
           })
@@ -398,11 +400,13 @@ const PurchaseOrderDetail:React.FC<PurchaseOrderDetailProps> = (props) => {
                 if (productState.value && productState.value.length) {
                   productState.value = [] // 切换下单模式时，清空“订单物料”原有数据
                 }
+                const columns = value === OrderModalType.PURCHASE_REQUISITION_CONTRACT_ORDER
+                  ? materialColumnsByRequisition
+                  : materialColumns
                 productState.props["x-component-props"] = {
                   ...productState.props["x-component-props"],
-                  columns: value === OrderModalType.PURCHASE_REQUISITION_CONTRACT_ORDER
-                    ? materialColumnsByRequisition
-                    : materialColumns,
+                  columns,
+                  scroll: { x: columns.reduce((total, current) => total += current.width, 0) },
                   prefix: editable && pageStatus === PageStatus.ADD ? materialAddButton : '',
                 }
               })
@@ -411,6 +415,7 @@ const PurchaseOrderDetail:React.FC<PurchaseOrderDetailProps> = (props) => {
               addSchemaAction.getFieldValue('vendorMemberName') && addSchemaAction.setFieldValue('vendorMemberName', '');
               addSchemaAction.getFieldValue('vendorMemberId') && addSchemaAction.setFieldValue('vendorMemberId', '');
               addSchemaAction.getFieldValue('vendorRoleId') && addSchemaAction.setFieldValue('vendorRoleId', '');
+              orderMaterialsDrawerRef.current?.deleteAll();
             })
             // 选择完对应合同
             useContractChange(({ value }) => {
@@ -436,6 +441,7 @@ const PurchaseOrderDetail:React.FC<PurchaseOrderDetailProps> = (props) => {
             materialColumnsByRequisition,
             materialAddButton,
             materialComponents,
+            expandedRowRender,
             orderCombination,
             addNewAddress,
             CirculationRecord: <CirculationRecord/>,

src/pages/transaction/purchaseOrder/orderCollectSrm/model/useMaterialTable.tsx

@@ -63,18 +63,21 @@ export const useMaterialTable = (
     if (pageStatus === PageStatus.ADD) {
       // 渲染操作
       tempColumn[tempColumn.length - 1].render = (text, record) => <Button type='link' onClick={() => handleDelete(record)}>{intl.formatMessage({id: 'purchaseOrder.delete'})}</Button>
-      // 渲染单价
-      tempColumn[7].render = (t, r) => <span style={{color: 'red'}}>{intl.formatMessage({ id: 'commodity.products.directChannel.columns.currency'})} {Number(r.price).toFixed(2)}</span>
     } else {
-      // 渲染单价
-      tempColumn[7].render = (t, r) => <span style={{color: 'red'}}>{intl.formatMessage({ id: 'commodity.products.directChannel.columns.currency'})} {Number(r.price).toFixed(2)}</span>
-
-      // tempColumn[tempColumn.length - 1].render = (t, r) => null
       tempColumn.pop()
-
+    }
+    // 渲染单价
+    const priceIndex = tempColumn.findIndex(column => column.dataIndex === 'price')
+    if (priceIndex) {
+      tempColumn[priceIndex].render = (text, record) => (
+        <span>
+          {intl.formatMessage({ id: 'commodity.products.directChannel.columns.currency'})}
+          {Number(record.price).toFixed(2)}
+        </span>
+      )
     }
     // 渲染关联单据
-    const associatedIndex = tempColumn.findIndex(column => column.title === '关联单据')
+    const associatedIndex = tempColumn.findIndex(column => column.dataIndex === 'relative')
     if (tempColumn[associatedIndex]) {
       tempColumn[associatedIndex].render = (text, record) => (
         <Button
@@ -140,6 +143,20 @@ export const useMaterialTable = (
       cell: MaterialTableCell
     }
   }
+  const expandedRowRender = record => (
+    // TODO
+    <div
+      style={{
+        display: 'flex',
+        alignItems: 'center',
+        height: 56,
+      }}
+    >
+      {
+        record.relevanceProductId ? `${record.relevanceProductId}/${record.relevanceProductName || ''}/${record.relevanceProductType || ''}/${record.relevanceProductCategory || ''}/${record.relevanceProductBrand || ''}` : ''
+      }
+    </div>
+  )
 
   const handleSave = row => {
     return new Promise((resolve, reject) => {
@@ -180,6 +197,7 @@ export const useMaterialTable = (
     materialAddButton,
     materialColumns: materialMergeColumns,
     materialComponents,
+    expandedRowRender,
     visible,
     setVisible,
     rowSelection,

src/pages/transaction/purchaseOrder/orderCollectSrm/schema/index.ts

@@ -213,7 +213,10 @@ export const orderMaterials: ISchema = {
         columns: "{{materialColumns}}",
         components: "{{materialComponents}}",
         prefix: "{{materialAddButton}}",
-        scroll: { x: 1200 },
+        scroll: { x: 1400 },
+        expandable: {
+          expandedRowRender: "{{expandedRowRender}}",
+        },
       },
     },
     // 仅合同下单时备用参数数据
@@ -341,7 +344,7 @@ const invoiceInfo: ISchema = {
               marginTop: 4,
             }
           },
-          title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.schema.hasInvoice'}),
+          // title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.schema.hasInvoice'}),
           default: false,
           "x-linkages": [
             {
@@ -401,7 +404,8 @@ const ortherInfo: ISchema = {
           type: 'string',
           "x-component": 'textarea',
           "x-component-props": {
-            rows: 1
+            rows: 1,
+            placeholder: '最长100个字符，50个汉字',
           },
           title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.schema.pack'}),
           "x-rules": [
@@ -415,7 +419,8 @@ const ortherInfo: ISchema = {
           type: 'string',
           "x-component": 'textarea',
           "x-component-props": {
-            rows: 1
+            rows: 1,
+            placeholder: '最长100个字符，50个汉字',
           },
           title: getIntl().formatMessage({id: 'purchaseOrder.orderCollect.schema.remark'}),
           "x-rules": [