@lm_fe/components_m 0.1.201 → 0.2.2

package/dist/a_chunks/.root85.js

@@ -1,5 +1,5 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
@@ -7,475 +7,723 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import 'antd/es/input/style';
-import _Input from 'antd/es/input';
-import { b as styleInject, C as CustomIcon, _ as _extends } from './index.js';
-import 'antd/es/message/style';
-import _message from 'antd/es/message';
-import _get from 'lodash/get';
+import { LazyAntd } from '@lm_fe/components';
+import { formatDate } from '@lm_fe/utils';
+import { Row, Col, Form, Input, Button } from 'antd';
+import { get, isEqual, map, isEmpty, isArray, join, cloneDeep, set, filter, indexOf, isNil } from 'lodash';
+import dayjs from 'dayjs';
 import React, { Component } from 'react';
-import 'antd/es/modal/style';
-import _Modal from 'antd/es/modal';
-import 'antd/es/timeline/style';
-import _Timeline from 'antd/es/timeline';
-import 'antd/es/list/style';
-import _List from 'antd/es/list';
-import { CloseOutlined } from '@ant-design/icons';
-import { request } from '@lm_fe/utils';
+import { aj as APP_CONFIG, a as styleInject, ak as getDictionariesEnumerations, e as BaseFormComponent, al as TimePickerAutoaccept } from './index.js';
+import { HOURS, MINUTES } from './.root86.js';
 import '@lm_fe/env';
-import 'lodash/isFunction';
-import 'antd/es/space/style';
-import 'antd/es/space';
-import 'antd/es/input-number/style';
-import 'antd/es/input-number';
-import 'lodash/set';
-import 'lodash/map';
-import 'lodash/indexOf';
-import 'lodash/compact';
-import '@lm_fe/components';
+import '@lm_fe/provoke';
 import 'classnames';
-import 'dayjs';
-import 'antd/es/checkbox/style';
-import 'antd/es/checkbox';
-import 'lodash/isString';
-import 'lodash/isNumber';
-import 'lodash/isBoolean';
-import 'antd/es/divider/style';
-import 'antd/es/divider';
-import 'antd/es/button/style';
-import 'antd/es/button';
-import 'lodash/isEmpty';
-import 'antd/es/switch/style';
-import 'antd/es/switch';
-import 'antd/es/form/style';
-import 'antd/es/form';
-import 'lodash/join';
-import 'lodash/isEqual';
-import 'lodash/isArray';
-import 'lodash/identity';
-import 'lodash/cloneDeep';
 import '@lm_fe/service';
-import 'lodash/isObject';
-import 'lodash/keys';
-import 'lodash/keyBy';
-import 'lodash/isNil';
-import 'antd/es/tooltip/style';
-import 'antd/es/tooltip';
-import 'antd/es/spin/style';
-import 'antd/es/spin';
-import 'lodash/has';
-import 'lodash/size';
-import 'lodash/includes';
-import 'lodash/forEach';
-import 'lodash/filter';
-import 'react-to-print';
-import 'antd/es/row/style';
-import 'antd/es/row';
-import 'antd/es/col/style';
-import 'antd/es/col';
-import 'lodash/concat';
-import 'lodash/reduce';
-import 'lodash/debounce';
-import 'lodash/pickBy';
-import 'antd/es/auto-complete/style';
-import 'antd/es/auto-complete';
-import 'lodash/nth';
-import 'lodash/assign';
-import 'antd/es/popover/style';
-import 'antd/es/popover';
-import 'antd/es/menu/style';
-import 'antd/es/menu';
+import 'reconnecting-websocket';
 import 'store';
-import 'antd/es/popconfirm/style';
-import 'antd/es/popconfirm';
-import 'antd/es/radio/style';
-import 'antd/es/radio';
-import 'lodash/last';
-import 'lodash/toUpper';
-var css_248z$1 = ".textarea-with-template {\n  position: relative;\n}\n.textarea-with-template .template-text {\n  width: 100%;\n}\n.textarea-with-template__action {\n  position: absolute;\n  right: 1px;\n  bottom: 1px;\n  width: 0;\n  height: 0;\n  border-width: 20px 20px 20px 20px;\n  border-color: transparent #d8dce6 #d8dce6 transparent;\n  border-style: solid;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n}\n.textarea-with-template__action span {\n  position: relative;\n  bottom: 1px;\n  word-break: keep-all;\n  color: #000;\n  font-size: 12px;\n}\n.textarea-with-template__action_disabled {\n  color: rgba(0, 0, 0, 0.25);\n}\n.textarea-with-template__modal-nav {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.textarea-with-template__modal-nav__items {\n  margin-right: 8px;\n}\n.textarea-with-template__modal-body {\n  margin: 10px 0;\n}\n.textarea-with-template__modal-body .ant-tree-treenode .template-list-item__actions {\n  display: none;\n}\n.textarea-with-template__modal-body .ant-tree-treenode:hover .template-list-item__actions {\n  display: inline-block;\n}\n.textarea-with-template__modal-body .template-list-item {\n  display: flex;\n  flex-flow: row;\n  align-items: center;\n}\n.textarea-with-template__modal-body .template-list-item .template-list-item__actions-icon {\n  font-size: 14px;\n  opacity: 0.8;\n  cursor: pointer;\n  margin-left: 10px;\n}\n.textarea-with-template__modal .ant-modal-content .ant-modal-header,\n.textarea-with-template__modal .ant-modal-content .ant-modal-body,\n.textarea-with-template__modal .ant-modal-content .ant-modal-footer {\n  padding: 10px;\n}\n";
-styleInject(css_248z$1);
-var css_248z = ".modal_ .Listitem {\n  margin-top: 13px;\n}\n.modal_ .lis {\n  color: #007aff;\n  font-size: 15px;\n}\n.modal_ .delete {\n  display: none;\n  float: right;\n  color: black;\n  font-size: 11px;\n}\n.modal_ .lisborder {\n  padding-bottom: 8px;\n  border-bottom: 1px solid #ccc;\n}\n.modal_ .ant-timeline-item {\n  padding-bottom: 00px !important;\n}\n.modal_ .ant-timeline-item-last > .ant-timeline-item-content {\n  min-height: 0px !important;\n}\n.modal_ .Listitem:hover .delete {\n  display: inline-block;\n}\n";
-var styles = css_248z;
+
+// 胎儿囊液穿刺
+var cystocentesisColumns = [{
+  dataIndex: 'name',
+  title: '测量值',
+  align: 'center',
+  editable: false,
+  width: APP_CONFIG.CELL_WIDTH_MIDDLE
+}, {
+  dataIndex: 'leftPleuralEffusion',
+  title: '左胸腔积液(mm)',
+  align: 'center',
+  editable: true,
+  inputType: 'input',
+  width: APP_CONFIG.CELL_WIDTH_MIDDLE
+}, {
+  dataIndex: 'rightPleuralEffusion',
+  title: '右胸腔积液(mm)',
+  align: 'center',
+  editable: true,
+  inputType: 'input',
+  width: APP_CONFIG.CELL_WIDTH_MIDDLE
+}, {
+  dataIndex: 'ascites',
+  title: '腹水(mm)',
+  align: 'center',
+  editable: true,
+  inputType: 'input',
+  width: APP_CONFIG.CELL_WIDTH_MIDDLE
+}, {
+  dataIndex: 'hygromata',
+  title: '囊肿',
+  align: 'center',
+  editable: true,
+  inputType: 'input',
+  width: APP_CONFIG.CELL_WIDTH_MIDDLE
+}, {
+  dataIndex: 'note',
+  title: '备注',
+  align: 'center',
+  editable: true,
+  inputType: 'input',
+  width: 300
+}];
+var tableColumns = [{
+  dataIndex: 'name',
+  editable: true,
+  align: 'center',
+  inputType: 'input',
+  title: '手术名称',
+  width: APP_CONFIG.CELL_WIDTH_LARGE
+}, {
+  dataIndex: 'object',
+  editable: true,
+  align: 'center',
+  inputType: 'select_with_options_or_input',
+  inputProps: {
+    options: [{
+      label: '单胎',
+      value: '单胎'
+    }, {
+      label: 'F1',
+      value: 'F1'
+    }, {
+      label: 'F2',
+      value: 'F2'
+    }, {
+      label: 'F3',
+      value: 'F3'
+    }, {
+      label: 'F4',
+      value: 'F4'
+    }]
+  },
+  title: '穿刺对象',
+  width: APP_CONFIG.CELL_WIDTH_LARGE
+}, {
+  dataIndex: 'punctureTarget',
+  editable: true,
+  align: 'center',
+  inputType: 'select_with_options_or_input',
+  inputProps: {
+    options: [{
+      label: '经脐静脉游离段',
+      value: '经脐静脉游离段'
+    }, {
+      label: '胸腔',
+      value: '胸腔'
+    }]
+  },
+  title: '穿刺部位',
+  width: APP_CONFIG.CELL_WIDTH_LARGE
+}, {
+  dataIndex: 'punctureAmount',
+  editable: true,
+  align: 'center',
+  inputType: 'input',
+  title: '穿刺次数',
+  width: APP_CONFIG.CELL_WIDTH_LARGE
+}, {
+  dataIndex: 'placentaEntryNote',
+  editable: true,
+  align: 'center',
+  // inputType: 'input',
+  inputType: 'dictionary_select_in_table',
+  inputProps: {
+    type: 'select',
+    mode: 'single',
+    boxSpan: 6,
+    uniqueKey: 'prenatalDiagnosis.placentaEntry'
+  },
+  title: '经否胎盘',
+  width: APP_CONFIG.CELL_WIDTH_LARGE
+}, {
+  dataIndex: 'placentaHemorrhageNote',
+  editable: true,
+  align: 'center',
+  inputType: 'select_with_options_or_input',
+  inputProps: {
+    options: [{
+      label: '无',
+      value: '无'
+    }, {
+      label: '有',
+      value: '有'
+    }]
+  },
+  title: '胎盘出血',
+  width: APP_CONFIG.CELL_WIDTH_LARGE
+}, {
+  dataIndex: ['invasiveNote', 'liquidvolume'],
+  editable: true,
+  inputType: 'input',
+  align: 'center',
+  title: '液体量(ml)',
+  width: APP_CONFIG.CELL_WIDTH_MIDDLE
+}, {
+  dataIndex: ['invasiveNote', 'liquidcharacter'],
+  editable: true,
+  align: 'center',
+  inputType: 'select_with_options_or_input',
+  inputProps: {
+    options: [{
+      label: '清亮，金黄色',
+      value: '清亮，金黄色'
+    }, {
+      label: '血型，浅黄色',
+      value: '血型，浅黄色'
+    }, {
+      label: '浑浊',
+      value: '浑浊'
+    }]
+  },
+  title: '液体性质',
+  width: APP_CONFIG.CELL_WIDTH_MIDDLE
+}, {
+  dataIndex: 'medication',
+  editable: true,
+  align: 'center',
+  inputType: 'select_with_options_or_input',
+  inputProps: {
+    options: [{
+      label: '无',
+      value: '无'
+    }, {
+      label: '有',
+      value: '有'
+    }]
+  },
+  title: '用药',
+  width: APP_CONFIG.CELL_WIDTH_MIDDLE
+}, {
+  dataIndex: 'fhr',
+  editable: true,
+  align: 'center',
+  inputType: 'input',
+  title: '术前胎心率',
+  width: APP_CONFIG.CELL_WIDTH_MIDDLE
+}, {
+  dataIndex: 'postFhr',
+  editable: true,
+  align: 'center',
+  inputType: 'input',
+  title: '术后胎心率(bpm)',
+  width: APP_CONFIG.CELL_WIDTH_MIDDLE
+}, {
+  dataIndex: 'fhrdecNote',
+  editable: true,
+  align: 'center',
+  inputType: 'select_with_options_or_input',
+  inputProps: {
+    options: [{
+      label: '无',
+      value: '无'
+    }, {
+      label: '有',
+      value: '有'
+    }]
+  },
+  title: '胎心减慢',
+  width: APP_CONFIG.CELL_WIDTH_MIDDLE
+}, {
+  dataIndex: 'processEvaluationNote',
+  editable: true,
+  align: 'center',
+  // inputType: 'input',
+  inputType: 'dictionary_select_in_table',
+  inputProps: {
+    type: 'select',
+    mode: 'single',
+    boxSpan: 6,
+    uniqueKey: 'prenatalDiagnosis.processEvaluationNote'
+  },
+  title: '过程评估',
+  width: APP_CONFIG.CELL_WIDTH_MIDDLE
+}, {
+  dataIndex: 'otherNote',
+  editable: true,
+  align: 'center',
+  inputType: 'input',
+  title: '备注',
+  width: APP_CONFIG.CELL_WIDTH_MIDDLE
+}];
+var css_248z = ".pd-procedure-table__header {\n  display: flex;\n  margin-bottom: 4px;\n}\n.pd-procedure-table__header .ant-btn:first-child {\n  margin-right: 8px;\n}\n.pd-procedure-table .ant-select,\n.pd-procedure-table .ant-input-number,\n.pd-procedure-table .ant-select-selector,\n.pd-procedure-table .ant-input {\n  border: none !important;\n}\n";
 styleInject(css_248z);
-var Search = _Input.Search;
-var modal = /*#__PURE__*/function (_React$Component) {
-  function modal() {
+var Tree = LazyAntd.Tree,
+  TreeSelect = LazyAntd.TreeSelect,
+  Select = LazyAntd.Select,
+  Table = LazyAntd.Table,
+  Dropdown = LazyAntd.Dropdown,
+  Pagination = LazyAntd.Pagination;
+var layout = {
+  labelCol: {
+    span: 12
+  },
+  wrapperCol: {
+    span: 12
+  }
+};
+var Cystocentesis = /*#__PURE__*/function (_Component) {
+  function Cystocentesis(props) {
     var _this;
-    _classCallCheck(this, modal);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, modal, [].concat(args));
-    _defineProperty(_this, "refs", /*#__PURE__*/React.createRef());
-    _defineProperty(_this, "str", []);
-    _defineProperty(_this, "state", {
-      data: []
+    _classCallCheck(this, Cystocentesis);
+    _this = _callSuper(this, Cystocentesis, [props]);
+    _defineProperty(_this, "columns", void 0);
+    _defineProperty(_this, "value", void 0);
+    _defineProperty(_this, "initData", function () {
+      var value = _this.props.value;
+      var bloodFlowsDataSource = [];
+      var hemogramExamDataSource = [];
+      _this.value = value;
+      for (var i = 0; i < get(value, 'pdPreMeasurements.length'); i++) {
+        if (i > get(value, 'pdPreMeasurements.length') - 1) {
+          break;
+        }
+        bloodFlowsDataSource.push(_objectSpread(_objectSpread({}, get(value, "pdPreMeasurements.".concat(i))), {}, {
+          name: "".concat(get(value, "pdProcedures.".concat(i, ".object")) || '', "\u672F\u524D"),
+          key: get(value, "pdPreMeasurements.".concat(i, ".key")) || 'pdPreMeasurements' + get(value, "pdPreMeasurements.".concat(i, ".id"))
+        }));
+        bloodFlowsDataSource.push(_objectSpread(_objectSpread({}, get(value, "pdPostMeasurements.".concat(i))), {}, {
+          name: "".concat(get(value, "pdProcedures.".concat(i, ".object")) || '', "\u672F\u540E"),
+          key: get(value, "pdPostMeasurements.".concat(i, ".key")) || 'pdPostMeasurements' + get(value, "pdPostMeasurements.".concat(i, ".id"))
+        }));
+      }
+      for (var _i = 0; _i < get(value, 'pdPreHemograms.length'); _i++) {
+        if (_i > get(value, 'pdPreHemograms.length') - 1) {
+          break;
+        }
+        hemogramExamDataSource.push(_objectSpread(_objectSpread({}, get(value, "pdPreHemograms.".concat(_i))), {}, {
+          name: "".concat(get(value, "pdProcedures.".concat(_i, ".object")) || '', "\u672F\u524D\u8840\u8C61\uFF08\u80CE\uFF09"),
+          key: get(value, "pdPreHemograms.".concat(_i, ".key")) || 'pdPreHemograms' + get(value, "pdPreHemograms.".concat(_i, ".id"))
+        }));
+        hemogramExamDataSource.push(_objectSpread(_objectSpread({}, get(value, "pdPreHemogramBanks.".concat(_i))), {}, {
+          name: "".concat(get(value, "pdProcedures.".concat(_i, ".object")) || '', "\u672F\u524D\u8840\u8C61\uFF08\u5E93\u8840\uFF09"),
+          key: get(value, "pdPreHemogramBanks.".concat(_i, ".key")) || 'pdPreHemogramBanks' + get(value, "pdPreHemogramBanks.".concat(_i, ".id"))
+        }));
+        hemogramExamDataSource.push(_objectSpread(_objectSpread({}, get(value, "pdPostHemograms.".concat(_i))), {}, {
+          name: "".concat(get(value, "pdProcedures.".concat(_i, ".object")) || '', "\u672F\u540E\u8840\u8C61\uFF08\u80CE\uFF09"),
+          key: get(value, "pdPostHemograms.".concat(_i, ".key")) || 'pdPostHemograms' + get(value, "pdPostHemograms.".concat(_i, ".id"))
+        }));
+      }
+      _this.setState({
+        dataSource: map(get(value, 'pdProcedures'), function (item) {
+          return _objectSpread(_objectSpread({}, item), {}, {
+            key: get(item, 'key') || get(item, 'id')
+          });
+        }),
+        bloodFlowsDataSource: bloodFlowsDataSource,
+        hemogramExamDataSource: hemogramExamDataSource
+      });
     });
-    return _this;
-  }
-  _inherits(modal, _React$Component);
-  return _createClass(modal, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      this.str = _get(this.props, 'inputValue');
-      return /*#__PURE__*/React.createElement(_Modal, {
-        title: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CustomIcon, {
-          type: 'icon-doctor',
-          style: {
-            color: '#150F55',
-            fontSize: '24px',
-            marginRight: '10px'
+    _defineProperty(_this, "formatColumns", function (tableName) {
+      return function (columns) {
+        var _this$state = _this.state,
+          editingCol = _this$state.editingCol,
+          editingRow = _this$state.editingRow,
+          editingTable = _this$state.editingTable;
+        return map(columns, function (column) {
+          var editable = column.editable,
+            inputType = column.inputType,
+            dataIndex = column.dataIndex,
+            inputProps = column.inputProps,
+            children = column.children,
+            width = column.width;
+          if (!isEmpty(children)) {
+            return _objectSpread(_objectSpread({}, column), {}, {
+              width: width,
+              children: _this.formatColumns(tableName)(children)
+            });
           }
-        }), /*#__PURE__*/React.createElement("span", {
-          style: {
-            color: '#150F55',
-            fontSize: '16px',
-            fontWeight: 500
+          if (!editable) {
+            return column;
           }
-        }, "\u51FA\u751F\u7F3A\u9677\u8BCA\u65AD\u7BA1\u7406")),
-        visible: _get(this.props, 'visible'),
-        onCancel: function onCancel() {
-          return _this2.props.onCancel(_this2.str);
-        },
-        width: "800px",
-        footer: null,
-        className: styles["modal_"]
-      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Search, {
-        placeholder: "\u8BF7\u8F93\u5165\u8BCA\u65AD\u4FE1\u606F",
-        allowClear: true,
-        enterButton: "\u6DFB\u52A0\u8BCA\u65AD",
-        size: "large",
-        defaultValue: '',
-        onSearch: this.props.onSearch,
-        style: {
-          width: '50%'
-        }
-      })), /*#__PURE__*/React.createElement("div", {
-        style: {
-          display: 'flex',
-          width: '100%',
-          height: '460px'
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        style: {
-          width: '50%'
-        }
-      }, /*#__PURE__*/React.createElement(_List, {
-        style: {
-          overflow: 'scroll',
-          height: '468px'
-        },
-        size: "small",
-        split: false,
-        bordered: false,
-        dataSource: _get(this.props, 'data'),
-        renderItem: function renderItem(item) {
-          return /*#__PURE__*/React.createElement(_List.Item, {
-            onClick: function onClick(e) {
-              return _this2.props.listClick(e, _get(item, 'supplement'), _get(item, 'no'), _get(item, 'code'));
+          return _objectSpread(_objectSpread({}, column), {}, {
+            render: function render(value, rowData, rowIndex) {
+              var renderValue = value;
+              var tableValue = value;
+              if (['single_date_picker'].indexOf(inputType) > -1) {
+                renderValue = value ? dayjs(value, 'YYYY-MM-DD') : dayjs();
+              }
+              if (inputType === 'dictionary_select_in_table') {
+                var options = getDictionariesEnumerations(get(inputProps, 'uniqueKey'));
+                map(options, function (item) {
+                  if (get(item, 'value') == value) tableValue = get(item, 'label');
+                });
+              }
+              return editingTable === tableName && editingCol === dataIndex && editingRow === rowIndex && editable ? (/*#__PURE__*/React.createElement(BaseFormComponent, _objectSpread(_objectSpread({}, inputProps), {}, {
+                inputProps: inputProps,
+                key: rowIndex,
+                size: "small",
+                inputType: inputType,
+                defaultValue: renderValue,
+                autoFocus: true,
+                defaultOpen: true,
+                onBlur: _this.handleBlur({
+                  tableName: tableName,
+                  dataIndex: dataIndex,
+                  inputType: inputType,
+                  rowIndex: rowIndex
+                }),
+                onChange: _this.handleItemChange({
+                  tableName: tableName,
+                  dataIndex: dataIndex,
+                  inputType: inputType,
+                  rowIndex: rowIndex
+                })
+              }))) : (/*#__PURE__*/React.createElement("span", {
+                className: "custom-table-cell",
+                onClick: function onClick() {
+                  _this.setState({
+                    editingRow: rowIndex,
+                    editingCol: dataIndex,
+                    editingValue: value,
+                    editingTable: tableName
+                  });
+                }
+              }, tableValue));
             }
-          }, _get(item, 'name'));
-        }
-      })), /*#__PURE__*/React.createElement("div", {
-        style: {
-          flex: '1',
-          paddingLeft: '10px',
-          paddingRight: '10px'
-        }
-      }, /*#__PURE__*/React.createElement("p", null, "\u5DF2\u9009\u8BCA\u65AD"), /*#__PURE__*/React.createElement("div", {
-        style: {
-          overflow: 'auto',
-          height: '447px'
+          });
+        });
+      };
+    });
+    _defineProperty(_this, "handleBlur", function (_ref) {
+      var tableName = _ref.tableName,
+        dataIndex = _ref.dataIndex,
+        inputType = _ref.inputType,
+        rowIndex = _ref.rowIndex;
+      return function () {
+        var onChange = _this.props.onChange;
+        var _this$state2 = _this.state,
+          editingCol = _this$state2.editingCol,
+          editingRow = _this$state2.editingRow,
+          editingValue = _this$state2.editingValue,
+          editingTable = _this$state2.editingTable;
+        _this.setState({
+          editingRow: undefined,
+          editingCol: undefined,
+          editingValue: undefined,
+          editingTable: undefined
+        });
+        var path = dataIndex;
+        if (isArray(dataIndex)) {
+          path = join(dataIndex, '.');
         }
-      }, /*#__PURE__*/React.createElement("ol", {
-        type: "I"
-      }, Array.isArray(this.str) && this.str.length > 0 && this.str.map(function (item, index) {
-        return _get(item, 'supplement') == true ? /*#__PURE__*/React.createElement("li", {
-          className: styles["Listitem"]
-        }, /*#__PURE__*/React.createElement(_Timeline, null, /*#__PURE__*/React.createElement(_Timeline.Item, {
-          color: "#fff",
-          className: styles["lis"]
-        }, _get(item, 'name'), /*#__PURE__*/React.createElement("span", {
-          className: styles["delete"],
-          onClick: function onClick() {
-            return _this2.props.deleteinputValue(_get(item, 'name'));
+        var data = cloneDeep(_this.value);
+        // set(data, `${rowIndex}.${path}`, editingValue);
+        if (tableName === 'procedure') {
+          set(data, "pdProcedures.".concat(rowIndex, ".").concat(path), editingValue);
+        } else if (tableName === 'bloodFlows') {
+          if (rowIndex % 2 === 0) {
+            set(data, "pdPreMeasurements.".concat(Math.floor(rowIndex / 2), ".").concat(path), editingValue);
+          } else {
+            set(data, "pdPostMeasurements.".concat(Math.floor(rowIndex / 2), ".").concat(path), editingValue);
           }
-        }, /*#__PURE__*/React.createElement(CloseOutlined, null))), /*#__PURE__*/React.createElement(_Timeline.Item, {
-          color: "#ccc"
-        }, /*#__PURE__*/React.createElement(_Input, {
-          defaultValue: _get(item, 'item'),
-          placeholder: _get(item, 'name') == '其他' ? '请输入病因并详细描述' : '请输入类型',
-          style: {
-            width: '70%'
-          },
-          onChange: function onChange(value) {
-            return _this2.props.InputChange(value, _get(item, 'name'));
+        } else if (tableName === 'hemogramExam') {
+          if (rowIndex % 3 === 0) {
+            set(data, "pdPreHemograms.".concat(Math.floor(rowIndex / 3), ".").concat(path), editingValue);
+          } else if (rowIndex % 3 === 1) {
+            set(data, "pdPreHemogramBanks.".concat(Math.floor(rowIndex / 3), ".").concat(path), editingValue);
+          } else if (rowIndex % 3 === 2) {
+            set(data, "pdPostHemograms.".concat(Math.floor(rowIndex / 3), ".").concat(path), editingValue);
           }
-        })))) : /*#__PURE__*/React.createElement("li", {
-          className: styles["Listitem lis lisborder"],
-          style: {
-            marginLeft: '25px'
-          }
-        }, _get(item, 'name'), /*#__PURE__*/React.createElement("span", {
-          className: styles["delete"],
-          onClick: function onClick() {
-            return _this2.props.deleteinputValue(_get(item, 'name'));
-          }
-        }, /*#__PURE__*/React.createElement(CloseOutlined, null)));
-      }))))));
-    }
-  }]);
-}(React.Component);
-var TextareaWithTemplate = /*#__PURE__*/function (_Component) {
-  function TextareaWithTemplate(props) {
-    var _this3;
-    _classCallCheck(this, TextareaWithTemplate);
-    _this3 = _callSuper(this, TextareaWithTemplate, [props]);
-    _defineProperty(_this3, "handleTextareaChange", function (e) {
-      var onChange = _this3.props.onChange;
-      _this3.setState({
-        value: e.target.value
+        }
+        // console.log(data);
+        onChange && onChange(data);
+      };
+    });
+    _defineProperty(_this, "handleItemChange", function (_ref2) {
+      var tableName = _ref2.tableName,
+        dataIndex = _ref2.dataIndex,
+        inputType = _ref2.inputType,
+        rowIndex = _ref2.rowIndex;
+      return function (event) {
+        var value = get(event, 'target.value');
+        switch (inputType) {
+          case 'select_tag_with_options':
+          case 'normal_select':
+          case 'tree_select':
+          case 'select_with_no':
+          case 'select_with_options_or_input':
+          case 'dictionary_select_in_table':
+            value = event;
+            break;
+          case 'date':
+          case 'single_date_picker':
+            value = formatDate(event);
+            break;
+        }
+        _this.setState({
+          editingValue: value,
+          editingTable: tableName
+        });
+      };
+    });
+    _defineProperty(_this, "handleAdd", function () {
+      var onChange = _this.props.onChange;
+      var _this$state3 = _this.state,
+        dataSource = _this$state3.dataSource,
+        bloodFlowsDataSource = _this$state3.bloodFlowsDataSource;
+      var value = _this.value;
+      var newPdProcedure = {
+        key: Math.random()
+      };
+      var pdPreBloodFlow = {
+        key: Math.random(),
+        name: '术前',
+        checkDate: dayjs().format('YYYY-MM-DD')
+      };
+      var pdPostBloodFlow = {
+        key: Math.random(),
+        name: '术后',
+        checkDate: dayjs().format('YYYY-MM-DD')
+      };
+      _this.setState({
+        dataSource: [].concat(_toConsumableArray(dataSource), [newPdProcedure]),
+        bloodFlowsDataSource: [].concat(_toConsumableArray(bloodFlowsDataSource), [pdPreBloodFlow, pdPostBloodFlow])
       });
-      onChange && onChange(e.target.value);
+      var outData = {
+        pdProcedures: [].concat(_toConsumableArray(get(value, 'pdProcedures') || []), [newPdProcedure]),
+        pdPreMeasurements: [].concat(_toConsumableArray(get(value, 'pdPreMeasurements') || []), [pdPreBloodFlow]),
+        pdPostMeasurements: [].concat(_toConsumableArray(get(value, 'pdPostMeasurements') || []), [pdPostBloodFlow])
+      };
+      onChange && onChange(outData);
+      return outData;
     });
-    _defineProperty(_this3, "deleteinputValue", function (value) {
-      _this3.setState({
-        inputValue: _this3.state.inputValue.filter(function (item) {
-          return item.name !== value;
-        })
+    _defineProperty(_this, "handleRowSelectChange", function (selectedRowKeys) {
+      _this.setState({
+        selectedRowKeys: selectedRowKeys
       });
     });
-    _defineProperty(_this3, "openModal", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
-        var disabled, lists, valu, stt;
+    _defineProperty(_this, "handlePatchDelete", function () {
+      var onChange = _this.props.onChange;
+      var _this$state4 = _this.state,
+        selectedRowKeys = _this$state4.selectedRowKeys,
+        dataSource = _this$state4.dataSource,
+        bloodFlowsDataSource = _this$state4.bloodFlowsDataSource,
+        hemogramExamDataSource = _this$state4.hemogramExamDataSource;
+      var pdProcedures = filter(dataSource, function (data) {
+        return indexOf(selectedRowKeys, data.key) === -1;
+      });
+      var newBloodFlowsDataSource = [];
+      var newHemogramExamDataSource = [];
+      map(dataSource, function (pdProcedure, rowIndex) {
+        if (selectedRowKeys.indexOf(get(pdProcedure, 'key')) === -1) {
+          newBloodFlowsDataSource.push(bloodFlowsDataSource[rowIndex]);
+          newBloodFlowsDataSource.push(bloodFlowsDataSource[rowIndex + 1]);
+          newHemogramExamDataSource.push(bloodFlowsDataSource[rowIndex]);
+          newHemogramExamDataSource.push(bloodFlowsDataSource[rowIndex + 1]);
+          newHemogramExamDataSource.push(bloodFlowsDataSource[rowIndex + 2]);
+        }
+      });
+      var pdPreMeasurements = filter(newBloodFlowsDataSource, function (data, key) {
+        return Number(key) % 2 === 0;
+      });
+      var pdPostMeasurements = filter(newBloodFlowsDataSource, function (data, key) {
+        return Number(key) % 2 === 1;
+      });
+      var pdPreHemograms = filter(newHemogramExamDataSource, function (data, key) {
+        return Number(key) % 3 === 0;
+      });
+      var pdPostHemograms = filter(newHemogramExamDataSource, function (data, key) {
+        return Number(key) % 3 === 1;
+      });
+      var pdPreHemogramBanks = filter(newHemogramExamDataSource, function (data, key) {
+        return Number(key) % 3 === 2;
+      });
+      _this.setState({
+        dataSource: pdProcedures,
+        bloodFlowsDataSource: newBloodFlowsDataSource,
+        hemogramExamDataSource: newHemogramExamDataSource
+      });
+      onChange && onChange({
+        pdProcedures: pdProcedures,
+        pdPreMeasurements: pdPreMeasurements,
+        pdPostMeasurements: pdPostMeasurements,
+        pdPreHemograms: pdPreHemograms,
+        pdPreHemogramBanks: pdPreHemogramBanks,
+        pdPostHemograms: pdPostHemograms
+      });
+    });
+    _defineProperty(_this, "handleOutBaseData", /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(keys, values) {
+        var onChange, dataSource, outData, newDataSource;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              disabled = _this3.props.disabled;
-              if (!disabled) {
-                _context.next = 3;
+              onChange = _this.props.onChange;
+              dataSource = _this.state.dataSource;
+              outData = _this.value;
+              newDataSource = dataSource;
+              if (!(isEmpty(dataSource) || isNil(dataSource))) {
+                _context.next = 9;
                 break;
               }
-              return _context.abrupt("return");
-            case 3:
-              _context.next = 5;
-              return request.get('/api/ic/getBirthDefectdiagnoses');
-            case 5:
-              lists = _context.sent;
-              _this3.setState({
-                modalVisible: true,
-                modalcontent: lists.data
-              });
-              if (value.currentTarget.value && value.currentTarget.value != undefined && value.currentTarget.value != null) {
-                _this3.setState({
-                  inputValue: value.currentTarget.value.split('/')
-                }, function () {
-                  var content = _this3.state.inputValue.map(function (item) {
-                    if (item != '' && item != undefined && item != null) {
-                      if (item.includes('(') && item.includes(')')) {
-                        var data = item.split('(');
-                        return {
-                          name: data[0],
-                          supplement: true,
-                          item: data[1].substring(0, data[1].length - 1)
-                        };
-                      }
-                      return {
-                        name: item,
-                        supplement: false
-                      };
-                    }
-                  });
-                  if (content && content != undefined && content[0] != null && content[0] != undefined && content[0] != '') {
-                    _this3.setState({
-                      inputValue: content
-                    });
-                  } else {
-                    _this3.setState({
-                      inputValue: []
-                    });
-                  }
-                });
-              }
-              if (_this3.props.value && _this3.props.value != null && _this3.props.value != '') {
-                valu = _this3.props.value.split('/');
-                stt = _this3.state.modalcontent.filter(function (item) {
-                  var a = valu.map(function (it) {
-                    if (it.includes('(') && it.includes(')') && item.supplement == true) {
-                      var data = it.split('(');
-                      item.item = data[1].substring(0, data[1].length - 1);
-                      var data2 = data[1].split(')');
-                      item.code = data2[0];
-                      it = data[0];
-                    }
-                    return it;
-                  });
-                  return a.includes(item.name);
-                });
-                _this3.setState({
-                  inputValue: valu
-                }, function () {
-                  var content = stt;
-                  if (content && content != undefined && content[0] != null && content[0] != undefined && content[0] != '') {
-                    _this3.setState({
-                      inputValue: content
-                    });
-                  } else {
-                    _this3.setState({
-                      inputValue: []
-                    });
-                  }
-                });
-              }
+              _context.next = 7;
+              return _this.handleAdd();
+            case 7:
+              outData = _context.sent;
+              newDataSource = [{
+                key: Math.random()
+              }];
             case 9:
+              map(keys, function (key, index) {
+                set(outData, "pdProcedures.0.".concat(key), values[index]);
+                set(newDataSource[0], key, values[index]);
+              });
+              _this.setState({
+                dataSource: newDataSource
+              });
+              onChange && onChange(outData);
+              _this.forceUpdate();
+            case 13:
             case "end":
               return _context.stop();
           }
         }, _callee);
       }));
-      return function (_x) {
-        return _ref.apply(this, arguments);
+      return function (_x, _x2) {
+        return _ref3.apply(this, arguments);
       };
     }());
-    _defineProperty(_this3, "closeModal", function (data) {
-      var onChange = _this3.props.onChange;
-      var value = Array.isArray(data) && data.map(function (item) {
-        if (item.item) {
-          return item.name + '(' + item.item + ')';
-        }
-        return item.name;
-      });
-      if (Array.isArray(value)) {
-        _this3.setState({
-          value: value.join('/')
-        });
-        onChange && onChange(value.join('/'));
-      }
-      _this3.setState({
-        modalVisible: false
-      });
-    });
-    _defineProperty(_this3, "handleOk", function (data) {
-      var onChange = _this3.props.onChange;
-      var value = _get(_this3.state, 'value') || '';
-      var content = "".concat(value).concat(data);
-      _this3.setState({
-        value: "".concat(value).concat(data),
-        modalVisible: false
-      });
-      onChange && onChange(content);
-    });
-    _defineProperty(_this3, "InputChange", function (e, data) {
-      var obj = {
-        name: data,
-        supplement: true,
-        item: e.currentTarget.value
-      };
-      _this3.setState({
-        inputValue: _this3.state.inputValue.map(function (item) {
-          return item.name === obj.name ? obj : item;
-        })
-      });
-    });
-    _defineProperty(_this3, "listClick", function (e, supplement, no, code) {
-      var data = {
-        name: e.target.innerText,
-        supplement: supplement,
-        no: no,
-        code: code
-      };
-      var repeat = false;
-      _this3.state.inputValue.forEach(function (item) {
-        if (_get(item, 'no') == _get(data, 'no')) {
-          repeat = true;
-          _message.error('不可重复添加诊断！');
-        }
-      });
-      if (repeat) {
-        _this3.setState({
-          inputValue: _toConsumableArray(_this3.state.inputValue)
-        });
-      } else {
-        _this3.setState({
-          inputValue: [].concat(_toConsumableArray(_this3.state.inputValue), [data])
-        });
-      }
-    });
-    _defineProperty(_this3, "onSearch", function (value) {
-      if (value !== '' && value !== undefined) {
-        _this3.setState({
-          inputValue: [].concat(_toConsumableArray(_this3.state.inputValue), [{
-            name: value,
-            tysupplementpe: false
-          }])
-        });
-        value = '';
-      }
-    });
-    _this3.state = {
-      modalVisible: false,
-      value: props.value,
-      inputValue: [],
-      modalcontent: [],
-      supplement: false,
-      repeat: false
+    _this.state = {
+      dataSource: [],
+      bloodFlowsDataSource: [],
+      hemogramExamDataSource: [],
+      selectedRowKeys: [],
+      editingCol: undefined,
+      editingRow: undefined,
+      editingValue: undefined,
+      editingTable: undefined
     };
-    return _this3;
+    _this.columns = tableColumns;
+    _this.value = get(props, 'value') || {};
+    return _this;
   }
-  _inherits(TextareaWithTemplate, _Component);
-  return _createClass(TextareaWithTemplate, [{
+  _inherits(Cystocentesis, _Component);
+  return _createClass(Cystocentesis, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.initData();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      var value = this.props.value;
+      if (!isEqual(prevProps.value, value)) {
+        this.initData();
+      }
+    }
+  }, {
     key: "render",
     value: function render() {
-      var _this4 = this;
-      var _this$state = this.state,
-        modalVisible = _this$state.modalVisible,
-        value = _this$state.value,
-        inputValue = _this$state.inputValue;
-      var _this$props = this.props,
-        disabled = _this$props.disabled,
-        patientId = _this$props.patientId,
-        admissionId = _this$props.admissionId,
-        pregnancyId = _this$props.pregnancyId;
-      var inputProps = _get(this.props, 'config.inputProps') || {};
+      var _this2 = this;
+      var _this$state5 = this.state,
+        dataSource = _this$state5.dataSource,
+        selectedRowKeys = _this$state5.selectedRowKeys,
+        bloodFlowsDataSource = _this$state5.bloodFlowsDataSource;
+      var newProcedureColumns = this.formatColumns('procedure')(this.columns);
+      var newCystocentesisColumns = this.formatColumns('bloodFlows')(cystocentesisColumns);
       return /*#__PURE__*/React.createElement("div", {
-        className: "textarea-with-template"
-      }, /*#__PURE__*/React.createElement(_Input, _extends({
-        disabled: disabled,
-        title: value,
-        value: value,
-        autoSize: {
-          minRows: 2,
-          maxRows: 5
+        className: "pd-procedure"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "pd-procedure-normal"
+      }, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
+        span: 8
+      }, /*#__PURE__*/React.createElement(Form.Item, _objectSpread({
+        label: "\u5F00\u59CB\u65F6\u95F4"
+      }, layout), /*#__PURE__*/React.createElement(TimePickerAutoaccept, {
+        format: "HH:mm",
+        disabledHours: function disabledHours() {
+          var endTime = get(dataSource, '0.endTime') ? dayjs(get(dataSource, '0.endTime'), 'HH:mm') : null;
+          if (endTime) {
+            var h = endTime.hour();
+            return HOURS.slice(h + 1, HOURS.length);
+          }
+          return [];
+        },
+        disabledMinutes: function disabledMinutes(selectedHour) {
+          var endTime = get(dataSource, '0.endTime') ? dayjs(get(dataSource, '0.endTime'), 'HH:mm') : null;
+          if (endTime) {
+            if (selectedHour < endTime.hour()) return [];
+            var m = endTime.minute();
+            return MINUTES.slice(m + 1, MINUTES.length);
+          }
+          return [];
         },
-        onChange: this.handleTextareaChange,
-        className: "template-text"
-      }, inputProps, {
-        onClick: function onClick(value) {
-          _this4.openModal(value);
+        value: get(dataSource, '0.startTime') ? dayjs(get(dataSource, '0.startTime'), 'HH:mm') : null,
+        onChange: function onChange(value) {
+          var duration = get(dataSource, '0.endTime') ? dayjs(get(dataSource, '0.endTime'), 'HH:mm').diff(dayjs(value, 'HH:mm'), 'minutes') : 0;
+          var startTime = value ? dayjs(value).format('HH:mm').toString() : null;
+          _this2.handleOutBaseData(['startTime', 'duration'], [startTime, duration]);
         }
-      })), modalVisible && /*#__PURE__*/React.createElement(modal, {
-        visible: modalVisible,
-        onCancel: this.closeModal //
-        ,
-
-        inputValue: inputValue,
-        InputChange: this.InputChange,
-        listClick: this.listClick,
-        onSearch: this.onSearch,
-        data: this.state.modalcontent
-        // onOk={this.handleOk}
-        ,
-
-        patientId: patientId,
-        admissionId: admissionId,
-        pregnancyId: pregnancyId,
-        deleteinputValue: this.deleteinputValue
-      }));
+      }))), /*#__PURE__*/React.createElement(Col, {
+        span: 8
+      }, /*#__PURE__*/React.createElement(Form.Item, _objectSpread({
+        label: "\u7ED3\u675F\u65F6\u95F4"
+      }, layout), /*#__PURE__*/React.createElement(TimePickerAutoaccept, {
+        format: "HH:mm",
+        disabledHours: function disabledHours() {
+          var startTime = get(dataSource, '0.startTime') ? dayjs(get(dataSource, '0.startTime'), 'HH:mm') : null;
+          if (startTime) {
+            var h = startTime.hour();
+            return HOURS.slice(0, h);
+          }
+          return [];
+        },
+        disabledMinutes: function disabledMinutes(selectedHour) {
+          var startTime = get(dataSource, '0.startTime') ? dayjs(get(dataSource, '0.startTime'), 'HH:mm') : null;
+          if (startTime) {
+            if (selectedHour > startTime.hour()) return [];
+            var m = startTime.minute();
+            return MINUTES.slice(0, m + 1);
+          }
+          return [];
+        },
+        value: get(dataSource, '0.endTime') ? dayjs(get(dataSource, '0.endTime'), 'HH:mm') : null,
+        onChange: function onChange(value) {
+          var duration = get(dataSource, '0.startTime') ? dayjs(value, 'HH:mm').diff(dayjs(get(dataSource, '0.startTime'), 'HH:mm'), 'minutes') : 0;
+          var endTime = value ? dayjs(value).format('HH:mm').toString() : null;
+          _this2.handleOutBaseData(['endTime', 'duration'], [endTime, duration]);
+        }
+      }))), /*#__PURE__*/React.createElement(Col, {
+        span: 8
+      }, /*#__PURE__*/React.createElement(Form.Item, _objectSpread({
+        label: "\u6301\u7EED\u65F6\u95F4(\u5206)"
+      }, layout), /*#__PURE__*/React.createElement(Input, {
+        disabled: true,
+        value: get(dataSource, '0.duration') || 0
+      }))))), /*#__PURE__*/React.createElement("div", {
+        className: "pd-procedure-table"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "pd-procedure-table__header"
+      }, /*#__PURE__*/React.createElement(Button, {
+        onClick: this.handleAdd
+      }, "\u65B0\u589E"), /*#__PURE__*/React.createElement(Button, {
+        disabled: isEmpty(selectedRowKeys),
+        onClick: this.handlePatchDelete
+      }, "\u5220\u9664")), /*#__PURE__*/React.createElement(Table, {
+        rowSelection: {
+          selectedRowKeys: selectedRowKeys,
+          onChange: this.handleRowSelectChange
+        },
+        size: "small",
+        bordered: true,
+        columns: newProcedureColumns,
+        dataSource: dataSource,
+        pagination: false,
+        scroll: {
+          x: 1500
+        }
+      }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Table, {
+        size: "small",
+        className: "blood-and-thalassemia",
+        bordered: true,
+        columns: newCystocentesisColumns,
+        dataSource: bloodFlowsDataSource,
+        pagination: false
+      })));
     }
   }]);
 }(Component);
-export { TextareaWithTemplate as default };
-//# sourceMappingURL=.root85.js.map
+export { Cystocentesis as default };