feat: new page

src/pages/prod/list/components/prod-info.tsx

@@ -27,20 +27,60 @@ const ProdInfo = <T extends Record<string, any>>(props: ProdInfoProps<T>) => {
           name="prodName"
           label="商品名字"
           rules={[{ required: true }]}
-          width="xl"
+          colProps={{
+            span: 24,
+          }}
+        />
+        <ProFormText
+          name="abbreviation"
+          label="商品简称"
+          colProps={{
+            span: 24,
+          }}
+        />
+        <ProFormText
+          name="brief"
+          label="商品概述"
+          colProps={{
+            span: 24,
+          }}
+        />
+        <ProFormText
+          name="prodNumber"
+          label="商品编码"
+          colProps={{
+            span: 24,
+          }}
+        />
+        <ProFormText
+          name="brand"
+          label="品牌"
+          colProps={{
+            span: 24,
+          }}
+        />
+        <ProFormText
+          name="shopId"
+          label="商品所有权"
+          colProps={{
+            span: 24,
+          }}
+        />
+        <ProFormText
+          name="categoryName"
+          label="关联类目"
+          colProps={{
+            span: 24,
+          }}
         />
-        <ProFormText name="abbreviation" label="商品简称" width="xl" />
-        <ProFormText name="brief" label="商品概述" width="xl" />
-        <ProFormText name="prodNumber" label="商品编码" width="xl" />
-        <ProFormText name="brand" label="品牌" width="xl" />
-        <ProFormText name="shopId" label="商品所有权" width="xl" />
-        <ProFormText name="categoryName" label="关联类目" width="xl" />
         <ProForm.Item
           name="tag"
           label="商品标签"
           tooltip="设置卖点标签，单标签限xx字符，最多x个标签"
           layout="horizontal"
-          width="xl"
+          colProps={{
+            span: 24,
+          }}
           required={false}
           // getValueFromEvent={(e) => e.fileList}
         >
@@ -58,7 +98,9 @@ const ProdInfo = <T extends Record<string, any>>(props: ProdInfoProps<T>) => {
           style={{ width: '100%' }}
           name="pic"
           label="主图"
-          width="xl"
+          colProps={{
+            span: 24,
+          }}
           extra="仅支持.jpg .png 格式，建议图片比例1:1，限1张"
           // rules={[{ required: true }]}
           // getValueFromEvent={(e) => e.fileList}
@@ -70,7 +112,9 @@ const ProdInfo = <T extends Record<string, any>>(props: ProdInfoProps<T>) => {
           name="imgs"
           label="轮播图"
           layout="horizontal"
-          width="xl"
+          colProps={{
+            span: 24,
+          }}
           extra="仅支持.jpg .png 格式，建议图片比例1:1，限7张"
           // getValueFromEvent={(e) => e.fileList}
         >
@@ -80,16 +124,21 @@ const ProdInfo = <T extends Record<string, any>>(props: ProdInfoProps<T>) => {
           style={{ width: '100%' }}
           name="whiteImg"
           label="白底图"
-          width="xl"
+          colProps={{
+            span: 24,
+          }}
           extra="仅支持.jpg .png 格式，建议图片比例1:1，限1张"
           // getValueFromEvent={(e) => e.fileList}
         >
           <UploadImages />
         </ProForm.Item>
         <ProForm.Item
+          style={{ width: '100%' }}
           name="video"
           label="主视频"
-          width="xl"
+          colProps={{
+            span: 24,
+          }}
           extra="仅支持.MP4 .MOV 格式，建议比例1:1、16:9，限1个"
           // getValueFromEvent={(e) => e.fileList}
         >
@@ -99,7 +148,9 @@ const ProdInfo = <T extends Record<string, any>>(props: ProdInfoProps<T>) => {
           name="content"
           label="图文介绍"
           rules={[{ required: true }]}
-          width="xl"
+          colProps={{
+            span: 24,
+          }}
           // getValueFromEvent={(e) => e.fileList}
         >
           <TinymceEditor />
@@ -110,7 +161,7 @@ const ProdInfo = <T extends Record<string, any>>(props: ProdInfoProps<T>) => {
           name="seoShortName"
           label="短标题"
           colProps={{
-            span: 20,
+            span: 24,
           }}
         />
         <ProFormText name="seoSearch" label="SEO标题" width={'xl'} />
@@ -118,7 +169,9 @@ const ProdInfo = <T extends Record<string, any>>(props: ProdInfoProps<T>) => {
         <Divider />
 
         <ProForm.Item
-          style={{ width: '100%' }}
+          colProps={{
+            span: 24,
+          }}
           name="shareImage"
           label="分享图"
           width="xl"
@@ -130,7 +183,9 @@ const ProdInfo = <T extends Record<string, any>>(props: ProdInfoProps<T>) => {
           name="shareContent"
           label="分享话术"
           placeholder={'请输入分享话术'}
-          width={'xl'}
+          colProps={{
+            span: 24,
+          }}
         />
       </ProFormGroup>
       <ProFormGroup>