ming-demo1
Version:
mdf metaui web
453 lines (403 loc) • 16.4 kB
JavaScript
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _redux = require("redux");
var _reactRedux = require("react-redux");
var _baseui = require("@mdf/baseui");
var _basic = require("../basic");
var _UserDefineSetting = _interopRequireDefault(require("./UserDefineSetting"));
var _userDefineArchives = require("../../redux/userDefineArchives");
var _ActionStatus = _interopRequireDefault(require("../../constants/ActionStatus"));
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
if (process.env.__CLIENT__ === true) {
require("./UserDefineArchives.css");
}
var UserDefineArchives = function (_Component) {
(0, _inherits2["default"])(UserDefineArchives, _Component);
function UserDefineArchives(props) {
var _this;
(0, _classCallCheck2["default"])(this, UserDefineArchives);
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(UserDefineArchives).call(this, props));
_this.handleClassClick = _this.handleClassClick.bind((0, _assertThisInitialized2["default"])(_this));
_this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2["default"])(_this));
_this.pageSize = 10;
_this.setModel();
return _this;
}
(0, _createClass2["default"])(UserDefineArchives, [{
key: "handleClassClick",
value: function handleClassClick(code) {
this.props.fetchUserDefineListPageByClass(code, this.pageSize, 1);
}
}, {
key: "handleClick",
value: function handleClick(type) {
if (type === 'refresh') {
this.props.fetchUserDefineList("", this.pageSize, 1);
}
}
}, {
key: "render",
value: function render() {
var _this2 = this;
var _this$props$userDefin = this.props.userDefineArchives,
userDefList_Class = _this$props$userDefin.userDefList_Class,
userDefList_CurrentClassId = _this$props$userDefin.userDefList_CurrentClassId,
userDefSetting_DefineId = _this$props$userDefin.userDefSetting_DefineId;
var userDefList_ClassButton = [];
var bHeader = false;
for (var prop in userDefList_Class) {
if (userDefList_Class.hasOwnProperty(prop)) {
(function () {
var value = userDefList_Class[prop];
var key = prop;
var cname = "no-border button-margin button-selected-" + (userDefList_CurrentClassId == key);
if (key == "billHead") {
userDefList_ClassButton.splice(0, 0, _react["default"].createElement(_basic.Button, {
type: "ghost",
key: key,
className: cname,
onClick: function onClick(e) {
return _this2.handleClassClick(key);
}
}, value));
bHeader = true;
} else if (key == "billBody") {
if (bHeader) userDefList_ClassButton.splice(1, 0, _react["default"].createElement(_basic.Button, {
type: "ghost",
key: key,
className: cname,
onClick: function onClick(e) {
return _this2.handleClassClick(key);
}
}, value));else userDefList_ClassButton.splice(0, 0, _react["default"].createElement(_basic.Button, {
type: "ghost",
key: key,
className: cname,
onClick: function onClick(e) {
return _this2.handleClassClick(key);
}
}, value));
} else {
userDefList_ClassButton.push(_react["default"].createElement(_basic.Button, {
type: "ghost",
key: key,
className: cname,
onClick: function onClick(e) {
return _this2.handleClassClick(key);
}
}, value));
}
})();
}
}
var archForm = _react["default"].createElement("div", {
className: "userDefinedArchives"
}, _react["default"].createElement(_basic.Row, {
colCount: 12,
className: "itemType"
}, _react["default"].createElement(_basic.Col, {
span: 12
}, userDefList_ClassButton)), _react["default"].createElement(_basic.Row, null, _react["default"].createElement(_basic.Col, {
span: 'all'
}, this.renderTable())));
var modal = null;
if (userDefSetting_DefineId) {
var params = {
classId: userDefList_CurrentClassId,
defineId: userDefSetting_DefineId
};
modal = _react["default"].createElement(_UserDefineSetting["default"], {
params: params
});
}
return _react["default"].createElement("div", null, archForm, modal);
}
}, {
key: "renderTable",
value: function renderTable() {
var _this$props$userDefin2 = this.props.userDefineArchives,
userDefList_DisplayData = _this$props$userDefin2.userDefList_DisplayData,
userDefList_GetUserDefStatus = _this$props$userDefin2.userDefList_GetUserDefStatus,
userDefList_CurrentClassId = _this$props$userDefin2.userDefList_CurrentClassId;
if (userDefList_GetUserDefStatus === _ActionStatus["default"].ING) {
return _react["default"].createElement("div", null, "\u6B63\u5728\u52A0\u8F7D..");
} else if (userDefList_GetUserDefStatus === _ActionStatus["default"].FAILURE) {
return _react["default"].createElement("div", null, "\u52A0\u8F7D\u5931\u8D25");
} else if (userDefList_GetUserDefStatus === _ActionStatus["default"].SUCCEED && userDefList_DisplayData.length === 0) {
return _react["default"].createElement("div", null, "\u6CA1\u6709\u6570\u636E");
}
var action = {};
action.cAlign = "left";
action.cControlType = "Toolbar";
action.cDataSourceName = "Toolbar";
this.actionControls = action.controls = [];
action.controls.push({
cCaption: "设置",
cControlType: "button",
cItemName: "btnEdit",
cShowCaption: "设置",
iOrder: 1,
iStyle: 0,
icon: "edit",
key: "ABC231625"
});
console.log(" renderTable userDefList_CurrentClassId = " + userDefList_CurrentClassId);
return _react["default"].createElement(_basic.Table, {
width: this.props.width,
height: 600,
listHeaderHeight: 1,
model: this.gridModel,
action: action
});
}
}, {
key: "setModel",
value: function setModel() {
var _this3 = this;
this.gridModel = new cb.models.GridModel({
columns: {
tenantId: {
cItemName: 'tenantId',
cShowCaption: 'tenantId',
iColWidth: 0,
bHidden: true,
bShowIt: false,
bCanModify: false,
cControlType: 'Input'
},
pubts: {
cItemName: 'pubts',
cShowCaption: 'pubts',
iColWidth: 0,
bHidden: true,
bShowIt: false,
bCanModify: false,
cControlType: 'Input'
},
id: {
cItemName: 'id',
cShowCaption: 'id',
iColWidth: 0,
bHidden: true,
bShowIt: false,
bCanModify: false,
cControlType: 'Input'
},
classId: {
cItemName: 'classId',
cShowCaption: 'classId',
iColWidth: 0,
bHidden: true,
bShowIt: false,
bCanModify: false,
cControlType: 'Input'
},
className: {
cItemName: 'className',
cShowCaption: '分类',
iColWidth: 0,
bHidden: true,
bShowIt: false,
bCanModify: false,
cControlType: 'Input'
},
defineId: {
bJointQuery: false,
cItemName: 'defineId',
cShowCaption: 'defineId',
iColWidth: 0,
bHidden: true,
bShowIt: false,
bCanModify: true,
cControlType: 'Input'
},
item: {
bJointQuery: false,
cItemName: 'item',
cShowCaption: '项目号',
iColWidth: 200,
bHidden: false,
bShowIt: true,
bCanModify: true,
cControlType: 'Input'
},
type: {
cItemName: 'type',
cShowCaption: '数据类型',
iColWidth: 120,
bHidden: false,
bShowIt: true,
bCanModify: true,
cControlType: 'Input'
},
showItem: {
cItemName: 'showItem',
cShowCaption: '项目名称',
iColWidth: 200,
bHidden: false,
bShowIt: true,
bCanModify: true,
cControlType: 'Input'
},
maxInputLen: {
cItemName: 'maxInputLen',
cShowCaption: '控制录入长度',
iColWidth: 100,
bHidden: false,
bShowIt: true,
bCanModify: true,
cControlType: 'Input'
},
decimalDigits: {
cItemName: 'decimalDigits',
cShowCaption: '小数位数',
iColWidth: 100,
bHidden: false,
bShowIt: true,
bCanModify: true,
cControlType: 'Input'
},
isEnabled: {
cItemName: 'isEnabled',
cShowCaption: '启用',
iColWidth: 100,
bHidden: false,
bShowIt: true,
bCanModify: true,
cControlType: 'switch'
},
isInput: {
cItemName: 'isInput',
cShowCaption: '必输',
iColWidth: 100,
bHidden: false,
bShowIt: true,
bCanModify: true,
cControlType: 'switch'
},
isDeleted: {
cItemName: 'isDeleted',
cShowCaption: 'isDeleted',
iColWidth: 0,
bHidden: true,
bShowIt: false,
bCanModify: false,
cControlType: 'switch'
}
},
independent: true,
readOnly: true,
showCheckBox: false,
showAggregates: false,
pagination: true,
showColumnSetting: false,
showRowNo: true
});
var fields = {
grid: this.gridModel,
btnEdit: new cb.models.SimpleModel()
};
this.viewModel = new cb.models.ContainerModel();
this.viewModel.setData(fields);
this.gridModel.on('pageInfoChange', function (params) {
console.log("pageInfoChange params=" + JSON.stringify(params));
var userDefList_CurrentClassId = _this3.props.userDefineArchives.userDefList_CurrentClassId;
_this3.gridModel.unselectAll();
if (_this3.pageSize != params.pageSize) _this3.pageSize = params.pageSize;
_this3.props.fetchUserDefineListPageByClass(userDefList_CurrentClassId, params.pageSize, params.pageIndex);
console.log("pageInfoChange params=" + JSON.stringify(params));
});
this.viewModel.get("btnEdit").on('click', function (params) {
var rowData = _this3.gridModel.getRow(params.index);
_this3.props.showSetting(rowData.defineId);
_this3.gridModel.select(params.index);
});
}
}, {
key: "componentDidMount",
value: function componentDidMount() {
this.props.fetchUserDefineList("", this.pageSize, 1);
}
}, {
key: "componentWillReceiveProps",
value: function componentWillReceiveProps(nextProps) {
var _this$props$userDefin3 = this.props.userDefineArchives,
userDefList_DisplayData = _this$props$userDefin3.userDefList_DisplayData,
userDefList_GetUserDefStatus = _this$props$userDefin3.userDefList_GetUserDefStatus,
userDefList_CurrentClassId = _this$props$userDefin3.userDefList_CurrentClassId;
var list = nextProps.userDefineArchives.userDefList_DisplayData;
if (list && this.gridModel) {
console.log(" componentWillReceiveProps userDefList_CurrentClassId = " + userDefList_CurrentClassId);
this.gridModel.setDataSource(cb.utils.changeUserDefineTypeEnumValue(list, true));
var rows = this.gridModel.getRows();
var actions = this.actionControls;
var actionsStates = [];
var visible = true;
rows.forEach(function (data) {
var actionState = {};
actions.forEach(function (action) {
actionState[action.cItemName] = {
visible: visible
};
});
actionsStates.push(actionState);
});
this.gridModel.setActionsState(actionsStates);
var pageSize = this.pageSize;
var recordCount = nextProps.userDefineArchives.userDefList_DisplayRecordCount;
var pageCount = nextProps.userDefineArchives.userDefList_DisplayPageCount;
var pageIndex = nextProps.userDefineArchives.userDefList_DisplayPageIndex;
this.gridModel.setPageInfo({
pageSize: pageSize,
pageIndex: pageIndex,
pageCount: pageCount,
recordCount: recordCount
});
this.gridModel.setDirty(false);
console.log("componentWillReceiveProps userDefList_DisplayData.length = " + list.length + " pageinfo=" + JSON.stringify({
pageSize: pageSize,
pageIndex: 1,
pageCount: pageCount,
recordCount: recordCount
}));
}
}
}]);
return UserDefineArchives;
}(_react.Component);
(0, _defineProperty2["default"])(UserDefineArchives, "contextTypes", {
router: _propTypes["default"].object.isRequired
});
var mapStateToProps = function mapStateToProps(state) {
return {
userDefineArchives: state.userDefineArchives.toJS()
};
};
var mapDispatchToProps = function mapDispatchToProps(dispatch) {
var methods = {
fetchUserDefineList: _userDefineArchives.fetchUserDefineList,
fetchUserDefineListPageByClass: _userDefineArchives.fetchUserDefineListPageByClass,
showSetting: _userDefineArchives.showSetting
};
return _objectSpread({
dispatch: dispatch
}, (0, _redux.bindActionCreators)(methods, dispatch));
};
var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(UserDefineArchives);
exports["default"] = _default;
//# sourceMappingURL=UserDefineArchives.js.map