@bchr/bchr-front-lib 0.3.115 → 0.3.116

package/lib/base/widgets/stree/LeftOrgTreeRightPersonGridForSelectPsnModal.js

@@ -9,12 +9,16 @@ var _react = _interopRequireDefault(require("react"));
 
 var _treeview = _interopRequireDefault(require("@progress/kendo-treeview-react-wrapper/dist/npm/treeview"));
 
-var _antd = require("antd");
+var _antd = _interopRequireWildcard(require("antd"));
 
 var _kendoReactGrid = require("@progress/kendo-react-grid");
 
 var _bchrFrontLib = require("@bchr/bchr-front-lib");
 
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
@@ -178,6 +182,27 @@ var LeftOrgTreeRightPersonGridForSelectPsnModal = /*#__PURE__*/function (_React$
       }));
     });
 
+    _defineProperty(_assertThisInitialized(_this2), "selectPsnRadiosChange", function (e) {
+      var currentState = _this2.state;
+      var selectedPsnList = [];
+      var psnList = currentState.pagerData.data;
+
+      if (psnList && psnList.length > 0) {
+        psnList.forEach(function (dataItem) {
+          if (dataItem.pk == e.dataItem.pk) {
+            dataItem['selected'] = true;
+            selectedPsnList.push(dataItem);
+          } else {
+            dataItem['selected'] = false;
+          }
+        });
+
+        _this2.setState(_objectSpread(_objectSpread({}, currentState), {}, {
+          selectedPsnList: selectedPsnList
+        }));
+      }
+    });
+
     _this2.orgTreeRef = /*#__PURE__*/_react["default"].createRef();
 
     var _this = _assertThisInitialized(_this2);
@@ -483,7 +508,27 @@ var LeftOrgTreeRightPersonGridForSelectPsnModal = /*#__PURE__*/function (_React$
         onDataStateChange: this.onDataStateChange.bind(this),
         onSelectionChange: this.onGridRowSelectionChange,
         onHeaderSelectionChange: this.onGridHeaderSelectionChange
-      }), /*#__PURE__*/_react["default"].createElement(_kendoReactGrid.GridColumn, {
+      }), this.props.selectType && this.props.selectType === 'single' ? /*#__PURE__*/_react["default"].createElement(_kendoReactGrid.GridColumn, {
+        field: "selected",
+        title: "\u9009\u62E9",
+        width: "55px",
+        className: "text-center",
+        sortable: false,
+        headerCell: function headerCell(props) {
+          return /*#__PURE__*/_react["default"].createElement("span", null, "\u9009\u62E9");
+        },
+        cell: function cell(props) {
+          return /*#__PURE__*/_react["default"].createElement("td", {
+            className: "text-center"
+          }, /*#__PURE__*/_react["default"].createElement(_antd["default"], {
+            name: "selectDef",
+            defaultChecked: props.dataItem.selected,
+            className: "grid-radio",
+            key: props.dataIndex,
+            onChange: _this3.selectPsnRadiosChange.bind(_this3, props)
+          }));
+        }
+      }) : /*#__PURE__*/_react["default"].createElement(_kendoReactGrid.GridColumn, {
         locked: true,
         field: "selected",
         title: "\u9009\u62E9",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bchr/bchr-front-lib",
-  "version": "0.3.115",
+  "version": "0.3.116",
   "description": "bchr front lib",
   "main": "lib/index.js",
   "scripts": {

package/src/base/widgets/stree/LeftOrgTreeRightPersonGridForSelectPsnModal.js

@@ -1,6 +1,6 @@
 import React from "react";
 import TreeView from "@progress/kendo-treeview-react-wrapper/dist/npm/treeview";
-import {Checkbox, Input, Modal} from "antd";
+import Radio, {Checkbox, Input, Modal} from "antd";
 import {Grid, GridColumn} from "@progress/kendo-react-grid";
 import {GridRowSequenceNumberCell, SmartMessage, HttpService, SModal} from "@bchr/bchr-front-lib";
 
@@ -361,6 +361,28 @@ class LeftOrgTreeRightPersonGridForSelectPsnModal extends React.Component  {
         })
     }
 
+    selectPsnRadiosChange = (e) => {
+        let currentState = this.state;
+        let selectedPsnList = [];
+        let psnList = currentState.pagerData.data;
+
+        if (psnList && psnList.length > 0) {
+            psnList.forEach(dataItem => {
+                if (dataItem.pk == e.dataItem.pk) {
+                    dataItem['selected'] = true;
+                    selectedPsnList.push(dataItem)
+                } else {
+                    dataItem['selected'] = false;
+                }
+            });
+
+            this.setState({
+                ...currentState,
+                selectedPsnList
+            })
+        }
+    }
+
     onOk() {
         let {selectedPsnList} = this.state;
 
@@ -422,16 +444,32 @@ class LeftOrgTreeRightPersonGridForSelectPsnModal extends React.Component  {
                             onSelectionChange={this.onGridRowSelectionChange}
                             onHeaderSelectionChange={this.onGridHeaderSelectionChange}
                         >
-                            <GridColumn locked field="selected" title="选择" width="50px" className={"text-center locked"}
-                                        headerClassName={"text-center"} sortable={false} headerCell={props => {
-                                return <Checkbox checked={this.state.isAllPsnSelected} onChange={this.onGridHeaderSelectionChange}></Checkbox>
-                            }}
-                                        cell={props => {
-                                            return <td className={"text-center locked_column k-grid-content-sticky"} style={{left: "0px", right: "0px"}}>
-                                                <Checkbox checked={props.dataItem.selected} onChange={this.onGridRowSelectionChange.bind(this, props)}></Checkbox>
-                                            </td>
-                                        }}
-                            />
+                            {
+                                this.props.selectType && this.props.selectType ==='single' ? <GridColumn field="selected" title="选择" width="55px" className={"text-center"}
+                                                                    sortable={false}
+                                                                    headerCell={props => {
+                                                                        return (<span>选择</span>)
+                                                                    }}
+                                                                    cell={(props) => {
+                                                                        return (
+                                                                            <td className={"text-center"}>
+                                                                                <Radio name='selectDef' defaultChecked={props.dataItem.selected}
+                                                                                       className={"grid-radio"} key={props.dataIndex}
+                                                                                       onChange={this.selectPsnRadiosChange.bind(this, props)}
+                                                                                ></Radio>
+                                                                            </td>)
+                                                                    }}/>  : <GridColumn locked field="selected" title="选择" width="50px" className={"text-center locked"}
+                                                                                    headerClassName={"text-center"} sortable={false} headerCell={props => {
+                                    return <Checkbox checked={this.state.isAllPsnSelected} onChange={this.onGridHeaderSelectionChange}></Checkbox>
+                                }}
+                                                                                    cell={props => {
+                                                                                        return <td className={"text-center locked_column k-grid-content-sticky"} style={{left: "0px", right: "0px"}}>
+                                                                                            <Checkbox checked={props.dataItem.selected} onChange={this.onGridRowSelectionChange.bind(this, props)}></Checkbox>
+                                                                                        </td>
+                                                                                    }}
+                                />
+
+                            }
                             <GridColumn field="sequence_number" title="序号" width="50px" className={"text-center"} headerClassName={"text-center"} width="55px" sortable={false} cell={GridRowSequenceNumberCell}/>
                             <GridColumn field="name" title="姓名" className={"text-center"} headerClassName={"text-center"} width="120px" />
                             <GridColumn field="code" title="人员编码" className={"text-center"} headerClassName={"text-center"} width="120px" />