react-person-y
Version:
393 lines (365 loc) • 17 kB
JavaScript
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _reactRedux = require('react-redux');
var _redux = require('redux');
var _index = require('../index');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
// import {Personnel, actionPerson} from 'react-person-y'//生产用
//本地用
var TestPerson = function (_Component) {
_inherits(TestPerson, _Component);
function TestPerson(props) {
_classCallCheck(this, TestPerson);
var _this2 = _possibleConstructorReturn(this, (TestPerson.__proto__ || Object.getPrototypeOf(TestPerson)).call(this, props));
_this2.handleClose = function (type) {
//type : submit back
_this2.setState({ open: false });
};
_this2.state = {
open: false,
requestFlag: true
};
return _this2;
}
_createClass(TestPerson, [{
key: 'componentDidMount',
value: function componentDidMount() {
// this.props.dispatchTheme.setTheme("default2");
var data = [{
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "古福艳",
sex: "F",
userId: 9346
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "大多数",
sex: "F",
userId: 93246
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "饭店打工",
sex: "F",
userId: 246
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "对方的风",
sex: "F",
userId: 2246
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "符合国",
sex: "F",
userId: 768
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "法国恢复",
sex: "F",
userId: 9788
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "好几个反",
sex: "F",
userId: 99976
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "刘琛林",
sex: "F",
userId: 14092
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "终归",
sex: "F",
userId: 4355
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "小古",
sex: "F",
userId: 44444
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "死神",
sex: "F",
userId: 10086
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "赛尔",
sex: "F",
userId: 6666
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "吴迪",
sex: "F",
userId: 98796
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "萧炎",
sex: "F",
userId: 776543
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "水电费",
sex: "F",
userId: 2364272
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "大公会分",
sex: "F",
userId: 876421
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "天赋",
sex: "F",
userId: 3451543
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "是否",
sex: "F",
userId: 234365434
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "梵蒂冈",
sex: "F",
userId: 1234532
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "斯蒂芬森",
sex: "F",
userId: 683264
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "李冬",
sex: "F",
userId: 9877867
}];
//服务
//data
var chooseData = [{
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "符合国家和",
sex: "F",
userId: 768
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "法国恢复",
sex: "F",
userId: 9788
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "好几个反",
sex: "F",
userId: 99976
}];
// this.props.dispatch.setPersonnelList(getPersonnelData(data))
this.props.dispatch.setPersonData(chooseData);
this.props.dispatch.setPersonnelList(data, chooseData);
// this.props.dispatch.updatePersonnelList(getPersonnelData(data))
}
//滚动分页触发
}, {
key: 'requestDataBack',
value: function requestDataBack(type, value) {
var data = [{
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "古福艳",
sex: "F",
userId: 9346
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "大多数",
sex: "F",
userId: 93246
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "饭店打工",
sex: "F",
userId: 246
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "对方的风",
sex: "F",
userId: 2246
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "符合国",
sex: "F",
userId: 768
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "法国恢复",
sex: "F",
userId: 9788
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "好几个反",
sex: "F",
userId: 99976
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "刘琛林",
sex: "F",
userId: 14092
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "终归",
sex: "F",
userId: 4355
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "小古",
sex: "F",
userId: 44444
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "死神",
sex: "F",
userId: 10086
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "赛尔",
sex: "F",
userId: 6666
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "吴迪",
sex: "F",
userId: 98796
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "萧炎",
sex: "F",
userId: 776543
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "水电费",
sex: "F",
userId: 2364272
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "大公会分",
sex: "F",
userId: 876421
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "天赋",
sex: "F",
userId: 3451543
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "是否",
sex: "F",
userId: 234365434
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "梵蒂冈",
sex: "F",
userId: 1234532
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "斯蒂芬森",
sex: "F",
userId: 683264
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "李冬",
sex: "F",
userId: 9877867
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "古艳",
sex: "F",
userId: 32234
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "大数",
sex: "F",
userId: 93234246
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "店打工",
sex: "F",
userId: 23446
}];
if (type == 'page') {
var data1 = [{
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "古艳",
sex: "F",
userId: 32234
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "大数",
sex: "F",
userId: 93234246
}, {
userImage: "https://shp.qpic.cn/bizmp/v40FKSmkDDLV3Lhbx1vbcDJYr5Jiadu6JpLj4xmicYGQAt76cM0H6Hzw/64",
zhName: "店打工",
sex: "F",
userId: 23446
}];
this.setState({
requestFlag: false
});
var _this = this;
setTimeout(function () {
_this.setState({
requestFlag: true
});
_this.props.dispatch.addPersonnelList(data1, _this.props.choosePerson);
}, 1000);
} else if (type == 'search') {
// alert(value)
if (value == '') {
this.props.dispatch.setPersonnelList(data, this.props.choosePerson);
} else {
var result = data.filter(function (item) {
return item.zhName == value;
});
this.props.dispatch.setPersonnelList(result, this.props.choosePerson);
}
}
}
}, {
key: 'render',
value: function render() {
var _this3 = this;
console.log(this.props.choosePerson);
return _react2.default.createElement(
'div',
null,
_react2.default.createElement(
'div',
{ onClick: function onClick() {
_this3.setState({ open: true });
} },
'\u8BF7\u9009\u62E9\u4EBA\u5458'
),
_react2.default.createElement(_index.Personnel, { open: this.state.open,
requestDataBack: this.requestDataBack.bind(this),
requestFlag: this.state.requestFlag,
handleClose: this.handleClose.bind(this)
})
);
}
}]);
return TestPerson;
}(_react.Component);
var mapStateToProps = function mapStateToProps(state) {
return {
choosePerson: state.choosePerson
};
};
var mapDispatchToProps = function mapDispatchToProps(dispatch) {
return {
dispatch: (0, _redux.bindActionCreators)(_index.actionPerson, dispatch)
};
};
exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(TestPerson);
//# sourceMappingURL=testPerson.js.map