Merge branch 'dev' of http://10.0.0.22:3000/lingxi/lingxi-business-paltform into dev

package.json

@@ -51,7 +51,7 @@
     "bizcharts": "^4.0.14",
     "copy-to-clipboard": "^3.3.1",
     "crypto-js": "^4.0.0",
-    "god": "^0.2.1",
+    "god": "0.2.2",
     "immutability-helper": "^3.1.1",
     "lingxi-design": "^1.0.8",
     "lingxi-design-ui": "^1.1.15",

src/components/NiceForm/components/Search.tsx

@@ -15,8 +15,8 @@ const Search = props => {
   const [state, setState] = useFieldState({
     filterSearch: false,
   });
-  const { 
-    align, 
+  const {
+    align,
     advanced = true,      // 是否展示高级筛选
     tip,                  // 搜索框悬浮提示
     ...rest
@@ -55,6 +55,7 @@ const Search = props => {
       )}
       <Button
         onClick={() => {
+          sessionStorage.setItem('tableRest', 'true')
           props.form.reset();
           props.form.submit();
         }}

src/global/styles/reset.less

@@ -207,4 +207,8 @@
     z-index: 1;
   }
 
-}
\ No newline at end of file
+  .ant-input-textarea {
+    width: 100%;
+  }
+
+}

src/layouts/components/AvatarDropdown.tsx

-import { LogoutOutlined, SettingOutlined, UserOutlined } from '@ant-design/icons';
+import { LogoutOutlined, LockOutlined } from '@ant-design/icons';
 import { Avatar, Menu, Spin } from 'antd';
 import React from 'react';
-import { history } from 'umi';
+import { history, Link } from 'umi';
 import PersonDropdown from './PersonDropdown'
 import styles from '../styles/RightContent.less';
 import { removeAuth, removeRouters, getAuth } from '@/utils/auth';
@@ -30,6 +30,9 @@ const AvatarDropdown = () => {
           个人设置
         </Menu.Item>
       <Menu.Divider /> */}
+      <Menu.Item>
+        <Link to="/memberCenter/systemSetting/accountSetting"><LockOutlined />修改密码</Link>
+      </Menu.Item>
       <Menu.Item onClick={logout} key="logout">
         <LogoutOutlined />
         退出登录
@@ -47,4 +50,4 @@ const AvatarDropdown = () => {
   )
 }
 
-export default AvatarDropdown
\ No newline at end of file
+export default AvatarDropdown

src/layouts/components/RightContent.tsx

@@ -30,7 +30,6 @@ const GlobalHeaderRight: React.FC<{}> = (props) => {
 
   const ws = useRef<WebSocket | null>(null);
   const webSocketInit = useCallback(() => {
-    console.log(ws.current)
     if (SOCKET_URL && (!ws.current || ws.current.readyState === 3) && userInfo) {
       const url = `${SOCKET_URL}/report/websocket?memberId=${userInfo.memberId}&roleId=${userInfo.memberRoleId}&token=${userInfo.token}&source=${1}`;
       ws.current = new WebSocket(url);
@@ -39,8 +38,9 @@ const GlobalHeaderRight: React.FC<{}> = (props) => {
       }
       ws.current.onmessage = (e) => {
         console.log(e)
-        if(e.data.type === NOT_READ_MESSAGE) {
-          setMessage(e.data.data);
+        const data = JSON.parse(e.data);
+        if(data.type === NOT_READ_MESSAGE) {
+          setMessage(data.data);
         }
       };
       ws.current.onclose = (e) => {

src/pages/accountSetting/components/EditDataComponent/index.tsx

 import React, { useState, useEffect, useCallback } from 'react';
-// import { SchemaForm } from '@formily/antd'; 
+// import { SchemaForm } from '@formily/antd';
 import { Form, Input, Row, Col, Button, Select, message, AutoComplete } from 'antd';
 import styles from './index.less';
 import { StepForwardOutlined, CheckCircleOutlined, CloseCircleOutlined } from '@ant-design/icons';
@@ -7,7 +7,6 @@ import GetCaptchaCode from '../GetCaptchaCode';
 import classNames from 'classnames'
 import { PublicApi } from '@/services/api';
 import phoneRegExp from './utils';
-import options from '@/pages/editor/settingsPanel/propsSettings/Animate/config';
 const Option  = Select.Option;
 
 const EditDataComponent = (props) => {
@@ -19,7 +18,7 @@ const EditDataComponent = (props) => {
   const passwordValidator = async (rule, value) => {
     let temp = {}
     let length = value && value.length >= 8 && value.length <= 20;
-    let trim = !(/\s\S+|^\s\S+|\s$/.test(value)) // 
+    let trim = !(/\s\S+|^\s\S+|\s$/.test(value)) //
     let compact = /^(?=.*[0-9].*)(?=.*[A-Z].*)(?=.*[a-z].*)/.test(value); // 必须含有大小写和数字
     temp['length'] = length
     temp['trim'] = trim
@@ -48,7 +47,7 @@ const EditDataComponent = (props) => {
       throw new Error("请填写正确的手机号")
     }
     setCanSandCode(true);
-  } 
+  }
 
   // 邮箱验证
   const emailValidator = async (rule, value) => {
@@ -69,7 +68,7 @@ const EditDataComponent = (props) => {
       }
       getAllCountryCode();
     }
-  }, []) 
+  }, [])
 
   // 获取新手机手机验证码
   const getCode = () => {
@@ -82,7 +81,7 @@ const EditDataComponent = (props) => {
     const service = SERVICE_CHECK[type];
     const postData = (
       props.type == 'phone'
-      ? { 
+      ? {
           countryCode: form.getFieldValue('country'),
           phone: form.getFieldValue('newPhone')
         }
@@ -126,7 +125,7 @@ const EditDataComponent = (props) => {
                           [styles.success]: pwdStatus.length,
                         })}>{pwdStatus.length ? <CheckCircleOutlined /> : <CloseCircleOutlined/>}</span>
                         密码长度8-20个字符</p>
-                      <p className={styles.trim}>                     
+                      <p className={styles.trim}>
                         <span className={classNames({
                           [styles.icon]: !pwdStatus.trim,
                           [styles.success]: pwdStatus.trim,
@@ -135,13 +134,13 @@ const EditDataComponent = (props) => {
                         </span>
                         密码不能包含空格
                       </p>
-                      <p className={styles.compact}>                    
+                      <p className={styles.compact}>
                         <span className={classNames({
                           [styles.icon]: !pwdStatus.compact,
                           [styles.success]: pwdStatus.compact,
                         })}>
                           {pwdStatus.compact ? <CheckCircleOutlined /> : <CloseCircleOutlined/>}
-                        </span> 
+                        </span>
                         密码必须包含大小写、小写字母和数字
                       </p>
                     </div>
@@ -223,7 +222,7 @@ const EditDataComponent = (props) => {
                         }
                       </Select>
                     </Form.Item>
-                    
+
                   </Col>
                   <Col span={14}>
                     <Form.Item
@@ -236,7 +235,7 @@ const EditDataComponent = (props) => {
                       <Input disabled={!inputCanEdit}/>
                     </Form.Item>
                   </Col>
-                
+
               </Row>
               </Form.Item>
               <Form.Item label="验证码">
@@ -263,4 +262,4 @@ const EditDataComponent = (props) => {
   )
 }
 
-export default EditDataComponent
\ No newline at end of file
+export default EditDataComponent

src/pages/accountSetting/components/TypeVerify/index.less

@@ -5,12 +5,14 @@
   align-items: center;
   background-color: #fff;
   padding: 36px 24px;
-  width: 610px;
   height: 156px;
+  width: 100%;
+  overflow: hidden;
 
   .infos {
     display: flex;
     flex-direction: row;
+    align-items: center;
 
     .image {
       margin-right: 22px;
@@ -27,7 +29,7 @@
         line-height: 24px;
         margin-bottom: 16px;
       }
-  
+
       .tips {
         font-size: 13px;
         font-family: PingFangSC-Regular, PingFang SC;
@@ -35,14 +37,14 @@
         color: #42526E;
         line-height: 22px;
         margin-bottom: 0;
-  
+
       }
     }
   }
-  
+
   .controls {
     width: 90px;
     text-align: right;
     // cursor: pointer;
   }
-}
\ No newline at end of file
+}

src/pages/accountSetting/components/VerifyPanel/Panel/EmailVerifyPanel.tsx

 import React, { useState, useCallback } from 'react';
-// import { SchemaForm } from '@formily/antd'; 
+// import { SchemaForm } from '@formily/antd';
 import { Form, Input, Button, Row, Col, message } from 'antd';
 import SafeVerification from '../../SafeVerification';
 import TypeForHeader from '../../TypeForHeader';
@@ -129,7 +129,7 @@ const EmailVerifyPanel = (props) => {
       }
       {
         visible
-        ? <> 
+        ? <>
           <EditDataComponent type={pageType} form={form}/>
             <Form.Item {...tailLayout}>
               <Button type="primary" htmlType="submit">
@@ -144,4 +144,4 @@ const EmailVerifyPanel = (props) => {
   )
 }
 
-export default EmailVerifyPanel;
\ No newline at end of file
+export default EmailVerifyPanel;

src/pages/accountSetting/components/VerifyPanel/Panel/PaycodeVerifyPanel.tsx

 import React, {useState} from 'react';
-// import { SchemaForm } from '@formily/antd'; 
+// import { SchemaForm } from '@formily/antd';
 import { Form, Input, Button, Row, Col, message } from 'antd';
 import SafeVerification from '../../SafeVerification';
 import EditDataComponent from '../../EditDataComponent';
@@ -7,6 +7,7 @@ import { PublicApi } from '@/services/api';
 import { history } from 'umi'
 import { encryptedByAES } from '@/utils/cryptoAes'
 
+
 const layout = {
   labelCol: { span: 3 },
   wrapperCol: { span: 13 },
@@ -18,7 +19,7 @@ const tailLayout = {
 
 interface IProps {
   // 当前页面是属于 修改密码还是修改邮箱，还是修改手机
-  pageType: string, 
+  pageType: string,
 }
 
 const PaycodeVerifyPanel: React.FC<IProps> = (props) => {
@@ -85,7 +86,7 @@ const PaycodeVerifyPanel: React.FC<IProps> = (props) => {
         form={form}
         onFinish={handleFinish}
       >
-        
+
       {
         !visible
         ? <>
@@ -110,7 +111,7 @@ const PaycodeVerifyPanel: React.FC<IProps> = (props) => {
       }
       {
         visible
-        ? <> 
+        ? <>
           <EditDataComponent type={pageType} form={form} />
             <Form.Item {...tailLayout}>
               <Button type="primary" htmlType="submit">
@@ -126,4 +127,4 @@ const PaycodeVerifyPanel: React.FC<IProps> = (props) => {
   )
 }
 
-export default PaycodeVerifyPanel;
\ No newline at end of file
+export default PaycodeVerifyPanel;

src/pages/accountSetting/components/VerifyPanel/Panel/PhoneVerifyPanel.tsx

 import React, { useCallback, useState } from 'react';
-// import { SchemaForm } from '@formily/antd'; 
+// import { SchemaForm } from '@formily/antd';
 import { Form, Input, Button, Row, Col, message } from 'antd';
 import SafeVerification from '../../SafeVerification';
 import TypeForHeader from '../../TypeForHeader';
@@ -21,7 +21,7 @@ const tailLayout = {
 interface IProps {
   phone: string,
   // 当前页面是属于 修改密码还是修改邮箱，还是修改手机
-  pageType: string, 
+  pageType: string,
 }
 
 const PhoneVerifyPanel: React.FC<IProps> = (props) => {
@@ -129,11 +129,9 @@ const PhoneVerifyPanel: React.FC<IProps> = (props) => {
             </>
           : null
         }
-        
-     
       {
         visible
-        ? <> 
+        ? <>
           <EditDataComponent type={pageType} form={form} />
             <Form.Item {...tailLayout}>
               <Button type="primary" htmlType="submit">
@@ -143,10 +141,10 @@ const PhoneVerifyPanel: React.FC<IProps> = (props) => {
           </>
         :  null
       }
-      
+
       </Form>
     </div>
   )
 }
 
-export default PhoneVerifyPanel;
\ No newline at end of file
+export default PhoneVerifyPanel;

src/pages/accountSetting/components/VerifyPanel/Panel/ResetPayCode.tsx

@@ -5,7 +5,7 @@ import GetCaptchaCode from '../../GetCaptchaCode';
 import SafeVerification from '../../SafeVerification';
 import TypeForHeader from '../../TypeForHeader';
 import { history } from 'umi'
-
+import { encryptedByAES } from '@/utils/cryptoAes'
 const layout = {
   labelCol: { span: 3 },
   wrapperCol: { span: 13 },
@@ -18,7 +18,7 @@ const tailLayout = {
 interface IProps {
   phone: string,
   // 当前页面是属于 修改密码还是修改邮箱，还是修改手机
-  pageType: string, 
+  pageType: string,
 }
 
 const ResetPayCode: React.FC<IProps> = (props) => {
@@ -27,7 +27,7 @@ const ResetPayCode: React.FC<IProps> = (props) => {
   const { phone, pageType } = props;
   const onFinish = (values) => {
     const postData = {
-      payPassword: values.password
+      payPassword: encryptedByAES(values.password)
     }
     // /member/security/pay/update
     const service = PublicApi.postMemberSecurityPayUpdate;
@@ -158,7 +158,7 @@ const ResetPayCode: React.FC<IProps> = (props) => {
     }
     {
       visible
-      ? <> 
+      ? <>
           {
             renderPwd()
           }
@@ -170,10 +170,10 @@ const ResetPayCode: React.FC<IProps> = (props) => {
         </>
       :  null
     }
-    
+
     </Form>
   </div>
   )
 }
 
-export default ResetPayCode
\ No newline at end of file
+export default ResetPayCode

src/pages/accountSetting/index.tsx

 import React, { useEffect, useState } from 'react';
-import { Card } from 'antd';
+import { Row, Col } from 'antd';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import TypeVerify from './components/TypeVerify';
-import styles from './index.less';
 import { PublicApi } from '@/services/api';
 
 const getData = async () => {
@@ -22,26 +21,27 @@ const AccountSetting = () => {
   const TYPES = ['loginPwd', 'email', 'phone', 'paycode']
   return (
     <PageHeaderWrapper>
-      <div className={styles.page}>
+      <div >
+        <Row gutter={[24,24]}>
         {
           TYPES.map((item) => {
             return (
-              <div className={styles.item} key={item}>
-                <TypeVerify 
-                  type={item} 
-                  phone={account.phone} 
-                  email={account.email} 
+              <Col xxl={12} xl={12} lg={24} md={24} sm={24} xs={24}  key={item}>
+                <TypeVerify
+                  type={item}
+                  phone={account.phone}
+                  email={account.email}
                   paycode={account.hasPayPassword}
                 />
-              </div>
+              </Col>
             )
           })
         }
-        
+        </Row>
       </div>
     </PageHeaderWrapper>
-   
+
   )
 }
 
-export default AccountSetting;
\ No newline at end of file
+export default AccountSetting;

src/pages/authConfig/organ/index.tsx

@@ -61,7 +61,7 @@ const Organ: React.FC<{}> = () => {
   const handleSubmitAllSetting = () => {
     formActions.submit()
   }
-  
+
   // 保存设置提交
   const handleSubmit = (value) => {
     // 去掉模拟的key, 为true的时候是编辑
@@ -86,7 +86,7 @@ const Organ: React.FC<{}> = () => {
         <h3 className="commonPanelTitle mb-30">选择要编辑的项目</h3>
         {
           treeData && treeData.length > 0
-          ?  <TabTree 
+          ?  <TabTree
                 fetchData = {params => fetchMenuData(params)}
                 treeData={treeData}
                 toolsRender={toolsRender}
@@ -97,7 +97,7 @@ const Organ: React.FC<{}> = () => {
               :
               <Button block type='primary' onClick={() => handleSelect()}>暂无菜单, 开始新增</Button>
         }
-       
+
       </Col>
       <Col span={16}>
         {treeStatus !== FormState.FREE && <>
@@ -122,7 +122,7 @@ const Organ: React.FC<{}> = () => {
           </Button>
           <Popconfirm title="确定要删除吗？" okText="是" cancelText="否" onConfirm={handleDeleteMenu}>
             <Button style={{ marginTop: 32, marginBottom: 16}}>
-              删除菜单
+              删除
             </Button>
           </Popconfirm>
         </>

src/pages/authConfig/organ/schema/index.ts

@@ -32,4 +32,4 @@ export const menuSchema: ISchema = {
       }
     }
   }
-}
\ No newline at end of file
+}

src/pages/commodity/products/addChannelItem/setLogistics.tsx

+import React, { useState, useEffect, useRef } from 'react'
+import { history } from 'umi'
+import { Form, Select, Radio, Checkbox, InputNumber } from 'antd'
+import { PublicApi } from '@/services/api'
+import {
+  GetLogisticsSelectListCompanyResponse,
+  GetLogisticsSelectListShipperAddressResponse,
+  GetLogisticsSelectListFreightTemplateResponse
+} from '@/services/LogisticsApi'
+import { store } from '@/store'
+const { ChannelProudctStore } = store
+
+const layout = {
+  labelCol: {
+    span: 2,
+  },
+  wrapperCol: {
+    span: 12,
+  },
+}
+
+export interface Iprops {
+  onRef: (refs: any) => void;
+}
+
+const { Option } = Select
+
+const SetLogistics: React.FC<Iprops> = (props) => {
+  const { onRef } = props
+  const [logisticsForm] = Form.useForm()
+  const [logisticsCompanyLists, setLogisticsCompanyLists] = useState<GetLogisticsSelectListCompanyResponse>()
+  const [logisticsAddressList, setLogisticsAddressList] = useState<GetLogisticsSelectListShipperAddressResponse>()
+  const [logisticsTemplateList, setLogisticsTemplateList] = useState<GetLogisticsSelectListFreightTemplateResponse>()
+  const [isTemplate, setIsTemplate] = useState<boolean>(false)
+  const [deliveryType, setDeliveryType] = useState<number>(1)
+  const [carriageType, setCarriageType] = useState<number>()
+  const [banCarriageType, setBanCarriageType] = useState(false)
+  const [template, setTemplate] = useState(false) // 是否必填运费模板
+
+  const { priceType } = ChannelProudctStore
+
+  useEffect(()=>{
+    //传入ref给父级
+    onRef(logisticsForm)
+
+    logisticsForm.setFieldsValue({deliveryType:1, carriageType:1})
+
+    // 获取发货地址 物流公司 运费模板
+    PublicApi.getLogisticsSelectListShipperAddress().then(res=>{
+      setLogisticsAddressList(res.data)
+    })
+
+    PublicApi.getLogisticsSelectListCompany({cooperateType: '2'}).then(res=>{
+      setLogisticsCompanyLists(res.data)
+    })
+
+    PublicApi.getLogisticsSelectListFreightTemplate().then(res=>{
+      setLogisticsTemplateList(res.data)
+    })
+
+  }, [])
+
+  useEffect(() => {
+    if(priceType === 3){
+      logisticsForm.setFieldsValue({carriageType: 1})
+      setCarriageType(1)
+      setBanCarriageType(true)
+    }else{
+      setBanCarriageType(false)
+    }
+  }, [priceType])
+
+  const changeDeliveryType = (e) => {
+    setDeliveryType(e.target.value)
+    setCarriageType(1)
+    setIsTemplate(false)
+    logisticsForm.resetFields()
+    logisticsForm.setFieldsValue({deliveryType: e.target.value})
+    logisticsForm.setFieldsValue({carriageType: 1})
+  }
+
+  const onChangeTemplate = (e) => {
+    setIsTemplate(e.target.checked)
+    logisticsForm.setFieldsValue({weight: null})
+  }
+
+  const changeCarriageType = (e) => {
+    setCarriageType(e.target.value)
+    if(e.target.value === 2) {
+      setTemplate(true)
+      setIsTemplate(true)
+      logisticsForm.setFieldsValue({useTemplate: true})
+    } else {
+      setTemplate(false)
+      setIsTemplate(false)
+      logisticsForm.setFieldsValue({useTemplate: false})
+    }
+  }
+
+  return (<>
+    <Form
+      {...layout}
+      form={logisticsForm}
+      name="logistic-form"
+      labelAlign="left"
+      colon={false}
+      autoComplete="off"
+    >
+      <Form.Item
+        name="deliveryType"
+        label="配送方式"
+        rules={[
+          {
+            required: true,
+            message: '请选择配送方式'
+          },
+        ]}
+      >
+        <Radio.Group onChange={changeDeliveryType}>
+          <Radio value={1}>物流（默认）</Radio>
+          <Radio value={2}>自提</Radio>
+          <Radio value={3}>无需配送</Radio>
+        </Radio.Group>
+      </Form.Item>
+      {
+        deliveryType === 1 &&  <><Form.Item
+          name="carriageType"
+          label="运费方式"
+          rules={[
+            {
+              required: true,
+              message: '请选择运费方式'
+            },
+          ]}
+        >
+          <Radio.Group onChange={changeCarriageType} disabled={banCarriageType}>
+            <Radio value={1}>卖家承担运费（默认）</Radio>
+            <Radio value={2}>买家承担运费</Radio>
+          </Radio.Group>
+        </Form.Item>
+        <Form.Item
+          label={<>重量<i style={{color:'red'}}>&nbsp;*</i></>}
+          style={{position: 'relative'}}
+        >
+          <Form.Item
+            name="weight"
+            rules={[
+              {
+                required: true,
+                message: '请正确输入重量',
+              },
+              {
+                pattern: /^\d+(\.\d{1,3})?$/,
+                message: '重量数值小数点后仅限三位',
+              }
+            ]}
+            noStyle
+          >
+            <InputNumber min={0} style={{width:'100%'}} placeholder="请输入重量" />
+          </Form.Item>
+          <span style={{position:'absolute', right:5, top:5, opacity: 0.6}}>KG</span>
+        </Form.Item></>
+      }
+      {
+        carriageType === 2 && <Form.Item
+          name="useTemplate"
+          valuePropName="checked"
+          label=" "
+        >
+          <Checkbox disabled={template} onChange={onChangeTemplate}>使用运费模板（只有买家承担运费才能选择）</Checkbox>
+        </Form.Item>
+      }
+      {
+        isTemplate && <Form.Item
+          name="templateId"
+          label="运费模板"
+          rules={[
+            {
+              required: template,
+              message: '请正确输入重量',
+            }
+          ]}
+        >
+          <Select
+            placeholder="请选择运费模板"
+            allowClear
+          >
+            {
+              logisticsTemplateList?.length>0 && logisticsTemplateList.map(_ => <Option key={_.id} value={_.id}>{_.name}</Option>)
+            }
+          </Select>
+        </Form.Item>
+      }
+      {
+        deliveryType !== 3 && <Form.Item
+          name="sendAddress"
+          label="发货地址"
+        >
+          <Select
+            placeholder="请选择发货地址"
+            allowClear
+          >
+            {
+              logisticsAddressList?.length > 0 && logisticsAddressList.map(_=><Option key={_.id} value={_.id}>{_.fullAddress}</Option>)
+            }
+          </Select>
+        </Form.Item>
+      }
+      {
+        deliveryType === 1 && <Form.Item
+          name="company"
+          label="物流公司"
+        >
+          <Select
+            placeholder="请选择物流公司"
+            allowClear
+          >
+            {
+              logisticsCompanyLists?.length > 0 && logisticsCompanyLists.map(_=><Option key={_.id} value={_.id}>{_.name}</Option>)
+            }
+          </Select>
+        </Form.Item>
+      }
+    </Form>
+  </>)
+}
+
+export default SetLogistics

src/pages/commodity/products/addChannelItem/setPrice.tsx

@@ -63,9 +63,9 @@ const SetPrice:React.FC<IProps> = (props) => {
   const [loading, setLoading] = useState<boolean>(false)
 
   const { ChannelProudctStore } = store
-  const { 
-    priceType, 
-    productName, 
+  const {
+    priceType,
+    productName,
     productSelectRowInStore,
     selectedSource,
     setTableDataInSetPrice
@@ -73,7 +73,7 @@ const SetPrice:React.FC<IProps> = (props) => {
 
   useEffect(() => {
     onRef(formPrice)
-    
+
   }, [])
 
   useEffect(() => {
@@ -84,7 +84,7 @@ const SetPrice:React.FC<IProps> = (props) => {
     if(visibleAddSpec)
       fetchSpecData()
   }, [visibleAddSpec])
-  
+
   // 获取商品规格列表
   const fetchSpecData = (params?: any) => {
     setLoading(true)
@@ -105,36 +105,36 @@ const SetPrice:React.FC<IProps> = (props) => {
       temp.push({title: _item.customerAttribute.name, dataIndex: [_item.customerAttribute.name, 'value'], key: _item.customerAttribute.name})
     })
     col.push({
-        title: 'ID', 
-        dataIndex: 'id', 
-        key: 'id' 
-      }, 
+        title: 'ID',
+        dataIndex: 'id',
+        key: 'id'
+      },
       {
-        title: 'GoodsId', 
-        dataIndex: 'goodsId', 
+        title: 'GoodsId',
+        dataIndex: 'goodsId',
         key: 'id',
         className: 'commonHide'
       },
-      { 
-        title: '索引', 
-        dataIndex: '索引', 
+      {
+        title: '索引',
+        dataIndex: '索引',
         key: '索引',
         className: 'commonHide'
       },
-      { 
-        title: '商品名称', 
-        dataIndex: '商品名称', 
+      {
+        title: '商品名称',
+        dataIndex: '商品名称',
         key: '商品名称'
-      }, 
+      },
       {
-        title: '对应货品', 
-        dataIndex: '对应货品', 
+        title: '对应货品',
+        dataIndex: '对应货品',
         key: '对应货品'
-      }, 
-      ...temp, 
-      { 
-        title: priceType === 3 ? '积分' : '单价', 
-        dataIndex: '单价', 
+      },
+      ...temp,
+      {
+        title: priceType === 3 ? '积分' : '单价',
+        dataIndex: '单价',
         key: '单价',
         render: (text, record) => {
           if (!text || JSON.stringify(text)==='{}') return null
@@ -221,7 +221,7 @@ const SetPrice:React.FC<IProps> = (props) => {
       let priceArray = Object.values(record['单价'])
       let tempArr = []
       numberArray.map((_item, _index) => {
-        tempArr.push({ numberPrice: priceArray[_index], numberRange: { numberMin: _item[0], numberMax: _item[1] } })  
+        tempArr.push({ numberPrice: priceArray[_index], numberRange: { numberMin: _item[0], numberMax: _item[1] } })
       })
       setPriceForm.setFieldsValue({ladderPrice: true, ladderRange: tempArr})
     }
@@ -262,8 +262,8 @@ const SetPrice:React.FC<IProps> = (props) => {
     let _data = selectData.map(item => {
       let price = priceTableData.filter(_i => _i.id === item.id)[0]['单价']
       let params: any = {
-        ...item, 
-        unitPrice: price, 
+        ...item,
+        unitPrice: price,
         commodityUnitPriceAndPicId: item.id
       }
       delete params.id
@@ -316,7 +316,7 @@ const SetPrice:React.FC<IProps> = (props) => {
     <Form
       {...layout}
       form={formPrice}
-      name="add-channel-discount" 
+      name="add-channel-discount"
       labelAlign="left"
       colon={false}
       initialValues={{isMemberPrice: true}}
@@ -340,7 +340,7 @@ const SetPrice:React.FC<IProps> = (props) => {
       <PlusOutlined /> 选择商品规格
     </Button>
     {
-      priceTableData.length > 0 &&  priceType != 2 && 
+      priceTableData.length > 0 &&  priceType != 2 &&
       <Button
         type="text"
         style={{float: 'right'}}
@@ -351,7 +351,7 @@ const SetPrice:React.FC<IProps> = (props) => {
       </Button>
     }
     <Table rowKey="id" dataSource={priceTableData} columns={priceColumn} style={{clear: 'both'}} />
-      
+
     <Modal
       title="设置价格"
       visible={modifyModal}
@@ -365,7 +365,7 @@ const SetPrice:React.FC<IProps> = (props) => {
         form={setPriceForm}
         initialValues={{ladderPrice: false}}
       >
-        { 
+        {
           priceType!==3 &&
           <Form.Item
             label=""
@@ -434,7 +434,7 @@ const SetPrice:React.FC<IProps> = (props) => {
                                 placeholder="~"
                                 disabled
                               />
-                              <Form.Item 
+                              <Form.Item
                                 name={[field.name, 'numberRange', 'numberMax']}
                                 noStyle
                                 rules={[
@@ -518,19 +518,19 @@ const SetPrice:React.FC<IProps> = (props) => {
       destroyOnClose={true}
       width={704}
     >
-      <Table 
-        dataSource={specTableData} 
-        columns={specColumn} 
+      <Table
+        dataSource={specTableData}
+        columns={specColumn}
         rowKey="id"
         loading={loading}
         rowSelection={{
           type: 'checkbox',
           ...rowSelectionSetSpec,
         }}
-        pagination={{ simple: true }}
+        pagination={{ simple: true, position: ['topRight'] }}
       />
     </Modal>
     </>)
 }
 
-export default observer(SetPrice)
\ No newline at end of file
+export default observer(SetPrice)

src/pages/commodity/products/addDirectChannel.tsx

@@ -13,6 +13,7 @@ import styles from './index.less'
 import SelectProduct from './addChannelItem/selectProduct'
 import SelectChannel from './addChannelItem/selectChannel'
 import SetPrice from './addChannelItem/setPrice'
+import SetLogistics from './addChannelItem/setLogistics'
 
 import { store } from '@/store'
 import { inject, observer } from 'mobx-react'
@@ -26,10 +27,10 @@ const AddDirectChannel:React.FC<{}> = (props) => {
   let [formRefs, setFormRefs] = useState([]) //子form的ref数组
 
   const { ChannelProudctStore } = store
-  const { 
-    priceType, 
-    productName, 
-    productSelectRowInStore, 
+  const {
+    priceType,
+    productName,
+    productSelectRowInStore,
     tableDataInSetPrice,
     selectedRole,
     selectChannel,
@@ -41,40 +42,55 @@ const AddDirectChannel:React.FC<{}> = (props) => {
 
   const onSave = () => {
     setIsDisabledSave(true)
-    let data = formRefs.map(async __ => {
-      return (
-        await __.validateFields()
-      )
-    })
-    Promise.all(data).then((values) => {
-      let params: any = {}
-      values.map(item => {
-        params = { ...params, ...item }
+    try {
+      let data = formRefs.map(async __ => {
+        return (
+          await __.validateFields()
+        )
       })
-      params.unitPriceAndPicList = tableDataInSetPrice
-      params.commodityId = productSelectRowInStore.id
-      params.parentMemberId = productSelectRowInStore.memberId
-      params.parentMemberName = productSelectRowInStore.memberName
-      params.childMemberRoleName = selectedRole?.children || null
-      params.commodityMemberList = selectChannel.map(item => ({ memberId: item.memberId, memberName: item.name }))
+      Promise.all(data).then((values) => {
+        let params: any = {}
+        console.log(values, 'vvv')
+        values.map((item, index) => {
+          if(index !== 2)
+            params = { ...params, ...item }
+          else
+            params.logistics = { ...item }
+        })
+        params.unitPriceAndPicList = tableDataInSetPrice
+        params.commodityId = productSelectRowInStore.id
+        params.parentMemberId = productSelectRowInStore.memberId
+        params.parentMemberName = productSelectRowInStore.memberName
+        params.childMemberRoleName = selectedRole?.children || null
+        params.commodityMemberList = selectChannel.map(item => ({ memberId: item.memberId, memberName: item.name }))
 
-      if(!tableDataInSetPrice.length){
-        message.error('请选择商品规格！')
-        setIsDisabledSave(false)
-        return ;
-      }
+        if(!tableDataInSetPrice.length){
+          message.error('请选择商品规格！')
+          setIsDisabledSave(false)
+          return ;
+        }
 
-      if(params.childMemberRoleName)
-        PublicApi.postProductChannelCommoditySaveChannelCommodity(params).then(res=>{
+        if(params.childMemberRoleName)
+          PublicApi.postProductChannelCommoditySaveChannelCommodity(params).then(res=>{
+            setIsDisabledSave(false)
+            if(res.code === 1000)
+              history.goBack()
+          })
+        else{
+          message.error('暂无渠道角色数据！')
           setIsDisabledSave(false)
-          if(res.code === 1000)
-            history.goBack()
-        })
-      else{
-        message.error('暂无渠道角色数据！')
+        }
+      }).catch(_e => {
         setIsDisabledSave(false)
-      }
-    })
+        message.error(_e.errorFields[0].errors[0] || '请完善渠道商品必填信息！')
+        console.log(_e, _e.message, '_e')
+      })
+    } catch (e) {
+      setIsDisabledSave(false)
+      message.error(e.message || '请完善相关信息！')
+
+      console.log(e, 'error')
+    }
   }
 
   return (<PageHeaderWrapper
@@ -99,6 +115,11 @@ const AddDirectChannel:React.FC<{}> = (props) => {
             onRef={(refs)=>setFormRefs([...formRefs, refs])}
           />
         </TabPane>
+        <TabPane tab="物流信息" key="4">
+          <SetLogistics
+            onRef={(refs)=>setFormRefs([...formRefs, refs])}
+          />
+        </TabPane>
         <TabPane tab="适用渠道" key="3">
           <SelectChannel
             onRef={(refs)=>setFormRefs([...formRefs, refs])}
@@ -109,4 +130,4 @@ const AddDirectChannel:React.FC<{}> = (props) => {
   </PageHeaderWrapper>)
 }
 
-export default observer(AddDirectChannel)
\ No newline at end of file
+export default observer(AddDirectChannel)

src/pages/commodity/products/viewDirectChannel.tsx

@@ -12,6 +12,9 @@ const ViewDriectChannel: React.FC<{}> = () => {
   const [priceTableData, setPriceTableData] = useState<any[]>([])
   const [priceTableDataColumn, setPrcieTableColumn] = useState<any[]>([])
   const [shopList, setShopList] = useState<any[]>([])
+  const [logisticTemplateName, setLogisticTemplateName] = useState<string>()
+  const [logisticResourceCompanyName, setLogisticResourceCompanyName] = useState<string>()
+  const [logisticResourceSendAddress, setLogisticResourceSendAddress] = useState<string>()
 
   useEffect(() => {
     const { id } = history.location.query
@@ -23,9 +26,24 @@ const ViewDriectChannel: React.FC<{}> = () => {
     PublicApi.getProductChannelCommodityGetShop({ id: id }).then(res => {
       setShopList(res.data)
     })
-
   }, [])
 
+  useEffect(() => {
+    if(channelDetails?.logistics?.templateId)
+      PublicApi.getLogisticsFreightTemplateGet({id: channelDetails?.logistics?.templateId + ''}).then(res => {
+        setLogisticTemplateName(res.data.name)
+      })
+    if(channelDetails?.logistics?.company)
+      PublicApi.getLogisticsCompanyGet({id: channelDetails?.logistics?.company + ''}).then(res => {
+        setLogisticResourceCompanyName(res.data.name)
+      })
+    if(channelDetails?.logistics?.sendAddress)
+      PublicApi.getLogisticsShipperAddressGet({id: channelDetails?.logistics?.sendAddress + ''}).then(res => {
+        const { provinceName, cityName, districtName, address } = res.data
+        setLogisticResourceSendAddress(provinceName + cityName + districtName + address)
+      })
+  }, [channelDetails])
+
   const constructTable = (param: any) => {
     const { unitPriceAndPicList, channelCommodity } = param
     const { commodity } = channelCommodity
@@ -138,6 +156,18 @@ const ViewDriectChannel: React.FC<{}> = () => {
     </Descriptions>
   </>
 
+  const renderDeliveryType = (type: number) => {
+    if(type === 1) return '物流（默认）'
+    else if(type === 2) return '自提'
+    else if(type === 3) return '无需配送'
+    else return null
+  }
+
+  const renderCarriageType = (type: number) => {
+    if(type === 1) return '卖家承担运费（默认）'
+    if(type === 2) return '买家承担运费'
+  }
+
   return (
     <PageHeaderWrapper
       onBack={() => history.goBack()}
@@ -194,6 +224,80 @@ const ViewDriectChannel: React.FC<{}> = () => {
           </Row>
         </Card>
       </Space>
+      <Space direction="vertical" style={{ width: '100%' }}>
+        <Card headStyle={{ borderBottom: 'none' }} title="物流信息">
+          <Row>
+          <Col span={24}>
+              {
+                renderDeliveryType(channelDetails?.logistics?.deliveryType) &&
+                <Row>
+                  <Col span={4}>
+                    <p>配送方式：</p>
+                  </Col>
+                  <Col span={20}>
+                    <p>{renderDeliveryType(channelDetails?.logistics?.deliveryType)}</p>
+                  </Col>
+                </Row>
+              }
+              {
+                renderCarriageType(channelDetails?.logistics?.carriageType) &&
+                <Row>
+                  <Col span={4}>
+                    <p>运送方式：</p>
+                  </Col>
+                  <Col span={20}>
+                    <p>{renderCarriageType(channelDetails?.logistics?.carriageType)}</p>
+                  </Col>
+                </Row>
+              }
+              {
+                channelDetails?.logistics?.weight &&
+                <Row>
+                  <Col span={4}>
+                    <p>重量：</p>
+                  </Col>
+                  <Col span={20}>
+                    <p>{channelDetails.logistics.weight}KG（公斤）</p>
+                  </Col>
+                </Row>
+              }
+              {
+                logisticTemplateName &&
+                <Row>
+                  <Col span={4}>
+                    <p>运费模版：</p>
+                  </Col>
+                  <Col span={20}>
+                    <p>{logisticTemplateName}</p>
+                  </Col>
+                </Row>
+              }
+              {
+                logisticResourceCompanyName &&
+                <Row>
+                  <Col span={4}>
+                    <p>物流公司：</p>
+                  </Col>
+                  <Col span={20}>
+                    <p>{logisticResourceCompanyName}</p>
+                  </Col>
+                </Row>
+              }
+              {
+                logisticResourceSendAddress &&
+                <Row>
+                  <Col span={4}>
+                    <p>发货地址：</p>
+                  </Col>
+                  <Col span={20}>
+                    <p>{logisticResourceSendAddress}</p>
+                  </Col>
+                </Row>
+              }
+          </Col>
+          </Row>
+        </Card>
+      </Space>
     </PageHeaderWrapper>
   )
 }

src/pages/handling/assign/processStock/index.tsx

@@ -60,7 +60,7 @@ enum OuterAndInnerStatus {
   /**
    * 待确认物流单
    */
-  pending_confirm_logistics = '待确认物流单',
+  pending_confirm_logistics = '4_17',
   /**
    * 待确认发货
    */
@@ -174,8 +174,8 @@ const processStock: React.FC<{}> = () => {
               <a onClick={() => handleVisible(record.id)}>审核</a>
             </Popconfirm>
           ),
-          [OuterAndInnerStatus.pending_add_logistics]: <Link to={`${ADD_LOGISTICS_PATH}`}>新增</Link>,
-          [OuterAndInnerStatus.pending_confirm_logistics]: <a>查看</a>,
+          [OuterAndInnerStatus.pending_add_logistics]: <Link to={`${ADD_LOGISTICS_PATH}?createType=3&shipmentOrderId=${record.deliveryId}&shipmentOrderCode=${record.deliveryNo}&relevanceOrderId=${record.id}`}>新增物流单</Link>,
+          [OuterAndInnerStatus.pending_confirm_logistics]: <Link to={`${ADD_LOGISTICS_PATH}?createType=3&shipmentOrderId=${record.deliveryId}&shipmentOrderCode=${record.deliveryNo}&relevanceOrderId=${record.id}&isPreview=1`}>查看物流单</Link>,
           [OuterAndInnerStatus.pending_confirm_deliver]: <Link to={`${PENDING_DELIVERD_PATH}/detail?id=${record.id}`}>发货</Link>,
           [OuterAndInnerStatus.pending_add_process_in_warehouse]: (
             <Link
@@ -201,7 +201,7 @@ const processStock: React.FC<{}> = () => {
           [OuterAndInnerStatus.pending_confirm_receive]: <Link to={`${ASSIGN_PENDING_RECEIVE}/detail?id=${record.id}`}>收货</Link>,
           [OuterAndInnerStatus.pending_confirm_receipt]: <Link to={`${PENDING_RECEIPT_PATH}/detail?id=${record.id}`}>确认回单</Link>
         }
-        return MAP[`${outerStatus}_${innerStatus}`] || MAP[record.innerStatusName]
+        return MAP[`${outerStatus}_${innerStatus}`]
       }
     }
   ]

src/pages/payandSettle/amountAccountManage/memberAccountManage/schema/index.tsx

@@ -66,7 +66,8 @@ export const searchSchema: ISchema = {
                 style: {
                   width: 174
                 }
-              }
+              },
+              visible: false,
             },
             memberStatus: {
               type: 'string',
@@ -163,4 +164,4 @@ export const rechargeSchema: ISchema = {
       }
     }
   }
-}
\ No newline at end of file
+}

src/pages/trademark/addBrand.tsx

@@ -140,9 +140,9 @@ const AddBrand: React.FC<{}> = () => {
         delete values.proveUrl.file
       }
       PublicApi.postProductBrandSaveOrUpdateBrand(values).then(res => {
-          setIsDisabledSave(true)
-          setIsEnableCheck(false)
-          setReponseId(res.data)
+        setIsDisabledSave(true)
+        setIsEnableCheck(false)
+        setReponseId(res.data)
       })
     })
   }

src/pages/transaction/_public/order/constant.ts

@@ -36,23 +36,63 @@ export enum SALE_ORDER_STATUS {
 export const tableListSchema: ISchema = {
   type: 'object',
   properties: {
-    orderNo: {
-      type: 'string',
-      "x-component": 'SearchFilter',
-      'x-component-props': {
-        placeholder: '请输入订单编号',
-        align: 'flex-end',
-      },
-    },
-    [FORM_FILTER_PATH]: {
+    // orderNo: {
+    //   type: 'string',
+    //   "x-component": 'SearchFilter',
+    //   'x-component-props': {
+    //     placeholder: '请输入订单编号',
+    //     align: 'flex-end',
+    //   },
+    // },
+    // [FORM_FILTER_PATH]: {
+    //   type: 'object',
+    //   'x-component': 'flex-layout',
+    //   'x-component-props': {
+    //     inline: true,
+    //     colStyle: {
+    //       marginLeft: 20
+    //     }
+    //   },
+    mageLayout: {
       type: 'object',
-      'x-component': 'flex-layout',
-      'x-component-props': {
-        inline: true,
-        colStyle: {
-          marginLeft: 20
-        }
-      },
+      'x-component': 'mega-layout',
+      properties: {
+        topLayout: {
+          type: 'object',
+          'x-component': 'mega-layout',
+          'x-component-props': {
+            grid: true,
+          },
+          properties: {
+            ctl: {
+              type: 'object',
+              'x-component': 'Children',
+              'x-component-props': {
+                children: '{{controllerBtns}}',
+              },
+            },
+            orderNo: {
+              type: 'string',
+              "x-component": 'Search',
+              'x-component-props': {
+                placeholder: '请输入订单编号',
+                align: 'flex-end',
+              },
+            }
+          },
+        },
+        [FORM_FILTER_PATH]: {
+          type: 'object',
+          'x-component': 'flex-layout',
+          'x-component-props': {
+            rowStyle: {
+              flexWrap: 'nowrap',
+            },
+            colStyle: {
+              marginLeft: 20,
+            },
+          },
+
       properties: {
         orderThe: {
           type: 'string',
@@ -79,7 +119,7 @@ export const tableListSchema: ISchema = {
             children: '查询',
           },
         },
-      },
+      },}}
     },
   }
 }

src/pages/transaction/components/createElectronModal/index.tsx

@@ -192,16 +192,16 @@ const CreateOrderElectronModal:React.FC<OrderElectronModalProps> = (props) => {
             // useAsyncSelect('contractTemplateId', async () => (await PublicApi.getOrderSelectListContractTemplate()).data, ['name', 'id']).then(()=>{
             //   actions.setFieldValue("contractTemplateId", data.contractTemplateId)
             // })
-            const { data } = await PublicApi.getOrderSelectListContractTemplate()
-            let options = data.map(item => ({
+            const res = await PublicApi.getOrderSelectListContractTemplate()
+            let options = res.data.map(item => ({
               label: item.name,
               value: item.id,
             }))
             actions.setFieldState('contractTemplateId', state => {
               state.props.enum = options
             })
-            if(options?.length && options.filter(_i => _i.value === data.contractTemplateId).length) {
-              actions.setFieldValue("contractTemplateId", data.contractTemplateId)
+            if(options?.length && options.filter(_i => _i.value === data['contractTemplateId']).length) {
+              actions.setFieldValue("contractTemplateId", data['contractTemplateId'])
             }
           } else {
             actions.setFieldState('usingElectronicContracts', state => {

src/pages/transaction/components/orderMergeInfo/index.tsx

@@ -95,4 +95,4 @@ const OrderMergeInfo: React.FC<OrderMergeInfoProps> = (props) => {
 
 OrderMergeInfo.defaultProps = {}
 
-export default OrderMergeInfo
\ No newline at end of file
+export default OrderMergeInfo

src/pages/transaction/purchaseOrder/orderCollect/components/productModalTable/index.tsx

@@ -74,15 +74,17 @@ const orderProductShopTypeMaps = {
 
 export const AddressPop = (props) => {
   const { pickInfo = null, children } = props
+  let receiveInfo = pickInfo?.render && JSON.parse(pickInfo.render).props.pickInfo
   return pickInfo && pickInfo.deliveryType === 2 ? <Space>
     <EnvironmentOutlined style={{marginRight: 8}}/>
     <Popover content={
       <Row>
-        <EnvironmentOutlined/>
         <div>
-          <h3>自提地址</h3>
-          <p>{pickInfo.receiverName} / {pickInfo.phone}</p>
-          <p>{pickInfo.fullAddress}</p>
+          <h3><EnvironmentOutlined/> 自提地址</h3>
+          {/* <p>{pickInfo.receiverName} / {pickInfo.phone}</p>
+          <p>{pickInfo.fullAddress}</p> */}
+          <p>{receiveInfo.shipperName} / {receiveInfo.phone}</p>
+          <p>{receiveInfo.provinceName + receiveInfo.cityName + receiveInfo.districtName + receiveInfo.address}</p>
         </div>
       </Row>
     }>

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

@@ -52,7 +52,7 @@ export const MoneyTotalBox = registerVirtualBox('moneyTotalBox', props => {
   const { form } = useFormSpy({ selector: [['onFieldValueChange', 'orderProductRequests']], reducer: v => v })
   const data = form.getFieldValue('orderProductRequests')
   const receiverAddressId = form.getFieldValue('deliveryAddresId')
-  const sum = data.reduce((prev, next) => prev + (next.money || 0), 0)
+  const sum = data.reduce((prev, next) => (prev*100 + (next.money || 0)*100)/100, 0)
   const [freePrice, setFreePrice] = useState<number>(0)
 
   useEffect(() => {
@@ -60,6 +60,7 @@ export const MoneyTotalBox = registerVirtualBox('moneyTotalBox', props => {
       form.notify('sumPrice', sum + freePrice)
     }
   }, [sum, freePrice])
+
   useEffect(() => {
     // 存在商品 并且有选择收货地址，则开始计算运费
     if (data && data.length > 0 && receiverAddressId) {

src/pages/transaction/saleOrder/index.tsx

-import React, { useState } from 'react'
+import React, { useRef, useState } from 'react'
 import { Card, Button, Modal } from 'antd'
 import { StandardTable } from 'god'
 import { PageHeaderWrapper } from '@ant-design/pro-layout'
@@ -12,19 +12,24 @@ import { FORM_FILTER_PATH } from '@/formSchema/const'
 import DateRangePickerUnix from '@/components/NiceForm/components/DateRangePickerUnix'
 import Submit from '@/components/NiceForm/components/Submit'
 import moment from 'moment'
+import NiceForm from '@/components/NiceForm'
+import { createFormActions } from '@formily/antd'
 
 // 销售订单查询
 
 export interface SaleOrderProps { }
 
 const fetchTableData = async (params) => {
+  console.log(params, 'ppp')
   const { data } = await PublicApi.getOrderPurchaseOrderList(params)
   return data
 }
 
+const formActions = createFormActions();
 
 // 最后一步开始调试 TODO
 const SaleOrder: React.FC<SaleOrderProps> = (props) => {
+  const ref = useRef<any>({})
   const [saleVisible, setSaleVisible] = useState<any>(false)
 
   // 售后唤起弹窗 @todo
@@ -35,7 +40,7 @@ const SaleOrder: React.FC<SaleOrderProps> = (props) => {
   const handleEvaluate = (id) => {
     history.push(`/memberCenter/tranactionAbility/supplierEvaluation/unevaluated`)
   }
-  
+
   const secondColumns: any[] = baseOrderListColumns.concat([
     {
       title: '操作',
@@ -50,41 +55,38 @@ const SaleOrder: React.FC<SaleOrderProps> = (props) => {
     }
   ])
 
+  const controllerBtns = <Button style={{width: 140}} onClick={() => {}} type='default'>导出</Button>
+
   return <PageHeaderWrapper>
     <Card>
       <StandardTable
         fetchTableData={params => fetchTableData(params)}
         columns={secondColumns}
-        rowKey={'orderNo'}
-        formilyLayouts={{
-          justify: 'space-between'
-        }}
-        formilyChilds={{
-          layouts: {
-            order: 2
-          },
-          children: <Button style={{width: 140}} onClick={() => {}} type='default'>导出</Button>
-        }}
-        formilyProps={{
-          layouts: {
-            order: 3
-          },
-          ctx: {
-            inline: false,
-            schema: tableListSchema,
-            effects: ($, actions) => {
+        currentRef={ref}
+        controlRender={
+          <NiceForm
+            actions={formActions}
+            onSubmit={values => ref.current.reload(values)}
+            expressionScope={{
+              controllerBtns,
+            }}
+            effects={($, actions) => {
               useStateFilterSearchLinkageEffect(
                 $,
                 actions,
                 'orderNo',
                 FORM_FILTER_PATH,
-              );
-            },
-            components: {
+              )
+            }}
+            schema={tableListSchema}
+            components={{
               DateRangePickerUnix,
               Submit
-            }
-          }
+            }}
+          />
+        }
+        tableProps={{
+          rowKey: 'orderNo',
         }}
       />
     </Card>
@@ -93,4 +95,4 @@ const SaleOrder: React.FC<SaleOrderProps> = (props) => {
 
 SaleOrder.defaultProps = {}
 
-export default SaleOrder
\ No newline at end of file
+export default SaleOrder