364 lines
10 KiB
JavaScript
364 lines
10 KiB
JavaScript
import * as mobx from "mobx";
|
||
import { action, computed, extendObservable, observable } from "mobx";
|
||
import HrmBaseStore from "./baseStore";
|
||
import { WeaTableNew } from "comsMobx";
|
||
import { message } from "antd";
|
||
import { WeaHelpfulTip, WeaInputLocale } from "ecCom";
|
||
import { cloneDeep, has, indexOf, isEmpty, remove, uniq } from "lodash";
|
||
import { i18n } from "../public/i18n";
|
||
import * as Api from "../apis/columnSetting";
|
||
import { validDBKeys } from "../util";
|
||
import { saveFieldDefinedInfo } from "../apis/columnSetting";
|
||
|
||
const getCurrentLabel = WeaInputLocale.getCurrentLabel;
|
||
const { TableStore } = WeaTableNew;
|
||
|
||
const toJS = mobx.toJS;
|
||
|
||
export class ColumnSetting {
|
||
@observable tableStore = new TableStore();
|
||
@observable columnsPermissionData = [];
|
||
@observable selectedKey = "0";
|
||
@observable authorized = true;
|
||
@observable loading = true;
|
||
@observable tabOneRelatedData = {
|
||
datas: [], //datas受控
|
||
columns: [],
|
||
loading: true
|
||
};
|
||
@observable tabTwoRelatedData = {
|
||
datas: [], //datas受控
|
||
columns: [],
|
||
loading: true,
|
||
selectedData: {}, //selectedData受控
|
||
authorized: false
|
||
};
|
||
@observable tabThreeRelatedData = {
|
||
datas: [], //datas受控
|
||
columns: [],
|
||
loading: true,
|
||
selectedData: {} //selectedData受控
|
||
};
|
||
|
||
@computed get checkedItems() {
|
||
const data = isEmpty(this.columnsPermissionData) ? toJS(this.tableStore.datas) : this.columnsPermissionData;
|
||
return this.arrColumnsToJson(data);
|
||
}
|
||
|
||
@computed get tabTwoSaveParams() {
|
||
let datas = this.tabTwoRelatedData.datas;
|
||
let selectedData = this.tabTwoRelatedData.selectedData.isused;
|
||
let params = this.arrToJson(toJS(datas), toJS(selectedData));
|
||
params.rownum = datas.length;
|
||
return params;
|
||
}
|
||
@computed get tabThreeSaveParams() {
|
||
let datas = this.tabThreeRelatedData.datas;
|
||
let selectedData = this.tabThreeRelatedData.selectedData.status;
|
||
let params = this.arrToJson(toJS(datas), toJS(selectedData), 'status');
|
||
params.rownum = datas.length;
|
||
return params;
|
||
}
|
||
|
||
@action
|
||
getRight() {
|
||
Api.hasRight().then(res => {
|
||
let { code, data, msg } = res;
|
||
const { hasRight } = data;
|
||
if (code === 200) {
|
||
this.setRight(hasRight);
|
||
} else {
|
||
message.error(msg);
|
||
}
|
||
}).catch(error => {
|
||
message.error(error);
|
||
});
|
||
}
|
||
|
||
loadTabOneRelatedData() {
|
||
this.tabOneRelatedData.loading = true;
|
||
Promise.all(
|
||
[
|
||
Api.getTable()
|
||
]
|
||
).then(([res]) => {
|
||
if (res.code === 200) {
|
||
res.data.datas && this.tableStore.getDatas(res.data.datas, 1);
|
||
} else {
|
||
message.warning(res.msg);
|
||
}
|
||
}).catch(error => {
|
||
message.error(error);
|
||
});
|
||
}
|
||
|
||
loadTabTwoRelatedData() {
|
||
this.tabTwoRelatedData.loading = true;
|
||
Promise.all(
|
||
[
|
||
Api.getTableEdit()
|
||
]
|
||
).then(res => {
|
||
res.map((rs, index) => {
|
||
if (index == 0) {
|
||
let {
|
||
api_status,
|
||
datas,
|
||
columns,
|
||
selectedData
|
||
} = rs;
|
||
|
||
if (api_status) {
|
||
if (!columns || !datas) {
|
||
this.tabTwoRelatedData.authorized = false;
|
||
return;
|
||
}
|
||
this.tabTwoRelatedData.authorized = true;
|
||
columns.map((c, index) => {
|
||
if (c.key === "itemurl") {
|
||
c.title = <span>
|
||
<span>{c.title}</span>
|
||
<span style={{ marginLeft: 10 }}>
|
||
<WeaHelpfulTip
|
||
ecId={`${this && this.props && this.props.ecId || ""}_WeaHelpfulTip@4vdvfp@${index}`}
|
||
title="自定义页面链接地址可以为外网地址，如：http://www.baidu.com
|
||
也可以是内部地址，如：/test.jsp，可以带上参数传参，像这样：/test.jsp?a=1&b=2
|
||
也可以写占位符{#id}传人员id，像这样：/test.jsp?a=1&b={#id}&mypara2={#id}
|
||
即使不写占位符，默认也会收到1个固定的参数：hrmResourceID=人员id"/>
|
||
</span>
|
||
</span>;
|
||
} else if (c.key === "itemnum") {
|
||
c.title = <span>
|
||
<span>{c.title}</span>
|
||
<span style={{ marginLeft: 10 }}>
|
||
<WeaHelpfulTip
|
||
ecId={`${this && this.props && this.props.ecId || ""}_WeaHelpfulTip@wotuuk@${index}`}
|
||
title="填写类的全路径例如：com.engine.hrm.cmd.hrmcarditem.GetTabNumDemoCmd,类中包含execute方法返回int型数据。
|
||
填写不正确的路径并启用，对应tab页title将会出现（error）字样。"/>
|
||
</span>
|
||
</span>;
|
||
}
|
||
});
|
||
|
||
extendObservable(this.tabTwoRelatedData, {
|
||
datas: datas,
|
||
columns: columns
|
||
});
|
||
|
||
selectedData && extendObservable(this.tabTwoRelatedData, {
|
||
selectedData: selectedData
|
||
});
|
||
extendObservable(this.tabTwoRelatedData, {
|
||
loading: false
|
||
});
|
||
} else {
|
||
message.error(rs.message);
|
||
}
|
||
}
|
||
});
|
||
}).catch(error => {
|
||
message.error(error);
|
||
});
|
||
}
|
||
|
||
loadTabThreeRelatedData() {
|
||
this.tabThreeRelatedData.loading = true;
|
||
Promise.all(
|
||
[
|
||
Api.getCardButtonTable()
|
||
]
|
||
).then(result => {
|
||
result.map((item, index) => {
|
||
if (index === 0) {
|
||
let { code, data, msg } = item;
|
||
if (code === 200) {
|
||
const { columns, datas, selectedData } = data;
|
||
if (!columns || !datas) {
|
||
return;
|
||
}
|
||
|
||
columns.map((c, index) => {
|
||
if (c.key === "url") {
|
||
c.title = <span>
|
||
<span>{c.title}</span>
|
||
<span style={{ marginLeft: 10 }}>
|
||
<WeaHelpfulTip
|
||
ecId={`${this && this.props && this.props.ecId || ""}_WeaHelpfulTip@4vdvfp@${index}`}
|
||
title="页面链接地址可以为外网地址，如：http://www.baidu.com
|
||
也可以是内部地址，如：/test.jsp，可以带上参数传参，像这样：/test.jsp?a=1&b=2
|
||
也可以写占位符{#id}传人员id，像这样：/test.jsp?a=1&b={#id}&mypara2={#id}"/>
|
||
</span>
|
||
</span>;
|
||
}
|
||
});
|
||
extendObservable(this.tabThreeRelatedData, {
|
||
datas: datas,
|
||
columns: columns
|
||
});
|
||
|
||
selectedData && extendObservable(this.tabThreeRelatedData, {
|
||
selectedData: selectedData
|
||
});
|
||
extendObservable(this.tabThreeRelatedData, {
|
||
loading: false
|
||
});
|
||
} else {
|
||
message.error(msg);
|
||
}
|
||
}
|
||
});
|
||
});
|
||
}
|
||
|
||
columnPermissionSave() {
|
||
let params = {
|
||
...toJS(this.checkedItems)
|
||
};
|
||
Api.cardAccessSave(params).then(({ code, msg }) => {
|
||
if (code === 200) {
|
||
this.loadTabOneRelatedData();
|
||
message.success(msg || "操作成功");
|
||
} else {
|
||
message.error(msg || "操作失败");
|
||
}
|
||
}).catch(error => {
|
||
message.error(error);
|
||
});
|
||
}
|
||
|
||
userDefineCardItemSave() {
|
||
if (!this.verify(toJS(this.tabTwoRelatedData.datas))) return;
|
||
let params = this.tabTwoSaveParams;
|
||
|
||
Api.userDefineCardItemSave(params).then(res => {
|
||
let {
|
||
api_status,
|
||
sign
|
||
} = res;
|
||
|
||
if (api_status) {
|
||
if (sign == "1") {
|
||
res.message && message.success(res.message);
|
||
} else {
|
||
res.message && message.warning(res.message);
|
||
}
|
||
} else {
|
||
message.error(res.message);
|
||
}
|
||
}).catch(error => {
|
||
message.error(error);
|
||
});
|
||
}
|
||
customItemSave() {
|
||
let params = this.tabThreeSaveParams;
|
||
Api.saveFieldDefinedInfo(params).then(res => {
|
||
let { code, msg } = res;
|
||
if (code === 200) {
|
||
message.success(msg || "操作成功");
|
||
this.loadTabThreeRelatedData();
|
||
} else {
|
||
message.error(msg);
|
||
}
|
||
}).catch(error => {
|
||
message.error(error);
|
||
});
|
||
}
|
||
|
||
arrColumnsToJson(arr, rows) {
|
||
let jsonColumn = {
|
||
rownum: arr.length
|
||
};
|
||
arr.map((item, index) => {
|
||
for (let key in item) {
|
||
jsonColumn[key + "_" + index] = item[key];
|
||
}
|
||
});
|
||
return jsonColumn;
|
||
}
|
||
|
||
setTableEditDatas(e) {
|
||
e.map(item => {
|
||
for (let key in item) {
|
||
if (key == "undefined") {
|
||
delete item[key];
|
||
}
|
||
if (!item["isused"]) {
|
||
item["isused"] = "";
|
||
}
|
||
}
|
||
});
|
||
extendObservable(this.tabTwoRelatedData, {
|
||
datas: e
|
||
});
|
||
}
|
||
setCustomTableEditDatas(e) {
|
||
e.map(item => {
|
||
for (let key in item) {
|
||
if (key == "undefined") {
|
||
delete item[key];
|
||
}
|
||
if (!item["status"]) {
|
||
item["status"] = "";
|
||
}
|
||
}
|
||
});
|
||
extendObservable(this.tabThreeRelatedData, {
|
||
datas: e
|
||
});
|
||
}
|
||
|
||
setEnableRows(e) {
|
||
extendObservable(this.tabTwoRelatedData, {
|
||
selectedData: {
|
||
isused: e
|
||
}
|
||
});
|
||
}
|
||
setEnableThreeRows(e) {
|
||
extendObservable(this.tabThreeRelatedData, {
|
||
selectedData: {
|
||
status: e
|
||
}
|
||
});
|
||
}
|
||
|
||
arrToJson(arr, rows, rowKey="isused") {
|
||
let json = {};
|
||
const _rows = isEmpty(arr) ? [] : rows;
|
||
_rows && _rows.map(index => {
|
||
arr[index][rowKey] = "1";
|
||
});
|
||
arr.map((item, index) => {
|
||
if (!item[rowKey]) item[rowKey] = "0";
|
||
for (let key in item) {
|
||
json[key + "_" + index] = item[key];
|
||
}
|
||
});
|
||
|
||
return json;
|
||
}
|
||
|
||
verify(arr) {
|
||
for (let i = 0; i < arr.length; i++) {
|
||
if (!arr[i].itemname || !arr[i].itemurl) {
|
||
const temp = i18n.message.requiredInfoIsNotFull().replace("{param}", i + 1);
|
||
message.warning(temp);
|
||
return false;
|
||
}
|
||
}
|
||
return true;
|
||
}
|
||
|
||
setRight(right) {
|
||
this.authorized = right;
|
||
}
|
||
|
||
setSelectedKey(key) {
|
||
this.selectedKey = key;
|
||
}
|
||
|
||
setColumnsPermissionData(list) {
|
||
this.columnsPermissionData = list;
|
||
}
|
||
}
|