花名册开发
This commit is contained in:
parent
d98f86be17
commit
b15b08433f
|
|
@ -54,3 +54,35 @@ export const exportResource = (ids) => {
|
||||||
window.URL.revokeObjectURL(url);
|
window.URL.revokeObjectURL(url);
|
||||||
}))
|
}))
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export const saveSearchTemplate = (params) => {
|
||||||
|
return fetch('/api/bs/hrmorganization/hrmresource/saveSearchTemplate', {
|
||||||
|
method: 'POST',
|
||||||
|
mode: 'cors',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json'
|
||||||
|
},
|
||||||
|
body: JSON.stringify(params)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export const deleteSearchTemplate = (params) => {
|
||||||
|
return fetch('/api/bs/hrmorganization/hrmresource/deleteSearchTemplate', {
|
||||||
|
method: 'POST',
|
||||||
|
mode: 'cors',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json'
|
||||||
|
},
|
||||||
|
body: JSON.stringify(params)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getSearchTemplate = (id) => {
|
||||||
|
return WeaTools.callApi(`/api/bs/hrmorganization/hrmresource/getSearchTemplate?templateId=${id}`, 'GET');
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getTemplateSelectKeys = (id) => {
|
||||||
|
return WeaTools.callApi(`/api/bs/hrmorganization/hrmresource/getTemplateSelectKeys?templateId=${id}`, 'GET');
|
||||||
|
}
|
||||||
|
|
@ -5,6 +5,10 @@ import {
|
||||||
WeaDialog,
|
WeaDialog,
|
||||||
} from 'ecCom';
|
} from 'ecCom';
|
||||||
import Customization from './Customization';
|
import Customization from './Customization';
|
||||||
|
import {
|
||||||
|
Spin,
|
||||||
|
Button,
|
||||||
|
} from 'antd'
|
||||||
|
|
||||||
@observer
|
@observer
|
||||||
export default class SearchCustomDialog extends React.Component {
|
export default class SearchCustomDialog extends React.Component {
|
||||||
|
|
@ -17,14 +21,23 @@ export default class SearchCustomDialog extends React.Component {
|
||||||
store
|
store
|
||||||
} = this.props, {
|
} = this.props, {
|
||||||
SEARCHDIALOG,
|
SEARCHDIALOG,
|
||||||
searchDialog
|
searchDialog,
|
||||||
|
search
|
||||||
} = store;
|
} = store;
|
||||||
|
const buttons = [
|
||||||
|
<Button type='primary' onClick={()=>store.saveHrmSearchUserDefine()}>保存</Button>,
|
||||||
|
<Button type='primary' onClick={()=>store.saveHrmSearchUserDefine()}>存为模板</Button>,
|
||||||
|
<Button type='primary' onClick={()=>store.saveHrmSearchUserDefine()}>模板管理</Button>
|
||||||
|
]
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<WeaDialog
|
<WeaDialog
|
||||||
{...SEARCHDIALOG}
|
{...SEARCHDIALOG}
|
||||||
{...searchDialog}
|
{...searchDialog}
|
||||||
|
buttons={search ? buttons.slice(0, 1) : buttons}
|
||||||
initLoadCss
|
initLoadCss
|
||||||
|
title={search ? '常用条件定制':'列定制'}
|
||||||
>
|
>
|
||||||
<Customization store={store}/>
|
<Customization store={store}/>
|
||||||
</WeaDialog>
|
</WeaDialog>
|
||||||
|
|
|
||||||
|
|
@ -7,6 +7,7 @@ import {
|
||||||
import {
|
import {
|
||||||
WeaTop,
|
WeaTop,
|
||||||
WeaTab,
|
WeaTab,
|
||||||
|
WeaInput,
|
||||||
WeaFormItem,
|
WeaFormItem,
|
||||||
WeaRightMenu,
|
WeaRightMenu,
|
||||||
WeaLeftRightLayout,
|
WeaLeftRightLayout,
|
||||||
|
|
@ -280,6 +281,43 @@ export default class Resource extends React.Component {
|
||||||
this[key] && this[key]();
|
this[key] && this[key]();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//列定制
|
||||||
|
customization() {
|
||||||
|
const {
|
||||||
|
resource
|
||||||
|
} = this.props;
|
||||||
|
|
||||||
|
resource.customization();
|
||||||
|
}
|
||||||
|
|
||||||
|
//存为模板
|
||||||
|
saveTemplate() {
|
||||||
|
const {
|
||||||
|
resource
|
||||||
|
} = this.props, {
|
||||||
|
searchTemplateName
|
||||||
|
} = resource;
|
||||||
|
|
||||||
|
confirm({
|
||||||
|
title: "存为模板",
|
||||||
|
content:
|
||||||
|
<WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@62kt85`}
|
||||||
|
label="搜索模板名称"
|
||||||
|
labelCol={{ span: 10 }}
|
||||||
|
wrapperCol={{ span: 14 }}>
|
||||||
|
<WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@j9bmvw`} viewAttr="3" value={searchTemplateName} {...window.inputType} onChange={v => resource.searchTemplateName = v} />
|
||||||
|
</WeaFormItem>,
|
||||||
|
okText: i18n.button.save(),
|
||||||
|
cancelText: i18n.button.cancel(),
|
||||||
|
onOk() {
|
||||||
|
resource.saveTemplate();
|
||||||
|
},
|
||||||
|
onCancel() {
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
getTabBtn() {
|
getTabBtn() {
|
||||||
const {
|
const {
|
||||||
resource
|
resource
|
||||||
|
|
@ -290,8 +328,8 @@ export default class Resource extends React.Component {
|
||||||
|
|
||||||
const btn = [
|
const btn = [
|
||||||
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@bx87i8`} type="primary" onClick={() => { resource.getTableInfo(); resource.setPanelStatus(false) }}>{i18n.button.search()}</Button>),
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@bx87i8`} type="primary" onClick={() => { resource.getTableInfo(); resource.setPanelStatus(false) }}>{i18n.button.search()}</Button>),
|
||||||
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@218ju6`} type="primary" onClick={() => resource.openSearchDialog()}>{i18n.button.saveTemplate()}</Button>),
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@218ju6`} type="primary" onClick={() => this.saveTemplate()}>{i18n.button.saveTemplate()}</Button>),
|
||||||
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@218ju7`} type="primary" onClick={() => resource.openSearchDialog()}>{i18n.button.conditionSet()}</Button>),
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@218ju7`} type="primary" onClick={() => resource.openSearchDialog(true)}>{i18n.button.conditionSet()}</Button>),
|
||||||
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@218ju8`} onClick={() => form2.reset()}>{i18n.button.reset()}</Button>),
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@218ju8`} onClick={() => form2.reset()}>{i18n.button.reset()}</Button>),
|
||||||
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@5u9mfz`} onClick={() => resource.setPanelStatus(false)}>{i18n.button.cancel()}</Button>),
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@5u9mfz`} onClick={() => resource.setPanelStatus(false)}>{i18n.button.cancel()}</Button>),
|
||||||
];
|
];
|
||||||
|
|
@ -391,7 +429,8 @@ export default class Resource extends React.Component {
|
||||||
defaultCondition,
|
defaultCondition,
|
||||||
form2,
|
form2,
|
||||||
searchConditionLoading,
|
searchConditionLoading,
|
||||||
templates
|
templates,
|
||||||
|
searchTemplateId
|
||||||
} = resource;
|
} = resource;
|
||||||
|
|
||||||
let arr = [];
|
let arr = [];
|
||||||
|
|
@ -400,19 +439,20 @@ export default class Resource extends React.Component {
|
||||||
isFormInit
|
isFormInit
|
||||||
} = form2;
|
} = form2;
|
||||||
|
|
||||||
|
|
||||||
arr.push(<Row style={{ marginTop: 20 }}>
|
arr.push(<Row style={{ marginTop: 20 }}>
|
||||||
<Col offset={1} span={2}><span style={{ "lineHeight": "30px", "color": "red" }}>选择过滤模板</span></Col>
|
<Col offset={1} span={2}><span style={{ "lineHeight": "30px", "color": "red" }}>选择过滤模板</span></Col>
|
||||||
<Col span={6} offset={1}>
|
<Col span={6} offset={1}>
|
||||||
<WeaSelect
|
<WeaSelect
|
||||||
style={{ width: "100%" }}
|
style={{ width: "100%" }}
|
||||||
options={templates}
|
options={templates}
|
||||||
|
value={searchTemplateId}
|
||||||
onChange={v => {
|
onChange={v => {
|
||||||
|
resource.changeSearchTemplate(v)
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</Col>
|
</Col>
|
||||||
<Col offset={1} span={2}><Button onClick={() => console.log(11)}>删除模板</Button></Col>
|
<Col offset={1} span={2}><Button onClick={() => resource.deleteSearchTemplate()}>删除模板</Button></Col>
|
||||||
</Row>)
|
</Row>)
|
||||||
|
|
||||||
isFormInit && defaultCondition.map((c, i) => {
|
isFormInit && defaultCondition.map((c, i) => {
|
||||||
|
|
@ -432,7 +472,7 @@ export default class Resource extends React.Component {
|
||||||
arr.push(<WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@qaih5l@${i}`} needTigger={true} title={c.title} showGroup={c.defaultshow} items={_arr} col={2} />)
|
arr.push(<WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@qaih5l@${i}`} needTigger={true} title={c.title} showGroup={c.defaultshow} items={_arr} col={2} />)
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
if (searchConditionLoading) {
|
if (searchConditionLoading) {
|
||||||
return (
|
return (
|
||||||
<div className='hrm-loading-center-small' style={{ top: '25%' }}>
|
<div className='hrm-loading-center-small' style={{ top: '25%' }}>
|
||||||
|
|
@ -440,7 +480,7 @@ export default class Resource extends React.Component {
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
} else {
|
} else {
|
||||||
return <div onKeyDown={(e) => {
|
return <div onKeyDown={(e) => {
|
||||||
if (e.keyCode == 13 && e.target.tagName === "INPUT") {
|
if (e.keyCode == 13 && e.target.tagName === "INPUT") {
|
||||||
rankScheme.getTableInfo();
|
rankScheme.getTableInfo();
|
||||||
rankScheme.setPanelStatus(false)
|
rankScheme.setPanelStatus(false)
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@ import {
|
||||||
import * as mobx from 'mobx';
|
import * as mobx from 'mobx';
|
||||||
import * as Api from '../apis/resource'; // 引入API接口文件
|
import * as Api from '../apis/resource'; // 引入API接口文件
|
||||||
import {
|
import {
|
||||||
WeaForm,WeaTableNew
|
WeaForm, WeaTableNew
|
||||||
} from 'comsMobx';
|
} from 'comsMobx';
|
||||||
import {
|
import {
|
||||||
Modal,
|
Modal,
|
||||||
|
|
@ -14,32 +14,30 @@ import {
|
||||||
Button
|
Button
|
||||||
} from 'antd'
|
} from 'antd'
|
||||||
import {
|
import {
|
||||||
WeaSelect,
|
WeaSelect,
|
||||||
WeaInputSearch,
|
WeaInputSearch,
|
||||||
WeaLocaleProvider,
|
WeaLocaleProvider,
|
||||||
} from 'ecCom';
|
} from 'ecCom';
|
||||||
import {
|
import {
|
||||||
i18n
|
i18n
|
||||||
} from '../public/i18n';
|
} from '../public/i18n';
|
||||||
import trim from 'lodash/trim';
|
import trim from 'lodash/trim';
|
||||||
import {getSecondPath} from '../util/index'
|
import { getSecondPath } from '../util/index'
|
||||||
import cloneDeep from 'lodash/cloneDeep';
|
import cloneDeep from 'lodash/cloneDeep';
|
||||||
|
|
||||||
|
|
||||||
const toJS = mobx.toJS;
|
const toJS = mobx.toJS;
|
||||||
const {
|
const {
|
||||||
TableStore
|
TableStore
|
||||||
} = WeaTableNew;
|
} = WeaTableNew;
|
||||||
|
|
||||||
|
|
||||||
export class ResourceStore {
|
export class ResourceStore {
|
||||||
@observable tableStore = new TableStore();
|
@observable tableStore = new TableStore();
|
||||||
@observable topMenu = []
|
@observable topMenu = []
|
||||||
@observable rightMenu = [];
|
@observable rightMenu = [];
|
||||||
@observable condition = [];
|
@observable condition = [];
|
||||||
@observable searchCondition = [];
|
@observable searchCondition = [];
|
||||||
@observable defaultCondition = [];
|
@observable defaultCondition = [];
|
||||||
@observable templates=[];
|
|
||||||
@observable isEdit = true;
|
@observable isEdit = true;
|
||||||
@observable isNew = true;
|
@observable isNew = true;
|
||||||
@observable isPanelShow = false; //高级搜索面板
|
@observable isPanelShow = false; //高级搜索面板
|
||||||
|
|
@ -48,7 +46,7 @@ const {
|
||||||
@observable lastName = '';
|
@observable lastName = '';
|
||||||
@observable conditionNum = 8;
|
@observable conditionNum = 8;
|
||||||
@observable ids = ''; //选择行id
|
@observable ids = ''; //选择行id
|
||||||
@observable searchConditionLoading = true;
|
@observable searchConditionLoading = false;
|
||||||
@observable nEdialogTitle = '';
|
@observable nEdialogTitle = '';
|
||||||
@observable visible = false;
|
@observable visible = false;
|
||||||
@observable dialogLoading = true;
|
@observable dialogLoading = true;
|
||||||
|
|
@ -60,8 +58,8 @@ const {
|
||||||
@observable hasRight = '';
|
@observable hasRight = '';
|
||||||
|
|
||||||
@observable selectTreeNodeInfo;
|
@observable selectTreeNodeInfo;
|
||||||
|
|
||||||
|
|
||||||
@action("列表") getTableInfo() {
|
@action("列表") getTableInfo() {
|
||||||
let params;
|
let params;
|
||||||
this.tableStore = new TableStore();
|
this.tableStore = new TableStore();
|
||||||
|
|
@ -88,8 +86,8 @@ const {
|
||||||
}
|
}
|
||||||
|
|
||||||
@action("nodetree事件") doSearch(params) {
|
@action("nodetree事件") doSearch(params) {
|
||||||
this.selectTreeNodeInfo = params;
|
this.selectTreeNodeInfo = params;
|
||||||
this.getTableInfo();
|
this.getTableInfo();
|
||||||
}
|
}
|
||||||
|
|
||||||
@action("保存") save() {
|
@action("保存") save() {
|
||||||
|
|
@ -141,7 +139,8 @@ const {
|
||||||
@action("高级搜索表单") getSearchCondition() {
|
@action("高级搜索表单") getSearchCondition() {
|
||||||
this.setScLoadingStatus(true);
|
this.setScLoadingStatus(true);
|
||||||
const params = {
|
const params = {
|
||||||
selectKeys:this.transfer.transferKeys
|
selectKeys: this.transfer.transferKeys,
|
||||||
|
templateId:this.searchTemplateId
|
||||||
}
|
}
|
||||||
Api.getAdvanceSearchCondition(params).then(res => {
|
Api.getAdvanceSearchCondition(params).then(res => {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
|
|
@ -149,7 +148,6 @@ const {
|
||||||
res.data.conditions && this.setSearchCondition(res.data.conditions);
|
res.data.conditions && this.setSearchCondition(res.data.conditions);
|
||||||
res.data.defaultcondition && this.setDefaultCondition(res.data.defaultcondition);
|
res.data.defaultcondition && this.setDefaultCondition(res.data.defaultcondition);
|
||||||
res.data.defaultcondition && this.form2.initFormFields(res.data.defaultcondition);
|
res.data.defaultcondition && this.form2.initFormFields(res.data.defaultcondition);
|
||||||
res.data.templates && this.setTemplates(res.data.templates);
|
|
||||||
} else {
|
} else {
|
||||||
message.warning(res.msg);
|
message.warning(res.msg);
|
||||||
}
|
}
|
||||||
|
|
@ -173,7 +171,7 @@ const {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
@action("导出") export(){
|
@action("导出") export() {
|
||||||
const params = {
|
const params = {
|
||||||
...this.form.getFormParams()
|
...this.form.getFormParams()
|
||||||
}
|
}
|
||||||
|
|
@ -182,210 +180,313 @@ const {
|
||||||
}
|
}
|
||||||
|
|
||||||
@action("另存为版本") version(id) {
|
@action("另存为版本") version(id) {
|
||||||
Api.version({id:id}).then(res => {
|
Api.version({ id: id }).then(res => {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
message.success(res.msg);
|
message.success(res.msg);
|
||||||
} else {
|
} else {
|
||||||
message.warning(res.msg);
|
message.warning(res.msg);
|
||||||
}
|
}
|
||||||
}, error => {
|
}, error => {
|
||||||
message.warning(error.msg);
|
message.warning(error.msg);
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/** ====================================================================================== */
|
/** ============================================================================================= */
|
||||||
@observable searchDialog = {
|
@observable searchDialog = {
|
||||||
visible: false,
|
visible: false,
|
||||||
title: '常用条件定制',
|
}
|
||||||
}
|
|
||||||
|
|
||||||
|
@observable templates = [];
|
||||||
|
@observable searchTemplateName = '';
|
||||||
|
@observable searchTemplateId = '-1';
|
||||||
|
|
||||||
|
|
||||||
|
@observable search = false;
|
||||||
SEARCHDIALOG = {
|
SEARCHDIALOG = {
|
||||||
hasScroll: false,
|
hasScroll: false,
|
||||||
icon: 'icon-coms-hrm',
|
icon: 'icon-coms-hrm',
|
||||||
iconBgcolor: '#217346',
|
iconBgcolor: '#217346',
|
||||||
onCancel: () => this.closeSearchDialog(),
|
onCancel: () => this.closeSearchDialog(),
|
||||||
style: {
|
style: {
|
||||||
width: 700,
|
width: 700,
|
||||||
height: 450
|
height: 450
|
||||||
},
|
},
|
||||||
moreBtn: {
|
moreBtn: {
|
||||||
datas: []
|
datas: []
|
||||||
},
|
},
|
||||||
buttons: [<Button type='primary' onClick={()=>this.saveHrmSearchUserDefine()}>保存</Button>],
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
TRANSFER = {
|
TRANSFER = {
|
||||||
height: 350,
|
height: 350,
|
||||||
renderItem: (items) => this.renderItem(items),
|
renderItem: (items) => this.renderItem(items),
|
||||||
filterLeft: (items) => this.filterLeft(items),
|
filterLeft: (items) => this.filterLeft(items),
|
||||||
filterRight: (items) => this.filterRight(items),
|
filterRight: (items) => this.filterRight(items),
|
||||||
onChange: (v) => this.updateTransferKeys(v)
|
onChange: (v) => this.updateTransferKeys(v)
|
||||||
}
|
}
|
||||||
|
|
||||||
@observable transfer = {
|
@observable transfer = {
|
||||||
transferDatas: [],
|
transferDatas: [],
|
||||||
transferKeys: [],
|
transferKeys: [],
|
||||||
transferOptions: [],
|
transferOptions: [],
|
||||||
transferSelectedKey: '0',
|
transferSelectedKey: '0',
|
||||||
transferleftIptVal: '',
|
transferleftIptVal: '',
|
||||||
transferRightIptVal: ''
|
transferRightIptVal: ''
|
||||||
}
|
}
|
||||||
|
|
||||||
@action("常用条件定制保存") saveHrmSearchUserDefine = () => {
|
@action("常用条件定制保存") saveHrmSearchUserDefine = () => {
|
||||||
this.closeSearchDialog();
|
this.closeSearchDialog();
|
||||||
this.getSearchCondition();
|
this.getSearchCondition();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@action("高级搜索模板切换") changeSearchTemplate(v){
|
||||||
|
this.searchTemplateId = v;
|
||||||
|
this.getSearchCondition();
|
||||||
|
}
|
||||||
|
|
||||||
@action("常用条件定制") formatTransfer = () => {
|
@action("常用条件定制") formatTransfer = () => {
|
||||||
const transferDatas = []
|
const transferDatas = []
|
||||||
const transferKeys = []
|
const transferKeys = []
|
||||||
const transferOptions = [{
|
const transferOptions = [{
|
||||||
key: "",
|
key: "",
|
||||||
showname: ""
|
showname: ""
|
||||||
}]
|
}]
|
||||||
this.transfer.transferSelectedKey = '0';
|
this.transfer.transferSelectedKey = '0';
|
||||||
this.transfer.transferleftIptVal = '';
|
this.transfer.transferleftIptVal = '';
|
||||||
this.transfer.transferRightIptVal = '';
|
this.transfer.transferRightIptVal = '';
|
||||||
this.searchCondition.forEach((c, idx) => {
|
this.searchCondition.forEach((c, idx) => {
|
||||||
transferOptions.push({
|
transferOptions.push({
|
||||||
key: `${idx}`,
|
key: `${idx}`,
|
||||||
showname: c.title,
|
showname: c.title,
|
||||||
})
|
})
|
||||||
c.items.forEach((i) => {
|
c.items.forEach((i) => {
|
||||||
transferDatas.push({
|
transferDatas.push({
|
||||||
id: i.domkey[0],
|
id: i.domkey[0],
|
||||||
label: i.label,
|
label: i.label,
|
||||||
title: c.title,
|
title: c.title,
|
||||||
idx: `${idx}`
|
idx: `${idx}`
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
this.defaultCondition.forEach((c, idx) => {
|
this.defaultCondition.forEach((c, idx) => {
|
||||||
c.items.forEach((i) => {
|
c.items.forEach((i) => {
|
||||||
transferKeys.push(i.domkey[0]);
|
transferKeys.push(i.domkey[0]);
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
this.transfer.transferDatas = transferDatas;
|
this.transfer.transferDatas = transferDatas;
|
||||||
this.transfer.transferKeys = transferKeys;
|
this.transfer.transferKeys = transferKeys;
|
||||||
this.transfer.transferOptions = transferOptions;
|
this.transfer.transferOptions = transferOptions;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@action("列定制") customization = (v) => {
|
||||||
|
this.openSearchDialog(false);
|
||||||
|
}
|
||||||
|
|
||||||
|
@action("常用条件定制模板切换") getTemplateSelectKeys = v => {
|
||||||
|
Api.getTemplateSelectKeys(v).then(res => {
|
||||||
|
if (res.code === 200) {
|
||||||
|
this.transfer.transferKeys = res.data.split(",");
|
||||||
|
} else {
|
||||||
|
message.warning(res.msg);
|
||||||
|
}
|
||||||
|
}, error => {
|
||||||
|
message.warning(error.msg);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@action("搜索模板保存") saveTemplate = () => {
|
||||||
|
if (this.searchTemplateName == '') {
|
||||||
|
message.error("搜索模板名称不能为空");
|
||||||
|
} else {
|
||||||
|
const fields = [];
|
||||||
|
this.defaultCondition.forEach((c, idx) => {
|
||||||
|
c.items.forEach((i) => {
|
||||||
|
fields.push(i.domkey[0]);
|
||||||
|
})
|
||||||
|
})
|
||||||
|
const params = {
|
||||||
|
showname: this.searchTemplateName,
|
||||||
|
fields: fields.toString()
|
||||||
|
}
|
||||||
|
|
||||||
|
Api.saveSearchTemplate(params).then(response => {
|
||||||
|
return response.json()
|
||||||
|
}).then(data => {
|
||||||
|
if (data.code === 200) {
|
||||||
|
this.searchTemplateId = data.data;
|
||||||
|
this.setPanelStatus(true);
|
||||||
|
} else {
|
||||||
|
message.warning(data.msg);
|
||||||
|
}
|
||||||
|
}).catch(error => {
|
||||||
|
message.warning(error.msg);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@action("搜索模板删除") deleteSearchTemplate = () => {
|
||||||
|
|
||||||
|
if(this.searchTemplateId == -1) {
|
||||||
|
return message.error("默认模板不可删除");
|
||||||
|
}
|
||||||
|
Api.deleteSearchTemplate({id:this.searchTemplateId}).then(response => {
|
||||||
|
return response.json()
|
||||||
|
}).then(data => {
|
||||||
|
if (data.code === 200) {
|
||||||
|
message.success(data.msg);
|
||||||
|
this.searchTemplateId = '-1';
|
||||||
|
this.setPanelStatus(true);
|
||||||
|
} else {
|
||||||
|
message.warning(data.msg);
|
||||||
|
}
|
||||||
|
}).catch(error => {
|
||||||
|
message.warning(error.msg);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
inputSearchStyle = {
|
inputSearchStyle = {
|
||||||
width:"105px",
|
width: "105px",
|
||||||
float:"right",
|
float: "right",
|
||||||
marginTop:"5px",
|
marginTop: "5px",
|
||||||
marginLeft:"10px"
|
marginLeft: "10px"
|
||||||
}
|
}
|
||||||
selectStyle={
|
selectStyle = {
|
||||||
marginTop:"-1px",
|
marginTop: "-1px",
|
||||||
width:"85px",
|
width: "85px",
|
||||||
float:"right"
|
float: "right"
|
||||||
}
|
}
|
||||||
@computed get leftHeader() {
|
@computed get leftHeader() {
|
||||||
const {
|
const {
|
||||||
transferleftIptVal,
|
transferleftIptVal,
|
||||||
transferOptions,
|
transferOptions,
|
||||||
transferSelectedKey
|
transferSelectedKey
|
||||||
} = this.transfer;
|
} = this.transfer;
|
||||||
return (
|
return (
|
||||||
<div className="trasfer-header">
|
<div className="trasfer-header">
|
||||||
<span>待选</span>
|
<span>待选</span>
|
||||||
<WeaInputSearch
|
<WeaInputSearch
|
||||||
style={this.inputSearchStyle}
|
style={this.inputSearchStyle}
|
||||||
value={transferleftIptVal}
|
value={transferleftIptVal}
|
||||||
onSearchChange={this.updateTransferleftIptVal}
|
onSearchChange={this.updateTransferleftIptVal}
|
||||||
/>
|
/>
|
||||||
<WeaSelect
|
<WeaSelect
|
||||||
style={this.selectStyle}
|
style={this.selectStyle}
|
||||||
options={transferOptions}
|
options={transferOptions}
|
||||||
value={transferSelectedKey}
|
value={transferSelectedKey}
|
||||||
onChange={this.updateTransferSelectedKey}
|
onChange={this.updateTransferSelectedKey}
|
||||||
/>
|
/>
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
@computed get rightHeader() {
|
|
||||||
const {
|
|
||||||
transferRightIptVal
|
|
||||||
} = this.transfer;
|
|
||||||
return (
|
|
||||||
<div className="trasfer-header">
|
|
||||||
<span>已选</span>
|
|
||||||
<WeaInputSearch
|
|
||||||
style={this.inputSearchStyle}
|
|
||||||
value={transferRightIptVal}
|
|
||||||
onSearchChange={ this.updateTransferRightptVal}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@computed get rightHeader() {
|
||||||
|
const {
|
||||||
|
transferRightIptVal,
|
||||||
|
} = this.transfer;
|
||||||
|
return (
|
||||||
|
<div className="trasfer-header">
|
||||||
|
<span>已选</span>
|
||||||
|
<WeaInputSearch
|
||||||
|
style={this.inputSearchStyle}
|
||||||
|
value={transferRightIptVal}
|
||||||
|
onSearchChange={this.updateTransferRightptVal}
|
||||||
|
/>
|
||||||
|
<WeaSelect
|
||||||
|
style={this.selectStyle}
|
||||||
|
options={this.templates}
|
||||||
|
onChange={v => this.getTemplateSelectKeys(v)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
renderItem = (item) => {
|
renderItem = (item) => {
|
||||||
const {
|
const {
|
||||||
label,
|
label,
|
||||||
title
|
title
|
||||||
} = item;
|
} = item;
|
||||||
return (<div className="trasfer-list-item" style={{"padding":"10px 20px","borderBottom":"1px solid #ddd"}}>
|
return (<div className="trasfer-list-item" style={{ "padding": "10px 20px", "borderBottom": "1px solid #ddd" }}>
|
||||||
<div className="top text-overflow" style={{"marginBottom":"4px"}} title={label}>{label}</div>
|
<div className="top text-overflow" style={{ "marginBottom": "4px" }} title={label}>{label}</div>
|
||||||
<div className="bottom text-overflow" style={{"color":"#999"}} title={title}>{title}</div>
|
<div className="bottom text-overflow" style={{ "color": "#999" }} title={title}>{title}</div>
|
||||||
</div>)
|
</div>)
|
||||||
};
|
};
|
||||||
|
|
||||||
filterLeft = (items) => {
|
filterLeft = (items) => {
|
||||||
let leftItems = cloneDeep(items);
|
let leftItems = cloneDeep(items);
|
||||||
const {
|
const {
|
||||||
transferleftIptVal,
|
transferleftIptVal,
|
||||||
transferSelectedKey
|
transferSelectedKey
|
||||||
} = this.transfer;
|
} = this.transfer;
|
||||||
if (transferSelectedKey) {
|
if (transferSelectedKey) {
|
||||||
leftItems = leftItems.filter((item) => item.idx == transferSelectedKey)
|
leftItems = leftItems.filter((item) => item.idx == transferSelectedKey)
|
||||||
}
|
}
|
||||||
if (trim(transferleftIptVal)) {
|
if (trim(transferleftIptVal)) {
|
||||||
leftItems = leftItems.filter((item) => item.label.indexOf(trim(transferleftIptVal)) > -1)
|
leftItems = leftItems.filter((item) => item.label.indexOf(trim(transferleftIptVal)) > -1)
|
||||||
}
|
}
|
||||||
return leftItems
|
return leftItems
|
||||||
}
|
}
|
||||||
|
|
||||||
filterRight = (items) => {
|
filterRight = (items) => {
|
||||||
let rightItems = cloneDeep(items);
|
let rightItems = cloneDeep(items);
|
||||||
const {
|
const {
|
||||||
transferRightIptVal
|
transferRightIptVal
|
||||||
} = this.transfer;
|
} = this.transfer;
|
||||||
if (trim(transferRightIptVal)) {
|
if (trim(transferRightIptVal)) {
|
||||||
rightItems = rightItems.filter((item) => item.label.indexOf(trim(transferRightIptVal)) > -1)
|
rightItems = rightItems.filter((item) => item.label.indexOf(trim(transferRightIptVal)) > -1)
|
||||||
}
|
}
|
||||||
return rightItems
|
return rightItems
|
||||||
}
|
}
|
||||||
|
|
||||||
@action("穿梭框变化回调") updateTransferKeys = (v) => {
|
@action("穿梭框变化回调") updateTransferKeys = (v) => {
|
||||||
this.transfer.transferKeys = v;
|
this.transfer.transferKeys = v;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@action("高级搜索模板") getSearchTemplate = () => {
|
||||||
|
Api.getSearchTemplate(this.searchTemplateId).then(res => {
|
||||||
|
if (res.code === 200) {
|
||||||
|
res.data && this.setTemplates(res.data);
|
||||||
|
} else {
|
||||||
|
message.warning(res.msg);
|
||||||
|
}
|
||||||
|
}, error => {
|
||||||
|
message.warning(error.msg);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@action updateTransferleftIptVal = (v) => {
|
@action updateTransferleftIptVal = (v) => {
|
||||||
this.transfer.transferleftIptVal = v;
|
this.transfer.transferleftIptVal = v;
|
||||||
}
|
}
|
||||||
|
|
||||||
@action updateTransferSelectedKey = (v) => {
|
@action updateTransferSelectedKey = (v) => {
|
||||||
this.transfer.transferSelectedKey = v;
|
this.transfer.transferSelectedKey = v;
|
||||||
}
|
}
|
||||||
|
|
||||||
@action updateTransferRightptVal = (v) => {
|
@action updateTransferKeys = (v) => {
|
||||||
this.transfer.transferRightIptVal = v;
|
this.transfer.transferKeys = v;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@action updateTransferRightptVal = (v) => {
|
||||||
|
this.transfer.transferRightIptVal = v;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@action openSearchDialog = () => {
|
@action openSearchDialog = (bool) => {
|
||||||
this.searchDialog.visible = true;
|
this.search = bool;
|
||||||
|
this.searchDialog.visible = true;
|
||||||
this.formatTransfer();
|
this.formatTransfer();
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@action closeSearchDialog = () => {
|
@action closeSearchDialog = () => {
|
||||||
this.searchDialog.visible = false;
|
this.searchDialog.visible = false;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -416,6 +517,7 @@ const {
|
||||||
|
|
||||||
setPanelStatus(bool) {
|
setPanelStatus(bool) {
|
||||||
this.isPanelShow = bool;
|
this.isPanelShow = bool;
|
||||||
|
this.getSearchTemplate();
|
||||||
bool && this.getSearchCondition();
|
bool && this.getSearchCondition();
|
||||||
if (!bool) {
|
if (!bool) {
|
||||||
this.scLoadingReset();
|
this.scLoadingReset();
|
||||||
|
|
@ -491,5 +593,5 @@ const {
|
||||||
setHasRight(bool) {
|
setHasRight(bool) {
|
||||||
this.hasRight = bool;
|
this.hasRight = bool;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue