@dcp-designable/components
Version:
公共组件及业务组件
374 lines • 18.8 kB
JavaScript
"use strict";
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
if (typeof b !== "function" && b !== null)
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
var __generator = (this && this.__generator) || function (thisArg, body) {
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
function verb(n) { return function (v) { return step([n, v]); }; }
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (g && (g = 0, op[0] && (_ = 0)), _) try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
case 0: case 1: t = op; break;
case 4: _.label++; return { value: op[1], done: false };
case 5: _.label++; y = op[1]; op = [0]; continue;
case 7: op = _.ops.pop(); _.trys.pop(); continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
if (t[2]) _.ops.pop();
_.trys.pop(); continue;
}
op = body.call(thisArg, _);
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
}
};
var __values = (this && this.__values) || function(o) {
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
if (m) return m.call(o);
if (o && typeof o.length === "number") return {
next: function () {
if (o && i >= o.length) o = void 0;
return { value: o && o[i++], done: !o };
}
};
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
};
var __read = (this && this.__read) || function (o, n) {
var m = typeof Symbol === "function" && o[Symbol.iterator];
if (!m) return o;
var i = m.call(o), r, ar = [], e;
try {
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
}
catch (error) { e = { error: error }; }
finally {
try {
if (r && !r.done && (m = i["return"])) m.call(i);
}
finally { if (e) throw e.error; }
}
return ar;
};
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
if (ar || !(i in from)) {
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
ar[i] = from[i];
}
}
return to.concat(ar || Array.prototype.slice.call(from));
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importStar(require("react"));
require("./index.less");
var dcp_design_react_1 = require("dcp-design-react");
var api_1 = require("../api");
var RightArea_1 = __importDefault(require("./RightArea"));
var react_2 = require("@designable/react");
var utils_1 = require("@dcp-designable/utils");
var Search = dcp_design_react_1.Input.Search;
var User = /** @class */ (function (_super) {
__extends(User, _super);
function User(props) {
var _this = _super.call(this, props) || this;
_this.setUserData = function (selData) {
var e_1, _a;
var selectedRowKeys = [];
try {
for (var selData_1 = __values(selData), selData_1_1 = selData_1.next(); !selData_1_1.done; selData_1_1 = selData_1.next()) {
var item = selData_1_1.value;
if (item.id.includes('_user')) {
var id = item.id.substring(0, item.id.lastIndexOf('_user'));
selectedRowKeys.push(id);
}
}
}
catch (e_1_1) { e_1 = { error: e_1_1 }; }
finally {
try {
if (selData_1_1 && !selData_1_1.done && (_a = selData_1.return)) _a.call(selData_1);
}
finally { if (e_1) throw e_1.error; }
}
_this.setState({
selectedRowKeys: selectedRowKeys,
flag: false,
});
};
/**
* 加载用户数据
* @param {*} param 查询信息
*/
_this.getUserData = function (value) { return __awaiter(_this, void 0, void 0, function () {
var userInfo, otherParam, res, data;
var _a, _b, _c, _d;
return __generator(this, function (_e) {
switch (_e.label) {
case 0:
this.setState({
showLoading: true,
});
userInfo = utils_1.Designer_GlobalRegister.getSystemConfig();
otherParam = {
operatorid: userInfo.loginName,
// tenantLimitId:"r2sc8ufe",
tenantLimitId: localStorage.getItem('tenantcode') ? localStorage.getItem('tenantcode') : 'r2sc8ufe',
// appsource:'MA-0305',
// appsource:'',
appsource: ((_a = this.props.urlParam[0]) === null || _a === void 0 ? void 0 : _a.category) ? ((_b = this.props.urlParam[0]) === null || _b === void 0 ? void 0 : _b.category.split('.')[0]) : ((_c = this.props.urlParam[0]) === null || _c === void 0 ? void 0 : _c.appsource) ? ((_d = this.props.urlParam[0]) === null || _d === void 0 ? void 0 : _d.appsource) : localStorage.getItem('appsource'),
pageIndex: this.state.pageNum,
pageSize: this.state.pageSize,
};
return [4 /*yield*/, (0, api_1.getUsersByTenant)(otherParam)];
case 1:
res = _e.sent();
this.setState({
showLoading: false,
});
if (res.code === 200 && res.data) {
data = JSON.parse(res.data);
this.setState({
userData: data,
total: res.total,
pageNum: res.pageNum,
pageSize: res.pageSize,
});
}
return [2 /*return*/];
}
});
}); };
_this.onSelectChange = function (selectedRowKeys, selectedRows) {
_this.setState({
selectedRowKeys: selectedRowKeys,
selectedRows: selectedRows,
});
};
_this.getUserDataPage = function (currentpage, searchUser) { return __awaiter(_this, void 0, void 0, function () {
var userInfo, otherParam, res, data;
var _a, _b, _c, _d;
return __generator(this, function (_e) {
switch (_e.label) {
case 0:
console.log('currentpage', currentpage);
userInfo = utils_1.Designer_GlobalRegister.getSystemConfig();
this.setState({
showLoading: true,
});
otherParam = {
operatorid: userInfo.loginName,
// tenantLimitId:"r2sc8ufe",
tenantLimitId: localStorage.getItem('tenantcode') ? localStorage.getItem('tenantcode') : 'r2sc8ufe',
// appsource:'',
appsource: ((_a = this.props.urlParam[0]) === null || _a === void 0 ? void 0 : _a.category) ? ((_b = this.props.urlParam[0]) === null || _b === void 0 ? void 0 : _b.category.split('.')[0]) : ((_c = this.props.urlParam[0]) === null || _c === void 0 ? void 0 : _c.appsource) ? ((_d = this.props.urlParam[0]) === null || _d === void 0 ? void 0 : _d.appsource) : localStorage.getItem('appsource'),
// appsource: this.props.urlParam[0].category ? this.props.urlParam[0].category.split(".")[0] : this.props.urlParam[0].appsource,
pageIndex: currentpage,
pageSize: this.state.pageSize,
searchUser: searchUser,
};
return [4 /*yield*/, (0, api_1.getUsersByTenant)(otherParam)];
case 1:
res = _e.sent();
this.setState({
showLoading: false,
});
if (res.code === 200 && res.data) {
data = JSON.parse(res.data);
this.setState({
userData: data,
loading: false,
total: res.total,
pageNum: res.pageNum,
// pageSize:res.pageSize
});
}
return [2 /*return*/];
}
});
}); };
_this.getSelectData = function (val) {
var selectedRowKeys = [];
for (var i = 0; i < val.length; i++) {
selectedRowKeys.push(val[i].id);
}
_this.setState({ selectedRows: val, selectedRowKeys: selectedRowKeys });
};
_this.clearAll = function () {
_this.setState({
selectedRows: [],
selectedRowKeys: [],
});
};
// 处理表格行点击radio关联选择问题
_this.onRowClick = function (record, rowIndex) {
// 点击行时更新选中状态
var selectedRowKeys = __spreadArray([], __read(_this.state.selectedRowKeys), false);
if (_this.props.selectionType == 'checkbox') {
return;
}
else {
if (selectedRowKeys.length === 0 || selectedRowKeys[0] !== record.key) {
selectedRowKeys = [record.id];
}
else {
selectedRowKeys = [];
}
}
_this.setState({ selectedRowKeys: selectedRowKeys, selectedRows: [record] });
};
_this.state = {
userData: [],
selectedRowKeys: [],
record: null,
showLoading: true,
total: 0,
pageNum: 1,
pageSize: 20,
loading: false,
flag: true,
selectedRows: [],
};
return _this;
}
User.prototype.componentDidMount = function () {
if (this.props.onRef) {
this.props.onRef(this);
}
if (this.state.userData.length == 0) {
this.getUserData();
}
};
User.prototype.inputChange = function () {
this.setState({
// username:val
});
};
User.prototype.getSearchUserData = function (value) {
this.setState({
loading: true,
searchUser: value,
});
console.log(value);
this.getUserDataPage(1, value); // 向后端发送请求
};
User.prototype.changePage = function (current) {
// current参数表示是点击当前的页码，
this.getUserDataPage(current, this.state.searchUser); // 向后端发送请求
};
User.prototype.onShowSizeChange = function (current, pageSize) {
var _this = this;
this.setState({
pageSize: pageSize,
}, function (val) { return _this.getUserDataPage(1, val.searchUser); });
};
User.prototype.render = function () {
var _this = this;
var _a = this.state, showLoading = _a.showLoading, selectedRowKeys = _a.selectedRowKeys, record = _a.record, loading = _a.loading, userData = _a.userData, total = _a.total, pageSize = _a.pageSize, selectedRows = _a.selectedRows;
var paginationProps = {
showSizeChanger: true,
showQuickJumper: false,
showTotal: function () { return "\u5171 ".concat(total, " \u6761"); },
pageSize: pageSize,
total: total,
onChange: function (current) { return _this.changePage(current); },
onShowSizeChange: function (current, pageSize) {
console.log(pageSize);
_this.onShowSizeChange(current, pageSize);
},
};
var rowSelection = {
type: this.props.selectionType == 'checkbox' ? 'checkbox' : 'radio',
selectedRowKeys: selectedRowKeys,
record: record,
preserveSelectedRowKeys: true,
onChange: this.onSelectChange,
};
var columns = [
{
title: '用户名',
dataIndex: 'id',
key: 'id',
},
{
title: '用户描述',
dataIndex: 'value',
key: 'value',
},
];
return (react_1.default.createElement("div", { className: "select-user", style: { marginBottom: 20 } },
react_1.default.createElement("div", { className: "user-table" },
react_1.default.createElement(Search, { style: { marginBottom: 8 }, allowClear: true, loading: loading, enterButton: "\u641C\u7D22", onSearch: this.getSearchUserData.bind(this) }),
react_1.default.createElement(dcp_design_react_1.Spin, { tip: "\u52A0\u8F7D\u4E2D", spinning: showLoading },
react_1.default.createElement(dcp_design_react_1.Table, { columns: columns, dataSource: userData, rowKey: function (record) { return record.id; }, showHeader: false, rowSelection: rowSelection, onRow: function (record, rowIndex) { return ({
onClick: function () { return _this.onRowClick(record, rowIndex); }, // 点击行的事件
}); }, pagination: paginationProps, className: "relateParty", scroll: { x: 500, y: 200 } }))),
this.props.selectionType == 'checkbox' && (react_1.default.createElement("div", { className: "right-area" },
react_1.default.createElement("div", { className: "right-head" },
react_1.default.createElement("div", { className: "countinfo" },
"\u5DF2\u9009\u62E9(",
selectedRows.length,
")"),
react_1.default.createElement("div", { className: "deletebtn" },
react_1.default.createElement(dcp_design_react_1.DcpButton, { className: "", onClick: this.clearAll.bind(this) }, "\u6E05\u9664"))),
react_1.default.createElement("div", { className: "right-data" },
react_1.default.createElement(RightArea_1.default, { data: selectedRows, onChecked: this.getSelectData }))))));
};
return User;
}(react_1.Component));
// export default User;
exports.default = User;
//# sourceMappingURL=index.js.map