Commit 7d1a0658 authored by Bill's avatar Bill

Merge branch 'dev' into test

parents 7d14c639 bd6c9875
......@@ -120,6 +120,9 @@ const Relevance = props => {
fetchTableData={fetchTableData}
formilyProps={formilyProps}
tableProps={tableProps}
resetModal={{
destroyOnClose: true,
}}
/>
</RowStyleLayout>
);
......
......@@ -141,7 +141,7 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => {
return (
<ProLayout
pageTitleRender={() => currentRouter ? currentRouter.name : window.location.href}
style={{ minHeight: '100vh' }}
style={{ minHeight: '100vh', minWidth: "1500px" }}
logo={logo}
formatMessage={formatMessage}
menuHeaderRender={(logoDom, titleDom) => (
......
......@@ -209,6 +209,7 @@ const MemberSettleAdd: React.FC = () => {
return (
<PageHeaderWrapper
onBack={() => window.history.back()}
extra={[
<Button loading={submitLoading} key="1" type="primary" onClick={handleClick} >
保存
......
import React, { useEffect, useState, } from 'react';
import { PageHeaderWrapper } from '@ant-design/pro-layout';
import { SaveOutlined } from '@ant-design/icons';
import { Button, Card, Select, DatePicker, Radio, Table, Space, message } from 'antd';
import { Button, Card, Select, DatePicker, Radio, Table, Space, message, Modal } from 'antd';
import { history } from 'umi';
import ReutrnEle from '@/components/ReturnEle';
import { createFormActions, FormEffectHooks } from '@formily/antd';
......@@ -404,7 +404,7 @@ const Add: React.FC<{}> = () => {
})
}
const handleChangeSomeList = (values: any) => {
const handleChangeSomeList = (values: any, onOk, onCancel) => {
const isProcessProduct = formActions.getFieldValue('source') === 2;
const keyName = isProcessProduct ? 'Tabs.tab-2.layout.productList' : 'Tabs.tab-2.layout.orderList'
let someList = formActions.getFieldValue(keyName);
......@@ -419,9 +419,21 @@ const Add: React.FC<{}> = () => {
productProps: values.productProps,
files: values.files
}
console.log(someList)
if(!isProcessProduct && values.process.quantity > someList[index].restTotal) {
Modal.confirm({
title: '当前编辑的商品加工数量大于剩余加工数量,是否继续?',
onOk: () => {
formActions.setFieldValue(keyName, [...someList])
!!onOk && onOk();
}
})
} else {
formActions.setFieldValue(keyName, [...someList])
!!onOk && onOk();
}
}
}
/**
......
......@@ -97,6 +97,19 @@ const Detail: React.FC<{}> = () => {
}
return res;
}, [info])
const hasProductNoReply = useMemo(() => {
let res = false
if(pathname === `${PENDING_RECEIPT_PATH}/detail`) {
if(!info || !info.pnoReceiveDeliverDetailDOList) {
return false
}
res = info.pnoReceiveDeliverDetailDOList.some((item) => {
return item.receiptStatus === 1
});
return res
}
return res;
}, [info])
const getInfo = () => {
const service = SERVICE_MAP[pathname];
......@@ -230,12 +243,16 @@ const Detail: React.FC<{}> = () => {
const NextBtn = <Button loading={loading} icon={<SaveOutlined />} onClick={toNext} type="primary">提交</Button>
const AllReceiptReceive = (
<Space direction={"vertical"}>
<Popconfirm
title={hasProductNoDelievery ? '您还有未发货的商品,是否确认全部发货已完成' : '确认本单全部发货单是否已全部收到回单'}
{
hasProductNoReply
? <Popconfirm
title={'确认本单全部发货单是否已全部收到回单'}
onConfirm={() => handleAllReceiptReceive(true)}
>
<Button loading={loading} type="primary" style={{width: '100%'}}>确认本单全部发货单已收到回单</Button>
</Popconfirm>
: null
}
<div style={{display: 'flex', justifyContent: 'flex-end'}}>
<Popconfirm
title={hasProductNoDelievery ? '是否继续发货' : '您商品都已发货,是否确认还需要继续发货'}
......@@ -339,7 +356,7 @@ const Detail: React.FC<{}> = () => {
style={{padding: '0 32px', fontWeight: 400}}
colon={false}
>
<Descriptions.Item span={3} label="通知单摘要:" style={{overflow: 'hidden'}}>{info?.summary}我额时代峻峰卡德加弗兰克敬爱的封了就枯鲁杜鹃发大数据觉得封了就艾迪康类父节点拉屎发送到咖啡机的律师费</Descriptions.Item>
<Descriptions.Item span={3} label="通知单摘要:" style={{overflow: 'hidden'}}>{info?.summary}</Descriptions.Item>
<Descriptions.Item label="加工企业:">{info?.processName}</Descriptions.Item>
<Descriptions.Item label="单据时间:">{info && info.createTime && moment(info.createTime).format('YYYY-MM-DD') || null }</Descriptions.Item>
<Descriptions.Item label="通知单来源:">{info?.source == '1' ? '订单加工': '商品加工'}</Descriptions.Item>
......@@ -460,12 +477,6 @@ const Detail: React.FC<{}> = () => {
<Appendix files={info.otherAsk?.annex}/>
</div>
</div>
{/* <Row justify="space-between">
<Col flex={8}>
</Col>
<Col flex={2} style={{marginLeft: '20px'}} >
</Col>
</Row> */}
</div>
<div style={{marginTop: '20px'}} >
<Card bodyStyle={{padding: '10px 24px 24px 24px'}}>
......
......@@ -135,16 +135,17 @@ const processStock: React.FC<{}> = () => {
}
},
{
title: () => pathname == PENDING_ADD_PROCESS_PATH ? '入库单号' : '发货单号',
title: () => [PENDING_ADD_PROCESS_PATH,ASSIGN_PENDING_RECEIVE].includes(pathname) ? '入库单号' : '发货单号',
dataIndex: 'deliveryNo',
render: (text, record: any) => {
if(!text) {
return null
}
const url = '/memberCenter/tranactionAbility/stockSellStorage/bills/detail';
const type = pathname == PENDING_ADD_PROCESS_PATH ? DOC_TYPE_PROCESS_RECEIPT : DOC_TYPE_PROCESS_INVOICE
const type = [PENDING_ADD_PROCESS_PATH,ASSIGN_PENDING_RECEIVE].includes(pathname) ? 'storage' : 'delivery'
const id = type === 'storage' ? record.storageId : record.deliveryId
return (
<EyePreview url={`${url}?id=${record.id}`} >{text}</EyePreview>
<EyePreview url={`${url}?id=${id}`} >{record[`${type}No`]}</EyePreview>
)
}
},
......
......@@ -180,8 +180,9 @@ export const SUPPLIER_INNER_STATUS_COLOR = {
"3": "processing",
'4': 'processing',
"5": "success",
"7": "processing",
"9": "error",
"10": "success"
"10": "success",
}
......
......@@ -24,37 +24,15 @@ const styles = {
const AppendixItem = (props) => {
const handleDownload = (name:string, url: string) => {
console.log(url, name);
let link = document.createElement("a");
link.style.display = "none";
link.href = url;
link.setAttribute("download", name + '.txt');
link.setAttribute("download", name);
document.body.appendChild(link) //a标签插至页面中
link.click();
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 (
<div style={styles}>
......
......@@ -27,6 +27,10 @@ const schema = {
{
required: true,
message: '请填写加工数量'
},
{
pattern: /^\d+$/,
message: '请填写数字'
}
]
},
......
......@@ -5,7 +5,7 @@ import { PublicApi } from '@/services/api'
interface Iprops {
type: "view" | "edit", // veiw | edit,
submit?: (params: any) => void,
submit?: (params: any, onOk, onCancel) => void,
// id: string,
// primaryKey: string
quantity?: string,
......@@ -73,16 +73,31 @@ const ProcessDetail: React.FC<Iprops> = (props) => {
setFiles(props.files);
}, [props.files])
useEffect(() => {
setInfo((prevState) => {
return {
...prevState,
quantity: props.quantity,
processUnitPrice: props.processUnitPrice
}
})
}, [props.quantity, props.processUnitPrice])
const formSubmit = (values) => {
!!props.submit && props.submit({
!!props.submit && props.submit(
{
files: files,
uniqueID: props.uniqueID,
process: values,
productProps: info?.attributes
})
},
() => {
setVisible(false);
console.log("fuck");
},
() => {
console.log("error")
}
)
}
const fileOnChange = (values) => {
......@@ -109,7 +124,7 @@ const ProcessDetail: React.FC<Iprops> = (props) => {
取消
</Button>
<Button onClick={handleSubmit} type="primary">
确认{visible}
确认
</Button>
</div>
}
......
......@@ -26,15 +26,28 @@ interface Iprops {
const FileList: React.FC<Iprops> = (props) => {
const { name, url} = props;
const handleDownload = (name:string, url: string) => {
let link = document.createElement("a");
link.style.display = "none";
link.href = url;
link.setAttribute("download", name);
document.body.appendChild(link) //a标签插至页面中
link.click();
document.body.removeChild(link);
}
return (
<div className={styles.item} >
<div className={styles.icon}>
<img src={pdf_icon} className={styles.img} />
</div>
<a className={styles.fileName} download={name} href={url} target={"_blank"}>{name}</a>
<div className={styles.remove} onClick={() => !!props.removeFile && props.removeFile(name)}>
<div className={styles.fileName} onClick={() => handleDownload(name, url)}>{name}</div>
{
!!props.removeFile &&
<div className={styles.remove} onClick={() => props.removeFile(name)}>
<DeleteOutlined />
</div>
}
</div>
)
}
......
......@@ -53,12 +53,12 @@ const SettlementAbility: React.FC<Iprops> = () => {
: Object.keys(requestData).map((record) => {
return (
<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 xxl={20} xl={20} lg={24} md={24} sm={24} className={styles.colRow}>
<Col span={4} className={styles.rowTitle}>{KEY_TITLE[record]}</Col>
<Col span={20} className={styles.colRow}>
{
requestData[record].map((item, key) => {
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>
{
item.link
......
......@@ -64,24 +64,6 @@ const FundCenter: React.FC<Iprops> = () => {
? <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]}>
{
tagsList.map((item) => {
......@@ -90,7 +72,7 @@ const FundCenter: React.FC<Iprops> = () => {
return null
}
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}>
<div className={styles.icon}>
<img src={item.icon} />
......@@ -107,12 +89,12 @@ const FundCenter: React.FC<Iprops> = () => {
Object.keys(requestData).map((item) => {
return (
<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 xxl={20} xl={20} lg={24} md={24} sm={24} xs={24} className={styles.colRow}>
<Col span={4} className={styles.rowTitle}>{KEY_TO_TITLE[item]}</Col>
<Col span={20} className={styles.colRow}>
{
requestData[item].map((record) => {
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>
{
record.link
......
......@@ -73,7 +73,7 @@ const LogisticsCenter: React.FC<Iprops> = () => {
loading
? <Skeleton active />
: <>
<Row gutter={[16,16]}>
<Row gutter={[24,16]}>
{
data.map((item) => {
const hasAuth = !urls.includes(item.url);
......@@ -81,7 +81,7 @@ const LogisticsCenter: React.FC<Iprops> = () => {
return null
}
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}>
<div className={styles.icon}>
<img src={item.icon} />
......
......@@ -44,12 +44,12 @@ const ProcessCenter: React.FC<Iprops> = () => {
: Object.keys(requestData).map((record) => {
return (
<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 xxl={20} xl={20} lg={24} md={24} sm={24} xs={24} className={styles.colRow}>
<Col span={4} className={styles.rowTitle}>{KEY_TITLE[record]}</Col>
<Col span={20} className={styles.colRow}>
{
requestData[record].map((item, key) => {
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>
{
item.link
......@@ -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>
)
......
......@@ -59,12 +59,12 @@ const ProductCenter: React.FC<Iprops> = () => {
? <Skeleton active />
: <>
<Row className={styles.row}>
<Col xxl={4} xl={4} lg={24} md={24} sm={24} className={styles.rowTitle}>商品</Col>
<Col xxl={20} xl={20} lg={24} md={24} sm={24} className={styles.colRow}>
<Col span={4} className={styles.rowTitle}>商品</Col>
<Col span={20} className={styles.colRow}>
{
isArray && requestData.map((item) => {
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>
{
item.link
......
......@@ -66,7 +66,7 @@ const SettlementCenter: React.FC<Iprops> = () => {
loading
? <Skeleton active />
: <>
<Row gutter={[16,16]}>
<Row gutter={[16,24]}>
{
tagsList.map((item) => {
const hasAuth = !urls.includes(item.url);
......@@ -74,7 +74,7 @@ const SettlementCenter: React.FC<Iprops> = () => {
return null
}
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}>
<div className={styles.icon}>
<img src={item.icon} />
......@@ -90,12 +90,12 @@ const SettlementCenter: React.FC<Iprops> = () => {
Object.keys(requestData).map((record) => {
return (
<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 xxl={20} xl={20} lg={24} md={24} sm={24} className={styles.colRow}>
<Col span={4} className={styles.rowTitle}>{KEY_TITLE[record]}</Col>
<Col span={20} className={styles.colRow}>
{
requestData[record].map((item, key) => {
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>
{
item.link
......
......@@ -15,12 +15,16 @@ const CREATE_SHOP = '/memberCenter/shopAbility/infoManage';
const ShopCenter: React.FC<Iprops> = () => {
///template/shop/findShopList
const userAuth = getAuth();
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 {
code: code,
data: {
totalCount: code === 1000 ? data.totalCount : 0
totalCount: code === 1000 && data.id || 0
}
}
}, [])
......@@ -43,9 +47,9 @@ const ShopCenter: React.FC<Iprops> = () => {
return (
loading
? <Skeleton active />
: <Row gutter={[16,16]}>
: <Row gutter={[16,24]}>
<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}>
<div className={styles.icon}>
<img src={create_shop} />
......@@ -66,7 +70,7 @@ const ShopCenter: React.FC<Iprops> = () => {
</Col>
</Authorize>
<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} >
<div className={styles.icon}>
<img src={create_shop} />
......@@ -76,7 +80,7 @@ const ShopCenter: React.FC<Iprops> = () => {
</Col>
</Authorize>
<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} >
<div className={styles.icon}>
<img src={create_shop} />
......
......@@ -56,12 +56,12 @@ const TradeCenter: React.FC<Iprops> = () => {
: Object.keys(requestData).map((record) => {
return (
<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 xxl={20} xl={20} lg={24} md={24} sm={24} className={styles.colRow}>
<Col span={4} className={styles.rowTitle}>{KEY_TITLE[record]}</Col>
<Col span={20} className={styles.colRow}>
{
requestData[record].map((item, key) => {
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>
{
item.link
......
......@@ -39,90 +39,98 @@
.content {
// height: 104px;
padding: 24px;
border-radius: 0px 0px 8px 8px;
background-color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
padding: 24px;
.row {
display: flex;
flex-direction: row;
align-items: center;
// justify-content: center;
.user {
// display: flex;
// flex-direction: row;
// align-items: center;
.pic {
width: 56px;
.userLogo {
height: 56px;
width: 56px;
margin-right: 12px;
border-radius: 50%;
// background-color: red;
overflow: hidden;
img {
width: 100%;
height: 100%;
}
.randomLogo {
width: 100%;
height: 100%;
background: linear-gradient(135deg, #4981CC 0%, #1A4F97 100%) #255BA3;
border-radius: 50%;
color: #fff;
background-color: #255BA3;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: 18px;
height: 100%;
border-radius: 50%;
color: #fff;
}
}
.wrapper {
.infos {
display: flex;
flex-direction: column;
flex-direction: row;
align-items: center;
justify-content: space-between;
flex: 1;
.company {
.companyName {
display: flex;
flex-direction: row;
align-items: center;
.tags {
margin-left: 16px;
}
}
margin-bottom: 12px;
.company {
font-size: 14px;
font-weight: 600;
margin-right: 16px;
}
.status {
margin-top: 12px;
.roles {
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 {
.levelImg {
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';
interface Iprops {}
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 USER_CENTER_URL = '/memberCenter/memberAbility/manage/maintain'
const STATUS_COLOR: ("default" | "processing" | "error" | "success")[] = ["default", "processing", "error", "success"]
......@@ -23,7 +23,7 @@ const UserCenter: React.FC<Iprops> = () => {
const userAuth = getAuth();
const hasChangeMemberAuth = userAuth?.urls.includes(EDIT_USER_URL);
const hasCenterAuth = userAuth?.urls.includes(USER_CENTER_URL);
const currentRole = userAuth.roles.filter((item) => item.memberRoleId === userAuth.memberRoleId)
if(!userAuth) {
return null
}
......@@ -44,64 +44,46 @@ const UserCenter: React.FC<Iprops> = () => {
</div>
</div>
<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 上传用户头像 */}
<Row align={"middle"}>
<Col xxl={4} xl={4} lg={4} md={4} sm={4} xs={6}>
<div className={styles.pic} >
<div className={styles.userLogo}>
{
userAuth.logo
? <img src={userAuth.logo || ''} />
: <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>
</Col>
<Col xxl={8} xl={9} lg={9} md={8} sm={9} xs={24} className={styles.role}>
<div className={styles.tags}>
<div className={styles.infos}>
<div>
<div className={styles.companyName}>
<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 (
<div style={{marginRight: '8px'}} key={key}>
<StatusTag type="success" title={item.memberRoleName} />
<div style={{marginRight: '16px'}} key={key}>
<StatusTag type={statusList[key]} title={item.memberRoleName} />
</div>
)
})
}
</div>
</Col>
<Col xxl={4} xl={4} lg={4} md={5} sm={4} xs={24} className={styles.role}>
<div>
</div>
<div className={styles.status}><Badge status={STATUS_COLOR[userAuth.validateStatus]} text={userAuth.validateStatusDesc}></Badge></div>
</div>
<div className={styles.otherValues}>
<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>
</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>
</Col>
</Row>
</Col>
</Row>
</div>
</div>
</div>
</div>
</div>
)
......
.grid_container {
display: grid;
}
.ability {
margin-top: 16px;
.container {
display: flex;
flex-direction: row;
min-width: 1366px;
.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 {
background-color: @main-color;
height: 48px;
......@@ -16,6 +47,7 @@
flex-direction: row;
margin-left: auto;
cursor: pointer;
width: 181px;
.icon {
font-size: 22px;
......@@ -24,80 +56,3 @@
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<{}> = () => {
return (
<PageHeaderWrapper>
<div style={{minWidth: '1280px'}}>
<div >
<div className={styles.userGuaid} style={{display: visible ? 'none': 'none'}}>
<UseGuaid/>
</div>
<div className={styles.grid_container}>
<div className={styles.top}>
<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.container}>
<div className={styles.left}>
<div className={styles.userCenter}>
<UserCenter />
</div>
<div className={styles.announce}>
<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}>
<div className={styles.otherCenters}>
{
layout.map((item) => {
const RenderComponent = ComponentSelect[item.name]
......@@ -104,13 +81,32 @@ const Home: React.FC<{}> = () => {
})
}
</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 />
<div className={styles.advertise}>
<AdvertisementContainer />
</div>
<div className={styles.commonMargin}>
<AdvertisementContainer />
</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
......@@ -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 = {
type: 'object',
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