liang.cheng
/
org-chart-frant
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'feature/orgChart'

Browse Source
test
fanjie 2 years ago
parent 5c413e2d21 c788c34064
commit dbb4761bd1
3 changed files with 69 additions and 50 deletions
Show Stats Download Patch File Download Diff File

36
src/components/topBar/index.jsx
Unescape Escape View File

@ -29,7 +29,6 @@ export class TopBar extends React.Component {
level: '3', level: '3',
fisvitual: '0', fisvitual: '0',
}, },
colSpan: props.type == 'user' ? 5 : 4,
}; };
} }
@ -82,7 +81,7 @@ export class TopBar extends React.Component {
return ( return (
<div className={style.topbarWrapper}> <div className={style.topbarWrapper}>
<Row> <Row>
<Col span={this.state.colSpan}> <Col span={4}>
数据日期： 数据日期：
<DatePicker <DatePicker
placeholder="请选择日期" placeholder="请选择日期"
@ -104,7 +103,7 @@ export class TopBar extends React.Component {
/> />
</Col> </Col>
<Col span={this.state.colSpan}> <Col span={4}>
维度： 维度：
<Select <Select
defaultValue="0" defaultValue="0"
@ -118,7 +117,7 @@ export class TopBar extends React.Component {
</Select> </Select>
</Col> </Col>
<Col span={this.state.colSpan}> <Col span={4}>
根节点： 根节点：
<Select <Select
showSearch showSearch
@ -136,7 +135,7 @@ export class TopBar extends React.Component {
</Select> </Select>
</Col> </Col>
<Col span={this.state.colSpan}> <Col span={4}>
显示层级： 显示层级：
<Select <Select
defaultValue="3" defaultValue="3"
@ -150,21 +149,18 @@ export class TopBar extends React.Component {
</Select> </Select>
</Col> </Col>
{this.props.type == 'company' && ( <Col span={4}>
<Col span={this.state.colSpan}> <Checkbox
<Checkbox style={{ marginTop: '5px' }}
style={{ marginTop: '5px' }} onChange={(e) =>
onChange={(e) => this.handleFormChange({
this.handleFormChange({ fisvitual: e.target.checked ? '1' : '0',
fisvitual: e.target.checked ? '1' : '0', })
}) }
} >
> 显示虚拟组织
显示虚拟组织 </Checkbox>
</Checkbox> </Col>
</Col>
)}
<Col span={4}> <Col span={4}>
<Button <Button
type="primary" type="primary"

10
src/pages/company.jsx
Unescape Escape View File

@ -136,7 +136,7 @@ export default function companyPage() {
let departmentUrl = `/spa/organization/static/index.html#/main/organization/departmentExtend/${d.data.fobjid}`; let departmentUrl = `/spa/organization/static/index.html#/main/organization/departmentExtend/${d.data.fobjid}`;
if (d.data.ftype == 0) { if (d.data.ftype == 0) {
return `<div onclick="window.open('${companyUrl}', '_blank')" style="text-align:center"> return `<div onclick="if(${d.data.fisvitual}==1) return;window.open('${companyUrl}', '_blank')" style="text-align:center">
<div style="display: inline-block; vertical-align: top;"> <div style="display: inline-block; vertical-align: top;">
<img src="./img/company.png" /> <img src="./img/company.png" />
</div> </div>
@ -153,7 +153,9 @@ export default function companyPage() {
</div> </div>
</div>`; </div>`;
} else if (d.data.ftype == 1) { } else if (d.data.ftype == 1) {
return `<div onclick="window.open('${subcompanyUrl}', '_blank')"> return `<div onclick="if(${
d.data.fisvitual
}==1) return;window.open('${subcompanyUrl}', '_blank')">
<div style="width: 85px; height: 85px; border: 1px solid #66BAF5; border-radius: 50%;text-align: center; line-height: 85px; margin: 0 auto;display:flex;justify-content:center;align-items:center"> <div style="width: 85px; height: 85px; border: 1px solid #66BAF5; border-radius: 50%;text-align: center; line-height: 85px; margin: 0 auto;display:flex;justify-content:center;align-items:center">
<img src="${getSubcompanyImage()}" /> <img src="${getSubcompanyImage()}" />
</div> </div>
@ -170,7 +172,9 @@ export default function companyPage() {
</div>`; </div>`;
} else if (d.data.ftype == 2) { } else if (d.data.ftype == 2) {
return ` return `
<div style="width: 100%; height: 100%; background-size: 100% 100%;" onclick="window.open('${departmentUrl}')"> <div style="width: 100%; height: 100%; background-size: 100% 100%;" onclick="if(${
d.data.fisvitual
}==1) return;window.open('${departmentUrl}')">
<div style='position:absolute'> <div style='position:absolute'>
<img src='./img/company_job_label.png'/></div> <img src='./img/company_job_label.png'/></div>
<div style="padding-left: 8px; padding-top: 23px;display:flex;align-items:center"> <div style="padding-left: 8px; padding-top: 23px;display:flex;align-items:center">

73
src/pages/user.jsx
Unescape Escape View File

@ -268,15 +268,15 @@ export default function userPage() {
font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold; font-weight: bold;
color: #000000; color: #000000;
" onclick="window.open('${ " onclick="if(${d.data.fisvitual}==1) return;window.open('${
d.data.ftype == 0 d.data.ftype == 0
? companyUrl ? companyUrl
: d.data.ftype == 1 : d.data.ftype == 1
? subcompanyUrl ? subcompanyUrl
: d.data.ftype == 2 : d.data.ftype == 2
? departmentUrl ? departmentUrl
: '' : ''
}', '_blank')">${d.data.fname}</span> }', '_blank')">${d.data.fname}</span>
<span style="margin-left: 70px;"> <span style="margin-left: 70px;">
<img src="./img/user-card/line1.png" /> <img src="./img/user-card/line1.png" />
<img src="./img/user-card/line2.png" /> <img src="./img/user-card/line2.png" />
@ -295,9 +295,9 @@ export default function userPage() {
}" style="width: 58px; height: 58px;position:absolute;left:29px; border-radius: 50%; margin-top: 16px;position:absolute;left:29px;z-index:999"/> }" style="width: 58px; height: 58px;position:absolute;left:29px; border-radius: 50%; margin-top: 16px;position:absolute;left:29px;z-index:999"/>
</div> </div>
<div style="display: inline-block; margin-left: 6px;width: 55%" > <div style="display: inline-block; margin-left: 6px;width: 55%" >
<div onclick="${ <div onclick="if(${d.data.fisvitual}==1) return;${
d.data.fleadername ? `window.open('${userUrl}', '_blank')` : '' d.data.fleadername ? `window.open('${userUrl}', '_blank')` : ''
}"> }">
<div style=" <div style="
font-size: 13px; font-size: 13px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-family: Microsoft YaHei-Bold, Microsoft YaHei;
@ -320,19 +320,23 @@ export default function userPage() {
d.data.fleaderjob ? `/${d.data.fleaderjob}` : '' d.data.fleaderjob ? `/${d.data.fleaderjob}` : ''
}</div> }</div>
</div> </div>
<div style="display: flex;" > <div style="display: ${
d.data.fisvitual == 0 ? 'flex' : 'none'
};" >
<div style="height: 28px;border: 1px solid #00C2FF; border-radius: 10px; line-height: 24px; padding: 0px 5px; min-width: 60px;">编制: ${ <div style="height: 28px;border: 1px solid #00C2FF; border-radius: 10px; line-height: 24px; padding: 0px 5px; min-width: 60px;">编制: ${
d.data.fplan d.data.fplan
}</div> }</div>
<div style="height: 28px;border: 1px solid #00C2FF; border-radius: 10px; line-height: 24px; padding: 0px 5px; min-width: 60px; margin-left: 10px;" onclick="event.stopPropagation();window.open('${ <div style="height: 28px;border: 1px solid #00C2FF; border-radius: 10px; line-height: 24px; padding: 0px 5px; min-width: 60px; margin-left: 10px;" onclick="if(${
d.data.ftype == 0 d.data.fisvitual
? addressBookGroupUrl }==1) return;event.stopPropagation();window.open('${
: d.data.ftype == 1 d.data.ftype == 0
? addressBookUrl ? addressBookGroupUrl
: d.data.ftype == 2 : d.data.ftype == 1
? addressBookDepartmentUrl ? addressBookUrl
: '' : d.data.ftype == 2
}', '_blank')">在岗: ${d.data.fonjob}</div> ? addressBookDepartmentUrl
: ''
}', '_blank')">在岗: ${d.data.fonjob}</div>
</div> </div>
</div> </div>
</div> </div>
@ -353,7 +357,11 @@ export default function userPage() {
font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-family: Microsoft YaHei-Bold, Microsoft YaHei;
font-weight: bold; font-weight: bold;
color: #000000; color: #000000;
" onclick="window.open('${jobtitleUrl}', '_blank')">${d.data.fname}</span> " onclick="if(${
d.data.fisvitual
}==1) return;window.open('${jobtitleUrl}', '_blank')">${
d.data.fname
}</span>
<span style="margin-left: 70px;"> <span style="margin-left: 70px;">
<img src="./img/user-card/line1.png" /> <img src="./img/user-card/line1.png" />
<img src="./img/user-card/line2.png" /> <img src="./img/user-card/line2.png" />
@ -370,15 +378,24 @@ export default function userPage() {
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
margin-bottom: 23px; margin-bottom: 23px;
" onclick="window.open('${jobtitleUrl}', '_blank')">${d.data.fname}</div> " onclick="if(${
d.data.fisvitual
}==1) return;window.open('${jobtitleUrl}', '_blank')">${
d.data.fname
}</div>
<div style=" <div style="
font-size: 13px; font-size: 13px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400; font-weight: 400;
color: #333333; color: #333333;
" > display: ${d.data.fisvitual == 0 ? 'flex' : 'none'};
">
<span>编制：${d.data.fplan}</span> <span>编制：${d.data.fplan}</span>
<span style="margin-left: 10px;" onclick="window.open('${addressBookPostUrl}', '_blank')">在岗：${d.data.fonjob}</span> <span style="margin-left: 10px;" onclick="if(${
d.data.fisvitual
}==1) return;window.open('${addressBookPostUrl}', '_blank')">在岗：${
d.data.fonjob
}</span>
</div> </div>
</div> </div>
</div> </div>
@ -405,7 +422,9 @@ export default function userPage() {
}" style="width: 58px; height: 58px; border-radius: 50%; margin-top: 16px;z-index:999"/> }" style="width: 58px; height: 58px; border-radius: 50%; margin-top: 16px;z-index:999"/>
</div> </div>
<div style="display: inline-block; margin-left: 6px;width: 55%;height:100%" onclick="window.open('${postUserUrl}', '_blank')"> <div style="display: inline-block; margin-left: 6px;width: 55%;height:100%" onclick="if(${
d.data.fisvitual
}==1) return;window.open('${postUserUrl}', '_blank')">
<div style='display:flex;align-items:center;margin-bottom:19px;margin-top:15px'> <div style='display:flex;align-items:center;margin-bottom:19px;margin-top:15px'>
<div style=" <div style="
font-size: 13px; font-size: 13px;

Write Preview
Loading…
Cancel
Save