Full Code of easysir/StaffManage for AI

Repository: easysir/StaffManage
Branch: master
Commit: b21cec040001
Files: 13
Total size: 124.7 KB

Directory structure:
gitextract_2h3jx0rk/

├── README.md
├── build/
│   ├── bundle.js
│   └── style.css
├── index.html
├── package.json
├── src/
│   ├── ManageSystem.js
│   ├── STAFF.js
│   ├── StaffDetail.js
│   ├── StaffFooter.js
│   ├── StaffHeader.js
│   ├── StaffItem.js
│   └── StaffItemPanel.js
└── webpack.config.js

================================================
FILE CONTENTS
================================================

================================================
FILE: README.md
================================================
# 1.使用方法

### 1.1安装依赖项

```
    npm install
```

### 1.2生成bundle.js

```
    npm start
```

### 1.3在浏览器运行index.html即可

源代码中包含生成好的bundle.js，可以直接点击运行。

# 2.相关资料

在线预览：[人员管理](http://wyuhao.com/demo/staff)

代码解析：[十分详细的React实例](http://blog.csdn.net/a153375250/article/details/52667739)

# 3.致谢

如果对你有帮助，就奉献一颗Star吧！


================================================
FILE: build/bundle.js
================================================
/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};

/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {

/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId])
/******/ 			return installedModules[moduleId].exports;

/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			exports: {},
/******/ 			id: moduleId,
/******/ 			loaded: false
/******/ 		};

/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

/******/ 		// Flag the module as loaded
/******/ 		module.loaded = true;

/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}


/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;

/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;

/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";

/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports, __webpack_require__) {

	eval("/**\r\n * Created by YikaJ on 15/6/16.\r\n */\n'use strict';\n\n// 引入组件\n\n__webpack_require__(1);//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvZW50cnkuanM/OGQyNCJdLCJuYW1lcyI6WyJyZXF1aXJlIl0sIm1hcHBpbmdzIjoiQUFBQTs7O0FBR0E7O0FBRUE7O0FBQ0EsbUJBQUFBLENBQVEsQ0FBUiIsImZpbGUiOiIwLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXHJcbiAqIENyZWF0ZWQgYnkgWWlrYUogb24gMTUvNi8xNi5cclxuICovXHJcbid1c2Ugc3RyaWN0JztcclxuXHJcbi8vIOW8leWFpee7hOS7tlxyXG5yZXF1aXJlKCcuL2NvbXBvbmVudC9NYW5hZ2VTeXN0ZW0nKTtcblxuXG4vKiogV0VCUEFDSyBGT09URVIgKipcbiAqKiAuL3NyYy9lbnRyeS5qc1xuICoqLyJdLCJzb3VyY2VSb290IjoiIn0=");

/***/ },
/* 1 */
/***/ function(module, exports, __webpack_require__) {

	eval("'use strict';\n\nvar _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; }; }();\n\nvar _react = __webpack_require__(2);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _StaffHeader = __webpack_require__(3);\n\nvar _StaffHeader2 = _interopRequireDefault(_StaffHeader);\n\nvar _StaffItemPanel = __webpack_require__(4);\n\nvar _StaffItemPanel2 = _interopRequireDefault(_StaffItemPanel);\n\nvar _StaffFooter = __webpack_require__(6);\n\nvar _StaffFooter2 = _interopRequireDefault(_StaffFooter);\n\nvar _StaffDetail = __webpack_require__(7);\n\nvar _StaffDetail2 = _interopRequireDefault(_StaffDetail);\n\nvar _STAFF = __webpack_require__(8);\n\nvar _STAFF2 = _interopRequireDefault(_STAFF);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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; }\n\nvar App = function (_React$Component) {\n\t_inherits(App, _React$Component);\n\n\tfunction App() {\n\t\t_classCallCheck(this, App);\n\n\t\tvar _this = _possibleConstructorReturn(this, (App.__proto__ || Object.getPrototypeOf(App)).call(this));\n\n\t\t_this.state = {\n\t\t\tstaff: new _STAFF2.default(),\n\t\t\tstaffDetail: null\n\t\t};\n\t\treturn _this;\n\t}\n\n\t//增\n\n\n\t_createClass(App, [{\n\t\tkey: 'addStaffItem',\n\t\tvalue: function addStaffItem(item) {\n\t\t\tthis.setState({\n\t\t\t\tstaff: this.state.staff.addStaffItem(item)\n\t\t\t});\n\t\t}\n\t\t//删\n\n\t}, {\n\t\tkey: 'removeStaffItem',\n\t\tvalue: function removeStaffItem(key) {\n\t\t\tthis.setState({\n\t\t\t\tstaff: this.state.staff.removeStaffItem(key)\n\t\t\t});\n\t\t}\n\n\t\t/*\r\n   *详情\r\n   */\n\t\t//打开\n\n\t}, {\n\t\tkey: 'detailStaffItem',\n\t\tvalue: function detailStaffItem(key) {\n\t\t\tthis.setState({\n\t\t\t\tstaffDetail: this.state.staff.staff.filter(function (item) {\n\t\t\t\t\treturn item.key == key;\n\t\t\t\t})[0]\n\t\t\t});\n\t\t}\n\t\t//关闭\n\n\t}, {\n\t\tkey: 'closeDetail',\n\t\tvalue: function closeDetail() {\n\t\t\tthis.setState({\n\t\t\t\tstaffDetail: null\n\t\t\t});\n\t\t}\n\t\t//编辑\n\n\t}, {\n\t\tkey: 'editDetail',\n\t\tvalue: function editDetail(item) {\n\t\t\tthis.setState({\n\t\t\t\tstaff: this.state.staff.editStaffItem(item)\n\t\t\t});\n\t\t}\n\n\t\t/*\r\n   * 排序\r\n   */\n\n\t}, {\n\t\tkey: 'sortStaff',\n\t\tvalue: function sortStaff(sortType) {\n\t\t\tthis.setState({\n\t\t\t\tstaff: this.state.staff.sortStaff(sortType)\n\t\t\t});\n\t\t}\n\n\t\t/*\r\n   * 筛选\r\n   */\n\n\t}, {\n\t\tkey: 'filtStaff',\n\t\tvalue: function filtStaff(filtType) {\n\t\t\tthis.setState({\n\t\t\t\tstaff: this.state.staff.filtStaff(filtType)\n\t\t\t});\n\t\t}\n\n\t\t/*\r\n   * 搜索\r\n   */\n\n\t}, {\n\t\tkey: 'searchStaff',\n\t\tvalue: function searchStaff(word) {\n\t\t\tthis.setState({\n\t\t\t\tstaff: this.state.staff.searchStaff(word)\n\t\t\t});\n\t\t}\n\t}, {\n\t\tkey: 'render',\n\t\tvalue: function render() {\n\t\t\treturn _react2.default.createElement(\n\t\t\t\t'div',\n\t\t\t\tnull,\n\t\t\t\t_react2.default.createElement(_StaffHeader2.default, { sortStaff: this.sortStaff.bind(this), filtStaff: this.filtStaff.bind(this), searchStaff: this.searchStaff.bind(this) }),\n\t\t\t\t_react2.default.createElement(_StaffItemPanel2.default, { items: this.state.staff.staff, removeStaffItem: this.removeStaffItem.bind(this), detailStaffItem: this.detailStaffItem.bind(this) }),\n\t\t\t\t_react2.default.createElement(_StaffFooter2.default, { addStaffItem: this.addStaffItem.bind(this) }),\n\t\t\t\t_react2.default.createElement(_StaffDetail2.default, { staffDetail: this.state.staffDetail, closeDetail: this.closeDetail.bind(this), editDetail: this.editDetail.bind(this) })\n\t\t\t);\n\t\t}\n\t}]);\n\n\treturn App;\n}(_react2.default.Component);\n\n_react2.default.render(_react2.default.createElement(App, null), document.getElementById('app'));//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvY29tcG9uZW50L01hbmFnZVN5c3RlbS5qcz8zNDU5Il0sIm5hbWVzIjpbIkFwcCIsInN0YXRlIiwic3RhZmYiLCJzdGFmZkRldGFpbCIsIml0ZW0iLCJzZXRTdGF0ZSIsImFkZFN0YWZmSXRlbSIsImtleSIsInJlbW92ZVN0YWZmSXRlbSIsImZpbHRlciIsImVkaXRTdGFmZkl0ZW0iLCJzb3J0VHlwZSIsInNvcnRTdGFmZiIsImZpbHRUeXBlIiwiZmlsdFN0YWZmIiwid29yZCIsInNlYXJjaFN0YWZmIiwiYmluZCIsImRldGFpbFN0YWZmSXRlbSIsImNsb3NlRGV0YWlsIiwiZWRpdERldGFpbCIsIkNvbXBvbmVudCIsInJlbmRlciIsImRvY3VtZW50IiwiZ2V0RWxlbWVudEJ5SWQiXSwibWFwcGluZ3MiOiI7Ozs7QUFBQTs7OztBQUNBOzs7O0FBQ0E7Ozs7QUFDQTs7OztBQUNBOzs7O0FBRUE7Ozs7Ozs7Ozs7OztJQUdNQSxHOzs7QUFDRixnQkFBYTtBQUFBOztBQUFBOztBQUVmLFFBQUtDLEtBQUwsR0FBYTtBQUNUQyxVQUFRLHFCQURDO0FBRVpDLGdCQUFhO0FBRkQsR0FBYjtBQUZlO0FBTWY7O0FBRUQ7Ozs7OytCQUNhQyxJLEVBQUs7QUFDZCxRQUFLQyxRQUFMLENBQWM7QUFDYkgsV0FBTyxLQUFLRCxLQUFMLENBQVdDLEtBQVgsQ0FBaUJJLFlBQWpCLENBQThCRixJQUE5QjtBQURNLElBQWQ7QUFHSDtBQUNEOzs7O2tDQUNnQkcsRyxFQUFJO0FBQ2hCLFFBQUtGLFFBQUwsQ0FBYztBQUNiSCxXQUFPLEtBQUtELEtBQUwsQ0FBV0MsS0FBWCxDQUFpQk0sZUFBakIsQ0FBaUNELEdBQWpDO0FBRE0sSUFBZDtBQUdIOztBQUVEOzs7QUFHQTs7OztrQ0FDZ0JBLEcsRUFBSTtBQUNoQixRQUFLRixRQUFMLENBQWM7QUFDYkYsaUJBQWEsS0FBS0YsS0FBTCxDQUFXQyxLQUFYLENBQWlCQSxLQUFqQixDQUF1Qk8sTUFBdkIsQ0FBOEIsZ0JBQVE7QUFDbEQsWUFBT0wsS0FBS0csR0FBTCxJQUFVQSxHQUFqQjtBQUNILEtBRmUsRUFFYixDQUZhO0FBREEsSUFBZDtBQUtIO0FBQ0Q7Ozs7Z0NBQ2E7QUFDVCxRQUFLRixRQUFMLENBQWM7QUFDYkYsaUJBQWE7QUFEQSxJQUFkO0FBR0g7QUFDRDs7Ozs2QkFDV0MsSSxFQUFLO0FBQ1osUUFBS0MsUUFBTCxDQUFjO0FBQ2JILFdBQVEsS0FBS0QsS0FBTCxDQUFXQyxLQUFYLENBQWlCUSxhQUFqQixDQUErQk4sSUFBL0I7QUFESyxJQUFkO0FBR0g7O0FBRUQ7Ozs7Ozs0QkFHVU8sUSxFQUFVO0FBQ2hCLFFBQUtOLFFBQUwsQ0FBYztBQUNiSCxXQUFPLEtBQUtELEtBQUwsQ0FBV0MsS0FBWCxDQUFpQlUsU0FBakIsQ0FBMkJELFFBQTNCO0FBRE0sSUFBZDtBQUdIOztBQUVEOzs7Ozs7NEJBR1VFLFEsRUFBVTtBQUNoQixRQUFLUixRQUFMLENBQWM7QUFDYkgsV0FBTyxLQUFLRCxLQUFMLENBQVdDLEtBQVgsQ0FBaUJZLFNBQWpCLENBQTJCRCxRQUEzQjtBQURNLElBQWQ7QUFHSDs7QUFFRDs7Ozs7OzhCQUdZRSxJLEVBQU07QUFDZCxRQUFLVixRQUFMLENBQWM7QUFDYkgsV0FBTyxLQUFLRCxLQUFMLENBQVdDLEtBQVgsQ0FBaUJjLFdBQWpCLENBQTZCRCxJQUE3QjtBQURNLElBQWQ7QUFHSDs7OzJCQUdPO0FBQ04sVUFDRTtBQUFBO0FBQUE7QUFDRCwyREFBYSxXQUFXLEtBQUtILFNBQUwsQ0FBZUssSUFBZixDQUFvQixJQUFwQixDQUF4QixFQUFtRCxXQUFXLEtBQUtILFNBQUwsQ0FBZUcsSUFBZixDQUFvQixJQUFwQixDQUE5RCxFQUF5RixhQUFhLEtBQUtELFdBQUwsQ0FBaUJDLElBQWpCLENBQXNCLElBQXRCLENBQXRHLEdBREM7QUFFRCw4REFBZ0IsT0FBTyxLQUFLaEIsS0FBTCxDQUFXQyxLQUFYLENBQWlCQSxLQUF4QyxFQUErQyxpQkFBaUIsS0FBS00sZUFBTCxDQUFxQlMsSUFBckIsQ0FBMEIsSUFBMUIsQ0FBaEUsRUFBaUcsaUJBQWlCLEtBQUtDLGVBQUwsQ0FBcUJELElBQXJCLENBQTBCLElBQTFCLENBQWxILEdBRkM7QUFHRCwyREFBYSxjQUFjLEtBQUtYLFlBQUwsQ0FBa0JXLElBQWxCLENBQXVCLElBQXZCLENBQTNCLEdBSEM7QUFJRCwyREFBYSxhQUFhLEtBQUtoQixLQUFMLENBQVdFLFdBQXJDLEVBQWtELGFBQWEsS0FBS2dCLFdBQUwsQ0FBaUJGLElBQWpCLENBQXNCLElBQXRCLENBQS9ELEVBQTRGLFlBQVksS0FBS0csVUFBTCxDQUFnQkgsSUFBaEIsQ0FBcUIsSUFBckIsQ0FBeEc7QUFKQyxJQURGO0FBUUQ7Ozs7RUFuRmdCLGdCQUFNSSxTOztBQXNGeEIsZ0JBQU1DLE1BQU4sQ0FBYSw4QkFBQyxHQUFELE9BQWIsRUFBc0JDLFNBQVNDLGNBQVQsQ0FBd0IsS0FBeEIsQ0FBdEIiLCJmaWxlIjoiMS5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCBTdGFmZkhlYWRlciBmcm9tICcuL1N0YWZmSGVhZGVyLmpzJztcclxuaW1wb3J0IFN0YWZmSXRlbVBhbmVsIGZyb20gJy4vU3RhZmZJdGVtUGFuZWwuanMnO1xyXG5pbXBvcnQgU3RhZmZGb290ZXIgZnJvbSAnLi9TdGFmZkZvb3Rlci5qcyc7XHJcbmltcG9ydCBTdGFmZkRldGFpbCBmcm9tICcuL1N0YWZmRGV0YWlsLmpzJztcclxuXHJcbmltcG9ydCBTdGFmZiBmcm9tICcuL1NUQUZGLmpzJztcclxuXHJcblxyXG5jbGFzcyBBcHAgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xyXG4gICAgY29uc3RydWN0b3IoKXtcclxuXHQgICAgc3VwZXIoKTtcclxuXHRcdHRoaXMuc3RhdGUgPSB7XHJcblx0XHQgICAgc3RhZmYgOiBuZXcgU3RhZmYsXHJcblx0XHRcdHN0YWZmRGV0YWlsOiBudWxsXHJcblx0XHR9O1xyXG5cdH1cclxuXHRcclxuXHQvL+WinlxyXG5cdGFkZFN0YWZmSXRlbShpdGVtKXtcclxuXHQgICAgdGhpcy5zZXRTdGF0ZSh7XHJcblx0XHQgICAgc3RhZmY6IHRoaXMuc3RhdGUuc3RhZmYuYWRkU3RhZmZJdGVtKGl0ZW0pXHJcblx0XHR9KTtcclxuXHR9XHJcblx0Ly/liKBcclxuXHRyZW1vdmVTdGFmZkl0ZW0oa2V5KXtcclxuXHQgICAgdGhpcy5zZXRTdGF0ZSh7XHJcblx0XHQgICAgc3RhZmY6IHRoaXMuc3RhdGUuc3RhZmYucmVtb3ZlU3RhZmZJdGVtKGtleSlcclxuXHRcdH0pO1xyXG5cdH1cclxuXHRcclxuXHQvKlxyXG5cdCAq6K+m5oOFXHJcblx0ICovXHJcblx0Ly/miZPlvIBcclxuXHRkZXRhaWxTdGFmZkl0ZW0oa2V5KXtcclxuXHQgICAgdGhpcy5zZXRTdGF0ZSh7XHJcblx0XHQgICAgc3RhZmZEZXRhaWw6IHRoaXMuc3RhdGUuc3RhZmYuc3RhZmYuZmlsdGVyKGl0ZW0gPT4ge1xyXG5cdFx0XHQgICAgcmV0dXJuIGl0ZW0ua2V5PT1rZXk7XHJcblx0XHRcdH0pWzBdXHJcblx0XHR9KTtcclxuXHR9XHJcblx0Ly/lhbPpl61cclxuXHRjbG9zZURldGFpbCgpe1xyXG5cdCAgICB0aGlzLnNldFN0YXRlKHtcclxuXHRcdCAgICBzdGFmZkRldGFpbDogbnVsbFxyXG5cdFx0fSk7XHJcblx0fVxyXG5cdC8v57yW6L6RXHJcblx0ZWRpdERldGFpbChpdGVtKXtcclxuXHQgICAgdGhpcy5zZXRTdGF0ZSh7XHJcblx0XHQgICAgc3RhZmYgOiB0aGlzLnN0YXRlLnN0YWZmLmVkaXRTdGFmZkl0ZW0oaXRlbSlcclxuXHRcdH0pO1xyXG5cdH1cclxuXHRcclxuXHQvKlxyXG5cdCAqIOaOkuW6j1xyXG5cdCAqL1xyXG5cdHNvcnRTdGFmZihzb3J0VHlwZSkge1xyXG5cdCAgICB0aGlzLnNldFN0YXRlKHtcclxuXHRcdCAgICBzdGFmZjogdGhpcy5zdGF0ZS5zdGFmZi5zb3J0U3RhZmYoc29ydFR5cGUpIFxyXG5cdFx0fSk7XHJcblx0fVxyXG5cdFxyXG5cdC8qXHJcblx0ICog562b6YCJXHJcblx0ICovXHJcblx0ZmlsdFN0YWZmKGZpbHRUeXBlKSB7XHJcblx0ICAgIHRoaXMuc2V0U3RhdGUoe1xyXG5cdFx0ICAgIHN0YWZmOiB0aGlzLnN0YXRlLnN0YWZmLmZpbHRTdGFmZihmaWx0VHlwZSlcclxuXHRcdH0pO1xyXG5cdH1cclxuXHRcclxuXHQvKlxyXG5cdCAqIOaQnOe0olxyXG5cdCAqL1xyXG5cdHNlYXJjaFN0YWZmKHdvcmQpIHtcclxuXHQgICAgdGhpcy5zZXRTdGF0ZSh7XHJcblx0XHQgICAgc3RhZmY6IHRoaXMuc3RhdGUuc3RhZmYuc2VhcmNoU3RhZmYod29yZClcclxuXHRcdH0pO1xyXG5cdH1cclxuXHJcblx0XHJcblx0cmVuZGVyKCl7XHJcblx0ICByZXR1cm4gKFxyXG5cdCAgICA8ZGl2PlxyXG5cdFx0ICA8U3RhZmZIZWFkZXIgc29ydFN0YWZmPXt0aGlzLnNvcnRTdGFmZi5iaW5kKHRoaXMpfSBmaWx0U3RhZmY9e3RoaXMuZmlsdFN0YWZmLmJpbmQodGhpcyl9IHNlYXJjaFN0YWZmPXt0aGlzLnNlYXJjaFN0YWZmLmJpbmQodGhpcyl9Lz5cclxuXHRcdCAgPFN0YWZmSXRlbVBhbmVsIGl0ZW1zPXt0aGlzLnN0YXRlLnN0YWZmLnN0YWZmfSByZW1vdmVTdGFmZkl0ZW09e3RoaXMucmVtb3ZlU3RhZmZJdGVtLmJpbmQodGhpcyl9IGRldGFpbFN0YWZmSXRlbT17dGhpcy5kZXRhaWxTdGFmZkl0ZW0uYmluZCh0aGlzKX0vPlxyXG5cdFx0ICA8U3RhZmZGb290ZXIgYWRkU3RhZmZJdGVtPXt0aGlzLmFkZFN0YWZmSXRlbS5iaW5kKHRoaXMpfS8+XHJcblx0XHQgIDxTdGFmZkRldGFpbCBzdGFmZkRldGFpbD17dGhpcy5zdGF0ZS5zdGFmZkRldGFpbH0gY2xvc2VEZXRhaWw9e3RoaXMuY2xvc2VEZXRhaWwuYmluZCh0aGlzKX0gZWRpdERldGFpbD17dGhpcy5lZGl0RGV0YWlsLmJpbmQodGhpcyl9Lz5cclxuXHRcdDwvZGl2PlxyXG5cdCAgKTtcclxuXHR9XHJcbn1cclxuXHJcblJlYWN0LnJlbmRlcig8QXBwIC8+LCBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnYXBwJykpO1xuXG5cbi8qKiBXRUJQQUNLIEZPT1RFUiAqKlxuICoqIC4vc3JjL2NvbXBvbmVudC9NYW5hZ2VTeXN0ZW0uanNcbiAqKi8iXSwic291cmNlUm9vdCI6IiJ9");

/***/ },
/* 2 */
/***/ function(module, exports) {

	eval("module.exports = React;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vZXh0ZXJuYWwgXCJSZWFjdFwiPzlkZTkiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiMi5qcyIsInNvdXJjZXNDb250ZW50IjpbIm1vZHVsZS5leHBvcnRzID0gUmVhY3Q7XG5cblxuLyoqKioqKioqKioqKioqKioqXG4gKiogV0VCUEFDSyBGT09URVJcbiAqKiBleHRlcm5hbCBcIlJlYWN0XCJcbiAqKiBtb2R1bGUgaWQgPSAyXG4gKiogbW9kdWxlIGNodW5rcyA9IDBcbiAqKi8iXSwic291cmNlUm9vdCI6IiJ9");

/***/ },
/* 3 */
/***/ function(module, exports, __webpack_require__) {

	eval("'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n\nvar _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; }; }();\n\nvar _react = __webpack_require__(2);\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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; }\n\nvar StaffHeader = function (_React$Component) {\n\t_inherits(StaffHeader, _React$Component);\n\n\tfunction StaffHeader() {\n\t\t_classCallCheck(this, StaffHeader);\n\n\t\treturn _possibleConstructorReturn(this, (StaffHeader.__proto__ || Object.getPrototypeOf(StaffHeader)).apply(this, arguments));\n\t}\n\n\t_createClass(StaffHeader, [{\n\t\tkey: 'handlerOrderChange',\n\n\n\t\t//排序\n\t\tvalue: function handlerOrderChange() {\n\t\t\tvar sel = _react2.default.findDOMNode(this.refs.selOrder);\n\t\t\tvar selValue = sel.options[sel.selectedIndex].value;\n\t\t\tthis.props.sortStaff(selValue);\n\t\t}\n\n\t\t//筛选\n\n\t}, {\n\t\tkey: 'handlerIdChange',\n\t\tvalue: function handlerIdChange() {\n\t\t\tvar sel = _react2.default.findDOMNode(this.refs.selId);\n\t\t\tvar selValue = sel.options[sel.selectedIndex].value;\n\t\t\tthis.props.filtStaff(selValue);\n\t\t}\n\n\t\t//search\n\n\t}, {\n\t\tkey: 'handlerSearch',\n\t\tvalue: function handlerSearch() {\n\t\t\tvar bar = _react2.default.findDOMNode(this.refs.searchBar);\n\t\t\tvar value = bar.value;\n\t\t\tconsole.log(value);\n\t\t\tthis.props.searchStaff(value);\n\t\t}\n\t}, {\n\t\tkey: 'render',\n\t\tvalue: function render() {\n\t\t\treturn _react2.default.createElement(\n\t\t\t\t'div',\n\t\t\t\tnull,\n\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t'h3',\n\t\t\t\t\t{ style: { 'text-align': 'center' } },\n\t\t\t\t\t'人员管理系统'\n\t\t\t\t),\n\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t'table',\n\t\t\t\t\t{ className: 'optHeader' },\n\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t'tbody',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t'tr',\n\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t'td',\n\t\t\t\t\t\t\t\t{ className: 'headerTd' },\n\t\t\t\t\t\t\t\t_react2.default.createElement('input', { ref: 'searchBar', onChange: this.handlerSearch.bind(this), type: 'text', placeholder: 'Search...' })\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t'td',\n\t\t\t\t\t\t\t\t{ className: 'headerTd' },\n\t\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t\t'label',\n\t\t\t\t\t\t\t\t\t{ 'for': 'idSelect' },\n\t\t\t\t\t\t\t\t\t'人员筛选'\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t\t'select',\n\t\t\t\t\t\t\t\t\t{ id: 'idSelect', ref: 'selId', onChange: this.handlerIdChange.bind(this) },\n\t\t\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t\t\t'option',\n\t\t\t\t\t\t\t\t\t\t{ value: '0' },\n\t\t\t\t\t\t\t\t\t\t'全部'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t\t\t'option',\n\t\t\t\t\t\t\t\t\t\t{ value: '1' },\n\t\t\t\t\t\t\t\t\t\t'主任'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t\t\t'option',\n\t\t\t\t\t\t\t\t\t\t{ value: '2' },\n\t\t\t\t\t\t\t\t\t\t'老师'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t\t\t'option',\n\t\t\t\t\t\t\t\t\t\t{ value: '3' },\n\t\t\t\t\t\t\t\t\t\t'学生'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t\t\t'option',\n\t\t\t\t\t\t\t\t\t\t{ value: '4' },\n\t\t\t\t\t\t\t\t\t\t'实习'\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t'td',\n\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t\t'label',\n\t\t\t\t\t\t\t\t\t{ 'for': 'orderSelect' },\n\t\t\t\t\t\t\t\t\t'排列方式'\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t\t'select',\n\t\t\t\t\t\t\t\t\t{ id: 'orderSelect', ref: 'selOrder', onChange: this.handlerOrderChange.bind(this) },\n\t\t\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t\t\t'option',\n\t\t\t\t\t\t\t\t\t\t{ value: '0' },\n\t\t\t\t\t\t\t\t\t\t'身份'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t\t\t'option',\n\t\t\t\t\t\t\t\t\t\t{ value: '1' },\n\t\t\t\t\t\t\t\t\t\t'年龄升'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t\t\t'option',\n\t\t\t\t\t\t\t\t\t\t{ value: '2' },\n\t\t\t\t\t\t\t\t\t\t'年龄降'\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t)\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\t}]);\n\n\treturn StaffHeader;\n}(_react2.default.Component);\n\nexports.default = StaffHeader;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvY29tcG9uZW50L1N0YWZmSGVhZGVyLmpzPzY5MTYiXSwibmFtZXMiOlsiU3RhZmZIZWFkZXIiLCJzZWwiLCJmaW5kRE9NTm9kZSIsInJlZnMiLCJzZWxPcmRlciIsInNlbFZhbHVlIiwib3B0aW9ucyIsInNlbGVjdGVkSW5kZXgiLCJ2YWx1ZSIsInByb3BzIiwic29ydFN0YWZmIiwic2VsSWQiLCJmaWx0U3RhZmYiLCJiYXIiLCJzZWFyY2hCYXIiLCJjb25zb2xlIiwibG9nIiwic2VhcmNoU3RhZmYiLCJoYW5kbGVyU2VhcmNoIiwiYmluZCIsImhhbmRsZXJJZENoYW5nZSIsImhhbmRsZXJPcmRlckNoYW5nZSIsIkNvbXBvbmVudCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQTs7Ozs7Ozs7Ozs7O0lBQ3FCQSxXOzs7Ozs7Ozs7Ozs7O0FBRWpCO3VDQUNvQjtBQUNuQixPQUFJQyxNQUFNLGdCQUFNQyxXQUFOLENBQWtCLEtBQUtDLElBQUwsQ0FBVUMsUUFBNUIsQ0FBVjtBQUNILE9BQUlDLFdBQVdKLElBQUlLLE9BQUosQ0FBWUwsSUFBSU0sYUFBaEIsRUFBK0JDLEtBQTlDO0FBQ0EsUUFBS0MsS0FBTCxDQUFXQyxTQUFYLENBQXFCTCxRQUFyQjtBQUNBOztBQUVEOzs7O29DQUNpQjtBQUNiLE9BQUlKLE1BQU0sZ0JBQU1DLFdBQU4sQ0FBa0IsS0FBS0MsSUFBTCxDQUFVUSxLQUE1QixDQUFWO0FBQ0gsT0FBSU4sV0FBV0osSUFBSUssT0FBSixDQUFZTCxJQUFJTSxhQUFoQixFQUErQkMsS0FBOUM7QUFDQSxRQUFLQyxLQUFMLENBQVdHLFNBQVgsQ0FBcUJQLFFBQXJCO0FBQ0E7O0FBRUQ7Ozs7a0NBQ2U7QUFDWCxPQUFJUSxNQUFNLGdCQUFNWCxXQUFOLENBQWtCLEtBQUtDLElBQUwsQ0FBVVcsU0FBNUIsQ0FBVjtBQUNILE9BQUlOLFFBQVFLLElBQUlMLEtBQWhCO0FBQ0FPLFdBQVFDLEdBQVIsQ0FBWVIsS0FBWjtBQUNBLFFBQUtDLEtBQUwsQ0FBV1EsV0FBWCxDQUF1QlQsS0FBdkI7QUFDQTs7OzJCQUVVO0FBQ1AsVUFDRDtBQUFBO0FBQUE7QUFDSTtBQUFBO0FBQUEsT0FBSSxPQUFPLEVBQUMsY0FBYSxRQUFkLEVBQVg7QUFBQTtBQUFBLEtBREo7QUFFQztBQUFBO0FBQUEsT0FBTyxXQUFVLFdBQWpCO0FBQ0Q7QUFBQTtBQUFBO0FBQ0U7QUFBQTtBQUFBO0FBQ0Q7QUFBQTtBQUFBLFVBQUksV0FBVSxVQUFkO0FBQXlCLGlEQUFPLEtBQUksV0FBWCxFQUF1QixVQUFVLEtBQUtVLGFBQUwsQ0FBbUJDLElBQW5CLENBQXdCLElBQXhCLENBQWpDLEVBQWdFLE1BQUssTUFBckUsRUFBNEUsYUFBWSxXQUF4RjtBQUF6QixRQURDO0FBRUQ7QUFBQTtBQUFBLFVBQUksV0FBVSxVQUFkO0FBQ0M7QUFBQTtBQUFBLFdBQU8sT0FBSSxVQUFYO0FBQUE7QUFBQSxTQUREO0FBRUM7QUFBQTtBQUFBLFdBQVEsSUFBRyxVQUFYLEVBQXNCLEtBQUksT0FBMUIsRUFBa0MsVUFBVSxLQUFLQyxlQUFMLENBQXFCRCxJQUFyQixDQUEwQixJQUExQixDQUE1QztBQUNJO0FBQUE7QUFBQSxZQUFRLE9BQU0sR0FBZDtBQUFBO0FBQUEsVUFESjtBQUVDO0FBQUE7QUFBQSxZQUFRLE9BQU0sR0FBZDtBQUFBO0FBQUEsVUFGRDtBQUdDO0FBQUE7QUFBQSxZQUFRLE9BQU0sR0FBZDtBQUFBO0FBQUEsVUFIRDtBQUlDO0FBQUE7QUFBQSxZQUFRLE9BQU0sR0FBZDtBQUFBO0FBQUEsVUFKRDtBQUtDO0FBQUE7QUFBQSxZQUFRLE9BQU0sR0FBZDtBQUFBO0FBQUE7QUFMRDtBQUZELFFBRkM7QUFZRDtBQUFBO0FBQUE7QUFDQztBQUFBO0FBQUEsV0FBTyxPQUFJLGFBQVg7QUFBQTtBQUFBLFNBREQ7QUFFQztBQUFBO0FBQUEsV0FBUSxJQUFHLGFBQVgsRUFBeUIsS0FBSSxVQUE3QixFQUF3QyxVQUFVLEtBQUtFLGtCQUFMLENBQXdCRixJQUF4QixDQUE2QixJQUE3QixDQUFsRDtBQUNDO0FBQUE7QUFBQSxZQUFRLE9BQU0sR0FBZDtBQUFBO0FBQUEsVUFERDtBQUVDO0FBQUE7QUFBQSxZQUFRLE9BQU0sR0FBZDtBQUFBO0FBQUEsVUFGRDtBQUdDO0FBQUE7QUFBQSxZQUFRLE9BQU0sR0FBZDtBQUFBO0FBQUE7QUFIRDtBQUZEO0FBWkM7QUFERjtBQURDO0FBRkQsSUFEQztBQThCSDs7OztFQXZEdUMsZ0JBQU1HLFM7O2tCQUExQnRCLFciLCJmaWxlIjoiMy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmV4cG9ydCBkZWZhdWx0IGNsYXNzIFN0YWZmSGVhZGVyIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50e1xyXG5cclxuICAgIC8v5o6S5bqPXHJcbiAgICBoYW5kbGVyT3JkZXJDaGFuZ2UoKXtcclxuXHQgICAgbGV0IHNlbCA9IFJlYWN0LmZpbmRET01Ob2RlKHRoaXMucmVmcy5zZWxPcmRlcik7XHJcblx0XHRsZXQgc2VsVmFsdWUgPSBzZWwub3B0aW9uc1tzZWwuc2VsZWN0ZWRJbmRleF0udmFsdWU7XHJcblx0XHR0aGlzLnByb3BzLnNvcnRTdGFmZihzZWxWYWx1ZSk7XHJcblx0fVxyXG5cdFxyXG5cdC8v562b6YCJXHJcblx0aGFuZGxlcklkQ2hhbmdlKCl7XHJcblx0ICAgIGxldCBzZWwgPSBSZWFjdC5maW5kRE9NTm9kZSh0aGlzLnJlZnMuc2VsSWQpO1xyXG5cdFx0bGV0IHNlbFZhbHVlID0gc2VsLm9wdGlvbnNbc2VsLnNlbGVjdGVkSW5kZXhdLnZhbHVlO1xyXG5cdFx0dGhpcy5wcm9wcy5maWx0U3RhZmYoc2VsVmFsdWUpO1xyXG5cdH1cclxuXHRcclxuXHQvL3NlYXJjaFxyXG5cdGhhbmRsZXJTZWFyY2goKXtcclxuXHQgICAgbGV0IGJhciA9IFJlYWN0LmZpbmRET01Ob2RlKHRoaXMucmVmcy5zZWFyY2hCYXIpO1xyXG5cdFx0bGV0IHZhbHVlID0gYmFyLnZhbHVlO1xyXG5cdFx0Y29uc29sZS5sb2codmFsdWUpO1xyXG5cdFx0dGhpcy5wcm9wcy5zZWFyY2hTdGFmZih2YWx1ZSk7XHJcblx0fVxyXG5cclxuICAgIHJlbmRlcigpe1xyXG5cdCAgICByZXR1cm4gKFxyXG5cdFx0ICA8ZGl2PlxyXG5cdFx0ICAgICAgPGgzIHN0eWxlPXt7J3RleHQtYWxpZ24nOidjZW50ZXInfX0+5Lq65ZGY566h55CG57O757ufPC9oMz5cclxuXHRcdFx0ICA8dGFibGUgY2xhc3NOYW1lPVwib3B0SGVhZGVyXCI+XHJcblx0XHRcdFx0PHRib2R5PlxyXG5cdFx0XHRcdCAgPHRyPlxyXG5cdFx0XHRcdFx0PHRkIGNsYXNzTmFtZT1cImhlYWRlclRkXCI+PGlucHV0IHJlZj0nc2VhcmNoQmFyJyBvbkNoYW5nZT17dGhpcy5oYW5kbGVyU2VhcmNoLmJpbmQodGhpcyl9IHR5cGU9J3RleHQnIHBsYWNlaG9sZGVyPSdTZWFyY2guLi4nIC8+PC90ZD5cclxuXHRcdFx0XHRcdDx0ZCBjbGFzc05hbWU9XCJoZWFkZXJUZFwiPlxyXG5cdFx0XHRcdFx0XHQ8bGFiZWwgZm9yPSdpZFNlbGVjdCc+5Lq65ZGY562b6YCJPC9sYWJlbD5cclxuXHRcdFx0XHRcdFx0PHNlbGVjdCBpZD0naWRTZWxlY3QnIHJlZj1cInNlbElkXCIgb25DaGFuZ2U9e3RoaXMuaGFuZGxlcklkQ2hhbmdlLmJpbmQodGhpcyl9PlxyXG5cdFx0XHRcdFx0XHQgICAgPG9wdGlvbiB2YWx1ZT0nMCc+5YWo6YOoPC9vcHRpb24+XHJcblx0XHRcdFx0XHRcdFx0PG9wdGlvbiB2YWx1ZT0nMSc+5Li75Lu7PC9vcHRpb24+XHJcblx0XHRcdFx0XHRcdFx0PG9wdGlvbiB2YWx1ZT0nMic+6ICB5biIPC9vcHRpb24+XHJcblx0XHRcdFx0XHRcdFx0PG9wdGlvbiB2YWx1ZT0nMyc+5a2m55SfPC9vcHRpb24+XHJcblx0XHRcdFx0XHRcdFx0PG9wdGlvbiB2YWx1ZT0nNCc+5a6e5LmgPC9vcHRpb24+XHJcblx0XHRcdFx0XHRcdDwvc2VsZWN0PlxyXG5cdFx0XHRcdFx0PC90ZD5cclxuXHRcdFx0XHRcdDx0ZD5cclxuXHRcdFx0XHRcdFx0PGxhYmVsIGZvcj0nb3JkZXJTZWxlY3QnPuaOkuWIl+aWueW8jzwvbGFiZWw+XHJcblx0XHRcdFx0XHRcdDxzZWxlY3QgaWQ9J29yZGVyU2VsZWN0JyByZWY9XCJzZWxPcmRlclwiIG9uQ2hhbmdlPXt0aGlzLmhhbmRsZXJPcmRlckNoYW5nZS5iaW5kKHRoaXMpfT5cclxuXHRcdFx0XHRcdFx0XHQ8b3B0aW9uIHZhbHVlPScwJz7ouqvku708L29wdGlvbj5cclxuXHRcdFx0XHRcdFx0XHQ8b3B0aW9uIHZhbHVlPScxJz7lubTpvoTljYc8L29wdGlvbj5cclxuXHRcdFx0XHRcdFx0XHQ8b3B0aW9uIHZhbHVlPScyJz7lubTpvoTpmY08L29wdGlvbj5cclxuXHRcdFx0XHRcdFx0PC9zZWxlY3Q+XHJcblx0XHRcdFx0XHQ8L3RkPlxyXG5cdFx0XHRcdCAgPC90cj5cclxuXHRcdFx0XHQ8L3Rib2R5PlxyXG5cdFx0XHQgIDwvdGFibGU+XHJcblx0XHQgIDwvZGl2PlxyXG5cdFx0KTtcclxuXHR9XHJcbn1cblxuXG4vKiogV0VCUEFDSyBGT09URVIgKipcbiAqKiAuL3NyYy9jb21wb25lbnQvU3RhZmZIZWFkZXIuanNcbiAqKi8iXSwic291cmNlUm9vdCI6IiJ9");

/***/ },
/* 4 */
/***/ function(module, exports, __webpack_require__) {

	eval("'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n\nvar _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; }; }();\n\nvar _react = __webpack_require__(2);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _StaffItem = __webpack_require__(5);\n\nvar _StaffItem2 = _interopRequireDefault(_StaffItem);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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; }\n\nvar StaffItemPanel = function (_React$Component) {\n\t_inherits(StaffItemPanel, _React$Component);\n\n\tfunction StaffItemPanel() {\n\t\t_classCallCheck(this, StaffItemPanel);\n\n\t\treturn _possibleConstructorReturn(this, (StaffItemPanel.__proto__ || Object.getPrototypeOf(StaffItemPanel)).apply(this, arguments));\n\t}\n\n\t_createClass(StaffItemPanel, [{\n\t\tkey: 'render',\n\t\tvalue: function render() {\n\t\t\tvar _this2 = this;\n\n\t\t\tvar items = [];\n\n\t\t\tif (this.props.items.length == 0) {\n\t\t\t\titems.push(_react2.default.createElement(\n\t\t\t\t\t'tr',\n\t\t\t\t\tnull,\n\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t'th',\n\t\t\t\t\t\t{ colSpan: '5', className: 'tempEmpty' },\n\t\t\t\t\t\t'暂无用户'\n\t\t\t\t\t)\n\t\t\t\t));\n\t\t\t} else {\n\t\t\t\tthis.props.items.forEach(function (item) {\n\t\t\t\t\titems.push(_react2.default.createElement(_StaffItem2.default, { key: item.key, item: item, removeStaffItem: _this2.props.removeStaffItem, detailStaffItem: _this2.props.detailStaffItem }));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn _react2.default.createElement(\n\t\t\t\t'table',\n\t\t\t\t{ className: 'itemPanel' },\n\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t'thead',\n\t\t\t\t\tnull,\n\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t'th',\n\t\t\t\t\t\t{ className: 'itemTd' },\n\t\t\t\t\t\t'姓名'\n\t\t\t\t\t),\n\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t'th',\n\t\t\t\t\t\t{ className: 'itemTd' },\n\t\t\t\t\t\t'年龄'\n\t\t\t\t\t),\n\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t'th',\n\t\t\t\t\t\t{ className: 'itemTd' },\n\t\t\t\t\t\t'身份'\n\t\t\t\t\t),\n\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t'th',\n\t\t\t\t\t\t{ className: 'itemTd' },\n\t\t\t\t\t\t'性别'\n\t\t\t\t\t),\n\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t'th',\n\t\t\t\t\t\t{ className: 'itemTd' },\n\t\t\t\t\t\t'操作'\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t'tbody',\n\t\t\t\t\tnull,\n\t\t\t\t\titems\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\t}]);\n\n\treturn StaffItemPanel;\n}(_react2.default.Component);\n\nexports.default = StaffItemPanel;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvY29tcG9uZW50L1N0YWZmSXRlbVBhbmVsLmpzP2U1MjgiXSwibmFtZXMiOlsiU3RhZmZJdGVtUGFuZWwiLCJpdGVtcyIsInByb3BzIiwibGVuZ3RoIiwicHVzaCIsImZvckVhY2giLCJpdGVtIiwia2V5IiwicmVtb3ZlU3RhZmZJdGVtIiwiZGV0YWlsU3RhZmZJdGVtIiwiQ29tcG9uZW50Il0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUFBOzs7O0FBQ0E7Ozs7Ozs7Ozs7OztJQUNxQkEsYzs7Ozs7Ozs7Ozs7MkJBRVo7QUFBQTs7QUFDSixPQUFJQyxRQUFRLEVBQVo7O0FBRUgsT0FBRyxLQUFLQyxLQUFMLENBQVdELEtBQVgsQ0FBaUJFLE1BQWpCLElBQTJCLENBQTlCLEVBQWlDO0FBQzdCRixVQUFNRyxJQUFOLENBQVc7QUFBQTtBQUFBO0FBQUk7QUFBQTtBQUFBLFFBQUksU0FBUSxHQUFaLEVBQWdCLFdBQVUsV0FBMUI7QUFBQTtBQUFBO0FBQUosS0FBWDtBQUNILElBRkQsTUFFTTtBQUNGLFNBQUtGLEtBQUwsQ0FBV0QsS0FBWCxDQUFpQkksT0FBakIsQ0FBeUIsZ0JBQVE7QUFDaENKLFdBQU1HLElBQU4sQ0FBVyxxREFBVyxLQUFLRSxLQUFLQyxHQUFyQixFQUEwQixNQUFNRCxJQUFoQyxFQUFzQyxpQkFBaUIsT0FBS0osS0FBTCxDQUFXTSxlQUFsRSxFQUFtRixpQkFBaUIsT0FBS04sS0FBTCxDQUFXTyxlQUEvRyxHQUFYO0FBQ0EsS0FGRDtBQUdIOztBQUlELFVBQ0U7QUFBQTtBQUFBLE1BQU8sV0FBVSxXQUFqQjtBQUNFO0FBQUE7QUFBQTtBQUNDO0FBQUE7QUFBQSxRQUFJLFdBQVUsUUFBZDtBQUFBO0FBQUEsTUFERDtBQUVGO0FBQUE7QUFBQSxRQUFJLFdBQVUsUUFBZDtBQUFBO0FBQUEsTUFGRTtBQUdGO0FBQUE7QUFBQSxRQUFJLFdBQVUsUUFBZDtBQUFBO0FBQUEsTUFIRTtBQUlGO0FBQUE7QUFBQSxRQUFJLFdBQVUsUUFBZDtBQUFBO0FBQUEsTUFKRTtBQUtGO0FBQUE7QUFBQSxRQUFJLFdBQVUsUUFBZDtBQUFBO0FBQUE7QUFMRSxLQURGO0FBUUU7QUFBQTtBQUFBO0FBQVFSO0FBQVI7QUFSRixJQURGO0FBWUE7Ozs7RUEzQjBDLGdCQUFNUyxTOztrQkFBN0JWLGMiLCJmaWxlIjoiNC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCBTdGFmZkl0ZW0gZnJvbSAnLi9TdGFmZkl0ZW0uanMnO1xyXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBTdGFmZkl0ZW1QYW5lbCBleHRlbmRzIFJlYWN0LkNvbXBvbmVudHtcclxuICAgIFxyXG5cdHJlbmRlcigpe1xyXG5cdCAgICBsZXQgaXRlbXMgPSBbXTtcclxuXHRcdFxyXG5cdFx0aWYodGhpcy5wcm9wcy5pdGVtcy5sZW5ndGggPT0gMCkge1xyXG5cdFx0ICAgIGl0ZW1zLnB1c2goPHRyPjx0aCBjb2xTcGFuPVwiNVwiIGNsYXNzTmFtZT1cInRlbXBFbXB0eVwiPuaaguaXoOeUqOaItzwvdGg+PC90cj4pO1xyXG5cdFx0fWVsc2Uge1xyXG5cdFx0ICAgIHRoaXMucHJvcHMuaXRlbXMuZm9yRWFjaChpdGVtID0+IHtcclxuXHRcdFx0ICAgIGl0ZW1zLnB1c2goPFN0YWZmSXRlbSBrZXk9e2l0ZW0ua2V5fSBpdGVtPXtpdGVtfSByZW1vdmVTdGFmZkl0ZW09e3RoaXMucHJvcHMucmVtb3ZlU3RhZmZJdGVtfSBkZXRhaWxTdGFmZkl0ZW09e3RoaXMucHJvcHMuZGV0YWlsU3RhZmZJdGVtfS8+KTtcclxuXHRcdCAgICB9KTtcclxuXHRcdH1cclxuXHJcblxyXG5cdFx0XHJcblx0XHRyZXR1cm4gKFxyXG5cdFx0ICA8dGFibGUgY2xhc3NOYW1lPSdpdGVtUGFuZWwnPlxyXG5cdFx0ICAgIDx0aGVhZD5cclxuXHRcdFx0ICAgIDx0aCBjbGFzc05hbWU9J2l0ZW1UZCc+5aeT5ZCNPC90aD5cclxuXHRcdFx0XHQ8dGggY2xhc3NOYW1lPSdpdGVtVGQnPuW5tOm+hDwvdGg+XHJcblx0XHRcdFx0PHRoIGNsYXNzTmFtZT0naXRlbVRkJz7ouqvku708L3RoPlxyXG5cdFx0XHRcdDx0aCBjbGFzc05hbWU9J2l0ZW1UZCc+5oCn5YirPC90aD5cclxuXHRcdFx0XHQ8dGggY2xhc3NOYW1lPSdpdGVtVGQnPuaTjeS9nDwvdGg+XHJcblx0XHRcdDwvdGhlYWQ+XHJcblx0XHQgICAgPHRib2R5PntpdGVtc308L3Rib2R5PlxyXG5cdFx0ICA8L3RhYmxlPlxyXG5cdFx0KTtcclxuXHR9XHJcbn1cblxuXG4vKiogV0VCUEFDSyBGT09URVIgKipcbiAqKiAuL3NyYy9jb21wb25lbnQvU3RhZmZJdGVtUGFuZWwuanNcbiAqKi8iXSwic291cmNlUm9vdCI6IiJ9");

/***/ },
/* 5 */
/***/ function(module, exports, __webpack_require__) {

	eval("'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n\nvar _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; }; }();\n\nvar _react = __webpack_require__(2);\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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; }\n\nvar StaffItem = function (_React$Component) {\n\t_inherits(StaffItem, _React$Component);\n\n\tfunction StaffItem() {\n\t\t_classCallCheck(this, StaffItem);\n\n\t\treturn _possibleConstructorReturn(this, (StaffItem.__proto__ || Object.getPrototypeOf(StaffItem)).apply(this, arguments));\n\t}\n\n\t_createClass(StaffItem, [{\n\t\tkey: 'handlerDelete',\n\n\n\t\t//delete\n\t\tvalue: function handlerDelete(evt) {\n\t\t\tthis.props.removeStaffItem(this.props.item.key);\n\t\t}\n\n\t\t//detail\n\n\t}, {\n\t\tkey: 'handlerDetail',\n\t\tvalue: function handlerDetail(evt) {\n\t\t\tthis.props.detailStaffItem(this.props.item.key);\n\t\t}\n\t}, {\n\t\tkey: 'render',\n\t\tvalue: function render() {\n\t\t\treturn _react2.default.createElement(\n\t\t\t\t'tr',\n\t\t\t\t{\n\t\t\t\t\tstyle: { 'cursor': 'pointer' }\n\t\t\t\t},\n\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t'td',\n\t\t\t\t\t{ className: 'itemTd' },\n\t\t\t\t\tthis.props.item.info.name\n\t\t\t\t),\n\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t'td',\n\t\t\t\t\t{ className: 'itemTd' },\n\t\t\t\t\tthis.props.item.info.age\n\t\t\t\t),\n\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t'td',\n\t\t\t\t\t{ className: 'itemTd' },\n\t\t\t\t\tthis.props.item.info.id\n\t\t\t\t),\n\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t'td',\n\t\t\t\t\t{ className: 'itemTd' },\n\t\t\t\t\tthis.props.item.info.sex\n\t\t\t\t),\n\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t'td',\n\t\t\t\t\t{ className: 'itemTd' },\n\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t'a',\n\t\t\t\t\t\t{ className: 'itemBtn', onClick: this.handlerDelete.bind(this) },\n\t\t\t\t\t\t'删除'\n\t\t\t\t\t),\n\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t'a',\n\t\t\t\t\t\t{ className: 'itemBtn', onClick: this.handlerDetail.bind(this) },\n\t\t\t\t\t\t'详情'\n\t\t\t\t\t)\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\t}]);\n\n\treturn StaffItem;\n}(_react2.default.Component);\n\nexports.default = StaffItem;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvY29tcG9uZW50L1N0YWZmSXRlbS5qcz8zMjFlIl0sIm5hbWVzIjpbIlN0YWZmSXRlbSIsImV2dCIsInByb3BzIiwicmVtb3ZlU3RhZmZJdGVtIiwiaXRlbSIsImtleSIsImRldGFpbFN0YWZmSXRlbSIsImluZm8iLCJuYW1lIiwiYWdlIiwiaWQiLCJzZXgiLCJoYW5kbGVyRGVsZXRlIiwiYmluZCIsImhhbmRsZXJEZXRhaWwiLCJDb21wb25lbnQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUE7Ozs7Ozs7Ozs7OztJQUNxQkEsUzs7Ozs7Ozs7Ozs7OztBQUVwQjtnQ0FDY0MsRyxFQUFJO0FBQ2QsUUFBS0MsS0FBTCxDQUFXQyxlQUFYLENBQTJCLEtBQUtELEtBQUwsQ0FBV0UsSUFBWCxDQUFnQkMsR0FBM0M7QUFDSDs7QUFFRDs7OztnQ0FDY0osRyxFQUFJO0FBQ2QsUUFBS0MsS0FBTCxDQUFXSSxlQUFYLENBQTJCLEtBQUtKLEtBQUwsQ0FBV0UsSUFBWCxDQUFnQkMsR0FBM0M7QUFDSDs7OzJCQUVPO0FBQ1AsVUFDRztBQUFBO0FBQUE7QUFDRCxZQUFPLEVBQUMsVUFBVSxTQUFYO0FBRE47QUFHRDtBQUFBO0FBQUEsT0FBSSxXQUFVLFFBQWQ7QUFBd0IsVUFBS0gsS0FBTCxDQUFXRSxJQUFYLENBQWdCRyxJQUFoQixDQUFxQkM7QUFBN0MsS0FIQztBQUlEO0FBQUE7QUFBQSxPQUFJLFdBQVUsUUFBZDtBQUF3QixVQUFLTixLQUFMLENBQVdFLElBQVgsQ0FBZ0JHLElBQWhCLENBQXFCRTtBQUE3QyxLQUpDO0FBS0Q7QUFBQTtBQUFBLE9BQUksV0FBVSxRQUFkO0FBQXdCLFVBQUtQLEtBQUwsQ0FBV0UsSUFBWCxDQUFnQkcsSUFBaEIsQ0FBcUJHO0FBQTdDLEtBTEM7QUFNRDtBQUFBO0FBQUEsT0FBSSxXQUFVLFFBQWQ7QUFBd0IsVUFBS1IsS0FBTCxDQUFXRSxJQUFYLENBQWdCRyxJQUFoQixDQUFxQkk7QUFBN0MsS0FOQztBQU9EO0FBQUE7QUFBQSxPQUFJLFdBQVUsUUFBZDtBQUNJO0FBQUE7QUFBQSxRQUFHLFdBQVUsU0FBYixFQUF1QixTQUFTLEtBQUtDLGFBQUwsQ0FBbUJDLElBQW5CLENBQXdCLElBQXhCLENBQWhDO0FBQUE7QUFBQSxNQURKO0FBRUk7QUFBQTtBQUFBLFFBQUcsV0FBVSxTQUFiLEVBQXVCLFNBQVMsS0FBS0MsYUFBTCxDQUFtQkQsSUFBbkIsQ0FBd0IsSUFBeEIsQ0FBaEM7QUFBQTtBQUFBO0FBRko7QUFQQyxJQURIO0FBY0E7Ozs7RUEzQnFDLGdCQUFNRSxTOztrQkFBeEJmLFMiLCJmaWxlIjoiNS5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmV4cG9ydCBkZWZhdWx0IGNsYXNzIFN0YWZmSXRlbSBleHRlbmRzIFJlYWN0LkNvbXBvbmVudHtcclxuXHRcclxuXHQvL2RlbGV0ZVxyXG5cdGhhbmRsZXJEZWxldGUoZXZ0KXtcclxuXHQgICAgdGhpcy5wcm9wcy5yZW1vdmVTdGFmZkl0ZW0odGhpcy5wcm9wcy5pdGVtLmtleSk7XHJcblx0fVxyXG5cdFxyXG5cdC8vZGV0YWlsXHJcblx0aGFuZGxlckRldGFpbChldnQpe1xyXG5cdCAgICB0aGlzLnByb3BzLmRldGFpbFN0YWZmSXRlbSh0aGlzLnByb3BzLml0ZW0ua2V5KTtcclxuXHR9XHJcblx0XHJcblx0cmVuZGVyKCl7XHJcblx0XHRyZXR1cm4gKFxyXG5cdFx0XHQgIDx0clxyXG5cdFx0XHRcdHN0eWxlPXt7J2N1cnNvcic6ICdwb2ludGVyJ319XHJcblx0XHRcdCAgPlxyXG5cdFx0XHRcdDx0ZCBjbGFzc05hbWU9J2l0ZW1UZCc+e3RoaXMucHJvcHMuaXRlbS5pbmZvLm5hbWV9PC90ZD5cclxuXHRcdFx0XHQ8dGQgY2xhc3NOYW1lPSdpdGVtVGQnPnt0aGlzLnByb3BzLml0ZW0uaW5mby5hZ2V9PC90ZD5cclxuXHRcdFx0XHQ8dGQgY2xhc3NOYW1lPSdpdGVtVGQnPnt0aGlzLnByb3BzLml0ZW0uaW5mby5pZH08L3RkPlxyXG5cdFx0XHRcdDx0ZCBjbGFzc05hbWU9J2l0ZW1UZCc+e3RoaXMucHJvcHMuaXRlbS5pbmZvLnNleH08L3RkPlxyXG5cdFx0XHRcdDx0ZCBjbGFzc05hbWU9J2l0ZW1UZCc+XHJcblx0XHRcdFx0ICAgIDxhIGNsYXNzTmFtZT1cIml0ZW1CdG5cIiBvbkNsaWNrPXt0aGlzLmhhbmRsZXJEZWxldGUuYmluZCh0aGlzKX0+5Yig6ZmkPC9hPlxyXG5cdFx0XHRcdCAgICA8YSBjbGFzc05hbWU9XCJpdGVtQnRuXCIgb25DbGljaz17dGhpcy5oYW5kbGVyRGV0YWlsLmJpbmQodGhpcyl9PuivpuaDhTwvYT5cclxuXHRcdFx0XHQ8L3RkPlxyXG5cdFx0XHQgIDwvdHI+XHJcblx0XHQpO1xyXG5cdH1cclxufVxuXG5cbi8qKiBXRUJQQUNLIEZPT1RFUiAqKlxuICoqIC4vc3JjL2NvbXBvbmVudC9TdGFmZkl0ZW0uanNcbiAqKi8iXSwic291cmNlUm9vdCI6IiJ9");

/***/ },
/* 6 */
/***/ function(module, exports, __webpack_require__) {

	eval("'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol ? \"symbol\" : typeof obj; };\n\nvar _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; }; }();\n\nvar _react = __webpack_require__(2);\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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; }\n\nvar StaffFooter = function (_React$Component) {\n\t_inherits(StaffFooter, _React$Component);\n\n\tfunction StaffFooter() {\n\t\t_classCallCheck(this, StaffFooter);\n\n\t\treturn _possibleConstructorReturn(this, (StaffFooter.__proto__ || Object.getPrototypeOf(StaffFooter)).apply(this, arguments));\n\t}\n\n\t_createClass(StaffFooter, [{\n\t\tkey: 'handlerAddClick',\n\t\tvalue: function handlerAddClick(evt) {\n\t\t\tvar _this2 = this;\n\n\t\t\tevt.preventDefault();\n\t\t\tvar item = {};\n\t\t\tvar addForm = _react2.default.findDOMNode(this.refs.addForm);\n\t\t\tvar sex = addForm.querySelector('#staffAddSex');\n\t\t\tvar id = addForm.querySelector('#staffAddId');\n\n\t\t\titem.name = addForm.querySelector('#staffAddName').value.trim();\n\t\t\titem.age = addForm.querySelector('#staffAddAge').value.trim();\n\t\t\titem.descrip = addForm.querySelector('#staffAddDescrip').value.trim();\n\t\t\titem.sex = sex.options[sex.selectedIndex].value;\n\t\t\titem.id = id.options[id.selectedIndex].value;\n\n\t\t\t/*\r\n    *表单验证\r\n    */\n\t\t\tif (item.name == '' || item.age == '' || item.descrip == '') {\n\t\t\t\tvar _ret = function () {\n\t\t\t\t\tvar tips = _react2.default.findDOMNode(_this2.refs.tipsUnDone);\n\t\t\t\t\ttips.style.display = 'block';\n\t\t\t\t\tsetTimeout(function () {\n\t\t\t\t\t\ttips.style.display = 'none';\n\t\t\t\t\t}, 1000);\n\t\t\t\t\treturn {\n\t\t\t\t\t\tv: void 0\n\t\t\t\t\t};\n\t\t\t\t}();\n\n\t\t\t\tif ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === \"object\") return _ret.v;\n\t\t\t}\n\t\t\t//非负整数\n\t\t\tvar numReg = /^\\d+$/;\n\t\t\tif (!numReg.test(item.age) || parseInt(item.age) > 150) {\n\t\t\t\tvar _ret2 = function () {\n\t\t\t\t\tvar tips = _react2.default.findDOMNode(_this2.refs.tipsUnAge);\n\t\t\t\t\ttips.style.display = 'block';\n\t\t\t\t\tsetTimeout(function () {\n\t\t\t\t\t\ttips.style.display = 'none';\n\t\t\t\t\t}, 1000);\n\t\t\t\t\treturn {\n\t\t\t\t\t\tv: void 0\n\t\t\t\t\t};\n\t\t\t\t}();\n\n\t\t\t\tif ((typeof _ret2 === 'undefined' ? 'undefined' : _typeof(_ret2)) === \"object\") return _ret2.v;\n\t\t\t}\n\n\t\t\tthis.props.addStaffItem(item);\n\t\t\taddForm.reset();\n\n\t\t\t//此处应在返回添加成功信息后确认\n\t\t\tvar tips = _react2.default.findDOMNode(this.refs.tips);\n\t\t\ttips.style.display = 'block';\n\t\t\tsetTimeout(function () {\n\t\t\t\ttips.style.display = 'none';\n\t\t\t}, 1000);\n\t\t}\n\t}, {\n\t\tkey: 'render',\n\t\tvalue: function render() {\n\t\t\treturn _react2.default.createElement(\n\t\t\t\t'div',\n\t\t\t\tnull,\n\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t'h4',\n\t\t\t\t\t{ style: { 'text-align': 'center' } },\n\t\t\t\t\t'人员新增'\n\t\t\t\t),\n\t\t\t\t_react2.default.createElement('hr', null),\n\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t'form',\n\t\t\t\t\t{ ref: 'addForm', className: 'addForm' },\n\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t'div',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t'label',\n\t\t\t\t\t\t\t{ 'for': 'staffAddName', style: { 'display': 'block' } },\n\t\t\t\t\t\t\t'姓名'\n\t\t\t\t\t\t),\n\t\t\t\t\t\t_react2.default.createElement('input', { ref: 'addName', id: 'staffAddName', type: 'text', placeholder: 'Your Name' })\n\t\t\t\t\t),\n\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t'div',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t'label',\n\t\t\t\t\t\t\t{ 'for': 'staffAddAge', style: { 'display': 'block' } },\n\t\t\t\t\t\t\t'年龄'\n\t\t\t\t\t\t),\n\t\t\t\t\t\t_react2.default.createElement('input', { ref: 'addAge', id: 'staffAddAge', type: 'text', placeholder: 'Your Age(0-150)' })\n\t\t\t\t\t),\n\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t'div',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t'label',\n\t\t\t\t\t\t\t{ 'for': 'staffAddSex', style: { 'display': 'block' } },\n\t\t\t\t\t\t\t'性别'\n\t\t\t\t\t\t),\n\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t'select',\n\t\t\t\t\t\t\t{ ref: 'addSex', id: 'staffAddSex' },\n\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t'option',\n\t\t\t\t\t\t\t\t{ value: '男' },\n\t\t\t\t\t\t\t\t'男'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t'option',\n\t\t\t\t\t\t\t\t{ value: '女' },\n\t\t\t\t\t\t\t\t'女'\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t),\n\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t'div',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t'label',\n\t\t\t\t\t\t\t{ 'for': 'staffAddId', style: { 'display': 'block' } },\n\t\t\t\t\t\t\t'身份'\n\t\t\t\t\t\t),\n\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t'select',\n\t\t\t\t\t\t\t{ ref: 'addId', id: 'staffAddId' },\n\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t'option',\n\t\t\t\t\t\t\t\t{ value: '主任' },\n\t\t\t\t\t\t\t\t'主任'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t'option',\n\t\t\t\t\t\t\t\t{ value: '老师' },\n\t\t\t\t\t\t\t\t'老师'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t'option',\n\t\t\t\t\t\t\t\t{ value: '学生' },\n\t\t\t\t\t\t\t\t'学生'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t'option',\n\t\t\t\t\t\t\t\t{ value: '实习' },\n\t\t\t\t\t\t\t\t'实习'\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t),\n\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t'div',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t'label',\n\t\t\t\t\t\t\t{ 'for': 'staffAddDescrip', style: { 'display': 'block' } },\n\t\t\t\t\t\t\t'个人描述'\n\t\t\t\t\t\t),\n\t\t\t\t\t\t_react2.default.createElement('textarea', { ref: 'addDescrip', id: 'staffAddDescrip', type: 'text' })\n\t\t\t\t\t),\n\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t'p',\n\t\t\t\t\t\t{ ref: 'tips', className: 'tips' },\n\t\t\t\t\t\t'提交成功'\n\t\t\t\t\t),\n\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t'p',\n\t\t\t\t\t\t{ ref: 'tipsUnDone', className: 'tips' },\n\t\t\t\t\t\t'请录入完整的人员信息'\n\t\t\t\t\t),\n\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t'p',\n\t\t\t\t\t\t{ ref: 'tipsUnAge', className: 'tips' },\n\t\t\t\t\t\t'请录入正确的年龄'\n\t\t\t\t\t),\n\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t'div',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t'button',\n\t\t\t\t\t\t\t{ onClick: this.handlerAddClick.bind(this) },\n\t\t\t\t\t\t\t'提交'\n\t\t\t\t\t\t)\n\t\t\t\t\t)\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\t}]);\n\n\treturn StaffFooter;\n}(_react2.default.Component);\n\nexports.default = StaffFooter;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvY29tcG9uZW50L1N0YWZmRm9vdGVyLmpzPzVhZDYiXSwibmFtZXMiOlsiU3RhZmZGb290ZXIiLCJldnQiLCJwcmV2ZW50RGVmYXVsdCIsIml0ZW0iLCJhZGRGb3JtIiwiZmluZERPTU5vZGUiLCJyZWZzIiwic2V4IiwicXVlcnlTZWxlY3RvciIsImlkIiwibmFtZSIsInZhbHVlIiwidHJpbSIsImFnZSIsImRlc2NyaXAiLCJvcHRpb25zIiwic2VsZWN0ZWRJbmRleCIsInRpcHMiLCJ0aXBzVW5Eb25lIiwic3R5bGUiLCJkaXNwbGF5Iiwic2V0VGltZW91dCIsIm51bVJlZyIsInRlc3QiLCJwYXJzZUludCIsInRpcHNVbkFnZSIsInByb3BzIiwiYWRkU3RhZmZJdGVtIiwicmVzZXQiLCJoYW5kbGVyQWRkQ2xpY2siLCJiaW5kIiwiQ29tcG9uZW50Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBQUE7Ozs7Ozs7Ozs7OztJQUNxQkEsVzs7Ozs7Ozs7Ozs7a0NBRUpDLEcsRUFBSTtBQUFBOztBQUNoQkEsT0FBSUMsY0FBSjtBQUNILE9BQUlDLE9BQU8sRUFBWDtBQUNBLE9BQUlDLFVBQVUsZ0JBQU1DLFdBQU4sQ0FBa0IsS0FBS0MsSUFBTCxDQUFVRixPQUE1QixDQUFkO0FBQ0EsT0FBSUcsTUFBTUgsUUFBUUksYUFBUixDQUFzQixjQUF0QixDQUFWO0FBQ0EsT0FBSUMsS0FBS0wsUUFBUUksYUFBUixDQUFzQixhQUF0QixDQUFUOztBQUVBTCxRQUFLTyxJQUFMLEdBQVlOLFFBQVFJLGFBQVIsQ0FBc0IsZUFBdEIsRUFBdUNHLEtBQXZDLENBQTZDQyxJQUE3QyxFQUFaO0FBQ0FULFFBQUtVLEdBQUwsR0FBV1QsUUFBUUksYUFBUixDQUFzQixjQUF0QixFQUFzQ0csS0FBdEMsQ0FBNENDLElBQTVDLEVBQVg7QUFDQVQsUUFBS1csT0FBTCxHQUFlVixRQUFRSSxhQUFSLENBQXNCLGtCQUF0QixFQUEwQ0csS0FBMUMsQ0FBZ0RDLElB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QUFDRDtBQUFBO0FBQUEsU0FBTyxPQUFJLFlBQVgsRUFBd0IsT0FBTyxFQUFDLFdBQVcsT0FBWixFQUEvQjtBQUFBO0FBQUEsT0FEQztBQUVEO0FBQUE7QUFBQSxTQUFRLEtBQUksT0FBWixFQUFvQixJQUFHLFlBQXZCO0FBQ0U7QUFBQTtBQUFBLFVBQVEsT0FBTSxJQUFkO0FBQUE7QUFBQSxRQURGO0FBRUU7QUFBQTtBQUFBLFVBQVEsT0FBTSxJQUFkO0FBQUE7QUFBQSxRQUZGO0FBR0U7QUFBQTtBQUFBLFVBQVEsT0FBTSxJQUFkO0FBQUE7QUFBQSxRQUhGO0FBSUU7QUFBQTtBQUFBLFVBQVEsT0FBTSxJQUFkO0FBQUE7QUFBQTtBQUpGO0FBRkMsTUFoQko7QUF5Qkk7QUFBQTtBQUFBO0FBQ0Q7QUFBQTtBQUFBLFNBQU8sT0FBSSxpQkFBWCxFQUE2QixPQUFPLEVBQUMsV0FBVyxPQUFaLEVBQXBDO0FBQUE7QUFBQSxPQURDO0FBRUQsa0RBQVUsS0FBSSxZQUFkLEVBQTJCLElBQUcsaUJBQTlCLEVBQWdELE1BQUssTUFBckQ7QUFGQyxNQXpCSjtBQTZCQztBQUFBO0FBQUEsUUFBRyxLQUFJLE1BQVAsRUFBYyxXQUFVLE1BQXhCO0FBQUE7QUFBQSxNQTdCRDtBQThCQztBQUFBO0FBQUEsUUFBRyxLQUFJLFlBQVAsRUFBb0IsV0FBVSxNQUE5QjtBQUFBO0FBQUEsTUE5QkQ7QUErQkM7QUFBQTtBQUFBLFFBQUcsS0FBSSxXQUFQLEVBQW1CLFdBQVUsTUFBN0I7QUFBQTtBQUFBLE1BL0JEO0FBZ0NDO0FBQUE7QUFBQTtBQUNFO0FBQUE7QUFBQSxTQUFRLFNBQVMsS0FBS1MsZUFBTCxDQUFxQkMsSUFBckIsQ0FBMEIsSUFBMUIsQ0FBakI7QUFBQTtBQUFBO0FBREY7QUFoQ0Q7QUFIQyxJQURDO0FBMENIOzs7O0VBM0Z1QyxnQkFBTUMsUzs7a0JBQTFCL0IsVyIsImZpbGUiOiI2LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcclxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgU3RhZmZGb290ZXIgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnR7XHJcbiAgICBcclxuXHRoYW5kbGVyQWRkQ2xpY2soZXZ0KXtcclxuXHQgICAgZXZ0LnByZXZlbnREZWZhdWx0KCk7XHJcblx0XHRsZXQgaXRlbSA9IHt9O1xyXG5cdFx0bGV0IGFkZEZvcm0gPSBSZWFjdC5maW5kRE9NTm9kZSh0aGlzLnJlZnMuYWRkRm9ybSk7XHJcblx0XHRsZXQgc2V4ID0gYWRkRm9ybS5xdWVyeVNlbGVjdG9yKCcjc3RhZmZBZGRTZXgnKTtcclxuXHRcdGxldCBpZCA9IGFkZEZvcm0ucXVlcnlTZWxlY3RvcignI3N0YWZmQWRkSWQnKTtcclxuXHRcdFxyXG5cdFx0aXRlbS5uYW1lID0gYWRkRm9ybS5xdWVyeVNlbGVjdG9yKCcjc3RhZmZBZGROYW1lJykudmFsdWUudHJpbSgpO1xyXG5cdFx0aXRlbS5hZ2UgPSBhZGRGb3JtLnF1ZXJ5U2VsZWN0b3IoJyNzdGFmZkFkZEFnZScpLnZhbHVlLnRyaW0oKTtcclxuXHRcdGl0ZW0uZGVzY3JpcCA9IGFkZEZvcm0ucXVlcnlTZWxlY3RvcignI3N0YWZmQWRkRGVzY3JpcCcpLnZhbHVlLnRyaW0oKTtcclxuXHRcdGl0ZW0uc2V4ID0gc2V4Lm9wdGlvbnNbc2V4LnNlbGVjdGVkSW5kZXhdLnZhbHVlO1xyXG5cdFx0aXRlbS5pZCA9IGlkLm9wdGlvbnNbaWQuc2VsZWN0ZWRJbmRleF0udmFsdWU7XHJcblxyXG5cdFx0LypcclxuXHRcdCAq6KGo5Y2V6aqM6K+BXHJcblx0XHQgKi9cclxuXHRcdGlmKGl0ZW0ubmFtZT09JycgfHwgaXRlbS5hZ2U9PScnIHx8IGl0ZW0uZGVzY3JpcD09JycpIHtcclxuXHRcdFx0bGV0IHRpcHMgPSBSZWFjdC5maW5kRE9NTm9kZSh0aGlzLnJlZnMudGlwc1VuRG9uZSk7XHJcblx0XHRcdHRpcHMuc3R5bGUuZGlzcGxheSA9ICdibG9jayc7XHJcblx0XHRcdHNldFRpbWVvdXQoZnVuY3Rpb24oKXtcclxuXHRcdFx0XHR0aXBzLnN0eWxlLmRpc3BsYXkgPSAnbm9uZSc7XHJcblx0XHRcdH0sIDEwMDApO1xyXG5cdFx0XHRyZXR1cm47XHJcblx0XHR9XHJcblx0XHQvL+mdnui0n+aVtOaVsFxyXG4gICAgICAgIGxldCBudW1SZWcgPSAvXlxcZCskLztcclxuXHRcdGlmKCFudW1SZWcudGVzdChpdGVtLmFnZSkgfHwgcGFyc2VJbnQoaXRlbS5hZ2UpPjE1MCkge1xyXG5cdFx0XHRsZXQgdGlwcyA9IFJlYWN0LmZpbmRET01Ob2RlKHRoaXMucmVmcy50aXBzVW5BZ2UpO1xyXG5cdFx0XHR0aXBzLnN0eWxlLmRpc3BsYXkgPSAnYmxvY2snO1xyXG5cdFx0XHRzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7XHJcblx0XHRcdFx0dGlwcy5zdHlsZS5kaXNwbGF5ID0gJ25vbmUnO1xyXG5cdFx0XHR9LCAxMDAwKTtcclxuXHRcdFx0cmV0dXJuO1xyXG5cdFx0fVxyXG5cdFx0XHJcblx0XHR0aGlzLnByb3BzLmFkZFN0YWZmSXRlbShpdGVtKTtcclxuXHRcdGFkZEZvcm0ucmVzZXQoKTtcclxuXHRcdFxyXG5cdFx0Ly/mraTlpITlupTlnKjov5Tlm57mt7vliqDmiJDlip/kv6Hmga/lkI7noa7orqRcclxuXHRcdGxldCB0aXBzID0gUmVhY3QuZmluZERPTU5vZGUodGhpcy5yZWZzLnRpcHMpO1xyXG5cdFx0dGlwcy5zdHlsZS5kaXNwbGF5ID0gJ2Jsb2NrJztcclxuXHRcdHNldFRpbWVvdXQoZnVuY3Rpb24oKXtcclxuICAgICAgICAgICAgdGlwcy5zdHlsZS5kaXNwbGF5ID0gJ25vbmUnO1xyXG5cdFx0fSwgMTAwMCk7XHJcblx0fVxyXG5cdFxyXG5cdHJlbmRlcigpe1xyXG5cdCAgICByZXR1cm4gKFxyXG5cdFx0ICA8ZGl2PlxyXG5cdFx0ICAgIDxoNCBzdHlsZT17eyd0ZXh0LWFsaWduJzonY2VudGVyJ319PuS6uuWRmOaWsOWinjwvaDQ+XHJcblx0XHQgICAgPGhyLz5cclxuXHRcdFx0PGZvcm0gcmVmPSdhZGRGb3JtJyBjbGFzc05hbWU9XCJhZGRGb3JtXCI+XHJcblx0XHRcdCAgICA8ZGl2PlxyXG5cdFx0XHRcdCAgPGxhYmVsIGZvcj0nc3RhZmZBZGROYW1lJyBzdHlsZT17eydkaXNwbGF5JzogJ2Jsb2NrJ319PuWnk+WQjTwvbGFiZWw+XHJcblx0XHRcdFx0ICA8aW5wdXQgcmVmPSdhZGROYW1lJyBpZD0nc3RhZmZBZGROYW1lJyB0eXBlPSd0ZXh0JyBwbGFjZWhvbGRlcj0nWW91ciBOYW1lJy8+XHJcblx0XHRcdFx0PC9kaXY+XHJcblx0XHRcdCAgICA8ZGl2PlxyXG5cdFx0XHRcdCAgPGxhYmVsIGZvcj0nc3RhZmZBZGRBZ2UnIHN0eWxlPXt7J2Rpc3BsYXknOiAnYmxvY2snfX0+5bm06b6EPC9sYWJlbD5cclxuXHRcdFx0XHQgIDxpbnB1dCByZWY9J2FkZEFnZScgaWQ9J3N0YWZmQWRkQWdlJyB0eXBlPSd0ZXh0JyBwbGFjZWhvbGRlcj0nWW91ciBBZ2UoMC0xNTApJy8+XHJcblx0XHRcdFx0PC9kaXY+XHJcblx0XHRcdCAgICA8ZGl2PlxyXG5cdFx0XHRcdCAgPGxhYmVsIGZvcj0nc3RhZmZBZGRTZXgnIHN0eWxlPXt7J2Rpc3BsYXknOiAnYmxvY2snfX0+5oCn5YirPC9sYWJlbD5cclxuXHRcdFx0XHQgIDxzZWxlY3QgcmVmPSdhZGRTZXgnIGlkPSdzdGFmZkFkZFNleCc+XHJcblx0XHRcdFx0ICAgIDxvcHRpb24gdmFsdWU9J+eUtyc+55S3PC9vcHRpb24+XHJcblx0XHRcdFx0ICAgIDxvcHRpb24gdmFsdWU9J+Wlsyc+5aWzPC9vcHRpb24+XHJcblx0XHRcdFx0ICA8L3NlbGVjdD5cclxuXHRcdFx0XHQ8L2Rpdj5cclxuXHRcdFx0ICAgIDxkaXY+XHJcblx0XHRcdFx0ICA8bGFiZWwgZm9yPSdzdGFmZkFkZElkJyBzdHlsZT17eydkaXNwbGF5JzogJ2Jsb2NrJ319Pui6q+S7vTwvbGFiZWw+XHJcblx0XHRcdFx0ICA8c2VsZWN0IHJlZj0nYWRkSWQnIGlkPSdzdGFmZkFkZElkJz5cclxuXHRcdFx0XHQgICAgPG9wdGlvbiB2YWx1ZT0n5Li75Lu7Jz7kuLvku7s8L29wdGlvbj5cclxuXHRcdFx0XHQgICAgPG9wdGlvbiB2YWx1ZT0n6ICB5biIJz7ogIHluIg8L29wdGlvbj5cclxuXHRcdFx0XHQgICAgPG9wdGlvbiB2YWx1ZT0n5a2m55SfJz7lrabnlJ88L29wdGlvbj5cclxuXHRcdFx0XHQgICAgPG9wdGlvbiB2YWx1ZT0n5a6e5LmgJz7lrp7kuaA8L29wdGlvbj5cclxuXHRcdFx0XHQgIDwvc2VsZWN0PlxyXG5cdFx0XHRcdDwvZGl2PlxyXG5cdFx0XHQgICAgPGRpdj5cclxuXHRcdFx0XHQgIDxsYWJlbCBmb3I9J3N0YWZmQWRkRGVzY3JpcCcgc3R5bGU9e3snZGlzcGxheSc6ICdibG9jayd9fT7kuKrkurrmj4/ov7A8L2xhYmVsPlxyXG5cdFx0XHRcdCAgPHRleHRhcmVhIHJlZj0nYWRkRGVzY3JpcCcgaWQ9J3N0YWZmQWRkRGVzY3JpcCcgdHlwZT0ndGV4dCc+PC90ZXh0YXJlYT5cclxuXHRcdFx0XHQ8L2Rpdj5cclxuXHRcdFx0XHQ8cCByZWY9XCJ0aXBzXCIgY2xhc3NOYW1lPSd0aXBzJyA+5o+Q5Lqk5oiQ5YqfPC9wPlxyXG5cdFx0XHRcdDxwIHJlZj0ndGlwc1VuRG9uZScgY2xhc3NOYW1lPSd0aXBzJz7or7flvZXlhaXlrozmlbTnmoTkurrlkZjkv6Hmga88L3A+XHJcblx0XHRcdFx0PHAgcmVmPSd0aXBzVW5BZ2UnIGNsYXNzTmFtZT0ndGlwcyc+6K+35b2V5YWl5q2j56Gu55qE5bm06b6EPC9wPlxyXG5cdFx0XHRcdDxkaXY+XHJcblx0XHRcdFx0ICA8YnV0dG9uIG9uQ2xpY2s9e3RoaXMuaGFuZGxlckFkZENsaWNrLmJpbmQodGhpcyl9PuaPkOS6pDwvYnV0dG9uPlxyXG5cdFx0XHRcdDwvZGl2PlxyXG5cdFx0XHQ8L2Zvcm0+XHJcblx0XHQgIDwvZGl2PlxyXG5cdFx0KVxyXG5cdH1cclxufVxuXG5cbi8qKiBXRUJQQUNLIEZPT1RFUiAqKlxuICoqIC4vc3JjL2NvbXBvbmVudC9TdGFmZkZvb3Rlci5qc1xuICoqLyJdLCJzb3VyY2VSb290IjoiIn0=");

/***/ },
/* 7 */
/***/ function(module, exports, __webpack_require__) {

	eval("'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol ? \"symbol\" : typeof obj; };\n\nvar _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; }; }();\n\nvar _react = __webpack_require__(2);\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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; }\n\nvar StaffDetail = function (_React$Component) {\n\t_inherits(StaffDetail, _React$Component);\n\n\tfunction StaffDetail() {\n\t\t_classCallCheck(this, StaffDetail);\n\n\t\treturn _possibleConstructorReturn(this, (StaffDetail.__proto__ || Object.getPrototypeOf(StaffDetail)).apply(this, arguments));\n\t}\n\n\t_createClass(StaffDetail, [{\n\t\tkey: 'handlerEdit',\n\t\tvalue: function handlerEdit() {\n\t\t\tvar _this2 = this;\n\n\t\t\tvar item = {};\n\t\t\tvar editTabel = _react2.default.findDOMNode(this.refs.editTabel);\n\t\t\tvar sex = editTabel.querySelector('#staffEditSex');\n\t\t\tvar id = editTabel.querySelector('#staffEditId');\n\n\t\t\titem.name = editTabel.querySelector('#staffEditName').value.trim();\n\t\t\titem.age = editTabel.querySelector('#staffEditAge').value.trim();\n\t\t\titem.descrip = editTabel.querySelector('#staffEditDescrip').value.trim();\n\t\t\titem.sex = sex.options[sex.selectedIndex].value;\n\t\t\titem.id = id.options[id.selectedIndex].value;\n\t\t\titem.key = this.props.staffDetail.key;\n\n\t\t\t/*\r\n    *表单验证\r\n    */\n\t\t\tif (item.name == '' || item.age == '' || item.descrip == '') {\n\t\t\t\tvar _ret = function () {\n\t\t\t\t\tvar tips = _react2.default.findDOMNode(_this2.refs.DtipsUnDone);\n\t\t\t\t\ttips.style.display = 'block';\n\t\t\t\t\tsetTimeout(function () {\n\t\t\t\t\t\ttips.style.display = 'none';\n\t\t\t\t\t}, 1000);\n\t\t\t\t\treturn {\n\t\t\t\t\t\tv: void 0\n\t\t\t\t\t};\n\t\t\t\t}();\n\n\t\t\t\tif ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === \"object\") return _ret.v;\n\t\t\t}\n\t\t\t//非负整数\n\t\t\tvar numReg = /^\\d+$/;\n\t\t\tif (!numReg.test(item.age) || parseInt(item.age) > 150) {\n\t\t\t\tvar _ret2 = function () {\n\t\t\t\t\tvar tips = _react2.default.findDOMNode(_this2.refs.DtipsUnAge);\n\t\t\t\t\ttips.style.display = 'block';\n\t\t\t\t\tsetTimeout(function () {\n\t\t\t\t\t\ttips.style.display = 'none';\n\t\t\t\t\t}, 1000);\n\t\t\t\t\treturn {\n\t\t\t\t\t\tv: void 0\n\t\t\t\t\t};\n\t\t\t\t}();\n\n\t\t\t\tif ((typeof _ret2 === 'undefined' ? 'undefined' : _typeof(_ret2)) === \"object\") return _ret2.v;\n\t\t\t}\n\n\t\t\tthis.props.editDetail(item);\n\n\t\t\t//此处应在返回修改成功信息后确认\n\t\t\tvar tips = _react2.default.findDOMNode(this.refs.Dtips);\n\t\t\ttips.style.display = 'block';\n\t\t\tsetTimeout(function () {\n\t\t\t\ttips.style.display = 'none';\n\t\t\t}, 1000);\n\t\t}\n\t}, {\n\t\tkey: 'handlerClose',\n\t\tvalue: function handlerClose() {\n\t\t\tthis.props.closeDetail();\n\t\t}\n\t}, {\n\t\tkey: 'componentDidUpdate',\n\t\tvalue: function componentDidUpdate() {\n\t\t\tif (this.props.staffDetail == null) {} else {\n\t\t\t\tvar selSex = _react2.default.findDOMNode(this.refs.selSex);\n\t\t\t\tfor (var i = 0; i < selSex.options.length; i++) {\n\t\t\t\t\tif (selSex.options[i].value == this.props.staffDetail.info.sex) {\n\t\t\t\t\t\tselSex.options[i].selected = 'selected';\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tvar selId = _react2.default.findDOMNode(this.refs.selId);\n\t\t\t\tfor (var _i = 0; _i < selId.options.length; _i++) {\n\t\t\t\t\tif (selId.options[_i].value == this.props.staffDetail.info.id) {\n\t\t\t\t\t\tselId.options[_i].selected = 'selected';\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}, {\n\t\tkey: 'render',\n\t\tvalue: function render() {\n\t\t\tvar staffDetail = this.props.staffDetail;\n\t\t\tif (!staffDetail) return null;\n\n\t\t\treturn _react2.default.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'overLay' },\n\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t'h4',\n\t\t\t\t\t{ style: { 'text-align': 'center' } },\n\t\t\t\t\t'点击\\'完成\\'保存修改,点击\\'关闭\\'放弃未保存修改并退出.'\n\t\t\t\t),\n\t\t\t\t_react2.default.createElement('hr', null),\n\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t'table',\n\t\t\t\t\t{ ref: 'editTabel' },\n\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t'tbody',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t'tr',\n\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t'th',\n\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t'姓名'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t'td',\n\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t_react2.default.createElement('input', { id: 'staffEditName', type: 'text', defaultValue: staffDetail.info.name })\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t),\n\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t'tr',\n\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t'th',\n\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t'年龄'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t'td',\n\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t_react2.default.createElement('input', { id: 'staffEditAge', type: 'text', defaultValue: staffDetail.info.age })\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t),\n\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t'tr',\n\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t'th',\n\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t'性别'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t'td',\n\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t\t'select',\n\t\t\t\t\t\t\t\t\t{ ref: 'selSex', id: 'staffEditSex' },\n\t\t\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t\t\t'option',\n\t\t\t\t\t\t\t\t\t\t{ value: '男' },\n\t\t\t\t\t\t\t\t\t\t'男'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t\t\t'option',\n\t\t\t\t\t\t\t\t\t\t{ value: '女' },\n\t\t\t\t\t\t\t\t\t\t'女'\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t),\n\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t'tr',\n\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t'th',\n\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t'身份'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t'td',\n\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t\t'select',\n\t\t\t\t\t\t\t\t\t{ ref: 'selId', id: 'staffEditId' },\n\t\t\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t\t\t'option',\n\t\t\t\t\t\t\t\t\t\t{ value: '主任' },\n\t\t\t\t\t\t\t\t\t\t'主任'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t\t\t'option',\n\t\t\t\t\t\t\t\t\t\t{ value: '老师' },\n\t\t\t\t\t\t\t\t\t\t'老师'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t\t\t'option',\n\t\t\t\t\t\t\t\t\t\t{ value: '学生' },\n\t\t\t\t\t\t\t\t\t\t'学生'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t\t\t'option',\n\t\t\t\t\t\t\t\t\t\t{ value: '实习' },\n\t\t\t\t\t\t\t\t\t\t'实习'\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t),\n\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t'tr',\n\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t'th',\n\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t'个人描述'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t\t\t\t'td',\n\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t_react2.default.createElement('textarea', { id: 'staffEditDescrip', type: 'text', defaultValue: staffDetail.info.descrip })\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t'p',\n\t\t\t\t\t{ ref: 'Dtips', className: 'tips' },\n\t\t\t\t\t'修改成功'\n\t\t\t\t),\n\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t'p',\n\t\t\t\t\t{ ref: 'DtipsUnDone', className: 'tips' },\n\t\t\t\t\t'请录入完整的人员信息'\n\t\t\t\t),\n\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t'p',\n\t\t\t\t\t{ ref: 'DtipsUnAge', className: 'tips' },\n\t\t\t\t\t'请录入正确的年龄'\n\t\t\t\t),\n\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t'button',\n\t\t\t\t\t{ onClick: this.handlerEdit.bind(this) },\n\t\t\t\t\t'完成'\n\t\t\t\t),\n\t\t\t\t_react2.default.createElement(\n\t\t\t\t\t'button',\n\t\t\t\t\t{ onClick: this.handlerClose.bind(this) },\n\t\t\t\t\t'关闭'\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\t}]);\n\n\treturn StaffDetail;\n}(_react2.default.Component);\n\nexports.default = StaffDetail;//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvY29tcG9uZW50L1N0YWZmRGV0YWlsLmpzP2YzN2MiXSwibmFtZXMiOlsiU3RhZmZEZXRhaWwiLCJpdGVtIiwiZWRpdFRhYmVsIiwiZmluZERPTU5vZGUiLCJyZWZzIiwic2V4IiwicXVlcnlTZWxlY3RvciIsImlkIiwibmFtZSIsInZhbHVlIiwidHJpbSIsImFnZSIsImRlc2NyaXAiLCJvcHRpb25zIiwic2VsZWN0ZWRJbmRleCIsImtleSIsInByb3BzIiwic3RhZmZEZXRhaWwiLCJ0aXBzIiwiRHRpcHNVbkRvbmUiLCJzdHlsZSIsImRpc3BsYXkiLCJzZXRUaW1lb3V0IiwibnVtUmVnIiwidGVzdCIsInBhcnNlSW50IiwiRHRpcHNVbkFnZSIsImVkaXREZXRhaWwiLCJEdGlwcyIsImNsb3NlRGV0YWlsIiwic2VsU2V4IiwiaSIsImxlbmd0aCIsImluZm8iLCJzZWxlY3RlZCIsInNlbElkIiwiaGFuZGxlckVkaXQiLCJiaW5kIiwiaGFuZGxlckNsb3NlIiwiQ29tcG9uZW50Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBQUE7Ozs7Ozs7Ozs7OztJQUNxQkEsVzs7Ozs7Ozs7Ozs7Z0NBRUo7QUFBQTs7QUFDWixPQUFJQyxPQUFPLEVBQVg7QUFDQSxPQUFJQyxZQUFZLGdCQUFNQyxXQUFOLENBQWtCLEtBQUtDLElBQUwsQ0FBVUYsU0FBNUIsQ0FBaEI7QUFDSCxPQUFJRyxNQUFNSCxVQUFVSSxhQUFWLENBQXdCLGVBQXhCLENBQVY7QUFDQSxPQUFJQyxLQUFLTCxVQUFVSSxhQUFWLENBQXdCLGNBQXhCLENBQVQ7O0FBRUFMLFFBQUtPLElBQUwsR0FBWU4sVUFBVUksYUFBVixDQUF3QixnQkFBeEIsRUFBMENHLEtBQTFDLENBQWdEQyxJQUFoRCxFQUFaO0FBQ0FULFFBQUtVLEdBQUwsR0FBV1QsVUFBVUksYUFBVixDQUF3QixlQUF4QixFQUF5Q0csS0FBekMsQ0FBK0NDLElBQS9DLEVBQVg7QUFDQVQsUUFBS1csT0FBTCxHQUFl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YWN0JztcclxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgU3RhZmZEZXRhaWwgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnR7XHJcblxyXG4gICAgaGFuZGxlckVkaXQoKXtcclxuXHQgICAgbGV0IGl0ZW0gPSB7fTtcclxuXHQgICAgbGV0IGVkaXRUYWJlbCA9IFJlYWN0LmZpbmRET01Ob2RlKHRoaXMucmVmcy5lZGl0VGFiZWwpO1xyXG5cdFx0bGV0IHNleCA9IGVkaXRUYWJlbC5xdWVyeVNlbGVjdG9yKCcjc3RhZmZFZGl0U2V4Jyk7XHJcblx0XHRsZXQgaWQgPSBlZGl0VGFiZWwucXVlcnlTZWxlY3RvcignI3N0YWZmRWRpdElkJyk7XHJcblx0XHRcclxuXHRcdGl0ZW0ubmFtZSA9IGVkaXRUYWJlbC5xdWVyeVNlbGVjdG9yKCcjc3RhZmZFZGl0TmFtZScpLnZhbHVlLnRyaW0oKTtcclxuXHRcdGl0ZW0uYWdlID0gZWRpdFRhYmVsLnF1ZXJ5U2VsZWN0b3IoJyNzdGFmZkVkaXRBZ2UnKS52YWx1ZS50cmltKCk7XHJcblx0XHRpdGVtLmRlc2NyaXAgPSBlZGl0VGFiZWwucXVlcnlTZWxlY3RvcignI3N0YWZmRWRpdERlc2NyaXAnKS52YWx1ZS50cmltKCk7XHJcblx0XHRpdGVtLnNleCA9IHNleC5vcHRpb25zW3NleC5zZWxlY3RlZEluZGV4XS52YWx1ZTtcclxuXHRcdGl0ZW0uaWQgPSBpZC5vcHRpb25zW2lkLnNlbGVjdGVkSW5kZXhdLnZhbHVlO1xyXG5cdFx0aXRlbS5rZXkgPSB0aGlzLnByb3BzLnN0YWZmRGV0YWlsLmtleTtcclxuXHRcdFxyXG5cdFx0LypcclxuXHRcdCAq6KGo5Y2V6aqM6K+BXHJcblx0XHQgKi9cclxuXHRcdGlmKGl0ZW0ubmFtZT09JycgfHwgaXRlbS5hZ2U9PScnIHx8IGl0ZW0uZGVzY3JpcD09JycpIHtcclxuXHRcdFx0bGV0IHRpcHMgPSBSZWFjdC5maW5kRE9NTm9kZSh0aGlzLnJlZnMuRHRpcHNVbkRvbmUpO1xyXG5cdFx0XHR0aXBzLnN0eWxlLmRpc3BsYXkgPSAnYmxvY2snO1xyXG5cdFx0XHRzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7XHJcblx0XHRcdFx0dGlwcy5zdHlsZS5kaXNwbGF5ID0gJ25vbmUnO1xyXG5cdFx0XHR9LCAxMDAwKTtcclxuXHRcdFx0cmV0dXJuO1xyXG5cdFx0fVxyXG5cdFx0Ly/pnZ7otJ/mlbTmlbBcclxuICAgICAgICBsZXQgbnVtUmVnID0gL15cXGQrJC87XHJcblx0XHRpZighbnVtUmVnLnRlc3QoaXRlbS5hZ2UpIHx8IHBhcnNlSW50KGl0ZW0uYWdlKT4xNTApIHtcclxuXHRcdFx0bGV0IHRpcHMgPSBSZWFjdC5maW5kRE9NTm9kZSh0aGlzLnJlZnMuRHRpcHNVbkFnZSk7XHJcblx0XHRcdHRpcHMuc3R5bGUuZGlzcGxheSA9ICdibG9jayc7XHJcblx0XHRcdHNldFRpbWVvdXQoZnVuY3Rpb24oKXtcclxuXHRcdFx0XHR0aXBzLnN0eWxlLmRpc3BsYXkgPSAnbm9uZSc7XHJcblx0XHRcdH0sIDEwMDApO1xyXG5cdFx0XHRyZXR1cm47XHJcblx0XHR9XHJcblx0XHRcclxuXHRcdHRoaXMucHJvcHMuZWRpdERldGFpbChpdGVtKTtcclxuXHRcdFxyXG5cdFx0Ly/mraTlpITlupTlnKjov5Tlm57kv67mlLnmiJDlip/kv6Hmga/lkI7noa7orqRcclxuXHRcdGxldCB0aXBzID0gUmVhY3QuZmluZERPTU5vZGUodGhpcy5yZWZzLkR0aXBzKTtcclxuXHRcdHRpcHMuc3R5bGUuZGlzcGxheSA9ICdibG9jayc7XHJcblx0XHRzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7XHJcbiAgICAgICAgICAgIHRpcHMuc3R5bGUuZGlzcGxheSA9ICdub25lJztcclxuXHRcdH0sIDEwMDApO1xyXG5cdH1cclxuXHRcclxuXHRoYW5kbGVyQ2xvc2UoKXtcclxuXHQgIHRoaXMucHJvcHMuY2xvc2VEZXRhaWwoKTtcclxuXHR9XHJcblx0XHJcblx0Y29tcG9uZW50RGlkVXBkYXRlKCl7XHJcblx0ICAgIGlmKHRoaXMucHJvcHMuc3RhZmZEZXRhaWwgPT0gbnVsbCl7fVxyXG5cdFx0ZWxzZSB7XHJcblx0XHRcdGxldCBzZWxTZXggPSBSZWFjdC5maW5kRE9NTm9kZSh0aGlzLnJlZnMuc2VsU2V4KTtcclxuXHRcdFx0Zm9yKGxldCBpPTA7IGk8c2VsU2V4Lm9wdGlvbnMubGVuZ3RoOyBpKyspe1xyXG5cdFx0XHRcdGlmKHNlbFNleC5vcHRpb25zW2ldLnZhbHVlID09IHRoaXMucHJvcHMuc3RhZmZEZXRhaWwuaW5mby5zZXgpe1xyXG5cdFx0XHRcdCAgc2VsU2V4Lm9wdGlvbnNbaV0uc2VsZWN0ZWQgPSAnc2VsZWN0ZWQnO1xyXG5cdFx0XHRcdCAgYnJlYWs7XHJcblx0XHRcdFx0fVxyXG5cdFx0XHR9XHJcblx0XHRcdGxldCBzZWxJZCA9IFJlYWN0LmZpbmRET01Ob2RlKHRoaXMucmVmcy5zZWxJZCk7XHJcblx0XHRcdGZvcihsZXQgaT0wOyBpPHNlbElkLm9wdGlvbnMubGVuZ3RoOyBpKyspIHtcclxuXHRcdFx0XHRpZihzZWxJZC5vcHRpb25zW2ldLnZhbHVlID09IHRoaXMucHJvcHMuc3RhZmZEZXRhaWwuaW5mby5pZCl7XHJcblx0XHRcdFx0ICBzZWxJZC5vcHRpb25zW2ldLnNlbGVjdGVkID0gJ3NlbGVjdGVkJztcclxuXHRcdFx0XHQgIGJyZWFrO1xyXG5cdFx0XHRcdH1cclxuXHRcdFx0fVxyXG5cclxuXHRcdH1cclxuXHR9XHJcblxyXG4gICAgcmVuZGVyKCl7XHJcblx0ICBsZXQgc3RhZmZEZXRhaWwgPSB0aGlzLnByb3BzLnN0YWZmRGV0YWlsOyAgXHJcblx0ICBpZighc3RhZmZEZXRhaWwpXHJcblx0ICAgIHJldHVybiBudWxsO1xyXG5cdCAgXHJcblx0ICByZXR1cm4gKFxyXG5cdCAgICAgIDxkaXYgY2xhc3NOYW1lPVwib3ZlckxheVwiPlxyXG5cdFx0ICAgIDxoNCBzdHlsZT17eyd0ZXh0LWFsaWduJzonY2VudGVyJ319PueCueWHuyflrozmiJAn5L+d5a2Y5L+u5pS5LOeCueWHuyflhbPpl60n5pS+5byD5pyq5L+d5a2Y5L+u5pS55bm26YCA5Ye6LjwvaDQ+XHJcblx0XHRcdDxoci8+XHJcblx0XHQgICAgPHRhYmxlIHJlZj1cImVkaXRUYWJlbFwiPlxyXG5cdFx0XHQgIDx0Ym9keT5cclxuXHRcdFx0ICAgIDx0cj5cclxuXHRcdFx0XHQgIDx0aD7lp5PlkI08L3RoPlxyXG5cdFx0XHRcdCAgPHRkPjxpbnB1dCBpZD0nc3RhZmZFZGl0TmFtZScgdHlwZT1cInRleHRcIiBkZWZhdWx0VmFsdWU9e3N0YWZmRGV0YWlsLmluZm8ubmFtZX0+PC9pbnB1dD48L3RkPlxyXG5cdFx0XHRcdDwvdHI+XHJcblx0XHRcdCAgICA8dHI+XHJcblx0XHRcdFx0ICA8dGg+5bm06b6EPC90aD5cclxuXHRcdFx0XHQgIDx0ZD48aW5wdXQgaWQ9J3N0YWZmRWRpdEFnZScgdHlwZT1cInRleHRcIiBkZWZhdWx0VmFsdWU9e3N0YWZmRGV0YWlsLmluZm8uYWdlfT48L2lucHV0PjwvdGQ+XHJcblx0XHRcdFx0PC90cj5cclxuXHRcdFx0ICAgIDx0cj5cclxuXHRcdFx0XHQgIDx0aD7mgKfliKs8L3RoPlxyXG5cdFx0XHRcdCAgPHRkPlxyXG5cdFx0XHRcdCAgICA8c2VsZWN0IHJlZj0nc2VsU2V4JyBpZD0nc3RhZmZFZGl0U2V4Jz5cclxuXHRcdFx0XHRcdCAgPG9wdGlvbiB2YWx1ZT1cIueUt1wiPueUtzwvb3B0aW9uPlxyXG5cdFx0XHRcdFx0ICA8b3B0aW9uIHZhbHVlPVwi5aWzXCI+5aWzPC9vcHRpb24+XHJcblx0XHRcdFx0XHQ8L3NlbGVjdD5cclxuXHRcdFx0XHQgIDwvdGQ+XHJcblx0XHRcdFx0PC90cj5cclxuXHRcdFx0XHQ8dHI+XHJcblx0XHRcdFx0ICA8dGg+6Lqr5Lu9PC90aD5cclxuICAgICAgICAgICAgICAgICAgPHRkPlxyXG5cdFx0XHRcdCAgICA8c2VsZWN0IHJlZj1cInNlbElkXCIgaWQ9J3N0YWZmRWRpdElkJz5cclxuXHRcdFx0XHRcdCAgPG9wdGlvbiB2YWx1ZT1cIuS4u+S7u1wiPuS4u+S7uzwvb3B0aW9uPlxyXG5cdFx0XHRcdFx0ICA8b3B0aW9uIHZhbHVlPVwi6ICB5biIXCI+6ICB5biIPC9vcHRpb24+XHJcblx0XHRcdFx0XHQgIDxvcHRpb24gdmFsdWU9XCLlrabnlJ9cIj7lrabnlJ88L29wdGlvbj5cclxuXHRcdFx0XHRcdCAgPG9wdGlvbiB2YWx1ZT1cIuWunuS5oFwiPuWunuS5oDwvb3B0aW9uPlxyXG5cdFx0XHRcdFx0PC9zZWxlY3Q+XHJcblx0XHRcdFx0ICA8L3RkPlxyXG5cdFx0XHRcdDwvdHI+XHJcblx0XHRcdCAgICA8dHI+XHJcblx0XHRcdFx0ICA8dGg+5Liq5Lq65o+P6L+wPC90aD5cclxuXHRcdFx0XHQgIDx0ZD48dGV4dGFyZWEgaWQ9J3N0YWZmRWRpdERlc2NyaXAnIHR5cGU9XCJ0ZXh0XCIgZGVmYXVsdFZhbHVlPXtzdGFmZkRldGFpbC5pbmZvLmRlc2NyaXB9PjwvdGV4dGFyZWE+PC90ZD5cclxuXHRcdFx0XHQ8L3RyPlxyXG5cdFx0XHQgIDwvdGJvZHk+XHJcblx0XHRcdDwvdGFibGU+XHJcblx0XHRcdDxwIHJlZj0nRHRpcHMnIGNsYXNzTmFtZT0ndGlwcyc+5L+u5pS55oiQ5YqfPC9wPlxyXG5cdFx0XHQ8cCByZWY9J0R0aXBzVW5Eb25lJyBjbGFzc05hbWU9J3RpcHMnPuivt+W9leWFpeWujOaVtOeahOS6uuWRmOS/oeaBrzwvcD5cclxuXHRcdFx0PHAgcmVmPSdEdGlwc1VuQWdlJyBjbGFzc05hbWU9J3RpcHMnPuivt+W9leWFpeato+ehrueahOW5tOm+hDwvcD5cclxuXHRcdFx0PGJ1dHRvbiBvbkNsaWNrPXt0aGlzLmhhbmRsZXJFZGl0LmJpbmQodGhpcyl9PuWujOaIkDwvYnV0dG9uPlxyXG5cdFx0XHQ8YnV0dG9uIG9uQ2xpY2s9e3RoaXMuaGFuZGxlckNsb3NlLmJpbmQodGhpcyl9PuWFs+mXrTwvYnV0dG9uPlxyXG5cdFx0ICA8L2Rpdj5cclxuXHQgICk7XHJcblx0fVxyXG59XG5cblxuLyoqIFdFQlBBQ0sgRk9PVEVSICoqXG4gKiogLi9zcmMvY29tcG9uZW50L1N0YWZmRGV0YWlsLmpzXG4gKiovIl0sInNvdXJjZVJvb3QiOiIifQ==");

/***/ },
/* 8 */
/***/ function(module, exports) {

	eval("'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n\nvar _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; }; }();\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar staffItem = function staffItem(item) {\n\t_classCallCheck(this, staffItem);\n\n\tthis.info = {};\n\tthis.info.name = item.name;\n\tthis.info.age = item.age || 0;\n\tthis.info.sex = item.sex;\n\tthis.info.id = item.id;\n\tthis.info.descrip = item.descrip || '';\n\tthis.key = ++staffItem.key;\n};\n\nstaffItem.key = 0;\n\nvar STAFF = function () {\n\tfunction STAFF() {\n\t\t_classCallCheck(this, STAFF);\n\n\t\tthis.allStaff = [new staffItem(STAFF.rawData[0]), new staffItem(STAFF.rawData[1]), new staffItem(STAFF.rawData[2]), new staffItem(STAFF.rawData[3]), new staffItem(STAFF.rawData[4]), new staffItem(STAFF.rawData[5]), new staffItem(STAFF.rawData[6]), new staffItem(STAFF.rawData[7]), new staffItem(STAFF.rawData[8]), new staffItem(STAFF.rawData[9]), new staffItem(STAFF.rawData[10])];\n\t\tthis.staff = [];\n\t\tthis.sortType = 0; //0-身份 1-年龄升 2-年龄降\n\t\tthis.filtType = 0; //0-all 1-主任 2-老师 3-学生 4-实习\n\t\tthis.word = ''; //搜索关键字\n\t\tthis._sortStaff(this.sortType); //默认按身份排序\n\t\tthis._filtStaff(this.filtType);\n\t}\n\n\t//增\n\n\n\t_createClass(STAFF, [{\n\t\tkey: 'addStaffItem',\n\t\tvalue: function addStaffItem(item) {\n\t\t\tvar newItem = new staffItem(item);\n\t\t\tthis.allStaff.push(newItem);\n\t\t\t//排序 筛选 搜索过滤\n\t\t\tthis._sortStaff(this.sortType);\n\t\t\tthis._filtStaff(this.filtType);\n\t\t\tthis._searchStaff(this.word);\n\t\t\treturn this;\n\t\t}\n\n\t\t//删\n\n\t}, {\n\t\tkey: 'removeStaffItem',\n\t\tvalue: function removeStaffItem(key) {\n\t\t\tvar newStaff = this.allStaff.filter(function (item) {\n\t\t\t\treturn item.key != key;\n\t\t\t});\n\t\t\tthis.allStaff = newStaff;\n\t\t\t//筛选 搜多过滤\n\t\t\tthis._filtStaff(this.filtType);\n\t\t\tthis._searchStaff(this.word);\n\t\t\treturn this;\n\t\t}\n\n\t\t//改\n\n\t}, {\n\t\tkey: 'editStaffItem',\n\t\tvalue: function editStaffItem(item) {\n\t\t\tthis.allStaff.forEach(function (staffItem) {\n\t\t\t\tif (staffItem.key == item.key) {\n\t\t\t\t\tstaffItem.info.name = item.name;\n\t\t\t\t\tstaffItem.info.sex = item.sex;\n\t\t\t\t\tstaffItem.info.age = item.age;\n\t\t\t\t\tstaffItem.info.id = item.id;\n\t\t\t\t\tstaffItem.info.descrip = item.descrip;\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis._sortStaff(this.sortType);\n\t\t\tthis._filtStaff(this.filtType);\n\t\t\tthis._searchStaff(this.word);\n\t\t\treturn this;\n\t\t}\n\n\t\t//筛选\n\n\t}, {\n\t\tkey: '_filtStaff',\n\t\tvalue: function _filtStaff(filtType) {\n\t\t\tthis.filtType = filtType;\n\t\t\tswitch (parseInt(filtType)) {\n\t\t\t\tcase 0:\n\t\t\t\t\tthis.staff = this.allStaff;\n\t\t\t\t\tbreak;\n\t\t\t\tcase 1:\n\t\t\t\t\tthis.staff = this.allStaff.filter(function (item) {\n\t\t\t\t\t\treturn item.info.id == '主任';\n\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\t\t\t\tcase 2:\n\t\t\t\t\tthis.staff = this.allStaff.filter(function (item) {\n\t\t\t\t\t\treturn item.info.id == '老师';\n\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\t\t\t\tcase 3:\n\t\t\t\t\tthis.staff = this.allStaff.filter(function (item) {\n\t\t\t\t\t\treturn item.info.id == '学生';\n\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\t\t\t\tcase 4:\n\t\t\t\t\tthis.staff = this.allStaff.filter(function (item) {\n\t\t\t\t\t\treturn item.info.id == '实习';\n\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\t//排序\n\n\t}, {\n\t\tkey: '_sortStaff',\n\t\tvalue: function _sortStaff(sortType) {\n\t\t\tthis.sortType = sortType;\n\t\t\tswitch (parseInt(sortType)) {\n\t\t\t\tcase 0:\n\t\t\t\t\t//身份\n\t\t\t\t\tthis.allStaff.forEach(function (item) {\n\t\t\t\t\t\tswitch (item.info.id) {\n\t\t\t\t\t\t\tcase '主任':\n\t\t\t\t\t\t\t\titem.info.id = 1;break;\n\t\t\t\t\t\t\tcase '老师':\n\t\t\t\t\t\t\t\titem.info.id = 2;break;\n\t\t\t\t\t\t\tcase '学生':\n\t\t\t\t\t\t\t\titem.info.id = 3;break;\n\t\t\t\t\t\t\tcase '实习':\n\t\t\t\t\t\t\t\titem.info.id = 4;break;\n\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tthis.allStaff.sort(function (item1, item2) {\n\t\t\t\t\t\tif (item1.info.id < item2.info.id) return -1;else if (item1.info.id > item2.info.id) return 1;else return 0;\n\t\t\t\t\t});\n\t\t\t\t\tthis.allStaff.forEach(function (item) {\n\t\t\t\t\t\tswitch (item.info.id) {\n\t\t\t\t\t\t\tcase 1:\n\t\t\t\t\t\t\t\titem.info.id = '主任';break;\n\t\t\t\t\t\t\tcase 2:\n\t\t\t\t\t\t\t\titem.info.id = '老师';break;\n\t\t\t\t\t\t\tcase 3:\n\t\t\t\t\t\t\t\titem.info.id = '学生';break;\n\t\t\t\t\t\t\tcase 4:\n\t\t\t\t\t\t\t\titem.info.id = '实习';break;\n\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\t\t\t\tcase 1:\n\t\t\t\t\t//年龄升\n\t\t\t\t\tthis.allStaff.sort(function (item1, item2) {\n\t\t\t\t\t\tif (item1.info.age < item2.info.age) return -1;else if (item1.info.age > item2.info.age) return 1;else return 0;\n\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\t\t\t\tcase 2:\n\t\t\t\t\t//年龄降\n\t\t\t\t\tthis.allStaff.sort(function (item1, item2) {\n\t\t\t\t\t\tif (item1.info.age < item2.info.age) return 1;else if (item1.info.age > item2.info.age) return -1;else return 0;\n\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\t//搜索\n\n\t}, {\n\t\tkey: '_searchStaff',\n\t\tvalue: function _searchStaff(word) {\n\t\t\tthis.word = word;\n\t\t\t//在staff中搜索\n\t\t\tthis.staff = this.staff.filter(function (item) {\n\t\t\t\treturn item.info.name.indexOf(word) != -1 || (item.info.age + '').indexOf(word) != -1 || item.info.id.indexOf(word) != -1 || item.info.sex.indexOf(word) != -1;\n\t\t\t});\n\t\t}\n\t}, {\n\t\tkey: 'filtStaff',\n\t\tvalue: function filtStaff(filtType) {\n\t\t\tthis._filtStaff(filtType);\n\t\t\tthis._searchStaff(this.word);\n\t\t\treturn this;\n\t\t}\n\t}, {\n\t\tkey: 'sortStaff',\n\t\tvalue: function sortStaff(sortType) {\n\t\t\tthis._sortStaff(sortType);\n\t\t\tthis._filtStaff(this.filtType);\n\t\t\tthis._searchStaff(this.word);\n\t\t\treturn this;\n\t\t}\n\t}, {\n\t\tkey: 'searchStaff',\n\t\tvalue: function searchStaff(word) {\n\t\t\tthis._filtStaff(this.filtType);\n\t\t\tthis._searchStaff(word);\n\t\t\treturn this;\n\t\t}\n\t}]);\n\n\treturn STAFF;\n}();\n//模拟数据库\n\n\nexports.default = STAFF;\nSTAFF.rawData = [{ descrip: '我是一匹来自远方的狼。', sex: '男', age: 20, name: '张三', id: '主任' }, { descrip: '我是一匹来自远方的狼。', sex: '女', age: 21, name: '赵静', id: '学生' }, { descrip: '我是一匹来自远方的狼。', sex: '女', age: 22, name: '王二麻', id: '学生' }, { descrip: '我是一匹来自远方的狼。', sex: '女', age: 24, name: '李晓婷', id: '实习' }, { descrip: '我是一匹来自远方的狼。', sex: '男', age: 23, name: '张春田', id: '实习' }, { descrip: '我是一匹来自远方的狼。', sex: '男', age: 22, name: '刘建国', id: '学生' }, { descrip: '我是一匹来自远方的狼。', sex: '男', age: 24, name: '张八', id: '主任' }, { descrip: '我是一匹来自远方的狗。', sex: '男', age: 35, name: '李四', id: '老师' }, { descrip: '我是一匹来自远方的猪。', sex: '男', age: 42, name: '王五', id: '学生' }, { descrip: '我是一匹来自远方的牛。', sex: '男', age: 50, name: '赵六', id: '实习' }, { descrip: '我是一匹来自远方的马。', sex: '男', age: 60, name: '孙七', id: '实习' }];//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvY29tcG9uZW50L1NUQUZGLmpzP2ZiYzMiXSwibmFtZXMiOlsic3RhZmZJdGVtIiwiaXRlbSIsImluZm8iLCJuYW1lIiwiYWdlIiwic2V4IiwiaWQiLCJkZXNjcmlwIiwia2V5IiwiU1RBRkYiLCJhbGxTdGFmZiIsInJhd0RhdGEiLCJzdGFmZiIsInNvcnRUeXBlIiwiZmlsdFR5cGUiLCJ3b3JkIiwiX3NvcnRTdGFmZiIsIl9maWx0U3RhZmYiLCJuZXdJdGVtIiwicHVzaCIsIl9zZWFyY2hTdGFmZiIsIm5ld1N0YWZmIiwiZmlsdGVyIiwiZm9yRWFjaCIsInBhcnNlSW50Iiwic29ydCIsIml0ZW0xIiwiaXRlbTIiLCJpbmRleE9mIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0lBQU1BLFMsR0FDRixtQkFBWUMsSUFBWixFQUFpQjtBQUFBOztBQUNoQixNQUFLQyxJQUFMLEdBQVksRUFBWjtBQUNBLE1BQUtBLElBQUwsQ0FBVUMsSUFBVixHQUFpQkYsS0FBS0UsSUFBdEI7QUFDSCxNQUFLRCxJQUFMLENBQVVFLEdBQVYsR0FBZ0JILEtBQUtHLEdBQUwsSUFBWSxDQUE1QjtBQUNBLE1BQUtGLElBQUwsQ0FBVUcsR0FBVixHQUFnQkosS0FBS0ksR0FBckI7QUFDQSxNQUFLSCxJQUFMLENBQVVJLEVBQVYsR0FBZUwsS0FBS0ssRUFBcEI7QUFDQSxNQUFLSixJQUFMLENBQVVLLE9BQVYsR0FBb0JOLEtBQUtNLE9BQUwsSUFBZ0IsRUFBcEM7QUFDQSxNQUFLQyxHQUFMLEdBQVcsRUFBRVIsVUFBVVEsR0FBdkI7QUFDQSxDOztBQUVGUixVQUFVUSxHQUFWLEdBQWdCLENBQWhCOztJQUVxQkMsSztBQUVqQixrQkFBYTtBQUFBOztBQUNaLE9BQUtDLFFBQUwsR0FBZ0IsQ0FDZixJQUFJVixTQUFKLENBQWNTLE1BQU1FLE9BQU4sQ0FBYyxDQUFkLENBQWQsQ0FEZSxFQUVmLElBQUlYLFNBQUosQ0FBY1MsTUFBTUUsT0FBTixDQUFjLENBQWQs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Q0QsS0FBSyxFQUF4QyxFQUE0Q0QsTUFBTSxLQUFsRCxFQUF5REcsSUFBSSxJQUE3RCxFQUxXLEVBTVgsRUFBRUMsU0FBUSxhQUFWLEVBQXlCRixLQUFLLEdBQTlCLEVBQW1DRCxLQUFLLEVBQXhDLEVBQTRDRCxNQUFNLElBQWxELEVBQXdERyxJQUFJLElBQTVELEVBTlcsRUFPQyxFQUFFQyxTQUFRLGFBQVYsRUFBeUJGLEtBQUssR0FBOUIsRUFBbUNELEtBQUssRUFBeEMsRUFBNENELE1BQU0sSUFBbEQsRUFBd0RHLElBQUksSUFBNUQsRUFQRCxFQVFYLEVBQUVDLFNBQVEsYUFBVixFQUF5QkYsS0FBSyxHQUE5QixFQUFtQ0QsS0FBSyxFQUF4QyxFQUE0Q0QsTUFBTSxJQUFsRCxFQUF3REcsSUFBSSxJQUE1RCxFQVJXLEVBU1gsRUFBRUMsU0FBUSxhQUFWLEVBQXlCRixLQUFLLEdBQTlCLEVBQW1DRCxLQUFLLEVBQXhDLEVBQTRDRCxNQUFNLElBQWxELEVBQXdERyxJQUFJLElBQTVELEVBVFcsRUFVWCxFQUFFQyxTQUFRLGFBQVYsRUFBeUJGLEtBQUssR0FBOUIsRUFBbUNELEtBQUssRUFBeEMsRUFBNENELE1BQU0sSUFBbEQsRUFBd0RHLElBQUksSUFBNUQsRUFWVyxDQUFoQiIsImZpbGUiOiI4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiY2xhc3Mgc3RhZmZJdGVtIHtcclxuICAgIGNvbnN0cnVjdG9yKGl0ZW0pe1xyXG5cdCAgICB0aGlzLmluZm8gPSB7fTtcclxuXHQgICAgdGhpcy5pbmZvLm5hbWUgPSBpdGVtLm5hbWU7XHJcblx0XHR0aGlzLmluZm8uYWdlID0gaXRlbS5hZ2UgfHwgMDtcclxuXHRcdHRoaXMuaW5mby5zZXggPSBpdGVtLnNleDtcclxuXHRcdHRoaXMuaW5mby5pZCA9IGl0ZW0uaWQ7XHJcblx0XHR0aGlzLmluZm8uZGVzY3JpcCA9IGl0ZW0uZGVzY3JpcCB8fCAnJztcclxuXHRcdHRoaXMua2V5ID0gKytzdGFmZkl0ZW0ua2V5O1xyXG5cdH1cclxufVxyXG5zdGFmZkl0ZW0ua2V5ID0gMDtcclxuXHJcbmV4cG9ydCBkZWZhdWx0IGNsYXNzIFNUQUZGIHtcclxuXHJcbiAgICBjb25zdHJ1Y3Rvcigpe1xyXG5cdCAgICB0aGlzLmFsbFN0YWZmID0gW1xyXG5cdFx0ICAgIG5ldyBzdGFmZkl0ZW0oU1RBRkYucmF3RGF0YVswXSksXHJcblx0XHQgICAgbmV3IHN0YWZmSXRlbShTVEFGRi5yYXdEYXRhWzFdKSxcclxuXHRcdCAgICBuZXcgc3RhZmZJdGVtKFNUQUZGLnJhd0RhdGFbMl0pLFxyXG5cdFx0ICAgIG5ldyBzdGFmZkl0ZW0oU1RBRkYucmF3RGF0YVszXSksXHJcblx0XHQgICAgbmV3IHN0YWZmSXRlbShTVEFGRi5yYXdEYXRhWzRdKSxcclxuXHRcdCAgICBuZXcgc3RhZmZJdGVtKFNUQUZGLnJhd0RhdGFbNV0pLFxyXG5cdFx0ICAgIG5ldyBzdGFmZkl0ZW0oU1RBRkYucmF3RGF0YVs2XSksXHJcblx0XHQgICAgbmV3IHN0YWZmSXRlbShTVEFGRi5yYXdEYXRhWzddKSxcclxuXHRcdCAgICBuZXcgc3RhZmZJdGVtKFNUQUZGLnJhd0RhdGFbOF0pLFxyXG5cdFx0ICAgIG5ldyBzdGFmZkl0ZW0oU1RBRkYucmF3RGF0YVs5XSksXHJcblx0XHQgICAgbmV3IHN0YWZmSXRlbShTVEFGRi5yYXdEYXRhWzEwXSlcclxuXHRcdF07XHJcblx0XHR0aGlzLnN0YWZmID0gW107XHJcblx0XHR0aGlzLnNvcnRUeXBlID0gMDsvLzAt6Lqr5Lu9IDEt5bm06b6E5Y2HIDIt5bm06b6E6ZmNXHJcblx0XHR0aGlzLmZpbHRUeXBlID0gMDsvLzAtYWxsIDEt5Li75Lu7IDIt6ICB5biIIDMt5a2m55SfIDQt5a6e5LmgXHJcblx0XHR0aGlzLndvcmQgPSAnJzsvL+aQnOe0ouWFs+mUruWtl1xyXG5cdFx0dGhpcy5fc29ydFN0YWZmKHRoaXMuc29ydFR5cGUpOyAgLy/pu5jorqTmjInouqvku73mjpLluo9cclxuXHRcdHRoaXMuX2ZpbHRTdGFmZih0aGlzLmZpbHRUeXBlKTtcclxuXHR9XHJcblx0XHJcblx0Ly/lop5cclxuXHRhZGRTdGFmZkl0ZW0oaXRlbSkge1xyXG5cdCAgICBsZXQgbmV3SXRlbSA9IG5ldyBzdGFmZkl0ZW0oaXRlbSk7XHJcblx0XHR0aGlzLmFsbFN0YWZmLnB1c2gobmV3SXRlbSk7XHJcblx0XHQvL+aOkuW6jyDnrZvpgIkg5pCc57Si6L+H5rukXHJcblx0XHR0aGlzLl9zb3J0U3RhZmYodGhpcy5zb3J0VHlwZSk7XHJcblx0XHR0aGlzLl9maWx0U3RhZmYodGhpcy5maWx0VHlwZSk7XHJcblx0XHR0aGlzLl9zZWFyY2hTdGFmZih0aGlzLndvcmQpO1xyXG5cdFx0cmV0dXJuIHRoaXM7XHJcblx0fVxyXG5cdFxyXG5cdC8v5YigXHJcblx0cmVtb3ZlU3RhZmZJdGVtKGtleSkge1xyXG5cdCAgICBsZXQgbmV3U3RhZmYgPSB0aGlzLmFsbFN0YWZmLmZpbHRlcihpdGVtID0+IHtcclxuXHRcdCAgICByZXR1cm4gaXRlbS5rZXkgIT0ga2V5O1xyXG5cdFx0fSk7XHJcblx0XHR0aGlzLmFsbFN0YWZmID0gbmV3U3RhZmY7XHJcblx0XHQvL+etm+mAiSDmkJzlpJrov4fmu6RcclxuXHRcdHRoaXMuX2ZpbHRTdGFmZih0aGlzLmZpbHRUeXBlKTtcclxuXHRcdHRoaXMuX3NlYXJjaFN0YWZmKHRoaXMud29yZCk7XHJcblx0XHRyZXR1cm4gdGhpcztcclxuXHR9XHJcblx0XHJcblx0Ly/mlLlcclxuXHRlZGl0U3RhZmZJdGVtKGl0ZW0pIHtcclxuXHQgICAgdGhpcy5hbGxTdGFmZi5mb3JFYWNoKHN0YWZmSXRlbSA9PiB7XHJcblx0XHQgICAgaWYoc3RhZmZJdGVtLmtleSA9PSBpdGVtLmtleSkge1xyXG5cdFx0XHRcdHN0YWZmSXRlbS5pbmZvLm5hbWUgPSBpdGVtLm5hbWU7XHJcblx0XHRcdFx0c3RhZmZJdGVtLmluZm8uc2V4ID0gaXRlbS5zZXg7XHJcblx0XHRcdFx0c3RhZmZJdGVtLmluZm8uYWdlID0gaXRlbS5hZ2U7XHJcblx0XHRcdFx0c3RhZmZJdGVtLmluZm8uaWQgPSBpdGVtLmlkO1xyXG5cdFx0XHRcdHN0YWZmSXRlbS5pbmZvLmRlc2NyaXAgPSBpdGVtLmRlc2NyaXA7XHRcdFx0XHJcblx0XHRcdH1cclxuXHRcdH0pO1xyXG5cdFx0dGhpcy5fc29ydFN0YWZmKHRoaXMuc29ydFR5cGUpO1xyXG5cdFx0dGhpcy5fZmlsdFN0YWZmKHRoaXMuZmlsdFR5cGUpO1xyXG5cdFx0dGhpcy5fc2VhcmNoU3RhZmYodGhpcy53b3JkKTtcclxuXHRcdHJldHVybiB0aGlzO1xyXG5cdH1cclxuXHRcclxuXHQvL+etm+mAiVxyXG5cdF9maWx0U3RhZmYoZmlsdFR5cGUpe1xyXG5cdCAgICB0aGlzLmZpbHRUeXBlID0gZmlsdFR5cGU7XHJcblx0ICAgIHN3aXRjaChwYXJzZUludChmaWx0VHlwZSkpe1xyXG5cdFx0ICAgIGNhc2UgMDogXHJcblx0XHRcdCAgICB0aGlzLnN0YWZmID0gdGhpcy5hbGxTdGFmZjtcclxuXHRcdFx0XHRicmVhaztcclxuXHRcdFx0Y2FzZSAxOiBcclxuXHRcdFx0ICAgIHRoaXMuc3RhZmYgPSB0aGlzLmFsbFN0YWZmLmZpbHRlcihpdGVtID0+IHtcclxuXHRcdFx0XHQgICAgcmV0dXJuIGl0ZW0uaW5mby5pZCA9PSAn5Li75Lu7JztcclxuXHRcdFx0XHR9KTtcclxuXHRcdFx0XHRicmVhaztcclxuXHRcdFx0Y2FzZSAyOiBcclxuXHRcdFx0ICAgIHRoaXMuc3RhZmYgPSB0aGlzLmFsbFN0YWZmLmZpbHRlcihpdGVtID0+IHtcclxuXHRcdFx0XHQgICAgcmV0dXJuIGl0ZW0uaW5mby5pZCA9PSAn6ICB5biIJztcclxuXHRcdFx0XHR9KTtcclxuXHRcdFx0XHRicmVhaztcclxuXHRcdFx0Y2FzZSAzOiBcclxuXHRcdFx0ICAgIHRoaXMuc3RhZmYgPSB0aGlzLmFsbFN0YWZmLmZpbHRlcihpdGVtID0+IHtcclxuXHRcdFx0XHQgICAgcmV0dXJuIGl0ZW0uaW5mby5pZCA9PSAn5a2m55SfJztcclxuXHRcdFx0XHR9KTtcclxuXHRcdFx0XHRicmVhaztcclxuXHRcdFx0Y2FzZSA0OiBcclxuXHRcdFx0ICAgIHRoaXMuc3RhZmYgPSB0aGlzLmFsbFN0YWZmLmZpbHRlcihpdGVtID0+IHtcclxuXHRcdFx0XHQgICAgcmV0dXJuIGl0ZW0uaW5mby5pZCA9PSAn5a6e5LmgJztcclxuXHRcdFx0XHR9KTtcclxuXHRcdFx0XHRicmVhaztcclxuXHRcdFx0ZGVmYXVsdDogYnJlYWs7XHJcblx0XHR9XHJcblx0fVxyXG5cdFxyXG5cdC8v5o6S5bqPXHJcblx0X3NvcnRTdGFmZihzb3J0VHlwZSkge1xyXG5cdCAgICB0aGlzLnNvcnRUeXBlID0gc29ydFR5cGU7XHJcblx0ICAgIHN3aXRjaChwYXJzZUludChzb3J0VHlwZSkpe1xyXG5cdFx0ICAgIGNhc2UgMDogLy/ouqvku71cclxuXHRcdFx0ICAgIHRoaXMuYWxsU3RhZmYuZm9yRWFjaChpdGVtID0+IHtcclxuXHRcdFx0XHQgICAgc3dpdGNoKGl0ZW0uaW5mby5pZCkge1xyXG5cdFx0XHRcdFx0ICBjYXNlICfkuLvku7snOlxyXG5cdFx0XHRcdFx0ICAgICAgaXRlbS5pbmZvLmlkID0gMTsgYnJlYWs7XHJcblx0XHRcdFx0XHQgIGNhc2UgJ+iAgeW4iCc6XHJcblx0XHRcdFx0XHQgICAgICBpdGVtLmluZm8uaWQgPSAyOyBicmVhaztcdFxyXG5cdFx0XHRcdFx0ICBjYXNlICflrabnlJ8nOlxyXG5cdFx0XHRcdFx0ICAgICAgaXRlbS5pbmZvLmlkID0gMzsgYnJlYWs7XHRcclxuXHRcdFx0XHRcdCAgY2FzZSAn5a6e5LmgJzpcclxuXHRcdFx0XHRcdCAgICAgIGl0ZW0uaW5mby5pZCA9IDQ7IGJyZWFrO1xyXG4gICAgICAgICAgICAgICAgICAgICAgZGVmYXVsdDogYnJlYWs7XHRcdFx0XHRcdFx0ICBcclxuXHRcdFx0XHRcdH1cclxuXHRcdFx0XHR9KTtcclxuXHRcdFx0XHR0aGlzLmFsbFN0YWZmLnNvcnQoZnVuY3Rpb24oaXRlbTEsIGl0ZW0yKXtcclxuXHRcdFx0XHQgICAgaWYoaXRlbTEuaW5mby5pZCA8IGl0ZW0yLmluZm8uaWQpXHJcblx0XHRcdFx0XHQgICAgcmV0dXJuIC0xO1xyXG5cdFx0XHRcdFx0ZWxzZSBpZiAoaXRlbTEuaW5mby5pZCA+IGl0ZW0yLmluZm8uaWQpXHJcblx0XHRcdFx0XHQgICAgcmV0dXJuIDE7XHJcblx0XHRcdFx0XHRlbHNlIFxyXG5cdFx0XHRcdFx0ICAgIHJldHVybiAwO1xyXG5cdFx0XHRcdH0pO1xyXG5cdFx0XHQgICAgdGhpcy5hbGxTdGFmZi5mb3JFYWNoKGl0ZW0gPT4ge1xyXG5cdFx0XHRcdCAgICBzd2l0Y2goaXRlbS5pbmZvLmlkKSB7XHJcblx0XHRcdFx0XHQgIGNhc2UgMTpcclxuXHRcdFx0XHRcdCAgICAgIGl0ZW0uaW5mby5pZCA9ICfkuLvku7snOyBicmVhaztcclxuXHRcdFx0XHRcdCAgY2FzZSAyOlxyXG5cdFx0XHRcdFx0ICAgICAgaXRlbS5pbmZvLmlkID0gJ+iAgeW4iCc7IGJyZWFrO1x0XHJcblx0XHRcdFx0XHQgIGNhc2UgMzpcclxuXHRcdFx0XHRcdCAgICAgIGl0ZW0uaW5mby5pZCA9ICflrabnlJ8nOyBicmVhaztcdFxyXG5cdFx0XHRcdFx0ICBjYXNlIDQ6XHJcblx0XHRcdFx0XHQgICAgICBpdGVtLmluZm8uaWQgPSAn5a6e5LmgJzsgYnJlYWs7XHJcbiAgICAgICAgICAgICAgICAgICAgICBkZWZhdWx0OiBicmVhaztcdFx0XHRcdFx0XHQgIFxyXG5cdFx0XHRcdFx0fVxyXG5cdFx0XHRcdH0pO1xyXG5cdFx0XHQgICAgYnJlYWs7XHJcblx0XHRcdGNhc2UgMTogLy/lubTpvoTljYdcclxuXHRcdFx0ICAgIHRoaXMuYWxsU3RhZmYuc29ydChmdW5jdGlvbihpdGVtMSwgaXRlbTIpe1xyXG5cdFx0XHRcdCAgICBpZihpdGVtMS5pbmZvLmFnZSA8IGl0ZW0yLmluZm8uYWdlKVxyXG5cdFx0XHRcdFx0ICAgIHJldHVybiAtMTtcclxuXHRcdFx0XHRcdGVsc2UgaWYgKGl0ZW0xLmluZm8uYWdlID4gaXRlbTIuaW5mby5hZ2UpXHJcblx0XHRcdFx0XHQgICAgcmV0dXJuIDE7XHJcblx0XHRcdFx0XHRlbHNlIFxyXG5cdFx0XHRcdFx0ICAgIHJldHVybiAwO1xyXG5cdFx0XHRcdH0pO1xyXG5cdFx0XHRcdGJyZWFrO1xyXG5cdFx0XHRjYXNlIDI6IC8v5bm06b6E6ZmNXHJcblx0XHRcdCAgICB0aGlzLmFsbFN0YWZmLnNvcnQoZnVuY3Rpb24oaXRlbTEsIGl0ZW0yKXtcclxuXHRcdFx0XHQgICAgaWYoaXRlbTEuaW5mby5hZ2UgPCBpdGVtMi5pbmZvLmFnZSlcclxuXHRcdFx0XHRcdCAgICByZXR1cm4gMTtcclxuXHRcdFx0XHRcdGVsc2UgaWYgKGl0ZW0xLmluZm8uYWdlID4gaXRlbTIuaW5mby5hZ2UpXHJcblx0XHRcdFx0XHQgICAgcmV0dXJuIC0xO1xyXG5cdFx0XHRcdFx0ZWxzZSBcclxuXHRcdFx0XHRcdCAgICByZXR1cm4gMDtcclxuXHRcdFx0XHR9KTtcclxuXHRcdFx0XHRicmVhaztcclxuXHRcdFx0ZGVmYXVsdDogYnJlYWs7XHJcblx0XHR9XHJcblx0fVxyXG5cdFxyXG5cdC8v5pCc57SiXHJcblx0X3NlYXJjaFN0YWZmKHdvcmQpe1xyXG5cdCAgICB0aGlzLndvcmQgPSB3b3JkO1xyXG5cdCAgICAvL+WcqHN0YWZm5Lit5pCc57SiXHJcblx0ICAgIHRoaXMuc3RhZmYgPSB0aGlzLnN0YWZmLmZpbHRlcihpdGVtID0+IHtcclxuXHRcdCAgICByZXR1cm4gaXRlbS5pbmZvLm5hbWUuaW5kZXhPZih3b3JkKSE9LTEgfHwgXHJcblx0XHRcdCAgICAgICAoaXRlbS5pbmZvLmFnZSsnJykuaW5kZXhPZih3b3JkKSE9LTEgfHwgXHJcblx0XHRcdFx0ICAgaXRlbS5pbmZvLmlkLmluZGV4T2Yod29yZCkhPS0xIHx8XHJcblx0XHRcdFx0ICAgaXRlbS5pbmZvLnNleC5pbmRleE9mKHdvcmQpIT0tMTtcclxuXHRcdH0pO1xyXG5cdH1cclxuXHRcclxuXHRmaWx0U3RhZmYoZmlsdFR5cGUpe1xyXG5cdCAgICB0aGlzLl9maWx0U3RhZmYoZmlsdFR5cGUpO1xyXG5cdFx0dGhpcy5fc2VhcmNoU3RhZmYodGhpcy53b3JkKTtcclxuXHRcdHJldHVybiB0aGlzO1xyXG5cdH1cclxuXHRzb3J0U3RhZmYoc29ydFR5cGUpe1xyXG5cdCAgICB0aGlzLl9zb3J0U3RhZmYoc29ydFR5cGUpO1xyXG5cdFx0dGhpcy5fZmlsdFN0YWZmKHRoaXMuZmlsdFR5cGUpO1xyXG5cdFx0dGhpcy5fc2VhcmNoU3RhZmYodGhpcy53b3JkKTtcclxuXHRcdHJldHVybiB0aGlzO1xyXG5cdH1cclxuXHRzZWFyY2hTdGFmZih3b3JkKXtcclxuXHQgICAgdGhpcy5fZmlsdFN0YWZmKHRoaXMuZmlsdFR5cGUpO1xyXG5cdCAgICB0aGlzLl9zZWFyY2hTdGFmZih3b3JkKTtcclxuXHRcdHJldHVybiB0aGlzO1xyXG5cdH1cclxufSBcclxuLy/mqKHmi5/mlbDmja7lupNcclxuU1RBRkYucmF3RGF0YSA9IFt7IGRlc2NyaXA6J+aIkeaYr+S4gOWMueadpeiHqui/nOaWueeahOeLvOOAgicsIHNleDogJ+eUtycsIGFnZTogMjAsIG5hbWU6ICflvKDkuIknLCBpZDogJ+S4u+S7uyd9LFxyXG4gICAgICAgICAgICAgICAgIHsgZGVzY3JpcDon5oiR5piv5LiA5Yy55p2l6Ieq6L+c5pa555qE54u844CCJywgc2V4OiAn5aWzJywgYWdlOiAyMSwgbmFtZTogJ+i1temdmScsIGlkOiAn5a2m55SfJ30sXHJcblx0XHRcdFx0IHsgZGVzY3JpcDon5oiR5piv5LiA5Yy55p2l6Ieq6L+c5pa555qE54u844CCJywgc2V4OiAn5aWzJywgYWdlOiAyMiwgbmFtZTogJ+eOi+S6jOm6uycsIGlkOiAn5a2m55SfJ30sXHJcblx0XHRcdFx0IHsgZGVzY3JpcDon5oiR5piv5LiA5Yy55p2l6Ieq6L+c5pa555qE54u844CCJywgc2V4OiAn5aWzJywgYWdlOiAyNCwgbmFtZTogJ+adjuaZk+WptycsIGlkOiAn5a6e5LmgJ30sXHJcblx0XHRcdFx0IHsgZGVzY3JpcDon5oiR5piv5LiA5Yy55p2l6Ieq6L+c5pa555qE54u844CCJywgc2V4OiAn55S3JywgYWdlOiAyMywgbmFtZTogJ+W8oOaYpeeUsCcsIGlkOiAn5a6e5LmgJ30sXHJcblx0XHRcdFx0IHsgZGVzY3JpcDon5oiR5piv5LiA5Yy55p2l6Ieq6L+c5pa555qE54u844CCJywgc2V4OiAn55S3JywgYWdlOiAyMiwgbmFtZTogJ+WImOW7uuWbvScsIGlkOiAn5a2m55SfJ30sXHJcblx0XHRcdFx0IHsgZGVzY3JpcDon5oiR5piv5LiA5Yy55p2l6Ieq6L+c5pa555qE54u844CCJywgc2V4OiAn55S3JywgYWdlOiAyNCwgbmFtZTogJ+W8oOWFqycsIGlkOiAn5Li75Lu7J30sXHJcbiAgICAgICAgICAgICAgICAgeyBkZXNjcmlwOifmiJHmmK/kuIDljLnmnaXoh6rov5zmlrnnmoTni5fjgIInLCBzZXg6ICfnlLcnLCBhZ2U6IDM1LCBuYW1lOiAn5p2O5ZubJywgaWQ6ICfogIHluIgnfSxcclxuXHRcdFx0XHQgeyBkZXNjcmlwOifmiJHmmK/kuIDljLnmnaXoh6rov5zmlrnnmoTnjKrjgIInLCBzZXg6ICfnlLcnLCBhZ2U6IDQyLCBuYW1lOiAn546L5LqUJywgaWQ6ICflrabnlJ8nfSxcclxuXHRcdFx0XHQgeyBkZXNjcmlwOifmiJHmmK/kuIDljLnmnaXoh6rov5zmlrnnmoTniZvjgIInLCBzZXg6ICfnlLcnLCBhZ2U6IDUwLCBuYW1lOiAn6LW15YWtJywgaWQ6ICflrp7kuaAnfSxcclxuXHRcdFx0XHQgeyBkZXNjcmlwOifmiJHmmK/kuIDljLnmnaXoh6rov5zmlrnnmoTpqazjgIInLCBzZXg6ICfnlLcnLCBhZ2U6IDYwLCBuYW1lOiAn5a2Z5LiDJywgaWQ6ICflrp7kuaAnfV07XG5cblxuLyoqIFdFQlBBQ0sgRk9PVEVSICoqXG4gKiogLi9zcmMvY29tcG9uZW50L1NUQUZGLmpzXG4gKiovIl0sInNvdXJjZVJvb3QiOiIifQ==");

/***/ }
/******/ ]);

================================================
FILE: build/style.css
================================================
body,html {
	font-family: '微软雅黑';
}

#app{
	width: 600px;
	margin: 100px auto;
	position:  relative;
}

/* header */
.optHeader {
	margin: 30px 0;
}
.headerTd {
	width: 33%;
	text-align: center;
}
.optHeader select {
	width: 5em;
}

.itemPanel {
	width: 100%;
	border: 2px solid #b0c4de;
	border-radius: 4px;
	margin-bottom: 100px;
}
.itemTd {
	width: 20%;
	line-height: 1.5em;
	text-align: center;
}
.itemBtn {
	width: 3em;
	font-size: 80%;
	color: #1e90ff;
	display: inline-block;
}
.tempEmpty {
	line-height: 1.5em;
	background: #dcdcdc;
}

/* addForm */
.addForm label{
	text-align: center;
}
.addForm input, .addForm select, .addForm textarea{
	width: 200px;
	margin: 0 auto 10px auto;
	display: block;
}
.addForm button {
	padding: 3px 20px;
	background-color: #1e90ff;
	color: white;
	font-weight: bold;
	border-radius: 4px;
	margin: 5px auto;
	display: block;
}

.tips {
	display: none;
	color: #708090;
	margin: 0 auto;
	text-align: center;
}

.overLay {
	text-align: center;
	z-index: 100;
    position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding-top: 50px;
	background-color: rgba(255, 255, 255, 0);
	animation-name: detailMerge;
	animation-duration: 0.4s;
	animation-fill-mode: forwards;
}
.overLay table {
	width: 100%;
}
.overLay tr {
	line-height: 1.5em;
}
.overLay th {
	width: 40%;
}
.overLay td {
	width: 60%;
	text-align: center;
}
.overLay input, .overLay select, .overLay textarea {
	width: 200px;
}
.overLay button {
	padding: 3px 20px;
	background-color: #1e90ff;
	color: white;
	font-weight: bold;
	border-radius: 4px;
	margin: 5px auto;
	display: inline-block;
}

@keyframes detailMerge {
	from {
		background-color: rgba(255, 255, 255, 0);
	}
	to {
		background-color: rgba(255, 255, 255, 0.95);
	}
}
@-webkit-keyframes detailMerge {
	from {
		background-color: rgba(255, 255, 255, 0);
	}
	to {
		background-color: rgba(255, 255, 255, 0.8);
	}	
}

================================================
FILE: index.html
================================================
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">

    <title>实验室人员管理</title>

    <link href="build/style.css" rel="stylesheet" />

  </head>
  <body>
	  <div id="app">
	  </div>
	  
      <script src="http://cdn.bootcss.com/react/0.13.3/react.min.js"></script>
	  <script src="build/bundle.js"></script>
  </body>
</html>

================================================
FILE: package.json
================================================
{
  "name": "StaffManage",
  "version": "1.0.0",
  "description": "",
  "main": "",
  "scripts": {
    "start": "webpack"
  },
  "author": "WYH",
  "license": "ISC",
  "devDependencies": {
    "babel-core": "^6.14.0",
    "babel-loader": "^6.2.5",
    "babel-preset-es2015": "^6.14.0",
    "babel-preset-react": "^6.11.1",
    "webpack": "^1.13.2"
  }
}


================================================
FILE: src/ManageSystem.js
================================================
import React from 'react';
import StaffHeader from './StaffHeader.js';
import StaffItemPanel from './StaffItemPanel.js';
import StaffFooter from './StaffFooter.js';
import StaffDetail from './StaffDetail.js';

import Staff from './STAFF.js';


class App extends React.Component {
    constructor(){
	    super();
		this.state = {
		    staff : new Staff,
			staffDetail: null
		};
	}
	
	//增
	addStaffItem(item){
	    this.setState({
		    staff: this.state.staff.addStaffItem(item)
		});
	}
	//删
	removeStaffItem(key){
	    this.setState({
		    staff: this.state.staff.removeStaffItem(key)
		});
	}
	
	/*
	 *详情
	 */
	//打开
	detailStaffItem(key){
	    this.setState({
		    staffDetail: this.state.staff.staff.filter(item => {
			    return item.key==key;
			})[0]
		});
	}
	//关闭
	closeDetail(){
	    this.setState({
		    staffDetail: null
		});
	}
	//编辑
	editDetail(item){
	    this.setState({
		    staff : this.state.staff.editStaffItem(item)
		});
	}
	
	/*
	 * 排序
	 */
	sortStaff(sortType) {
	    this.setState({
		    staff: this.state.staff.sortStaff(sortType) 
		});
	}
	
	/*
	 * 筛选
	 */
	filtStaff(filtType) {
	    this.setState({
		    staff: this.state.staff.filtStaff(filtType)
		});
	}
	
	/*
	 * 搜索
	 */
	searchStaff(word) {
	    this.setState({
		    staff: this.state.staff.searchStaff(word)
		});
	}

	
	render(){
	  return (
	    <div>
		  <StaffHeader sortStaff={this.sortStaff.bind(this)} filtStaff={this.filtStaff.bind(this)} searchStaff={this.searchStaff.bind(this)}/>
		  <StaffItemPanel items={this.state.staff.staff} removeStaffItem={this.removeStaffItem.bind(this)} detailStaffItem={this.detailStaffItem.bind(this)}/>
		  <StaffFooter addStaffItem={this.addStaffItem.bind(this)}/>
		  <StaffDetail staffDetail={this.state.staffDetail} closeDetail={this.closeDetail.bind(this)} editDetail={this.editDetail.bind(this)}/>
		</div>
	  );
	}
}

React.render(<App />, document.getElementById('app'));

================================================
FILE: src/STAFF.js
================================================
class staffItem {
    constructor(item){
	    this.info = {};
	    this.info.name = item.name;
		this.info.age = item.age || 0;
		this.info.sex = item.sex;
		this.info.id = item.id;
		this.info.descrip = item.descrip || '';
		this.key = ++staffItem.key;
	}
}
staffItem.key = 0;

export default class STAFF {

    constructor(){
	    this.allStaff = [
		    new staffItem(STAFF.rawData[0]),
		    new staffItem(STAFF.rawData[1]),
		    new staffItem(STAFF.rawData[2]),
		    new staffItem(STAFF.rawData[3]),
		    new staffItem(STAFF.rawData[4]),
		    new staffItem(STAFF.rawData[5]),
		    new staffItem(STAFF.rawData[6]),
		    new staffItem(STAFF.rawData[7]),
		    new staffItem(STAFF.rawData[8]),
		    new staffItem(STAFF.rawData[9]),
		    new staffItem(STAFF.rawData[10])
		];
		this.staff = [];
		this.sortType = 0;//0-身份 1-年龄升 2-年龄降
		this.filtType = 0;//0-all 1-主任 2-老师 3-学生 4-实习
		this.word = '';//搜索关键字
		this._sortStaff(this.sortType);  //默认按身份排序
		this._filtStaff(this.filtType);
	}
	
	//增
	addStaffItem(item) {
	    let newItem = new staffItem(item);
		this.allStaff.push(newItem);
		//排序 筛选 搜索过滤
		this._sortStaff(this.sortType);
		this._filtStaff(this.filtType);
		this._searchStaff(this.word);
		return this;
	}
	
	//删
	removeStaffItem(key) {
	    let newStaff = this.allStaff.filter(item => {
		    return item.key != key;
		});
		this.allStaff = newStaff;
		//筛选 搜多过滤
		this._filtStaff(this.filtType);
		this._searchStaff(this.word);
		return this;
	}
	
	//改
	editStaffItem(item) {
	    this.allStaff.forEach(staffItem => {
		    if(staffItem.key == item.key) {
				staffItem.info.name = item.name;
				staffItem.info.sex = item.sex;
				staffItem.info.age = item.age;
				staffItem.info.id = item.id;
				staffItem.info.descrip = item.descrip;			
			}
		});
		this._sortStaff(this.sortType);
		this._filtStaff(this.filtType);
		this._searchStaff(this.word);
		return this;
	}
	
	//筛选
	_filtStaff(filtType){
	    this.filtType = filtType;
	    switch(parseInt(filtType)){
		    case 0: 
			    this.staff = this.allStaff;
				break;
			case 1: 
			    this.staff = this.allStaff.filter(item => {
				    return item.info.id == '主任';
				});
				break;
			case 2: 
			    this.staff = this.allStaff.filter(item => {
				    return item.info.id == '老师';
				});
				break;
			case 3: 
			    this.staff = this.allStaff.filter(item => {
				    return item.info.id == '学生';
				});
				break;
			case 4: 
			    this.staff = this.allStaff.filter(item => {
				    return item.info.id == '实习';
				});
				break;
			default: break;
		}
	}
	
	//排序
	_sortStaff(sortType) {
	    this.sortType = sortType;
	    switch(parseInt(sortType)){
		    case 0: //身份
			    this.allStaff.forEach(item => {
				    switch(item.info.id) {
					  case '主任':
					      item.info.id = 1; break;
					  case '老师':
					      item.info.id = 2; break;	
					  case '学生':
					      item.info.id = 3; break;	
					  case '实习':
					      item.info.id = 4; break;
                      default: break;						  
					}
				});
				this.allStaff.sort(function(item1, item2){
				    if(item1.info.id < item2.info.id)
					    return -1;
					else if (item1.info.id > item2.info.id)
					    return 1;
					else 
					    return 0;
				});
			    this.allStaff.forEach(item => {
				    switch(item.info.id) {
					  case 1:
					      item.info.id = '主任'; break;
					  case 2:
					      item.info.id = '老师'; break;	
					  case 3:
					      item.info.id = '学生'; break;	
					  case 4:
					      item.info.id = '实习'; break;
                      default: break;						  
					}
				});
			    break;
			case 1: //年龄升
			    this.allStaff.sort(function(item1, item2){
				    if(item1.info.age < item2.info.age)
					    return -1;
					else if (item1.info.age > item2.info.age)
					    return 1;
					else 
					    return 0;
				});
				break;
			case 2: //年龄降
			    this.allStaff.sort(function(item1, item2){
				    if(item1.info.age < item2.info.age)
					    return 1;
					else if (item1.info.age > item2.info.age)
					    return -1;
					else 
					    return 0;
				});
				break;
			default: break;
		}
	}
	
	//搜索
	_searchStaff(word){
	    this.word = word;
	    //在staff中搜索
	    this.staff = this.staff.filter(item => {
		    return item.info.name.indexOf(word)!=-1 || 
			       (item.info.age+'').indexOf(word)!=-1 || 
				   item.info.id.indexOf(word)!=-1 ||
				   item.info.sex.indexOf(word)!=-1;
		});
	}
	
	filtStaff(filtType){
	    this._filtStaff(filtType);
		this._searchStaff(this.word);
		return this;
	}
	sortStaff(sortType){
	    this._sortStaff(sortType);
		this._filtStaff(this.filtType);
		this._searchStaff(this.word);
		return this;
	}
	searchStaff(word){
	    this._filtStaff(this.filtType);
	    this._searchStaff(word);
		return this;
	}
} 
//模拟数据库
STAFF.rawData = [{ descrip:'我是一匹来自远方的狼。', sex: '男', age: 20, name: '张三', id: '主任'},
                 { descrip:'我是一匹来自远方的狼。', sex: '女', age: 21, name: '赵静', id: '学生'},
				 { descrip:'我是一匹来自远方的狼。', sex: '女', age: 22, name: '王二麻', id: '学生'},
				 { descrip:'我是一匹来自远方的狼。', sex: '女', age: 24, name: '李晓婷', id: '实习'},
				 { descrip:'我是一匹来自远方的狼。', sex: '男', age: 23, name: '张春田', id: '实习'},
				 { descrip:'我是一匹来自远方的狼。', sex: '男', age: 22, name: '刘建国', id: '学生'},
				 { descrip:'我是一匹来自远方的狼。', sex: '男', age: 24, name: '张八', id: '主任'},
                 { descrip:'我是一匹来自远方的狗。', sex: '男', age: 35, name: '李四', id: '老师'},
				 { descrip:'我是一匹来自远方的猪。', sex: '男', age: 42, name: '王五', id: '学生'},
				 { descrip:'我是一匹来自远方的牛。', sex: '男', age: 50, name: '赵六', id: '实习'},
				 { descrip:'我是一匹来自远方的马。', sex: '男', age: 60, name: '孙七', id: '实习'}];

================================================
FILE: src/StaffDetail.js
================================================
import React from 'react';
export default class StaffDetail extends React.Component{

    handlerEdit(){
	    let item = {};
	    let editTabel = React.findDOMNode(this.refs.editTabel);
		let sex = editTabel.querySelector('#staffEditSex');
		let id = editTabel.querySelector('#staffEditId');
		
		item.name = editTabel.querySelector('#staffEditName').value.trim();
		item.age = editTabel.querySelector('#staffEditAge').value.trim();
		item.descrip = editTabel.querySelector('#staffEditDescrip').value.trim();
		item.sex = sex.options[sex.selectedIndex].value;
		item.id = id.options[id.selectedIndex].value;
		item.key = this.props.staffDetail.key;
		
		/*
		 *表单验证
		 */
		if(item.name=='' || item.age=='' || item.descrip=='') {
			let tips = React.findDOMNode(this.refs.DtipsUnDone);
			tips.style.display = 'block';
			setTimeout(function(){
				tips.style.display = 'none';
			}, 1000);
			return;
		}
		//非负整数
        let numReg = /^\d+$/;
		if(!numReg.test(item.age) || parseInt(item.age)>150) {
			let tips = React.findDOMNode(this.refs.DtipsUnAge);
			tips.style.display = 'block';
			setTimeout(function(){
				tips.style.display = 'none';
			}, 1000);
			return;
		}
		
		this.props.editDetail(item);
		
		//此处应在返回修改成功信息后确认
		let tips = React.findDOMNode(this.refs.Dtips);
		tips.style.display = 'block';
		setTimeout(function(){
            tips.style.display = 'none';
		}, 1000);
	}
	
	handlerClose(){
	  this.props.closeDetail();
	}
	
	componentDidUpdate(){
	    if(this.props.staffDetail == null){}
		else {
			let selSex = React.findDOMNode(this.refs.selSex);
			for(let i=0; i<selSex.options.length; i++){
				if(selSex.options[i].value == this.props.staffDetail.info.sex){
				  selSex.options[i].selected = 'selected';
				  break;
				}
			}
			let selId = React.findDOMNode(this.refs.selId);
			for(let i=0; i<selId.options.length; i++) {
				if(selId.options[i].value == this.props.staffDetail.info.id){
				  selId.options[i].selected = 'selected';
				  break;
				}
			}

		}
	}

    render(){
	  let staffDetail = this.props.staffDetail;  
	  if(!staffDetail)
	    return null;
	  
	  return (
	      <div className="overLay">
		    <h4 style={{'text-align':'center'}}>点击'完成'保存修改,点击'关闭'放弃未保存修改并退出.</h4>
			<hr/>
		    <table ref="editTabel">
			  <tbody>
			    <tr>
				  <th>姓名</th>
				  <td><input id='staffEditName' type="text" defaultValue={staffDetail.info.name}></input></td>
				</tr>
			    <tr>
				  <th>年龄</th>
				  <td><input id='staffEditAge' type="text" defaultValue={staffDetail.info.age}></input></td>
				</tr>
			    <tr>
				  <th>性别</th>
				  <td>
				    <select ref='selSex' id='staffEditSex'>
					  <option value="男">男</option>
					  <option value="女">女</option>
					</select>
				  </td>
				</tr>
				<tr>
				  <th>身份</th>
                  <td>
				    <select ref="selId" id='staffEditId'>
					  <option value="主任">主任</option>
					  <option value="老师">老师</option>
					  <option value="学生">学生</option>
					  <option value="实习">实习</option>
					</select>
				  </td>
				</tr>
			    <tr>
				  <th>个人描述</th>
				  <td><textarea id='staffEditDescrip' type="text" defaultValue={staffDetail.info.descrip}></textarea></td>
				</tr>
			  </tbody>
			</table>
			<p ref='Dtips' className='tips'>修改成功</p>
			<p ref='DtipsUnDone' className='tips'>请录入完整的人员信息</p>
			<p ref='DtipsUnAge' className='tips'>请录入正确的年龄</p>
			<button onClick={this.handlerEdit.bind(this)}>完成</button>
			<button onClick={this.handlerClose.bind(this)}>关闭</button>
		  </div>
	  );
	}
}

================================================
FILE: src/StaffFooter.js
================================================
import React from 'react';
export default class StaffFooter extends React.Component{
    
	handlerAddClick(evt){
	    evt.preventDefault();
		let item = {};
		let addForm = React.findDOMNode(this.refs.addForm);
		let sex = addForm.querySelector('#staffAddSex');
		let id = addForm.querySelector('#staffAddId');
		
		item.name = addForm.querySelector('#staffAddName').value.trim();
		item.age = addForm.querySelector('#staffAddAge').value.trim();
		item.descrip = addForm.querySelector('#staffAddDescrip').value.trim();
		item.sex = sex.options[sex.selectedIndex].value;
		item.id = id.options[id.selectedIndex].value;

		/*
		 *表单验证
		 */
		if(item.name=='' || item.age=='' || item.descrip=='') {
			let tips = React.findDOMNode(this.refs.tipsUnDone);
			tips.style.display = 'block';
			setTimeout(function(){
				tips.style.display = 'none';
			}, 1000);
			return;
		}
		//非负整数
        let numReg = /^\d+$/;
		if(!numReg.test(item.age) || parseInt(item.age)>150) {
			let tips = React.findDOMNode(this.refs.tipsUnAge);
			tips.style.display = 'block';
			setTimeout(function(){
				tips.style.display = 'none';
			}, 1000);
			return;
		}
		
		this.props.addStaffItem(item);
		addForm.reset();
		
		//此处应在返回添加成功信息后确认
		let tips = React.findDOMNode(this.refs.tips);
		tips.style.display = 'block';
		setTimeout(function(){
            tips.style.display = 'none';
		}, 1000);
	}
	
	render(){
	    return (
		  <div>
		    <h4 style={{'text-align':'center'}}>人员新增</h4>
		    <hr/>
			<form ref='addForm' className="addForm">
			    <div>
				  <label for='staffAddName' style={{'display': 'block'}}>姓名</label>
				  <input ref='addName' id='staffAddName' type='text' placeholder='Your Name'/>
				</div>
			    <div>
				  <label for='staffAddAge' style={{'display': 'block'}}>年龄</label>
				  <input ref='addAge' id='staffAddAge' type='text' placeholder='Your Age(0-150)'/>
				</div>
			    <div>
				  <label for='staffAddSex' style={{'display': 'block'}}>性别</label>
				  <select ref='addSex' id='staffAddSex'>
				    <option value='男'>男</option>
				    <option value='女'>女</option>
				  </select>
				</div>
			    <div>
				  <label for='staffAddId' style={{'display': 'block'}}>身份</label>
				  <select ref='addId' id='staffAddId'>
				    <option value='主任'>主任</option>
				    <option value='老师'>老师</option>
				    <option value='学生'>学生</option>
				    <option value='实习'>实习</option>
				  </select>
				</div>
			    <div>
				  <label for='staffAddDescrip' style={{'display': 'block'}}>个人描述</label>
				  <textarea ref='addDescrip' id='staffAddDescrip' type='text'></textarea>
				</div>
				<p ref="tips" className='tips' >提交成功</p>
				<p ref='tipsUnDone' className='tips'>请录入完整的人员信息</p>
				<p ref='tipsUnAge' className='tips'>请录入正确的年龄</p>
				<div>
				  <button onClick={this.handlerAddClick.bind(this)}>提交</button>
				</div>
			</form>
		  </div>
		)
	}
}

================================================
FILE: src/StaffHeader.js
================================================
import React from 'react';
export default class StaffHeader extends React.Component{

    //排序
    handlerOrderChange(){
	    let sel = React.findDOMNode(this.refs.selOrder);
		let selValue = sel.options[sel.selectedIndex].value;
		this.props.sortStaff(selValue);
	}
	
	//筛选
	handlerIdChange(){
	    let sel = React.findDOMNode(this.refs.selId);
		let selValue = sel.options[sel.selectedIndex].value;
		this.props.filtStaff(selValue);
	}
	
	//search
	handlerSearch(){
	    let bar = React.findDOMNode(this.refs.searchBar);
		let value = bar.value;
		this.props.searchStaff(value);
	}

    render(){
	    return (
		  <div>
		      <h3 style={{'text-align':'center'}}>人员管理系统</h3>
			  <table className="optHeader">
				<tbody>
				  <tr>
					<td className="headerTd"><input ref='searchBar' onChange={this.handlerSearch.bind(this)} type='text' placeholder='Search...' /></td>
					<td className="headerTd">
						<label for='idSelect'>人员筛选</label>
						<select id='idSelect' ref="selId" onChange={this.handlerIdChange.bind(this)}>
						    <option value='0'>全部</option>
							<option value='1'>主任</option>
							<option value='2'>老师</option>
							<option value='3'>学生</option>
							<option value='4'>实习</option>
						</select>
					</td>
					<td>
						<label for='orderSelect'>排列方式</label>
						<select id='orderSelect' ref="selOrder" onChange={this.handlerOrderChange.bind(this)}>
							<option value='0'>身份</option>
							<option value='1'>年龄升</option>
							<option value='2'>年龄降</option>
						</select>
					</td>
				  </tr>
				</tbody>
			  </table>
		  </div>
		);
	}
}

================================================
FILE: src/StaffItem.js
================================================
import React from 'react';
export default class StaffItem extends React.Component{
	
	//delete
	handlerDelete(evt){
	    this.props.removeStaffItem(this.props.item.key);
	}
	
	//detail
	handlerDetail(evt){
	    this.props.detailStaffItem(this.props.item.key);
	}
	
	render(){
		return (
			  <tr
				style={{'cursor': 'pointer'}}
			  >
				<td className='itemTd'>{this.props.item.info.name}</td>
				<td className='itemTd'>{this.props.item.info.age}</td>
				<td className='itemTd'>{this.props.item.info.id}</td>
				<td className='itemTd'>{this.props.item.info.sex}</td>
				<td className='itemTd'>
				    <a className="itemBtn" onClick={this.handlerDelete.bind(this)}>删除</a>
				    <a className="itemBtn" onClick={this.handlerDetail.bind(this)}>详情</a>
				</td>
			  </tr>
		);
	}
}

================================================
FILE: src/StaffItemPanel.js
================================================
import React from 'react';
import StaffItem from './StaffItem.js';
export default class StaffItemPanel extends React.Component{
    
	render(){
	    let items = [];
		
		if(this.props.items.length == 0) {
		    items.push(<tr><th colSpan="5" className="tempEmpty">暂无用户</th></tr>);
		}else {
		    this.props.items.forEach(item => {
			    items.push(<StaffItem key={item.key} item={item} removeStaffItem={this.props.removeStaffItem} detailStaffItem={this.props.detailStaffItem}/>);
		    });
		}
		
		return (
		  <table className='itemPanel'>
		    <thead>
			    <th className='itemTd'>姓名</th>
				<th className='itemTd'>年龄</th>
				<th className='itemTd'>身份</th>
				<th className='itemTd'>性别</th>
				<th className='itemTd'>操作</th>
			</thead>
		    <tbody>{items}</tbody>
		  </table>
		);
	}
}

================================================
FILE: webpack.config.js
================================================
module.exports = {
    entry: __dirname + '/src/ManageSystem.js',
	output: {
	    path: __dirname + '/build',
		filename: "bundle.js"
	},
	externals: {
	    'react': 'React'
	},
	devtool: 'eval-source-map',  //生成source file
	module: {
	    loaders: [
		  {
		    test: /\.js$/,
			exclude: /node_modules/,
			loader: 'babel',
			query: {
			  presets: ['es2015', 'react']
			}
		  }
		]
	}
};