yylib-quick-mobile
Version:
yylib-quick-mobile
318 lines (292 loc) • 12.4 kB
JavaScript
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _button = require('antd-mobile/lib/button');
var _button2 = _interopRequireDefault(_button);
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
require('antd-mobile/lib/button/style/css');
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _index = require('../../../index');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var YYreferDemo = function (_React$Component) {
_inherits(YYreferDemo, _React$Component);
function YYreferDemo(props) {
_classCallCheck(this, YYreferDemo);
var _this = _possibleConstructorReturn(this, (YYreferDemo.__proto__ || Object.getPrototypeOf(YYreferDemo)).call(this, props));
_this.openRefer = function (e) {
if (e == '1') {
_this.setState({
open: true
});
}
if (e == '2') {
_this.setState({
openz: true
});
}
if (e == '3') {
_this.setState({
openw: true
});
}
if (e == '4') {
_this.setState({
openl: true
});
}
if (e == '5') {
_this.setState({
openk: true
});
}
};
_this.onOk = function (value, name) {
console.log(value);
console.log(name);
switch (name) {
case 'zyl':
_this.setState({
open: false
});
break;
case 'lzf':
_this.setState({
openz: false
});
break;
case 'whh':
_this.setState({
openw: false
});
break;
case 'lzftree':
_this.setState({
openl: false
});
break;
case 'lzftreelist':
_this.setState({
openk: false
});
break;
default:
break;
}
};
_this.onClose = function (name) {
switch (name) {
case 'zyl':
_this.setState({
open: false
});
break;
case 'lzf':
_this.setState({
openz: false
});
break;
case 'whh':
_this.setState({
openw: false
});
break;
case 'lzftree':
_this.setState({
openl: false
});
break;
case 'lzftreelist':
_this.setState({
openk: false
});
break;
}
};
_this.showform = function () {
_this.props.form.validateFields(['zyl', 'lzf', 'whh', 'lzftree', 'lzftreelist', 'zyl-1', 'lzf-1', 'whh-1', 'lzftree-1', 'lzftreelist-1'], function (err, values) {
if (!err) {
console.log(values);
} else {
var arr = [];
for (var i in err) {
arr.push(err[i]);
}
console.log(arr[0].errors[0].message);
}
});
};
_this.state = {
init: '',
open: false,
openz: false,
openw: false
};
return _this;
}
_createClass(YYreferDemo, [{
key: 'render',
value: function render() {
var form = this.props.form;
return _react2.default.createElement(
'div',
null,
_react2.default.createElement(
_button2.default,
{ onClick: this.openRefer.bind(this, '1') },
'\u70B9\u51FB\u9009\u62E9\u81EA\u5B9A\u4E49\u5217\u8868\u53C2\u7167zyl'
),
_react2.default.createElement(_index.YYRefer, {
referName: 'zyl',
referlabel: '\u5217\u8868\u53C2\u7167',
onOk: this.onOk,
onClose: this.onClose,
multiMode: true,
form: form,
custom: true,
open: this.state.open,
referCode: '00026',
referStyle: 'list',
displayField: 'name'
}),
_react2.default.createElement(
_button2.default,
{ onClick: this.openRefer.bind(this, '2') },
'\u70B9\u51FB\u9009\u62E9\u81EA\u5B9A\u4E49\u6811\u53C2\u7167lzf'
),
_react2.default.createElement(_index.YYRefer, {
referName: 'lzf',
referlabel: '\u6811\u53C2\u7167',
onOk: this.onOk,
onClose: this.onClose,
multiMode: true,
custom: true,
form: form,
open: this.state.openz,
referCode: 'bd-005',
referStyle: 'tree'
}),
_react2.default.createElement(
_button2.default,
{ onClick: this.openRefer.bind(this, '3') },
'\u70B9\u51FB\u9009\u62E9\u81EA\u5B9A\u4E49\u6570\u8868\u53C2\u7167whh'
),
_react2.default.createElement(_index.YYRefer, {
referName: 'whh',
referlabel: '\u6570\u8868\u53C2\u7167',
onOk: this.onOk,
onClose: this.onClose,
multiMode: true,
form: form,
custom: true,
open: this.state.openw,
referCode: 'bd-006_test',
referStyle: 'tree-list'
}),
_react2.default.createElement(
_button2.default,
{ onClick: this.openRefer.bind(this, '4') },
'\u70B9\u51FB\u9009\u62E9\u81EA\u5B9A\u4E49\u5F02\u6B65\u6811\u53C2\u7167'
),
_react2.default.createElement(_index.YYRefer, {
referName: 'lzftree',
referlabel: '\u5F02\u6B65\u6570\u53C2\u7167',
onOk: this.onOk,
onClose: this.onClose,
multiMode: true,
custom: true,
form: form,
open: this.state.openl,
referCode: 'bd-005_lazytree',
referStyle: 'lazy-tree'
}),
_react2.default.createElement(
_button2.default,
{ onClick: this.openRefer.bind(this, '5') },
'\u70B9\u51FB\u9009\u62E9\u81EA\u5B9A\u4E49\u5F02\u6B65\u6811\u8868\u53C2\u7167'
),
_react2.default.createElement(_index.YYRefer, {
referName: 'lzftreelist',
referlabel: '\u5F02\u6B65\u6570\u8868\u53C2\u7167',
onOk: this.onOk,
onClose: this.onClose,
multiMode: true,
custom: true,
form: form,
open: this.state.openk,
referCode: '0015',
referStyle: 'lazy-tree-list'
}),
_react2.default.createElement(_index.YYRefer, {
referName: 'zyl-1',
referlabel: '\u5217\u8868\u53C2\u7167',
custom: false,
multiMode: true,
form: form,
values: [{ code: "15110101919",
creationTimestamp: 1516707936087,
dr: 0,
id: "0342fcce-1949-426c-8b5a-ec9b4cdfb0f3",
modificationTimestamp: 1516707936087,
name: "王祖贤",
tenantId: null,
userId: "0342fcce-1949-426c-8b5a-ec9b4cdfb0f3",
userName: "王祖贤"
}],
referCode: '00026',
referStyle: 'list',
displayField: 'name'
}),
_react2.default.createElement(_index.YYRefer, {
referName: 'lzf-1',
referlabel: '\u6811\u53C2\u7167',
custom: false,
multiMode: true,
form: form,
referCode: 'bd-005',
referStyle: 'tree'
}),
_react2.default.createElement(_index.YYRefer, {
referName: 'whh-1',
referlabel: '\u6570\u8868\u53C2\u7167',
custom: false,
multiMode: true,
form: form,
referCode: 'bd-006_test',
referStyle: 'tree-list'
}),
_react2.default.createElement(_index.YYRefer, {
referName: 'lzftree-1',
referlabel: '\u5F02\u6B65\u6570\u53C2\u7167',
custom: false,
multiMode: true,
icon: 'tag',
form: form,
referCode: 'bd-005_lazytree',
referStyle: 'lazy-tree'
}),
_react2.default.createElement(_index.YYRefer, {
referName: 'lzftreelist-1',
referlabel: '\u5F02\u6B65\u6570\u8868\u53C2\u7167',
custom: false,
multiMode: true,
icon: 'tag',
form: form,
referCode: '0015',
referStyle: 'lazy-tree-list'
}),
_react2.default.createElement(
_button2.default,
{ onClick: this.showform },
'\u70B9\u51FB\u663E\u793A\u6240\u6709value'
)
);
}
}]);
return YYreferDemo;
}(_react2.default.Component);
exports.default = _index.YYForm.create()(YYreferDemo);