custom/五院杭州中心
This commit is contained in:
parent
2320b19627
commit
6eed8d6810
|
|
@ -110,22 +110,26 @@
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
padding: 0 30px;
|
padding: 0 30px;
|
||||||
|
|
||||||
.even {
|
//.even {
|
||||||
border-left: 1px solid #e5e5e5;
|
// border-left: 1px solid #e5e5e5;
|
||||||
}
|
//}
|
||||||
|
|
||||||
.zero, .first {
|
//.zero, .first {
|
||||||
|
// border-top: 1px solid #e5e5e5;
|
||||||
|
//}
|
||||||
|
.zero {
|
||||||
border-top: 1px solid #e5e5e5;
|
border-top: 1px solid #e5e5e5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-item {
|
.list-item {
|
||||||
width: 50%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: left;
|
justify-content: left;
|
||||||
min-height: 40px;
|
min-height: 40px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border-bottom: 1px solid #e5e5e5;
|
border-bottom: 1px solid #e5e5e5;
|
||||||
border-right: 1px solid #e5e5e5;
|
border-right: 1px solid #e5e5e5;
|
||||||
|
border-left: 1px solid #e5e5e5;
|
||||||
|
|
||||||
.item-name {
|
.item-name {
|
||||||
//flex-basis: 170px;
|
//flex-basis: 170px;
|
||||||
|
|
|
||||||
|
|
@ -164,7 +164,7 @@ class SalaryDetails extends Component {
|
||||||
const columns = _.filter(tempCols, o => o.column !== "acctTimes");
|
const columns = _.filter(tempCols, o => o.column !== "acctTimes");
|
||||||
if (!_.isEmpty(columns)) {
|
if (!_.isEmpty(columns)) {
|
||||||
this.postMessageToChild({
|
this.postMessageToChild({
|
||||||
dataSource, pageInfo, selectedRowKeys, showTotalCell, calcDetail: true, tableScrollHeight: 154, sumRow,
|
dataSource, pageInfo, selectedRowKeys, showTotalCell, calcDetail: true, tableScrollHeight: 210, sumRow,
|
||||||
columns: _.map(columns, (it, idx) => ({
|
columns: _.map(columns, (it, idx) => ({
|
||||||
dataIndex: it.column || it.dataIndex, title: it.text || it.title, calcDetail: true, showSee: false,
|
dataIndex: it.column || it.dataIndex, title: it.text || it.title, calcDetail: true, showSee: false,
|
||||||
width: (it.dataIndex === "taxAgent" || it.dataIndex === "salarySob") ? 176 : (it.width || it.oldWidth),
|
width: (it.dataIndex === "taxAgent" || it.dataIndex === "salarySob") ? 176 : (it.width || it.oldWidth),
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
top: -2.5px;
|
top: -2.5px;
|
||||||
|
|
||||||
.wea-advanced-search {
|
.wea-advanced-search {
|
||||||
top: 1px!important;
|
top: 2px!important;
|
||||||
left: -1px;
|
left: -1px;
|
||||||
height: 28px;
|
height: 28px;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
|
|
||||||
|
|
@ -21,8 +21,8 @@ class Index extends Component {
|
||||||
constructor(props) {
|
constructor(props) {
|
||||||
super(props);
|
super(props);
|
||||||
this.state = {
|
this.state = {
|
||||||
showSearchAd: false, showTotalCell: false, pageInfo: { current: 1, pageSize: 10, total: 0 },
|
showSearchAd: false, showTotalCell: false, loading: false, sumRow: {},
|
||||||
loading: false, sumRow: {}
|
pageInfo: { current: 1, pageSize: 200, total: 0, pageSizeOptions: ["200"] }
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -68,10 +68,10 @@ class Index extends Component {
|
||||||
this.setState({ loading: false });
|
this.setState({ loading: false });
|
||||||
if (status && !_.isEmpty(data)) {
|
if (status && !_.isEmpty(data)) {
|
||||||
const { columns, pageInfo: { pageNum: current, pageSize, total, list: dataSource } } = data;
|
const { columns, pageInfo: { pageNum: current, pageSize, total, list: dataSource } } = data;
|
||||||
this.setState({ pageInfo: { current, pageSize, total } }, () => {
|
this.setState({ pageInfo: { ...pageInfo, current, pageSize, total } }, () => {
|
||||||
const { pageInfo, sumRow } = this.state;
|
const { pageInfo, sumRow } = this.state;
|
||||||
this.postMessageToChild({
|
this.postMessageToChild({
|
||||||
dataSource, pageInfo, showTotalCell: true, sumRowlistUrl: "", calcDetail: true, tableScrollHeight: 179,
|
dataSource, pageInfo, showTotalCell: true, sumRowlistUrl: "", calcDetail: true, tableScrollHeight: 210,
|
||||||
sumRow,
|
sumRow,
|
||||||
columns: _.every(traverse(columns, true), (it, idx) => !it.fixed) ? _.map(traverse(columns, true), (it, idx) => ({
|
columns: _.every(traverse(columns, true), (it, idx) => !it.fixed) ? _.map(traverse(columns, true), (it, idx) => ({
|
||||||
...it, fixed: idx < 2 ? "left" : false
|
...it, fixed: idx < 2 ? "left" : false
|
||||||
|
|
@ -79,8 +79,8 @@ class Index extends Component {
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
!isPageChange && this.getAcctresultListSum({
|
!isPageChange && this.getAcctresultListSum({
|
||||||
dataSource, pageInfo: { current, pageSize, total }, showTotalCell: true, sumRowlistUrl: "",
|
dataSource, pageInfo: { ...pageInfo, current, pageSize, total }, showTotalCell: true, sumRowlistUrl: "",
|
||||||
calcDetail: true, tableScrollHeight: 179,
|
calcDetail: true, tableScrollHeight: 210,
|
||||||
columns: _.every(traverse(columns, true), (it, idx) => !it.fixed) ? _.map(traverse(columns, true), (it, idx) => ({
|
columns: _.every(traverse(columns, true), (it, idx) => !it.fixed) ? _.map(traverse(columns, true), (it, idx) => ({
|
||||||
...it, fixed: idx < 2 ? "left" : false
|
...it, fixed: idx < 2 ? "left" : false
|
||||||
})) : traverse(columns, true)
|
})) : traverse(columns, true)
|
||||||
|
|
@ -133,7 +133,7 @@ class Index extends Component {
|
||||||
onToggleSwitch={this.openAdvanceSearch}
|
onToggleSwitch={this.openAdvanceSearch}
|
||||||
onAdSearch={this.onAdSearch}/>
|
onAdSearch={this.onAdSearch}/>
|
||||||
</div>
|
</div>
|
||||||
<div style={{ height: `calc((39px * ${columnNum}) + 188.53px)`, minHeight: "356px", maxHeight: "678px" }}>
|
<div style={{ height: `calc((39px * ${columnNum}) + 188.53px)`, minHeight: "356px" }}>
|
||||||
<Spin spinning={loading}>
|
<Spin spinning={loading}>
|
||||||
<iframe
|
<iframe
|
||||||
style={{ border: 0, width: "100%", height: "100%" }}
|
style={{ border: 0, width: "100%", height: "100%" }}
|
||||||
|
|
|
||||||
|
|
@ -109,7 +109,7 @@ class Index extends Component {
|
||||||
onToggleSwitch={this.openAdvanceSearch}
|
onToggleSwitch={this.openAdvanceSearch}
|
||||||
onAdSearch={this.onAdSearch}/>
|
onAdSearch={this.onAdSearch}/>
|
||||||
</div>
|
</div>
|
||||||
<div style={{ height: `calc((39px * ${columnNum}) + 188.53px)`, minHeight: "287px", maxHeight: "678px" }}>
|
<div style={{ height: `calc((39px * ${columnNum}) + 188.53px)`, minHeight: "287px" }}>
|
||||||
<Spin spinning={loading}>
|
<Spin spinning={loading}>
|
||||||
<iframe
|
<iframe
|
||||||
style={{ border: 0, width: "100%", height: "100%" }}
|
style={{ border: 0, width: "100%", height: "100%" }}
|
||||||
|
|
|
||||||
|
|
@ -45,14 +45,14 @@ export default class GenerateDeclarationDetail extends React.Component {
|
||||||
columns: _.map(_.filter(columns, it => it.dataIndex !== "jobNum"), item => {
|
columns: _.map(_.filter(columns, it => it.dataIndex !== "jobNum"), item => {
|
||||||
if (item.dataIndex === "username") {
|
if (item.dataIndex === "username") {
|
||||||
return {
|
return {
|
||||||
...item, width: 180,
|
...item, width: 109,
|
||||||
render: (text, record) => (<a className="ellipsis" href={`javaScript:openhrm(${record.employeeId});`}
|
render: (text, record) => (<a className="ellipsis" href={`javaScript:openhrm(${record.employeeId});`}
|
||||||
onClick={e => window.pointerXY(e)}
|
onClick={e => window.pointerXY(e)}
|
||||||
title={text}>{text}</a>)
|
title={text}>{text}</a>)
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
return {
|
return {
|
||||||
...item, width: (item.dataIndex === "cardType" || item.dataIndex === "cardNum") ? 180 : 100,
|
...item, width: (item.dataIndex === "cardType" || item.dataIndex === "cardNum") ? 109 : 109,
|
||||||
render: (text) => (<span className="ellipsis" title={text}>{text}</span>)
|
render: (text) => (<span className="ellipsis" title={text}>{text}</span>)
|
||||||
};
|
};
|
||||||
})
|
})
|
||||||
|
|
|
||||||
|
|
@ -5,6 +5,14 @@
|
||||||
|
|
||||||
.wea-new-table {
|
.wea-new-table {
|
||||||
background: #FFF;
|
background: #FFF;
|
||||||
|
|
||||||
|
.ellipsis {
|
||||||
|
width: 100%;
|
||||||
|
display: inline-block;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -89,10 +89,10 @@ class Index extends Component {
|
||||||
if (!_.isEmpty(columns)) {
|
if (!_.isEmpty(columns)) {
|
||||||
this.postMessageToChild({
|
this.postMessageToChild({
|
||||||
dataSource, pageInfo, selectedRowKeys, showTotalCell, calcDetail: true,
|
dataSource, pageInfo, selectedRowKeys, showTotalCell, calcDetail: true,
|
||||||
tableScrollHeight: pageInfo.total === 0 ? 90 : 156,
|
tableScrollHeight: pageInfo.total === 0 ? 90 : 166,
|
||||||
sumRowlistUrl, payload: { ...payload, updateSum },
|
sumRowlistUrl, payload: { ...payload, updateSum },
|
||||||
columns: _.map(columns, (it, idx) => ({
|
columns: _.map(columns, (it, idx) => ({
|
||||||
...it, width: it.oldWidth, fixed: (idx === 1 || idx === 0 || idx === 2) ? "left" : "",
|
...it, width: it.oldWidth + "px", fixed: (idx === 1 || idx === 0 || idx === 2) ? "left" : "",
|
||||||
ellipsis: true
|
ellipsis: true
|
||||||
}))
|
}))
|
||||||
});
|
});
|
||||||
|
|
@ -123,9 +123,10 @@ class Index extends Component {
|
||||||
const columnNum = total > 10 ? pageSize + 1 : total + 1;
|
const columnNum = total > 10 ? pageSize + 1 : total + 1;
|
||||||
return (
|
return (
|
||||||
<div style={{
|
<div style={{
|
||||||
height: `calc((39px * ${columnNum}) + 126.84px)`,
|
flex: 1
|
||||||
maxHeight: "678px",
|
// height: `calc((39px * ${columnNum}) + 126.84px)`,
|
||||||
minHeight: !total ? "270px" : "inherit"
|
// maxHeight: "678px",
|
||||||
|
// minHeight: !total ? "270px" : "inherit"
|
||||||
}}>
|
}}>
|
||||||
<Spin spinning={loading}>
|
<Spin spinning={loading}>
|
||||||
<iframe
|
<iframe
|
||||||
|
|
|
||||||
|
|
@ -40,6 +40,10 @@
|
||||||
|
|
||||||
.salary-payroll-details {
|
.salary-payroll-details {
|
||||||
padding: 0 16px 16px;
|
padding: 0 16px 16px;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
background: rgb(241, 241, 241);
|
||||||
|
|
||||||
.salary-tb-tip {
|
.salary-tb-tip {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue