Commit bfde62bc authored by XieZhiXiong's avatar XieZhiXiong

Merge branch 'dev' into test

parents 7d14c639 be8041d3
...@@ -120,6 +120,9 @@ const Relevance = props => { ...@@ -120,6 +120,9 @@ const Relevance = props => {
fetchTableData={fetchTableData} fetchTableData={fetchTableData}
formilyProps={formilyProps} formilyProps={formilyProps}
tableProps={tableProps} tableProps={tableProps}
resetModal={{
destroyOnClose: true,
}}
/> />
</RowStyleLayout> </RowStyleLayout>
); );
......
...@@ -141,7 +141,7 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => { ...@@ -141,7 +141,7 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => {
return ( return (
<ProLayout <ProLayout
pageTitleRender={() => currentRouter ? currentRouter.name : window.location.href} pageTitleRender={() => currentRouter ? currentRouter.name : window.location.href}
style={{ minHeight: '100vh' }} style={{ minHeight: '100vh', minWidth: "1500px" }}
logo={logo} logo={logo}
formatMessage={formatMessage} formatMessage={formatMessage}
menuHeaderRender={(logoDom, titleDom) => ( menuHeaderRender={(logoDom, titleDom) => (
......
...@@ -28,33 +28,12 @@ const AppendixItem = (props) => { ...@@ -28,33 +28,12 @@ const AppendixItem = (props) => {
let link = document.createElement("a"); let link = document.createElement("a");
link.style.display = "none"; link.style.display = "none";
link.href = url; link.href = url;
link.setAttribute("download", name + '.txt'); link.setAttribute("download", name);
document.body.appendChild(link) //a标签插至页面中 document.body.appendChild(link) //a标签插至页面中
link.click(); link.click();
document.body.removeChild(link); document.body.removeChild(link);
} }
const downloadUrlFile = (name, url) => {
const xhr = new XMLHttpRequest()
xhr.open('GET', url, true)
xhr.responseType = 'blob'
xhr.onload = () => {
if (xhr.status === 200) {
saveAs(xhr.response, name)
}
}
xhr.send()
}
const saveAs = (data, name) => {
var urlObject = window.URL
var export_blob = new Blob([data]);
var save_link = document.createElement("a");
save_link.href = urlObject.createObjectURL(export_blob);
save_link.download = name;
save_link.click();
}
return ( return (
<div style={styles}> <div style={styles}>
......
...@@ -53,12 +53,12 @@ const SettlementAbility: React.FC<Iprops> = () => { ...@@ -53,12 +53,12 @@ const SettlementAbility: React.FC<Iprops> = () => {
: Object.keys(requestData).map((record) => { : Object.keys(requestData).map((record) => {
return ( return (
<Row key={record} className={styles.row}> <Row key={record} className={styles.row}>
<Col xxl={4} xl={4} lg={24} md={24} sm={24} className={styles.rowTitle}>{KEY_TITLE[record]}</Col> <Col span={4} className={styles.rowTitle}>{KEY_TITLE[record]}</Col>
<Col xxl={20} xl={20} lg={24} md={24} sm={24} className={styles.colRow}> <Col span={20} className={styles.colRow}>
{ {
requestData[record].map((item, key) => { requestData[record].map((item, key) => {
return ( return (
<Col xxl={4} xl={6} lg={6} md={6} sm={12} xs={24} key={key} className={styles.col}> <Col span={4} key={key} className={styles.col}>
<div className={styles.colTitle}>{item.name}</div> <div className={styles.colTitle}>{item.name}</div>
{ {
item.link item.link
......
...@@ -64,24 +64,6 @@ const FundCenter: React.FC<Iprops> = () => { ...@@ -64,24 +64,6 @@ const FundCenter: React.FC<Iprops> = () => {
? <Skeleton active /> ? <Skeleton active />
: ( : (
<> <>
{/* <div className={styles.tags}>
{
tagsList.map((item) => {
const hasAuth = !urls.includes(item.url);
if(!hasAuth) {
return null
}
return (
<Link to={item.url} className={styles.tagsItem} key={item.text}>
<div className={styles.icon}>
<img src={item.icon} />
</div>
<div className={styles.text}>{item.text}</div>
</Link>
)
})
}
</div> */}
<Row gutter={[16,16]}> <Row gutter={[16,16]}>
{ {
tagsList.map((item) => { tagsList.map((item) => {
...@@ -90,7 +72,7 @@ const FundCenter: React.FC<Iprops> = () => { ...@@ -90,7 +72,7 @@ const FundCenter: React.FC<Iprops> = () => {
return null return null
} }
return ( return (
<Col xxl={5} xl={12} lg={8} md={12} sm={24} xs={24} key={item.text}> <Col span={4} key={item.text}>
<Link to={item.url} className={styles.tagsItem}> <Link to={item.url} className={styles.tagsItem}>
<div className={styles.icon}> <div className={styles.icon}>
<img src={item.icon} /> <img src={item.icon} />
...@@ -107,12 +89,12 @@ const FundCenter: React.FC<Iprops> = () => { ...@@ -107,12 +89,12 @@ const FundCenter: React.FC<Iprops> = () => {
Object.keys(requestData).map((item) => { Object.keys(requestData).map((item) => {
return ( return (
<Row key={item} className={styles.row}> <Row key={item} className={styles.row}>
<Col xxl={4} xl={4} lg={24} md={24} sm={24} xs={24} className={styles.rowTitle}>{KEY_TO_TITLE[item]}</Col> <Col span={4} className={styles.rowTitle}>{KEY_TO_TITLE[item]}</Col>
<Col xxl={20} xl={20} lg={24} md={24} sm={24} xs={24} className={styles.colRow}> <Col span={20} className={styles.colRow}>
{ {
requestData[item].map((record) => { requestData[item].map((record) => {
return ( return (
<Col xxl={4} xl={6} lg={8} md={8} sm={12} xs={24} key={record.name} className={styles.col}> <Col span={4} key={record.name} className={styles.col}>
<div className={styles.colTitle}>{record.name}</div> <div className={styles.colTitle}>{record.name}</div>
{ {
record.link record.link
......
...@@ -73,7 +73,7 @@ const LogisticsCenter: React.FC<Iprops> = () => { ...@@ -73,7 +73,7 @@ const LogisticsCenter: React.FC<Iprops> = () => {
loading loading
? <Skeleton active /> ? <Skeleton active />
: <> : <>
<Row gutter={[16,16]}> <Row gutter={[24,16]}>
{ {
data.map((item) => { data.map((item) => {
const hasAuth = !urls.includes(item.url); const hasAuth = !urls.includes(item.url);
...@@ -81,7 +81,7 @@ const LogisticsCenter: React.FC<Iprops> = () => { ...@@ -81,7 +81,7 @@ const LogisticsCenter: React.FC<Iprops> = () => {
return null return null
} }
return ( return (
<Col xxl={5} xl={12} lg={8} md={12} sm={24} xs={24} key={item.text}> <Col span={4} key={item.text}>
<Link to={item.url} className={styles.tagsItem}> <Link to={item.url} className={styles.tagsItem}>
<div className={styles.icon}> <div className={styles.icon}>
<img src={item.icon} /> <img src={item.icon} />
......
...@@ -44,12 +44,12 @@ const ProcessCenter: React.FC<Iprops> = () => { ...@@ -44,12 +44,12 @@ const ProcessCenter: React.FC<Iprops> = () => {
: Object.keys(requestData).map((record) => { : Object.keys(requestData).map((record) => {
return ( return (
<Row key={record} className={styles.row}> <Row key={record} className={styles.row}>
<Col xxl={4} xl={4} lg={24} md={24} sm={24} xs={24} className={styles.rowTitle}>{KEY_TITLE[record]}</Col> <Col span={4} className={styles.rowTitle}>{KEY_TITLE[record]}</Col>
<Col xxl={20} xl={20} lg={24} md={24} sm={24} xs={24} className={styles.colRow}> <Col span={20} className={styles.colRow}>
{ {
requestData[record].map((item, key) => { requestData[record].map((item, key) => {
return ( return (
<Col xxl={4} xl={6} lg={8} md={8} sm={12} xs={24} key={key} className={styles.col}> <Col span={4} key={key} className={styles.col}>
<div className={styles.colTitle}>{item.name}</div> <div className={styles.colTitle}>{item.name}</div>
{ {
item.link item.link
...@@ -69,27 +69,6 @@ const ProcessCenter: React.FC<Iprops> = () => { ...@@ -69,27 +69,6 @@ const ProcessCenter: React.FC<Iprops> = () => {
) )
} }
} }
{/* {
data.map((record) => {
return (
<Row key={record.id} className={styles.row}>
<Col span={4} className={styles.rowTitle}>平台代收账款结算</Col>
<Col span={20} className={styles.colRow}>
{
record.list.map((item) => {
return (
<Col span={4} key={item} className={styles.col}>
<div className={styles.colTitle}>待提交审核咨询单</div>
<div className={styles.colValue}>5</div>
</Col>
)
})
}
</Col>
</Row>
)
})
} */}
</AbilityContainer> </AbilityContainer>
) )
......
...@@ -59,12 +59,12 @@ const ProductCenter: React.FC<Iprops> = () => { ...@@ -59,12 +59,12 @@ const ProductCenter: React.FC<Iprops> = () => {
? <Skeleton active /> ? <Skeleton active />
: <> : <>
<Row className={styles.row}> <Row className={styles.row}>
<Col xxl={4} xl={4} lg={24} md={24} sm={24} className={styles.rowTitle}>商品</Col> <Col span={4} className={styles.rowTitle}>商品</Col>
<Col xxl={20} xl={20} lg={24} md={24} sm={24} className={styles.colRow}> <Col span={20} className={styles.colRow}>
{ {
isArray && requestData.map((item) => { isArray && requestData.map((item) => {
return ( return (
<Col xxl={4} xl={6} lg={8} md={8} sm={12} xs={24} key={item.name} className={styles.col}> <Col span={4} key={item.name} className={styles.col}>
<div className={styles.colTitle}>{item.name}</div> <div className={styles.colTitle}>{item.name}</div>
{ {
item.link item.link
......
...@@ -66,7 +66,7 @@ const SettlementCenter: React.FC<Iprops> = () => { ...@@ -66,7 +66,7 @@ const SettlementCenter: React.FC<Iprops> = () => {
loading loading
? <Skeleton active /> ? <Skeleton active />
: <> : <>
<Row gutter={[16,16]}> <Row gutter={[16,24]}>
{ {
tagsList.map((item) => { tagsList.map((item) => {
const hasAuth = !urls.includes(item.url); const hasAuth = !urls.includes(item.url);
...@@ -74,7 +74,7 @@ const SettlementCenter: React.FC<Iprops> = () => { ...@@ -74,7 +74,7 @@ const SettlementCenter: React.FC<Iprops> = () => {
return null return null
} }
return ( return (
<Col xxl={6} xl={12} lg={8} md={12} sm={24} xs={24} key={item.text}> <Col span={4} key={item.text}>
<Link to={item.url} className={styles.tagsItem}> <Link to={item.url} className={styles.tagsItem}>
<div className={styles.icon}> <div className={styles.icon}>
<img src={item.icon} /> <img src={item.icon} />
...@@ -90,12 +90,12 @@ const SettlementCenter: React.FC<Iprops> = () => { ...@@ -90,12 +90,12 @@ const SettlementCenter: React.FC<Iprops> = () => {
Object.keys(requestData).map((record) => { Object.keys(requestData).map((record) => {
return ( return (
<Row key={record} className={styles.row}> <Row key={record} className={styles.row}>
<Col xxl={4} xl={4} lg={24} md={24} sm={24}className={styles.rowTitle}>{KEY_TITLE[record]}</Col> <Col span={4} className={styles.rowTitle}>{KEY_TITLE[record]}</Col>
<Col xxl={20} xl={20} lg={24} md={24} sm={24} className={styles.colRow}> <Col span={20} className={styles.colRow}>
{ {
requestData[record].map((item, key) => { requestData[record].map((item, key) => {
return ( return (
<Col xxl={4} xl={6} lg={6} md={6} sm={12} xs={24} key={key} className={styles.col}> <Col span={4} key={key} className={styles.col}>
<div className={styles.colTitle}>{item.name}</div> <div className={styles.colTitle}>{item.name}</div>
{ {
item.link item.link
......
...@@ -15,12 +15,16 @@ const CREATE_SHOP = '/memberCenter/shopAbility/infoManage'; ...@@ -15,12 +15,16 @@ const CREATE_SHOP = '/memberCenter/shopAbility/infoManage';
const ShopCenter: React.FC<Iprops> = () => { const ShopCenter: React.FC<Iprops> = () => {
///template/shop/findShopList ///template/shop/findShopList
const userAuth = getAuth();
const request = useCallback(async () => { const request = useCallback(async () => {
const {code, data} = await PublicApi.getTemplateShopFindShopList({current: '1', pageSize: '1', categoryId: '0', areaCode: '', memberName: ''}); const {code, data} = await PublicApi.getTemplateShopFindShop({
memberId: userAuth.memberId,
roleId: userAuth.roleId
});
return { return {
code: code, code: code,
data: { data: {
totalCount: code === 1000 ? data.totalCount : 0 totalCount: code === 1000 && data.id || 0
} }
} }
}, []) }, [])
...@@ -43,9 +47,9 @@ const ShopCenter: React.FC<Iprops> = () => { ...@@ -43,9 +47,9 @@ const ShopCenter: React.FC<Iprops> = () => {
return ( return (
loading loading
? <Skeleton active /> ? <Skeleton active />
: <Row gutter={[16,16]}> : <Row gutter={[16,24]}>
<Authorize url={CREATE_SHOP} canView={true}> <Authorize url={CREATE_SHOP} canView={true}>
<Col xxl={6} xl={8} lg={8} md={12} sm={24} xs={24} className={styles.tagsSpecial} > <Col span={4} className={styles.tagsSpecial} >
<Link to={CREATE_SHOP} className={styles.tagsItem}> <Link to={CREATE_SHOP} className={styles.tagsItem}>
<div className={styles.icon}> <div className={styles.icon}>
<img src={create_shop} /> <img src={create_shop} />
...@@ -66,7 +70,7 @@ const ShopCenter: React.FC<Iprops> = () => { ...@@ -66,7 +70,7 @@ const ShopCenter: React.FC<Iprops> = () => {
</Col> </Col>
</Authorize> </Authorize>
<Authorize url={SHOP_CENTER} canView={true}> <Authorize url={SHOP_CENTER} canView={true}>
<Col xxl={6} xl={8} lg={8} md={12} sm={24} xs={24}> <Col span={4}>
<Link to={SHOP_CENTER} className={styles.tagsItem} > <Link to={SHOP_CENTER} className={styles.tagsItem} >
<div className={styles.icon}> <div className={styles.icon}>
<img src={create_shop} /> <img src={create_shop} />
...@@ -76,7 +80,7 @@ const ShopCenter: React.FC<Iprops> = () => { ...@@ -76,7 +80,7 @@ const ShopCenter: React.FC<Iprops> = () => {
</Col> </Col>
</Authorize> </Authorize>
<Authorize url={SHOP_CENTER} canView={true}> <Authorize url={SHOP_CENTER} canView={true}>
<Col xxl={6} xl={6} lg={6} md={6} sm={24} xs={24}> <Col span={4}>
<Link to={SHOP_CENTER} className={styles.tagsItem} > <Link to={SHOP_CENTER} className={styles.tagsItem} >
<div className={styles.icon}> <div className={styles.icon}>
<img src={create_shop} /> <img src={create_shop} />
......
...@@ -56,12 +56,12 @@ const TradeCenter: React.FC<Iprops> = () => { ...@@ -56,12 +56,12 @@ const TradeCenter: React.FC<Iprops> = () => {
: Object.keys(requestData).map((record) => { : Object.keys(requestData).map((record) => {
return ( return (
<Row key={record} className={styles.row}> <Row key={record} className={styles.row}>
<Col xxl={4} xl={4} lg={24} md={24} sm={24}className={styles.rowTitle}>{KEY_TITLE[record]}</Col> <Col span={4} className={styles.rowTitle}>{KEY_TITLE[record]}</Col>
<Col xxl={20} xl={20} lg={24} md={24} sm={24} className={styles.colRow}> <Col span={20} className={styles.colRow}>
{ {
requestData[record].map((item, key) => { requestData[record].map((item, key) => {
return ( return (
<Col xxl={4} xl={6} lg={6} md={6} sm={12} xs={24} key={key} className={styles.col}> <Col span={4} key={key} className={styles.col}>
<div className={styles.colTitle}>{item.name}</div> <div className={styles.colTitle}>{item.name}</div>
{ {
item.link item.link
......
...@@ -39,90 +39,98 @@ ...@@ -39,90 +39,98 @@
.content { .content {
// height: 104px; // height: 104px;
padding: 24px;
border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px;
background-color: #fff; background-color: #fff;
display: flex; display: flex;
flex-direction: column;
justify-content: center;
padding: 24px;
.row {
display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
// justify-content: center;
.user { .userLogo {
// display: flex;
// flex-direction: row;
// align-items: center;
.pic {
width: 56px;
height: 56px; height: 56px;
width: 56px;
margin-right: 12px; margin-right: 12px;
border-radius: 50%;
// background-color: red;
overflow: hidden;
img {
width: 100%;
height: 100%;
}
.randomLogo { .randomLogo {
width: 100%; background-color: #255BA3;
height: 100%;
background: linear-gradient(135deg, #4981CC 0%, #1A4F97 100%) #255BA3;
border-radius: 50%;
color: #fff;
display: flex; display: flex;
flex-direction: row;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 18px; height: 100%;
border-radius: 50%;
color: #fff;
} }
} }
.wrapper { .infos {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
align-items: center;
justify-content: space-between;
flex: 1;
.company { .companyName {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
.tags { margin-bottom: 12px;
margin-left: 16px; .company {
} font-size: 14px;
} font-weight: 600;
margin-right: 16px;
} }
.status { .roles {
margin-top: 12px; display: flex;
flex-direction: row;
} }
} }
.otherValues {
display: flex;
flex-direction: row;
align-items: center;
.divider {
border-left: 1px solid #EEF0F3;
margin-left: 24px;
padding-left: 24px;
display: flex;
flex-direction: row;
align-items: center;
.level { .level {
.levelImg {
height: 16px; height: 16px;
} }
} }
.score {
margin: 0 30px;
} }
@media (max-width: 576px) {
.role {
margin: 5px 0;
} }
} }
@media (max-width: 796px) {
.date,
.hi {
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical;
} }
} }
} }
// @media (max-width: 576px) {
// .role {
// margin: 5px 0;
// }
// }
// @media (max-width: 796px) {
// .date,
// .hi {
// text-overflow: -o-ellipsis-lastline;
// overflow: hidden;
// text-overflow: ellipsis;
// display: -webkit-box;
// -webkit-line-clamp: 1;
// line-clamp: 1;
// -webkit-box-orient: vertical;
// }
// }
// }
...@@ -13,7 +13,7 @@ import home_user from '@/assets/imgs/home_user.png'; ...@@ -13,7 +13,7 @@ import home_user from '@/assets/imgs/home_user.png';
interface Iprops {} interface Iprops {}
const WEEKDAYS = ["天", "一","二", "三", "四", "五","六"]; const WEEKDAYS = ["天", "一","二", "三", "四", "五","六"];
const LEVEL_IMAGE = [level1, level2, level3, level4]; const LEVEL_IMAGE = [level1, level1, level2, level3, level4];
const EDIT_USER_URL = '/memberCenter/memberAbility/query'; const EDIT_USER_URL = '/memberCenter/memberAbility/query';
const USER_CENTER_URL = '/memberCenter/memberAbility/manage/maintain' const USER_CENTER_URL = '/memberCenter/memberAbility/manage/maintain'
const STATUS_COLOR: ("default" | "processing" | "error" | "success")[] = ["default", "processing", "error", "success"] const STATUS_COLOR: ("default" | "processing" | "error" | "success")[] = ["default", "processing", "error", "success"]
...@@ -23,7 +23,7 @@ const UserCenter: React.FC<Iprops> = () => { ...@@ -23,7 +23,7 @@ const UserCenter: React.FC<Iprops> = () => {
const userAuth = getAuth(); const userAuth = getAuth();
const hasChangeMemberAuth = userAuth?.urls.includes(EDIT_USER_URL); const hasChangeMemberAuth = userAuth?.urls.includes(EDIT_USER_URL);
const hasCenterAuth = userAuth?.urls.includes(USER_CENTER_URL); const hasCenterAuth = userAuth?.urls.includes(USER_CENTER_URL);
const currentRole = userAuth.roles.filter((item) => item.memberRoleId === userAuth.memberRoleId)
if(!userAuth) { if(!userAuth) {
return null return null
} }
...@@ -44,64 +44,46 @@ const UserCenter: React.FC<Iprops> = () => { ...@@ -44,64 +44,46 @@ const UserCenter: React.FC<Iprops> = () => {
</div> </div>
</div> </div>
<div className={styles.content}> <div className={styles.content}>
<Row className={styles.row} gutter={[8, 8]}>
<Col xxl={14} xl={24} lg={14} md={24} sm={24} xs={24} className={styles.user}>
{/* http://10.0.0.25:4000/project/15/interface/api/38926 上传用户头像 */} {/* http://10.0.0.25:4000/project/15/interface/api/38926 上传用户头像 */}
<Row align={"middle"}> <div className={styles.userLogo}>
<Col xxl={4} xl={4} lg={4} md={4} sm={4} xs={6}>
<div className={styles.pic} >
{ {
userAuth.logo userAuth.logo
? <img src={userAuth.logo || ''} /> ? <img src={userAuth.logo || ''} />
: <div className={styles.randomLogo}>H</div> : <div className={styles.randomLogo}>H</div>
} }
</div>
</Col>
<Col xxl={8} xl={7} lg={7} md={7} sm={7} xs={18}>
<div className={styles.wrapper}>
<div className={styles.company}>
<span>{userAuth.company}</span>
</div>
<div className={styles.status}>
<Badge status={STATUS_COLOR[userAuth.validateStatus]} text={userAuth.validateStatusDesc}></Badge>
</div> </div>
</div> <div className={styles.infos}>
</Col> <div>
<Col xxl={8} xl={9} lg={9} md={8} sm={9} xs={24} className={styles.role}> <div className={styles.companyName}>
<div className={styles.tags}> <span className={styles.company}>{userAuth.company}</span>
<div className={styles.roles}>
{ {
userAuth.roles.map((item, key) => { currentRole.map((item, key) => {
const statusList = ["success", "danger", "default", "warning", "nobility", "primary"]
return ( return (
<div style={{marginRight: '8px'}} key={key}> <div style={{marginRight: '16px'}} key={key}>
<StatusTag type="success" title={item.memberRoleName} /> <StatusTag type={statusList[key]} title={item.memberRoleName} />
</div> </div>
) )
}) })
} }
</div> </div>
</Col> </div>
<Col xxl={4} xl={4} lg={4} md={5} sm={4} xs={24} className={styles.role}> <div className={styles.status}><Badge status={STATUS_COLOR[userAuth.validateStatus]} text={userAuth.validateStatusDesc}></Badge></div>
<div> </div>
<div className={styles.otherValues}>
<Link to={EDIT_USER_URL}>修改会员信息</Link> <Link to={EDIT_USER_URL}>修改会员信息</Link>
<div className={styles.divider}>
<div className={styles.level}>
会员等级: <img src={LEVEL_IMAGE[userAuth.level]} className={styles.levelImg} />
</div>
<div className={styles.score}>
平台积分: <strong>{userAuth.score}</strong>
</div> </div>
</Col>
</Row>
</Col>
<Col xxl={10} xl={24} lg={10} md={24} sm={24}>
<Row gutter={[8, 8]} align={"middle"}>
<Col xxl={12} lg={12} md={10} sm={10}>
<span>会员等级: </span>
<img src={LEVEL_IMAGE[userAuth.level]} className={styles.level} />
</Col>
<Col xxl={6} lg={6} md={10 } sm={10} xs={24}>平台积分: <strong>{userAuth.score}</strong></Col>
<Col xxl={6} lg={6} md={4} sm={4} xs={24}>
<Link to={USER_CENTER_URL}>进入会员中心</Link> <Link to={USER_CENTER_URL}>进入会员中心</Link>
</Col> </div>
</Row> </div>
</div>
</Col>
</Row>
</div> </div>
</div> </div>
) )
......
.grid_container { .container {
display: grid; display: flex;
} flex-direction: row;
.ability { min-width: 1366px;
margin-top: 16px;
.left {
flex: 1;
.otherCenters {
margin-top: 24px;
}
.ability {
margin-top: 24px;
}
}
.right {
margin-left: 24px;
flex-basis: 386px;
.actions {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 24px;
.workBench {
width: 181px;
}
}
.commonMargin {
margin-bottom: 24px;
}
}
} }
.controller { .controller {
background-color: @main-color; background-color: @main-color;
height: 48px; height: 48px;
...@@ -16,6 +47,7 @@ ...@@ -16,6 +47,7 @@
flex-direction: row; flex-direction: row;
margin-left: auto; margin-left: auto;
cursor: pointer; cursor: pointer;
width: 181px;
.icon { .icon {
font-size: 22px; font-size: 22px;
...@@ -24,80 +56,3 @@ ...@@ -24,80 +56,3 @@
margin-left: 8px; margin-left: 8px;
} }
} }
.advertise {
margin-top: 16px;
}
@media (min-width: 1600px) {
.grid_container {
// display: grid;
// grid-template-columns: 75% 25%;
// grid-template-columns: repeat(24, 1fr);
// grid-auto-flow: column dense;
// grid-column-gap: 16px;
.top {
display: grid;
grid-template-columns: repeat(24, 1fr);
grid-column-gap: 16px;
grid-row-gap: 16px;
.userCenter {
grid-column-start: 1;
grid-column-end: 19;
grid-row-start: 1;
}
.actions {
grid-column-start: 19;
grid-column-end: 25;
grid-row-start: 1;
}
.announce {
grid-column-start: 19;
grid-column-end: 25;
margin-top: -200px;
}
.recentVisit {
grid-column-start: 19;
grid-column-end: 25;
}
}
}
.bottom {
display: grid;
grid-template-columns: repeat(24, 1fr);
grid-column-gap: 16px;
grid-row-gap: 16px;
.otherCenter {
grid-column-start: 1;
grid-column-end: 19;
grid-row-start: 1;
margin-top: -430px;
}
.anyQuestion {
grid-column-start: 19;
grid-column-end: 25;
margin-top: 16px;
}
.advertise {
grid-column-start: 19;
grid-column-end: 25;
}
}
}
@media (max-width: 1599px) {
.userCenter {
margin: 16px 0;
}
.recentVisit {
margin-top: 16px;
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
}
...@@ -53,39 +53,16 @@ const Home: React.FC<{}> = () => { ...@@ -53,39 +53,16 @@ const Home: React.FC<{}> = () => {
return ( return (
<PageHeaderWrapper> <PageHeaderWrapper>
<div style={{minWidth: '1280px'}}> <div >
<div className={styles.userGuaid} style={{display: visible ? 'none': 'none'}}> <div className={styles.userGuaid} style={{display: visible ? 'none': 'none'}}>
<UseGuaid/> <UseGuaid/>
</div> </div>
<div className={styles.grid_container}> <div className={styles.container}>
<div className={styles.top}> <div className={styles.left}>
<div className={styles.actions}>
<Row gutter={24}>
<Col span={12}>
<CustomWorkBench
handleChangeOrder={handleChangeOrder}
layouts={layout}
/></Col>
<Col span={12}>
<div className={styles.controller} onClick={() => setVisible((state) => !state)}>
<CompassFilled className={styles.icon} />
<span className={styles.text}>使用向导</span>
</div>
</Col>
</Row>
</div>
<div className={styles.userCenter}> <div className={styles.userCenter}>
<UserCenter /> <UserCenter />
</div> </div>
<div className={styles.announce}> <div className={styles.otherCenters}>
<Row gutter={[24, 12]}>
<Col xxl={24} xl={12} lg={12} md={24} sm={24}><LatestAnnounce /></Col>
<Col xxl={24} xl={12} lg={12} md={24} sm={24}><RecentVisit /></Col>
</Row>
</div>
</div>
<div className={styles.bottom}>
<div className={styles.otherCenter}>
{ {
layout.map((item) => { layout.map((item) => {
const RenderComponent = ComponentSelect[item.name] const RenderComponent = ComponentSelect[item.name]
...@@ -104,13 +81,32 @@ const Home: React.FC<{}> = () => { ...@@ -104,13 +81,32 @@ const Home: React.FC<{}> = () => {
}) })
} }
</div> </div>
<div className={styles.anyQuestion}> </div>
<div className={styles.right}>
<div className={styles.actions}>
<div className={styles.workBench}>
<CustomWorkBench
handleChangeOrder={handleChangeOrder}
layouts={layout}
/>
</div>
<div className={styles.controller} onClick={() => setVisible((state) => !state)}>
<CompassFilled className={styles.icon} />
<span className={styles.text}>使用向导</span>
</div>
</div>
<div className={styles.commonMargin}>
<LatestAnnounce />
</div>
<div className={styles.commonMargin}>
<RecentVisit />
</div>
<div className={styles.commonMargin}>
<AnyQuestion /> <AnyQuestion />
<div className={styles.advertise}>
<AdvertisementContainer />
</div> </div>
<div className={styles.commonMargin}>
<AdvertisementContainer />
</div> </div>
</div> </div>
</div> </div>
......
/*
* @Author: XieZhiXiong
* @Date: 2020-12-22 18:01:50
* @LastEditors: XieZhiXiong
* @LastEditTime: 2020-12-22 18:01:51
* @Description: 单据列表 弹窗表格列
*/
import {
ORDER_TYPE2,
PurchaseOrderInsideWorkStateTexts,
} from '@/constants';
/**
* 采购订单-弹窗表格列
*/
export const purchaseOrderColumns: any[] = [
{
title: '订单号',
align: 'center',
dataIndex: 'orderNo',
},
{
title: '订单摘要',
align: 'center',
dataIndex: 'orderThe',
},
{
title: '会员名称',
align: 'center',
dataIndex: 'supplyMembersName',
},
{
title: '下单时间',
align: 'center',
dataIndex: 'createTime',
},
{
title: '订单类型',
align: 'center',
dataIndex: 'type',
render: text => ORDER_TYPE2[text],
},
{
title: '订单状态',
align: 'center',
dataIndex: 'interiorState',
render: text => PurchaseOrderInsideWorkStateTexts[text],
},
];
/**
* 销售订单-弹窗表格列
*/
export const salesOrderColumns: any[] = [
{
title: '订单号',
align: 'center',
dataIndex: 'orderNo',
},
{
title: '订单摘要',
align: 'center',
dataIndex: 'orderThe',
},
{
title: '会员名称',
align: 'center',
dataIndex: 'createMemberName',
},
{
title: '下单时间',
align: 'center',
dataIndex: 'createTime',
},
{
title: '订单类型',
align: 'center',
dataIndex: 'type',
render: text => ORDER_TYPE2[text],
},
{
title: '订单状态',
align: 'center',
dataIndex: 'interiorState',
render: text => PurchaseOrderInsideWorkStateTexts[text],
},
];
/**
* 加工入库单列表
*/
export const machiningWarehousingColumns = [
{
title: '通知单号',
align: 'center',
dataIndex: 'noticeNo',
},
{
title: '通知单摘要',
align: 'center',
dataIndex: 'summary',
},
{
title: '加工企业名称',
align: 'center',
dataIndex: 'processName',
},
{
title: '单据时间',
align: 'center',
dataIndex: 'createTime',
},
{
title: '申请单状态',
align: 'center',
dataIndex: 'outerStatusName',
},
];
/**
* 加工发货单列表
*/
export const machiningDeliveryColumns = [
{
title: '通知单号',
align: 'center',
dataIndex: 'noticeNo',
},
{
title: '通知单摘要',
align: 'center',
dataIndex: 'summary',
},
{
title: '供应会员',
align: 'center',
dataIndex: 'supplierName',
},
{
title: '单据时间',
align: 'center',
dataIndex: 'createTime',
},
{
title: '申请单状态',
align: 'center',
dataIndex: 'outerStatusName',
},
];
/**
* 售后发货、入库订单列表
*/
export const getAfterSaleColumns = (isPurchaser?: boolean) => {
return [
{
title: '申请单号',
align: 'center',
dataIndex: 'applyNo',
},
{
title: '申请单摘要',
align: 'center',
dataIndex: 'applyAbstract',
},
isPurchaser ? {
title: '供应会员',
align: 'center',
dataIndex: 'supplierName',
} : {
title: '采购会员',
align: 'center',
dataIndex: 'consumerName',
},
{
title: '单据时间',
align: 'center',
dataIndex: 'applyTime',
},
{
title: '申请单状态',
align: 'center',
dataIndex: 'outerStatusName',
},
];
};
\ No newline at end of file
...@@ -2,16 +2,14 @@ ...@@ -2,16 +2,14 @@
* @Author: XieZhiXiong * @Author: XieZhiXiong
* @Date: 2020-09-16 15:16:47 * @Date: 2020-09-16 15:16:47
* @LastEditors: XieZhiXiong * @LastEditors: XieZhiXiong
* @LastEditTime: 2020-12-14 16:55:09 * @LastEditTime: 2020-12-22 18:04:58
* @Description: 联动逻辑相关 * @Description: 联动逻辑相关
*/ */
import { Modal } from 'antd'; import { Modal } from 'antd';
import { ExclamationCircleOutlined } from '@ant-design/icons';
import { FormEffectHooks, FormPath } from '@formily/antd'; import { FormEffectHooks, FormPath } from '@formily/antd';
import { useLinkageUtils } from '@/utils/formEffectUtils'; import { useLinkageUtils } from '@/utils/formEffectUtils';
import { useStateFilterSearchLinkageEffect } from '@/formSchema/effects/useFilterSearch'; import { useStateFilterSearchLinkageEffect } from '@/formSchema/effects/useFilterSearch';
import { import {
ORDER_TYPE2,
DEPENDENT_DOC_ORDER, DEPENDENT_DOC_ORDER,
DEPENDENT_DOC_EXCHANGE, DEPENDENT_DOC_EXCHANGE,
DEPENDENT_DOC_RETURN, DEPENDENT_DOC_RETURN,
...@@ -28,7 +26,6 @@ import { ...@@ -28,7 +26,6 @@ import {
DOC_TYPE_EXCHANGE_RECEIPT, DOC_TYPE_EXCHANGE_RECEIPT,
DOC_TYPE_EXCHANGE_RETURN_INVOICE, DOC_TYPE_EXCHANGE_RETURN_INVOICE,
DOC_TYPE_EXCHANGE_RETURN_RECEIPT, DOC_TYPE_EXCHANGE_RETURN_RECEIPT,
PurchaseOrderInsideWorkStateTexts,
DELIVERY_TYPE, DELIVERY_TYPE,
} from '@/constants'; } from '@/constants';
import Search from '@/components/NiceForm/components/Search'; import Search from '@/components/NiceForm/components/Search';
...@@ -40,257 +37,33 @@ import { ...@@ -40,257 +37,33 @@ import {
purchaseOrderBillSchema, purchaseOrderBillSchema,
machiningWarehousingBillSchema, machiningWarehousingBillSchema,
machiningDeliveryBillSchema, machiningDeliveryBillSchema,
afterSaleBillSchema,
} from '../schema'; } from '../schema';
import {
purchaseOrderColumns,
salesOrderColumns,
machiningWarehousingColumns,
machiningDeliveryColumns,
getAfterSaleColumns,
} from '../columns';
import {
fetchOrderPurchaseReceiptAddList,
getOrderSalesInvoiceOrderList,
getMachiningWarehousingList,
getMachiningDeliveryList,
getRefundDeliveryList,
getRefundWarehousingList,
getExchangeReturnDeliveryList,
getExchangeReturnWarehousingList,
getExchangeDeliveryList,
getExchangeWarehousingList,
} from '../fetchBillList';
const { const {
onFieldInputChange$, onFieldInputChange$,
onFieldValueChange$, onFieldValueChange$,
} = FormEffectHooks; } = FormEffectHooks;
// 弹窗表格列-订单
// 采购订单-弹窗表格列
const purchaseOrderColumns: any[] = [
{
title: '订单号',
align: 'center',
dataIndex: 'orderNo',
},
{
title: '订单摘要',
align: 'center',
dataIndex: 'orderThe',
},
{
title: '会员名称',
align: 'center',
dataIndex: 'supplyMembersName',
},
{
title: '下单时间',
align: 'center',
dataIndex: 'createTime',
},
{
title: '订单类型',
align: 'center',
dataIndex: 'type',
render: text => ORDER_TYPE2[text],
},
{
title: '订单状态',
align: 'center',
dataIndex: 'interiorState',
render: text => PurchaseOrderInsideWorkStateTexts[text],
},
];
// 销售订单-弹窗表格列
const salesOrderColumns: any[] = [
{
title: '订单号',
align: 'center',
dataIndex: 'orderNo',
},
{
title: '订单摘要',
align: 'center',
dataIndex: 'orderThe',
},
{
title: '会员名称',
align: 'center',
dataIndex: 'createMemberName',
},
{
title: '下单时间',
align: 'center',
dataIndex: 'createTime',
},
{
title: '订单类型',
align: 'center',
dataIndex: 'type',
render: text => ORDER_TYPE2[text],
},
{
title: '订单状态',
align: 'center',
dataIndex: 'interiorState',
render: text => PurchaseOrderInsideWorkStateTexts[text],
},
];
// 加工入库单列表
const machiningWarehousingColumns = [
{
title: '通知单号',
align: 'center',
dataIndex: 'noticeNo',
},
{
title: '通知单摘要',
align: 'center',
dataIndex: 'summary',
},
{
title: '加工企业名称',
align: 'center',
dataIndex: 'processName',
},
{
title: '单据时间',
align: 'center',
dataIndex: 'createTime',
},
{
title: '申请单状态',
align: 'center',
dataIndex: 'outerStatusName',
},
];
// 加工发货单列表
const machiningDeliveryColumns = [
{
title: '通知单号',
align: 'center',
dataIndex: 'noticeNo',
},
{
title: '通知单摘要',
align: 'center',
dataIndex: 'summary',
},
{
title: '供应会员',
align: 'center',
dataIndex: 'supplierName',
},
{
title: '单据时间',
align: 'center',
dataIndex: 'createTime',
},
{
title: '申请单状态',
align: 'center',
dataIndex: 'outerStatusName',
},
];
// 售后订单列表
const afterSaleColumns = [
{
title: '申请单号',
align: 'center',
dataIndex: 'orderNo',
},
{
title: '申请单摘要',
align: 'center',
dataIndex: 'invoicesAbstract',
},
{
title: '会员名称',
align: 'center',
dataIndex: 'memberName',
},
{
title: '单据时间',
align: 'center',
dataIndex: 'createTime',
},
{
title: '申请单状态',
align: 'center',
dataIndex: 'state',
},
];
// 获取采购入库单相关数据
const fetchOrderPurchaseReceiptAddList = async (params: any) => {
const res = await PublicApi.getOrderPurchaseReceiptAddList({
...params,
})
if (res.code === 1000) {
return {
data: res.data.data.map(item => ({
...item,
memberName: item.supplyMembersName,
membersId: item.supplyMembersId,
membersRoleId: item.supplyMembersRoleId,
})),
total: res.data.totalCount,
};
}
return [];
};
// 获取销售发货单相关数据
const getOrderSalesInvoiceOrderList = async (params: any) => {
const res = await PublicApi.getOrderSalesInvoiceOrderList({
...params,
})
if (res.code === 1000) {
return {
data: res.data.data.map(item => ({
...item,
memberName: item.memberName,
membersId: item.memberId,
membersRoleId: item.memberRoleId,
})),
total: res.data.totalCount,
};
}
return [];
};
// 获取加工入库单单相关数据
const getMachiningWarehousingList = async (params: any) => {
const { search, ...rest } = params;
const res = await PublicApi.getEnhanceSupplierToBeAddStorageList({
noticeNo: search,
...rest,
})
if (res.code === 1000) {
return {
data: res.data.data.map(item => ({
...item,
memberName: item.processName,
deliveryAddresId: +item.receiverAddressId,
fullAddress: item.receiveAddress || '',
receiverName: item.receiveUserName || '',
phone: item.receiveUserTel || '',
})),
total: res.data.totalCount,
};
}
return [];
};
// 获取加工发货单单相关数据
const getMachiningDeliveryList = async (params: any) => {
const { search, ...rest } = params;
const res = await PublicApi.getEnhanceProcessToBeAddDeliveryList({
noticeNo: search,
...rest,
})
if (res.code === 1000) {
return {
data: res.data.data.map(item => ({
...item,
memberName: item.supplierName,
deliveryAddresId: +item.receiverAddressId,
fullAddress: item.receiveAddress || '',
receiverName: item.receiveUserName || '',
phone: item.receiveUserTel || '',
})),
total: res.data.totalCount,
};;
}
return [];
};
// 获取关联组件对应的 params // 获取关联组件对应的 params
const getParams = type => { const getParams = type => {
const basicParams = { const basicParams = {
...@@ -363,31 +136,67 @@ const getParams = type => { ...@@ -363,31 +136,67 @@ const getParams = type => {
// 退货发货单 // 退货发货单
case DOC_TYPE_RETURN_INVOICE: { case DOC_TYPE_RETURN_INVOICE: {
basicParams.modalProps.title = '选择售后单';
basicParams.columns = getAfterSaleColumns(true);
basicParams.fetchTableData = getRefundDeliveryList;
basicParams.formilyProps.ctx.schema = afterSaleBillSchema(true);
basicParams.tableProps.rowKey = 'applyNo';
basicParams.tableProps.lableKey = 'applyNo';
break; break;
} }
// 退货入库单 // 退货入库单
case DOC_TYPE_RETURN_RECEIPT: { case DOC_TYPE_RETURN_RECEIPT: {
basicParams.modalProps.title = '选择售后单';
basicParams.columns = getAfterSaleColumns(false);
basicParams.fetchTableData = getRefundWarehousingList;
basicParams.formilyProps.ctx.schema = afterSaleBillSchema(false);
basicParams.tableProps.rowKey = 'applyNo';
basicParams.tableProps.lableKey = 'applyNo';
break;
}
// 换货退货发货单
case DOC_TYPE_EXCHANGE_RETURN_INVOICE: {
basicParams.modalProps.title = '选择售后单';
basicParams.columns = getAfterSaleColumns(true);
basicParams.fetchTableData = getExchangeReturnDeliveryList;
basicParams.formilyProps.ctx.schema = afterSaleBillSchema(true);
basicParams.tableProps.rowKey = 'applyNo';
basicParams.tableProps.lableKey = 'applyNo';
break;
}
// 换货退货入库单
case DOC_TYPE_EXCHANGE_RETURN_RECEIPT: {
basicParams.modalProps.title = '选择售后单';
basicParams.columns = getAfterSaleColumns(false);
basicParams.fetchTableData = getExchangeReturnWarehousingList;
basicParams.formilyProps.ctx.schema = afterSaleBillSchema(false);
basicParams.tableProps.rowKey = 'applyNo';
basicParams.tableProps.lableKey = 'applyNo';
break; break;
} }
// 换货发货单 // 换货发货单
case DOC_TYPE_EXCHANGE_INVOICE: { case DOC_TYPE_EXCHANGE_INVOICE: {
basicParams.modalProps.title = '选择售后单';
basicParams.columns = getAfterSaleColumns(true);
basicParams.fetchTableData = getExchangeDeliveryList;
basicParams.formilyProps.ctx.schema = afterSaleBillSchema(true);
basicParams.tableProps.rowKey = 'applyNo';
basicParams.tableProps.lableKey = 'applyNo';
break; break;
} }
// 换货入库单 // 换货入库单
case DOC_TYPE_EXCHANGE_RECEIPT: { case DOC_TYPE_EXCHANGE_RECEIPT: {
basicParams.modalProps.title = '选择售后单';
break; basicParams.columns = getAfterSaleColumns(false);
} basicParams.fetchTableData = getExchangeWarehousingList;
basicParams.formilyProps.ctx.schema = afterSaleBillSchema(false);
// 换货退货发货单 basicParams.tableProps.rowKey = 'applyNo';
case DOC_TYPE_EXCHANGE_RETURN_INVOICE: { basicParams.tableProps.lableKey = 'applyNo';
break; break;
} }
...@@ -518,7 +327,6 @@ export const useBusinessEffects = (context, actions) => { ...@@ -518,7 +327,6 @@ export const useBusinessEffects = (context, actions) => {
// 关联单据改变 // 关联单据改变
onFieldValueChange$('orderNo').subscribe(fieldState => { onFieldValueChange$('orderNo').subscribe(fieldState => {
const invoicesTypeIdVal = getFieldValue('invoicesTypeId'); const invoicesTypeIdVal = getFieldValue('invoicesTypeId');
const relevanceInvoicesVal = getFieldValue('relevanceInvoices');
const first = fieldState.value && fieldState.value[0]; const first = fieldState.value && fieldState.value[0];
// 设置单据公用的数据相关 // 设置单据公用的数据相关
...@@ -622,6 +430,10 @@ export const useBusinessEffects = (context, actions) => { ...@@ -622,6 +430,10 @@ export const useBusinessEffects = (context, actions) => {
case DOC_TYPE_EXCHANGE_INVOICE: case DOC_TYPE_EXCHANGE_INVOICE:
// 换货入库单 // 换货入库单
case DOC_TYPE_EXCHANGE_RECEIPT: { case DOC_TYPE_EXCHANGE_RECEIPT: {
// 设置配送方式相关字段数据
setFieldValue('transport', DELIVERY_TYPE[first.deliveryType]);
setFieldValue('deliveryType', first.deliveryType);
// 获取明细数据 商品 数据 // 获取明细数据 商品 数据
PublicApi.getAsReplaceGoodsPageReturnedGoods({ PublicApi.getAsReplaceGoodsPageReturnedGoods({
replaceId: first.id, replaceId: first.id,
...@@ -653,6 +465,10 @@ export const useBusinessEffects = (context, actions) => { ...@@ -653,6 +465,10 @@ export const useBusinessEffects = (context, actions) => {
case DOC_TYPE_RETURN_INVOICE: case DOC_TYPE_RETURN_INVOICE:
// 退货入库单 // 退货入库单
case DOC_TYPE_RETURN_RECEIPT: { case DOC_TYPE_RETURN_RECEIPT: {
// 设置配送方式相关字段数据
setFieldValue('transport', DELIVERY_TYPE[first.deliveryType]);
setFieldValue('deliveryType', first.deliveryType);
// 获取明细数据 商品 数据 // 获取明细数据 商品 数据
PublicApi.getAsReturnGoodsPageReturnedGoods({ PublicApi.getAsReturnGoodsPageReturnedGoods({
returnId: first.id, returnId: first.id,
......
/*
* @Author: XieZhiXiong
* @Date: 2020-12-22 17:57:26
* @LastEditors: XieZhiXiong
* @LastEditTime: 2020-12-22 18:53:56
* @Description: 获取 单据列表 弹窗数据接口相关
*/
import { PublicApi } from '@/services/api';
import moment from 'moment';
// 获取采购入库单相关数据
export const fetchOrderPurchaseReceiptAddList = async (params: any) => {
const res = await PublicApi.getOrderPurchaseReceiptAddList({
...params,
})
if (res.code === 1000) {
return {
data: res.data.data.map(item => ({
...item,
memberName: item.supplyMembersName,
membersId: item.supplyMembersId,
membersRoleId: item.supplyMembersRoleId,
})),
total: res.data.totalCount,
};
}
return [];
};
// 获取销售发货单相关数据
export const getOrderSalesInvoiceOrderList = async (params: any) => {
const res = await PublicApi.getOrderSalesInvoiceOrderList({
...params,
})
if (res.code === 1000) {
return {
data: res.data.data.map(item => ({
...item,
memberName: item.memberName,
membersId: item.memberId,
membersRoleId: item.memberRoleId,
})),
total: res.data.totalCount,
};
}
return [];
};
// 获取加工入库单单相关数据
export const getMachiningWarehousingList = async (params: any) => {
const { search, ...rest } = params;
const res = await PublicApi.getEnhanceSupplierToBeAddStorageList({
noticeNo: search,
...rest,
})
if (res.code === 1000) {
return {
data: res.data.data.map(item => ({
...item,
memberName: item.processName,
deliveryAddresId: +item.receiverAddressId,
fullAddress: item.receiveAddress || '',
receiverName: item.receiveUserName || '',
phone: item.receiveUserTel || '',
})),
total: res.data.totalCount,
};
}
return [];
};
// 获取加工发货单单相关数据
export const getMachiningDeliveryList = async (params: any) => {
const { search, ...rest } = params;
const res = await PublicApi.getEnhanceProcessToBeAddDeliveryList({
noticeNo: search,
...rest,
})
if (res.code === 1000) {
return {
data: res.data.data.map(item => ({
...item,
memberName: item.supplierName,
deliveryAddresId: +item.receiverAddressId,
fullAddress: item.receiveAddress || '',
receiverName: item.receiveUserName || '',
phone: item.receiveUserTel || '',
})),
total: res.data.totalCount,
};
}
return [];
};
// 获取售后退货发货单单相关数据
export const getRefundDeliveryList = async (params: any) => {
const { search, startTime, endTime, ...rest } = params;
const res = await PublicApi.getAsReturnGoodsPageToBeAddReturnDeliveryGoods({
applyNo: search,
startTime: startTime ? moment(+startTime).format('YYYY-MM-DD HH:mm:ss') : null,
endTime: endTime ? moment(+endTime).format('YYYY-MM-DD HH:mm:ss') : null,
...rest,
})
if (res.code === 1000) {
return {
data: res.data.data.map(item => ({
...item,
id: item.returnId,
memberName: item.supplierName,
supplyMembersName: item.supplierName,
supplyMembersId: item.parentMemberId,
supplyMembersRoleId: item.parentMemberRoleId,
deliveryAddresId: item.returnGoodsAddress.receiveId,
fullAddress: item.returnGoodsAddress.receiveAddress || '',
receiverName: item.returnGoodsAddress.receiveUserName || '',
phone: item.returnGoodsAddress.receiveUserTel || '',
deliveryType: item.returnGoodsAddress.deliveryType || '',
orderNo: item.applyNo,
})),
total: res.data.totalCount,
};
}
return [];
};
// 获取售后退货入库单单相关数据
export const getRefundWarehousingList = async (params: any) => {
const { search, startTime, endTime, ...rest } = params;
const res = await PublicApi.getAsReturnGoodsPageToBeAddReturnGoodsStorage({
applyNo: search,
startTime: startTime ? moment(+startTime).format('YYYY-MM-DD HH:mm:ss') : null,
endTime: endTime ? moment(+endTime).format('YYYY-MM-DD HH:mm:ss') : null,
...rest,
})
if (res.code === 1000) {
return {
data: res.data.data.map(item => ({
...item,
id: item.returnId,
memberName: item.consumerName,
supplyMembersName: item.supplierName,
supplyMembersId: item.parentMemberId,
supplyMembersRoleId: item.parentMemberRoleId,
deliveryAddresId: item.returnGoodsAddress.sendId,
fullAddress: item.returnGoodsAddress.sendAddress || '',
receiverName: item.returnGoodsAddress.sendUserName || '',
phone: item.returnGoodsAddress.sendUserTel || '',
deliveryType: item.returnGoodsAddress.deliveryType || '',
orderNo: item.applyNo,
})),
total: res.data.totalCount,
};
}
return [];
};
// 获取售后换货退货发货单单相关数据
export const getExchangeReturnDeliveryList = async (params: any) => {
const { search, startTime, endTime, ...rest } = params;
const res = await PublicApi.getAsReplaceGoodsPageToBeAddReturnDeliveryGoods({
applyNo: search,
startTime: startTime ? moment(+startTime).format('YYYY-MM-DD HH:mm:ss') : null,
endTime: endTime ? moment(+endTime).format('YYYY-MM-DD HH:mm:ss') : null,
...rest,
})
if (res.code === 1000) {
return {
data: res.data.data.map(item => ({
...item,
id: item.replaceId,
memberName: item.supplierName,
supplyMembersName: item.supplierName,
supplyMembersId: item.parentMemberId,
supplyMembersRoleId: item.parentMemberRoleId,
deliveryAddresId: item.returnGoodsAddress.receiveId,
fullAddress: item.returnGoodsAddress.receiveAddress || '',
receiverName: item.returnGoodsAddress.receiveUserName || '',
phone: item.returnGoodsAddress.receiveUserTel || '',
deliveryType: item.returnGoodsAddress.deliveryType || '',
orderNo: item.applyNo,
})),
total: res.data.totalCount,
};
}
return [];
};
// 获取售后换货退货入库单单相关数据
export const getExchangeReturnWarehousingList = async (params: any) => {
const { search, startTime, endTime, ...rest } = params;
const res = await PublicApi.getAsReplaceGoodsPageToBeAddReturnGoodsStorage({
applyNo: search,
startTime: startTime ? moment(+startTime).format('YYYY-MM-DD HH:mm:ss') : null,
endTime: endTime ? moment(+endTime).format('YYYY-MM-DD HH:mm:ss') : null,
...rest,
})
if (res.code === 1000) {
return {
data: res.data.data.map(item => ({
...item,
id: item.replaceId,
memberName: item.consumerName,
supplyMembersName: item.supplierName,
supplyMembersId: item.parentMemberId,
supplyMembersRoleId: item.parentMemberRoleId,
deliveryAddresId: item.returnGoodsAddress.receiveId,
fullAddress: item.returnGoodsAddress.receiveAddress || '',
receiverName: item.returnGoodsAddress.receiveUserName || '',
phone: item.returnGoodsAddress.receiveUserTel || '',
deliveryType: item.returnGoodsAddress.deliveryType || '',
orderNo: item.applyNo,
})),
total: res.data.totalCount,
};
}
return [];
};
// 获取售后换货发货单单相关数据
export const getExchangeDeliveryList = async (params: any) => {
const { search, startTime, endTime, ...rest } = params;
const res = await PublicApi.getAsReplaceGoodsPageToBeAddReplaceDeliveryGoods({
applyNo: search,
startTime: startTime ? moment(+startTime).format('YYYY-MM-DD HH:mm:ss') : null,
endTime: endTime ? moment(+endTime).format('YYYY-MM-DD HH:mm:ss') : null,
...rest,
})
if (res.code === 1000) {
return {
data: res.data.data.map(item => ({
...item,
id: item.replaceId,
memberName: item.supplierName,
supplyMembersName: item.supplierName,
supplyMembersId: item.parentMemberId,
supplyMembersRoleId: item.parentMemberRoleId,
deliveryAddresId: item.replaceGoodsAddress.receiveId,
fullAddress: item.replaceGoodsAddress.receiveAddress || '',
receiverName: item.replaceGoodsAddress.receiveUserName || '',
phone: item.replaceGoodsAddress.receiveUserTel || '',
deliveryType: item.replaceGoodsAddress.deliveryType || '',
orderNo: item.applyNo,
})),
total: res.data.totalCount,
};
}
return [];
};
// 获取售后换货入库单单相关数据
export const getExchangeWarehousingList = async (params: any) => {
const { search, startTime, endTime, ...rest } = params;
const res = await PublicApi.getAsReplaceGoodsPageToBeAddReplaceGoodsStorage({
applyNo: search,
startTime: startTime ? moment(+startTime).format('YYYY-MM-DD HH:mm:ss') : null,
endTime: endTime ? moment(+endTime).format('YYYY-MM-DD HH:mm:ss') : null,
...rest,
})
if (res.code === 1000) {
return {
data: res.data.data.map(item => ({
...item,
id: item.replaceId,
memberName: item.consumerName,
supplyMembersName: item.supplierName,
supplyMembersId: item.parentMemberId,
supplyMembersRoleId: item.parentMemberRoleId,
deliveryAddresId: item.replaceGoodsAddress.receiveId,
fullAddress: item.replaceGoodsAddress.receiveAddress || '',
receiverName: item.replaceGoodsAddress.receiveUserName || '',
phone: item.replaceGoodsAddress.receiveUserTel || '',
deliveryType: item.replaceGoodsAddress.deliveryType || '',
orderNo: item.applyNo,
})),
total: res.data.totalCount,
};
}
return [];
};
\ No newline at end of file
...@@ -172,12 +172,9 @@ const BillsForm: React.FC<BillsFormProps> = ({ ...@@ -172,12 +172,9 @@ const BillsForm: React.FC<BillsFormProps> = ({
extraData: { extraData: {
productName: item.productName, productName: item.productName,
deliveryType, deliveryType,
id: '', // 加工发货单需要,明细id
processNum: 0, // 加工发货单需要,加工数量
orderNo: item.orderNo, // 订单编号 orderNo: item.orderNo, // 订单编号
goodsCount: item.productCount, // 采购数量 goodsCount: item.productCount, // 采购数量
price: item.price, // 加工发货、入库单需要,加工单价 id: item.produceNoticeOrderDetailId, // 加工发货单需要,明细id
totalPrice: 0, // 加工发货、入库单需要,加工总价
}, },
})) : []; })) : [];
...@@ -448,15 +445,15 @@ const BillsForm: React.FC<BillsFormProps> = ({ ...@@ -448,15 +445,15 @@ const BillsForm: React.FC<BillsFormProps> = ({
fullAddress: returnGoodsAddress.receiveAddress || '', fullAddress: returnGoodsAddress.receiveAddress || '',
receiverName: returnGoodsAddress.receiveUserName || '', receiverName: returnGoodsAddress.receiveUserName || '',
phone: returnGoodsAddress.receiveUserTel || '', phone: returnGoodsAddress.receiveUserTel || '',
supplyMembersName: supplierName,
supplyMembersId: parentMemberId,
supplyMembersRoleId: parentMemberRoleId,
} }
] : ] :
[] []
, ,
deliveryType: returnGoodsAddress.deliveryType, deliveryType: returnGoodsAddress.deliveryType,
transport: DELIVERY_TYPE[returnGoodsAddress.deliveryType], transport: DELIVERY_TYPE[returnGoodsAddress.deliveryType],
supplyMembersName: supplierName,
supplyMembersId: parentMemberId,
supplyMembersRoleId: parentMemberRoleId,
}); });
}).finally(() => { }).finally(() => {
setInfoLoading(false); setInfoLoading(false);
...@@ -495,15 +492,15 @@ const BillsForm: React.FC<BillsFormProps> = ({ ...@@ -495,15 +492,15 @@ const BillsForm: React.FC<BillsFormProps> = ({
fullAddress: returnGoodsAddress.receiveAddress || '', fullAddress: returnGoodsAddress.receiveAddress || '',
receiverName: returnGoodsAddress.receiveUserName || '', receiverName: returnGoodsAddress.receiveUserName || '',
phone: returnGoodsAddress.receiveUserTel || '', phone: returnGoodsAddress.receiveUserTel || '',
supplyMembersName: supplierName,
supplyMembersId: parentMemberId,
supplyMembersRoleId: parentMemberRoleId,
} }
] : ] :
[] []
, ,
deliveryType: returnGoodsAddress.deliveryType, deliveryType: returnGoodsAddress.deliveryType,
transport: DELIVERY_TYPE[returnGoodsAddress.deliveryType], transport: DELIVERY_TYPE[returnGoodsAddress.deliveryType],
supplyMembersName: supplierName,
supplyMembersId: parentMemberId,
supplyMembersRoleId: parentMemberRoleId,
}); });
}).finally(() => { }).finally(() => {
setInfoLoading(false); setInfoLoading(false);
...@@ -543,15 +540,15 @@ const BillsForm: React.FC<BillsFormProps> = ({ ...@@ -543,15 +540,15 @@ const BillsForm: React.FC<BillsFormProps> = ({
fullAddress: returnGoodsAddress.receiveAddress || '', fullAddress: returnGoodsAddress.receiveAddress || '',
receiverName: returnGoodsAddress.receiveUserName || '', receiverName: returnGoodsAddress.receiveUserName || '',
phone: returnGoodsAddress.receiveUserTel || '', phone: returnGoodsAddress.receiveUserTel || '',
supplyMembersName: supplierName,
supplyMembersId: parentMemberId,
supplyMembersRoleId: parentMemberRoleId,
} }
] : ] :
[] []
, ,
deliveryType: returnGoodsAddress.deliveryType, deliveryType: returnGoodsAddress.deliveryType,
transport: DELIVERY_TYPE[returnGoodsAddress.deliveryType], transport: DELIVERY_TYPE[returnGoodsAddress.deliveryType],
supplyMembersName: supplierName,
supplyMembersId: parentMemberId,
supplyMembersRoleId: parentMemberRoleId,
}); });
}).finally(() => { }).finally(() => {
setInfoLoading(false); setInfoLoading(false);
...@@ -590,15 +587,15 @@ const BillsForm: React.FC<BillsFormProps> = ({ ...@@ -590,15 +587,15 @@ const BillsForm: React.FC<BillsFormProps> = ({
fullAddress: returnGoodsAddress.receiveAddress || '', fullAddress: returnGoodsAddress.receiveAddress || '',
receiverName: returnGoodsAddress.receiveUserName || '', receiverName: returnGoodsAddress.receiveUserName || '',
phone: returnGoodsAddress.receiveUserTel || '', phone: returnGoodsAddress.receiveUserTel || '',
supplyMembersName: supplierName,
supplyMembersId: parentMemberId,
supplyMembersRoleId: parentMemberRoleId,
} }
] : ] :
[] []
, ,
deliveryType: returnGoodsAddress.deliveryType, deliveryType: returnGoodsAddress.deliveryType,
transport: DELIVERY_TYPE[returnGoodsAddress.deliveryType], transport: DELIVERY_TYPE[returnGoodsAddress.deliveryType],
supplyMembersName: supplierName,
supplyMembersId: parentMemberId,
supplyMembersRoleId: parentMemberRoleId,
}); });
}).finally(() => { }).finally(() => {
setInfoLoading(false); setInfoLoading(false);
...@@ -638,15 +635,15 @@ const BillsForm: React.FC<BillsFormProps> = ({ ...@@ -638,15 +635,15 @@ const BillsForm: React.FC<BillsFormProps> = ({
fullAddress: returnGoodsAddress.receiveAddress || '', fullAddress: returnGoodsAddress.receiveAddress || '',
receiverName: returnGoodsAddress.receiveUserName || '', receiverName: returnGoodsAddress.receiveUserName || '',
phone: returnGoodsAddress.receiveUserTel || '', phone: returnGoodsAddress.receiveUserTel || '',
supplyMembersName: supplierName,
supplyMembersId: parentMemberId,
supplyMembersRoleId: parentMemberRoleId,
} }
] : ] :
[] []
, ,
deliveryType: returnGoodsAddress.deliveryType, deliveryType: returnGoodsAddress.deliveryType,
transport: DELIVERY_TYPE[returnGoodsAddress.deliveryType], transport: DELIVERY_TYPE[returnGoodsAddress.deliveryType],
supplyMembersName: supplierName,
supplyMembersId: parentMemberId,
supplyMembersRoleId: parentMemberRoleId,
}); });
}).finally(() => { }).finally(() => {
setInfoLoading(false); setInfoLoading(false);
...@@ -685,15 +682,15 @@ const BillsForm: React.FC<BillsFormProps> = ({ ...@@ -685,15 +682,15 @@ const BillsForm: React.FC<BillsFormProps> = ({
fullAddress: returnGoodsAddress.receiveAddress || '', fullAddress: returnGoodsAddress.receiveAddress || '',
receiverName: returnGoodsAddress.receiveUserName || '', receiverName: returnGoodsAddress.receiveUserName || '',
phone: returnGoodsAddress.receiveUserTel || '', phone: returnGoodsAddress.receiveUserTel || '',
supplyMembersName: supplierName,
supplyMembersId: parentMemberId,
supplyMembersRoleId: parentMemberRoleId,
} }
] : ] :
[] []
, ,
deliveryType: returnGoodsAddress.deliveryType, deliveryType: returnGoodsAddress.deliveryType,
transport: DELIVERY_TYPE[returnGoodsAddress.deliveryType], transport: DELIVERY_TYPE[returnGoodsAddress.deliveryType],
supplyMembersName: supplierName,
supplyMembersId: parentMemberId,
supplyMembersRoleId: parentMemberRoleId,
}); });
}).finally(() => { }).finally(() => {
setInfoLoading(false); setInfoLoading(false);
...@@ -1013,7 +1010,49 @@ const BillsForm: React.FC<BillsFormProps> = ({ ...@@ -1013,7 +1010,49 @@ const BillsForm: React.FC<BillsFormProps> = ({
if (!isEdit) { if (!isEdit) {
return; return;
} }
PublicApi.postWarehouseInvoicesUpdata({
id: +id,
invoicesAbstract: rest.invoicesAbstract,
inventoryId: rest.inventoryId,
inventoryRole: rest.inventoryRole,
transactionTime: newTransactionTime,
invoicesDetailsRequests: newInvoicesDetailsRequests.map(item => {
const {
extraData: {
id,
orderNo,
deliveryType,
goodsCount,
price,
totalPrice,
...extraRest
},
itemName,
amount,
productCount,
...rest
} = item;
return {
...rest,
...extraRest,
goodsName: itemName,
storageCount: productCount,
productCount: goodsCount,
produceNoticeOrderDetailId: id,
};
}),
})
.then(res => {
if (res.code !== 1000) {
return;
}
setUnsaved(false);
setTimeout(() => {
history.goBack();
}, 800);
}).finally(() => {
setSubmitLoading(false);
});
} }
break; break;
} }
...@@ -1065,7 +1104,49 @@ const BillsForm: React.FC<BillsFormProps> = ({ ...@@ -1065,7 +1104,49 @@ const BillsForm: React.FC<BillsFormProps> = ({
if (!isEdit) { if (!isEdit) {
return; return;
} }
PublicApi.postWarehouseInvoicesUpdata({
id: +id,
invoicesAbstract: rest.invoicesAbstract,
inventoryId: rest.inventoryId,
inventoryRole: rest.inventoryRole,
transactionTime: newTransactionTime,
invoicesDetailsRequests: newInvoicesDetailsRequests.map(item => {
const {
extraData: {
id,
orderNo,
deliveryType,
goodsCount,
price,
totalPrice,
...extraRest
},
itemName,
amount,
productCount,
...rest
} = item;
return {
...rest,
...extraRest,
goodsName: itemName,
shipmentQuantity: productCount,
productCount: goodsCount,
produceNoticeOrderDetailId: id,
};
}),
})
.then(res => {
if (res.code !== 1000) {
return;
}
setUnsaved(false);
setTimeout(() => {
history.goBack();
}, 800);
}).finally(() => {
setSubmitLoading(false);
});
} }
break; break;
} }
...@@ -1112,9 +1193,9 @@ const BillsForm: React.FC<BillsFormProps> = ({ ...@@ -1112,9 +1193,9 @@ const BillsForm: React.FC<BillsFormProps> = ({
}), }),
relevanceInvoicesId: orderNo[0].id, relevanceInvoicesId: orderNo[0].id,
relevanceInvoices: rest.relevanceInvoices, relevanceInvoices: rest.relevanceInvoices,
supplyMembersName: billInfo.supplyMembersName, supplyMembersName: orderNo[0].supplyMembersName,
supplyMembersId: billInfo.supplyMembersId, supplyMembersId: orderNo[0].supplyMembersId,
supplyMembersRoleId: billInfo.supplyMembersRoleId, supplyMembersRoleId: orderNo[0].supplyMembersRoleId,
invoicesTypeId, invoicesTypeId,
}) })
.then(res => { .then(res => {
...@@ -1216,9 +1297,9 @@ const BillsForm: React.FC<BillsFormProps> = ({ ...@@ -1216,9 +1297,9 @@ const BillsForm: React.FC<BillsFormProps> = ({
}), }),
relevanceInvoicesId: orderNo[0].id, relevanceInvoicesId: orderNo[0].id,
relevanceInvoices: rest.relevanceInvoices, relevanceInvoices: rest.relevanceInvoices,
supplyMembersName: billInfo.supplyMembersName, supplyMembersName: orderNo[0].supplyMembersName,
supplyMembersId: billInfo.supplyMembersId, supplyMembersId: orderNo[0].supplyMembersId,
supplyMembersRoleId: billInfo.supplyMembersRoleId, supplyMembersRoleId: orderNo[0].supplyMembersRoleId,
invoicesTypeId, invoicesTypeId,
}) })
.then(res => { .then(res => {
...@@ -1318,9 +1399,9 @@ const BillsForm: React.FC<BillsFormProps> = ({ ...@@ -1318,9 +1399,9 @@ const BillsForm: React.FC<BillsFormProps> = ({
}), }),
relevanceInvoicesId: orderNo[0].id, relevanceInvoicesId: orderNo[0].id,
relevanceInvoices: rest.relevanceInvoices, relevanceInvoices: rest.relevanceInvoices,
supplyMembersName: billInfo.supplyMembersName, supplyMembersName: orderNo[0].supplyMembersName,
supplyMembersId: billInfo.supplyMembersId, supplyMembersId: orderNo[0].supplyMembersId,
supplyMembersRoleId: billInfo.supplyMembersRoleId, supplyMembersRoleId: orderNo[0].supplyMembersRoleId,
invoicesTypeId, invoicesTypeId,
}) })
.then(res => { .then(res => {
...@@ -1420,9 +1501,9 @@ const BillsForm: React.FC<BillsFormProps> = ({ ...@@ -1420,9 +1501,9 @@ const BillsForm: React.FC<BillsFormProps> = ({
}), }),
relevanceInvoicesId: orderNo[0].id, relevanceInvoicesId: orderNo[0].id,
relevanceInvoices: rest.relevanceInvoices, relevanceInvoices: rest.relevanceInvoices,
supplyMembersName: billInfo.supplyMembersName, supplyMembersName: orderNo[0].supplyMembersName,
supplyMembersId: billInfo.supplyMembersId, supplyMembersId: orderNo[0].supplyMembersId,
supplyMembersRoleId: billInfo.supplyMembersRoleId, supplyMembersRoleId: orderNo[0].supplyMembersRoleId,
invoicesTypeId, invoicesTypeId,
}) })
.then(res => { .then(res => {
......
...@@ -752,6 +752,84 @@ export const machiningDeliveryBillSchema: ISchema = { ...@@ -752,6 +752,84 @@ export const machiningDeliveryBillSchema: ISchema = {
}, },
}; };
// 售后发货、入库 弹窗 search schema
export const afterSaleBillSchema = (isPurchaser: boolean): ISchema => {
return {
type: 'object',
properties: {
megaLayout: {
type: 'object',
'x-component': 'Mega-Layout',
properties: {
search: {
type: 'string',
'x-component': 'Search',
'x-mega-props': {},
'x-component-props': {
placeholder: '搜索',
align: 'flex-start',
tip: '输入 通知单号 进行搜索',
},
},
[FORM_FILTER_PATH]: {
type: 'object',
'x-component': 'Mega-Layout',
'x-component-props': {
grid: true,
full: true,
autoRow: true,
columns: 3,
},
properties: {
applyAbstract: {
type: 'string',
'x-component-props': {
placeholder: '申请单摘要',
allowClear: true,
},
},
...(isPurchaser ? {
supplierName: {
type: 'string',
'x-component-props': {
placeholder: '供应会员',
allowClear: true,
},
},
} : {
consumerName: {
type: 'string',
'x-component-props': {
placeholder: '采购会员',
allowClear: true,
},
},
}),
'[startTime, endTime]': {
type: 'string',
'x-component': 'DateSelect',
'x-component-props': {
placeholder: '单据时间',
allowClear: true,
},
},
submit: {
'x-component': 'Submit',
'x-mega-props': {
span: 1,
},
'x-component-props': {
children: '查询',
}
}
},
},
},
},
},
}
};
export const goodsSearchSchema: ISchema = { export const goodsSearchSchema: ISchema = {
type: 'object', type: 'object',
properties: { properties: {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment