+ }
+ return dom;
+ }
+
+ getIllustration(val, url, index, link) {
+ const {
+ hrmImportResource
+ } = this.props;
+ const {
+ templetName,
+ getTemplateUrl,
+ importParams
+ } = hrmImportResource;
+ let p;
+ if (index == 0) {
+ if (url instanceof Object) {
+ const href = hrmImportResource.operateType === 'add' ? url.add : url.update;
+ let dom;
+ if(hrmImportResource.importType === 'matrix'){
+ dom = {getTemplateUrl(hrmImportResource.otherParams.matrixid, hrmImportResource.operateType, importParams)}}>{i18n.label.importTemplate()}
+ }else
+ dom = {i18n.label.importTemplate()};
+ p = ({i18n.label.downLoadTemplete()}：{dom}
);
+ } else if (url != null) {
+ if(hrmImportResource.importType === 'matrix'){
+ p = ({i18n.label.downLoadTemplete()}： {getTemplateUrl(hrmImportResource.otherParams.matrixid, hrmImportResource.operateType)}}>{i18n.label.importTemplate()}
);
+ }else
+ p = ({i18n.label.downLoadTemplete()}：{i18n.label.importTemplate()}
);
+ } else {
+ p = ();
+ }
+ } else {
+ p = ();
+ }
+ return p;
+ }
+
+ setFileId(ids, list) {
+ const {
+ hrmImportResource
+ } = this.props;
+ hrmImportResource.excelfile = ids;
+ hrmImportResource.filelist = list;
+ }
+
+ onUploading(s) {
+ const {
+ hrmImportResource
+ } = this.props;
+ hrmImportResource.status = s;
+ }
+
+ submit() {
+ const {
+ hrmImportResource
+ } = this.props;
+ hrmImportResource.saveImport({}, () => {
+ this.refs.scroll && this.refs.scroll.scrollToLast()
+ });
+ }
+
+ cancel() {
+ const {
+ hrmImportResource,
+ onClose
+ } = this.props;
+ hrmImportResource.visible = false
+ hrmImportResource.init();
+ onClose && onClose();
+ }
+
+ importHistoryQuery() {
+ const {
+ hrmImportResource
+ } = this.props;
+ hrmImportResource.visibleHistory = true;
+ hrmImportResource.getImportHistory();
+ }
+
+ render() {
+ const {
+ hrmImportResource,
+ mainTitle,
+ importLog,
+ viewLog,
+ viewLogTitle,
+ } = this.props;
+ const {
+ title,
+ visible,
+ titleResult,
+ visibleResult,
+ importResultColumns,
+ importProcessLogDatas,
+ failnum,
+ succnum,
+ importResultTip,
+ importResultStore,
+ importStatus,
+ errorInfo,
+ setScrollRef,
+ single,
+ showLoadingSpin,
+ condition
+ } = hrmImportResource;
+ const buttons = condition.length ? [
+ (),
+ (),
+ ] : [];
+
+ let dialogHeight = window.innerHeight - 150;
+ if (dialogHeight > 560) dialogHeight = 560;
+
+ return (
+
+ {
+ single && visible ?
+
+ {this.getForm()}
+
+ :
+ this.cancel()}
+ buttons={buttons}
+ style={{ width: 870, height: dialogHeight }}
+ moreBtn={{datas:condition ? [{
+ key: '1',
+ content: i18n.button.submit(),
+ icon: ,
+ onClick: () => this.submit(),
+ },
+ {
+ key: '2',
+ content: importLog || i18n.button.importHistoryQuery(),
+ icon: ,
+ onClick: () => this.importHistoryQuery(),
+ }
+ ]: []}}
+ >
+ { condition.length ? (
+
+
+ {this.getForm()}
+
+
+ ): ''}
+
+ }
+
+
+
+
+ )
+ }
+}
diff --git a/pc4mobx/organization/components/importresource/ImportHistory.js b/pc4mobx/organization/components/importresource/ImportHistory.js
new file mode 100644
index 0000000..d13699c
--- /dev/null
+++ b/pc4mobx/organization/components/importresource/ImportHistory.js
@@ -0,0 +1,137 @@
+import {
+ inject,
+ observer
+} from 'mobx-react';
+import {
+ WeaDialog,
+} from 'ecCom'
+
+import {
+ Modal,
+ Table,
+ Button,
+} from 'antd'
+
+import React from 'react'
+import {
+ WeaTableNew
+} from 'comsMobx';
+import ImportLog from './ImportLog'
+import {
+ i18n
+} from '../../public/i18n';
+
+const WeaTable = WeaTableNew.WeaTable;
+
+@inject('hrmImportResource')
+@observer
+class ImportHistory extends React.Component {
+ constructor(props) {
+ super(props);
+ }
+
+ reRenderColumns(c) {
+ let _this = this;
+ c.forEach(item => {
+ if (item.dataIndex == 'operator') {
+ item.render = function(text, record) {
+ return _this.jumpToHrmCard(record.operator)}>{record.operatorspan}
+ }
+ }
+ if (item.dataIndex == 'allnum') {
+ item.render = function(text, record) {
+ return _this.jumpToImportResult(record.randomFieldId)}>{record.allnumspan}
+ }
+ }
+ });
+ }
+
+ jumpToHrmCard(id) {
+ window.open(`/spa/hrm/index_mobx.html#/main/hrm/card/cardInfo/${id}`);
+ }
+
+ jumpToImportResult(pId) {
+ const {
+ hrmImportResource
+ } = this.props;
+ hrmImportResource.dialogKey = new Date().getTime();
+ hrmImportResource.visibleResult = true;
+ hrmImportResource.getImportResult({
+ pId,
+ importType: 'resource'
+ });
+ }
+
+ queryImportLog() {
+ const {
+ hrmImportResource
+ } = this.props;
+ let params = {};
+ params.importType = 'resource';
+ hrmImportResource.pId = '';
+ hrmImportResource.getImportLogDetail(params);
+ hrmImportResource.getImportLogSearchCondition(params);
+ hrmImportResource.visibleImportLog = true;
+ }
+
+ cancel() {
+ const {
+ hrmImportResource
+ } = this.props;
+ hrmImportResource.visibleHistory = false;
+ }
+
+ render() {
+ const {
+ hrmImportResource,
+ importLog,
+ viewLog,
+ } = this.props;
+ const {
+ titleHistory,
+ visibleHistory,
+ onCancel,
+ importHistoryStore
+ } = hrmImportResource;
+ const buttons = [
+ (),
+ ];
+ let dialogHeight = window.innerHeight - 150;
+ if (dialogHeight > 510) dialogHeight = 510;
+ return (
+
+
+ {visibleHistory &&
+ this.cancel()}
+ buttons={buttons}
+ style={{ width: 870, height: dialogHeight }}
+ moreBtn={{datas:[{
+ key: '1',
+ content: viewLog || i18n.button.queryImportLog(),
+ icon: ,
+ onClick: () => this.queryImportLog(),
+ }
+ ]}}
+ >
+ index}
+ getColumns={c => this.reRenderColumns(c)}
+ />
+
+ }
+
+ )
+ }
+}
+
+export default ImportHistory
\ No newline at end of file
diff --git a/pc4mobx/organization/components/importresource/ImportLog.js b/pc4mobx/organization/components/importresource/ImportLog.js
new file mode 100644
index 0000000..38a6484
--- /dev/null
+++ b/pc4mobx/organization/components/importresource/ImportLog.js
@@ -0,0 +1,175 @@
+import {
+ inject,
+ observer
+} from 'mobx-react';
+import {
+ WeaTab,
+ WeaDialog,
+ WeaFormItem,
+ WeaSearchGroup,
+} from 'ecCom'
+
+import {
+ Row,
+ Col,
+ Button,
+} from 'antd'
+import * as mobx from 'mobx';
+const toJS = mobx.toJS;
+import {
+ WeaSwitch
+} from 'comsMobx'
+import {
+ WeaTableNew
+} from 'comsMobx';
+import React from 'react'
+
+const WeaTable = WeaTableNew.WeaTable;
+import {
+ i18n
+} from '../../public/i18n';
+
+@inject('hrmImportResource')
+@observer
+class ImportLog extends React.Component {
+ constructor(props) {
+ super(props);
+ }
+
+ componentWillReceiveProps(nextProps) {
+
+ }
+
+ getSearchs() {
+ const {
+ hrmImportResource
+ } = this.props;
+ const {
+ form,
+ searchCondition
+ } = hrmImportResource;
+
+ const {
+ isFormInit
+ } = form;
+ let group = [];
+
+ const formParams = form.getFormParams();
+ isFormInit && toJS(searchCondition).map((c, i) => {
+ let items = [];
+ c.items.map((fields, index) => {
+ let hide = false;
+ let dom = ;
+ items.push({
+ com: (
+ {dom}
+ ),
+ colSpan: 1,
+ hide: hide
+ })
+ });
+ group.push()
+ });
+ return group;
+ }
+
+ jumpToHrmCard(id) {
+ window.open(`/spa/hrm/index_mobx.html#/main/hrm/card/cardInfo/${id}`);
+ }
+
+ reRenderColumns(c) {
+ let _this = this;
+ let status = "";
+ c.forEach(item => {
+ if (item.dataIndex == 'operator') {
+ item.render = function(text, record) {
+ return _this.jumpToHrmCard(record.operator)}>{record.operatorspan}
+ }
+ } else if (item.dataIndex == 'status') {
+ item.render = function(text, record) {
+ status = text;
+ return {text=='1'?i18n.label.success():i18n.label.fail()}
+ }
+ } else if (item.dataIndex == 'operatedetail') {
+ item.render = function(text, record) {
+ return {status=="1"?"":text}
+ }
+ }
+ });
+ }
+
+ cancel() {
+ const {
+ hrmImportResource
+ } = this.props;
+ hrmImportResource.visibleImportLog = false;
+ }
+
+ render() {
+ const {
+ hrmImportResource,
+ viewLogTitle
+ } = this.props;
+ const {
+ form,
+ titleImportLog,
+ visibleImportLog,
+ importLogStore,
+ showSearchAd
+ } = hrmImportResource;
+ const btn = [
+ (),
+ (),
+ ()
+ ]
+ return (
+
+ {
+ visibleImportLog &&
+ { this.cancel()} }
+ //buttons={buttons}
+ style={{width: 970, height: 510}}
+ >
+ {
+ if (e.keyCode == 13 && e.target.tagName === "INPUT") {
+ hrmImportResource.doSearch();
+ hrmImportResource.showSearchAd=false
+ }
+ }
+ }
+ >{this.getSearchs()}
}
+ setShowSearchAd={bool => {hrmImportResource.showSearchAd = bool}}
+ hideSearchAd={() => hrmImportResource.showSearchAd = false}
+ advanceHeight={200}
+ hasMask={false}
+ buttonsAd={btn}
+ />
+ index}
+ getColumns={c => this.reRenderColumns(c)}
+ />
+
+ }
+
+ )
+ }
+}
+
+export default ImportLog
\ No newline at end of file
diff --git a/pc4mobx/organization/components/importresource/ImportResult.js b/pc4mobx/organization/components/importresource/ImportResult.js
new file mode 100644
index 0000000..e3e1ed2
--- /dev/null
+++ b/pc4mobx/organization/components/importresource/ImportResult.js
@@ -0,0 +1,185 @@
+import {
+ inject,
+ observer
+} from 'mobx-react';
+import {
+ WeaDialog,
+ WeaNewScroll,
+} from 'ecCom'
+
+import {
+ Row,
+ Col,
+ Icon,
+ Spin,
+ Modal,
+ Table,
+ Button,
+} from 'antd'
+import isEmpty from 'lodash/isEmpty';
+import React from 'react'
+import {
+ WeaTableNew
+} from 'comsMobx';
+import {
+ toJS
+} from 'mobx';
+
+const WeaTable = WeaTableNew.WeaTable;
+import {
+ i18n
+} from '../../public/i18n';
+
+@inject('hrmImportResource')
+@observer
+class ImportResult extends React.Component {
+ constructor(props) {
+ super(props);
+ }
+
+ componentDidMount() {
+ const {
+ hrmImportResource
+ } = this.props;
+ hrmImportResource.errorInfo = '';
+ }
+
+ getButtons() {
+ const {
+ hrmImportResource
+ } = this.props;
+ const {
+ failnum,
+ importStatus
+ } = hrmImportResource;
+ const buttons = [];
+ if (importStatus == 'over') {
+ // if (failnum > 0) {
+ // buttons.push();
+ // }
+ // buttons.push();
+ buttons.push();
+ }
+
+ return buttons;
+ }
+
+ reRenderColumns(c) {
+ c.forEach(item => {
+ if (item.dataIndex == 'operatedetail') {
+ item.render = function(text, record) {
+ return {text}
+ }
+ }
+ });
+ }
+
+ cancel() {
+ const {
+ hrmImportResource
+ } = this.props;
+ this.dialogKey = new Date().getTime();
+ hrmImportResource.visibleResult = false;
+ }
+
+ getImportLog() {
+ const {
+ hrmImportResource
+ } = this.props;
+ hrmImportResource.visibleImportLog = true;
+ let params = {};
+ params.importType = 'resource';
+ hrmImportResource.getImportLogSearchCondition(params);
+ hrmImportResource.getImportLogDetail(params);
+ }
+
+ render() {
+ const {
+ hrmImportResource
+ } = this.props;
+ const {
+ titleResult,
+ visibleResult,
+ importResultColumns,
+ importProcessLogDatas,
+ failnum,
+ succnum,
+ importResultTip,
+ importResultStore,
+ importStatus,
+ errorInfo,
+ setScrollRef,
+ dialogKey
+ } = hrmImportResource;
+ const buttons = [];
+ if (importStatus == 'over') {
+ buttons.push(
+ {
+ key: '1',
+ content: i18n.button.getImportLog(),
+ icon: ,
+ onClick: () => this.getImportLog(),
+ }
+ );
+ }
+ return (
+
+ {
+ visibleResult &&
+
this.cancel()}
+ buttons={this.getButtons()}
+ style={{ width: 720, height: 480 }}
+ moreBtn={{datas:buttons}}
+ >
+
+ {
+ importStatus == '' || importStatus == 'importing' || importStatus == 'error'?
+ {
+ importStatus == 'error'?
+
+
+
{importResultTip}
+
:
+
+ }
+
+
{hrmImportResource.setScrollTarget(scroll)}}>
+
+
+
+
:
+
+
0 ? '#54D3A2' : '#FF0000' }}>
+ 0 ? 'check' : 'cross'} style={{ color: '#fff' }} />
+
{importResultTip}
+
+ {
+ failnum > 0 &&
+
index}
+ getColumns={c => this.reRenderColumns(c)}
+ />
+ }
+
+ }
+
+ }
+