@lm_fe/pages-mchc 0.2.5 → 0.2.7

package/dist/a_chunks/prenatal-visit.pregnancy.doctor-end14.js

@@ -1,180 +1,480 @@
-import { s as styleInject, g as DoctorEnd_DiagnosesTemplate, _ as __awaiter, a as __generator, d as __spreadArray, c as __assign } from './index.js';
-import { OkButton } from '@lm_fe/components_m';
-import { mchcEnv, mchcEvent } from '@lm_fe/env';
-import { mchcModal__ } from '@lm_fe/pages';
-import { request, getSearchParamsAll } from '@lm_fe/utils';
-import { Empty, message, Space } from 'antd';
-import { get, cloneDeep } from 'lodash';
-import React, { useState, useEffect } from 'react';
-import { D as DiagnosesWeek, a as DiagnosesItem, r as requestMethods_further } from './diagnoses-week.js';
+import { s as styleInject, e as __extends, c as __assign, _ as __awaiter, a as __generator } from './index.js';
+import { LazyAntd, MyIcon } from '@lm_fe/components';
+import { request } from '@lm_fe/utils';
+import { Tooltip, Modal, Input, Button, Row, Col } from 'antd';
+import { get, concat, forEach, includes, map, isEmpty, isUndefined } from 'lodash';
+import React, { Component } from 'react';
+import '@lm_fe/env';
+import '@lm_fe/components_m';
+import '@lm_fe/pages';
 import '@lm_fe/service';
-import '@lm_fe/components';
-import '@lm_fe/provoke';
-var css_248z = ".diagWrapper-new {\n  padding: 8px;\n  overflow-y: auto;\n  border: 1px solid #d7dce7;\n  padding-right: 0px;\n}\n.diagWrapper-new .diagIpt {\n  padding-bottom: 5px;\n}\n.diagWrapper-new .firstDiag {\n  display: flex;\n  align-items: center;\n  margin: 7px 0px 7px 5px;\n  font-weight: 600;\n  color: #150f55;\n}\n.diagWrapper-new .firstDiag .diagNum {\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n  line-height: 20px;\n  text-align: center;\n  border: 2px solid #d7dce7;\n  background-color: #fff;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #333541;\n  margin-right: 6px;\n  font-weight: 400;\n}\n.diagWrapper-new .singleDiag {\n  display: flex;\n  align-items: center;\n  margin: 7px 0 7px 5px;\n  font-weight: 600;\n  color: #150f55;\n}\n.diagWrapper-new input::-webkit-input-placeholder {\n  /* WebKit browsers */\n  color: #242741;\n}\n.diagWrapper-new input:-moz-placeholder {\n  /* Mozilla Firefox 4 to 18 */\n  color: #242741;\n}\n.diagWrapper-new input::-moz-placeholder {\n  /* Mozilla Firefox 19+ */\n  color: #242741;\n}\n.diagWrapper-new input:-ms-input-placeholder {\n  /* Internet Explorer 10+ */\n  color: #242741;\n}\n.diagWrapper-new .diagGP {\n  display: inline-block;\n  width: 12px;\n  height: 21px;\n  line-height: 21px;\n  border-bottom: 1px #fe708b solid;\n}\n.diagWrapper-new .diagWeek {\n  width: 34px;\n  padding: 0 2px;\n}\n.diagWrapper-new .diagWord {\n  display: flex;\n  align-items: center;\n  border-radius: 2px;\n  color: #150f55;\n  cursor: pointer;\n  background-color: #fce6ea;\n  flex-wrap: wrap;\n}\n.diagWrapper-new .remark {\n  color: #a39b9b;\n}\n.diagWrapper-new .diagHighrisk {\n  background-color: #fcb9c5;\n}\n.diagWrapper-new .diagNote {\n  min-width: 60px;\n  height: 28px;\n  flex: 1;\n  border: 0 none;\n  outline: none;\n  box-shadow: none;\n  background-color: transparent;\n  border-bottom: 1px #fe708b solid;\n}\n.diagWrapper-new .diagNote::-ms-input-placeholder {\n  text-align: center;\n}\n.diagWrapper-new .diagNote::-webkit-input-placeholder {\n  text-align: center;\n}\n.diagWrapper-new .diag-popover {\n  display: flex;\n  align-items: center;\n}\n.diagWrapper-new .diag-popover2 {\n  display: flex;\n  align-items: center;\n}\n.diagWrapper-new .diag-words {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n}\n.diagWrapper-new .delBtn {\n  color: #8a8a8a;\n  font-size: 24px;\n}\n.diagHandle {\n  cursor: pointer;\n}\n";
+var css_248z = ".template-tree-wrapper .add-btn {\n  position: absolute;\n  top: 18px;\n  right: 42px;\n  z-index: 2;\n  text-align: right;\n}\n.template-tree-wrapper .ant-tree .ant-tree-list .ant-tree-title {\n  display: inline-block;\n  max-width: 320px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.template-tree-wrapper .handle-icon {\n  margin-left: 10px;\n  cursor: pointer;\n}\n";
 styleInject(css_248z);
-function Diagnoses(props) {
-  var _this = this;
-  var _a = useState(false),
-    visible = _a[0],
-    setVisible = _a[1];
-  var _b = useState(false);
-  _b[0];
-  _b[1];
-  var isAllPregnancies = props.isAllPregnancies,
-    _c = props.diagnosesList,
-    diagnosesList = _c === void 0 ? [] : _c,
-    headerInfo = props.headerInfo,
-    saveHeaderInfo = props.saveHeaderInfo,
-    setDiagnosesList = props.setDiagnosesList,
-    page = props.page,
-    serialNo = props.serialNo;
-  useEffect(function () {
-    return function () {};
-  }, []);
-  function changeHeaderInfo() {
-    return __awaiter(this, void 0, void 0, function () {
-      var res;
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            return [4, request.get('/api/doctor/getOutpatientHeaderInfo?id=' + get(headerInfo, "id"))];
-          case 1:
-            res = _a.sent();
-            saveHeaderInfo(res.data);
-            return [2];
-        }
+var operationMapping = {
+  "new": '新增模板',
+  add: '新增子模板',
+  edit: '编辑模板',
+  "delete": '请注意!'
+};
+var Tree = LazyAntd.Tree;
+LazyAntd.TreeSelect;
+LazyAntd.Select;
+LazyAntd.Table;
+LazyAntd.Dropdown;
+LazyAntd.Pagination;
+var Index = function (_super) {
+  __extends(Index, _super);
+  function Index(props) {
+    var _this = _super.call(this, props) || this;
+    _this.getTemplateData = function (value) {
+      return __awaiter(_this, void 0, void 0, function () {
+        var _a, type, depid, userid, pregnancyid, paramsArr, paramsStr, newValue, res;
+        return __generator(this, function (_b) {
+          switch (_b.label) {
+            case 0:
+              _a = this.props, type = _a.type, depid = _a.depid, userid = _a.userid, pregnancyid = _a.pregnancyid;
+              paramsArr = {
+                type: type,
+                depid: depid,
+                userid: userid
+              };
+              paramsStr = '';
+              forEach(paramsArr, function (value, key) {
+                if (!isUndefined(value)) {
+                  paramsStr += "".concat(key, ".equals=").concat(value, "&");
+                }
+              });
+              if (pregnancyid) {
+                paramsStr += "pregnancyid.equals=".concat(pregnancyid, "&");
+              }
+              newValue = value == undefined ? this.props.searchValue : value;
+              if (newValue) {
+                paramsStr += "code.contains=".concat(newValue, "&mnemonic.contains=").concat(newValue, "&val.contains=").concat(newValue, "&");
+              }
+              return [4, request.get("/api/template-trees?".concat(paramsStr, "page=0&size=500"))];
+            case 1:
+              res = _b.sent().data;
+              res = res || [];
+              this.setState({
+                templateData: res
+              });
+              this.setState({
+                nodeTreeItem: null,
+                operation: null,
+                newTitle: null,
+                addTitle: null
+              });
+              return [2];
+          }
+        });
       });
-    });
-  }
-  var handleDelete = function handleDelete(item, i) {
-    return __awaiter(_this, void 0, void 0, function () {
-      var newList, delArr;
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            newList = cloneDeep(diagnosesList);
-            delArr = newList.splice(i, 1);
-            return [4, requestMethods_further.deleteDiagnosis(get(delArr, "[0].id"))];
-          case 1:
-            _a.sent();
-            mchcEnv.success('删除成功！');
-            setDiagnosesList(newList);
-            changeHeaderInfo();
-            return [2];
-        }
+    };
+    _this.handleTreeItem = function (operate) {
+      _this.setState({
+        modalVisible: true,
+        operation: operate
       });
-    });
-  };
-  var handleBtnClick = function handleBtnClick() {
-    setVisible(true);
-  };
-  var addDiag = function addDiag(diagnosisObj) {
-    return __awaiter(_this, void 0, void 0, function () {
-      var diag, res, newList, data;
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            if (serialNo) {
-              diagnosisObj.serialNo = serialNo;
-            }
-            diag = get(diagnosisObj, 'diagnosis');
-            if (!(diagnosesList.filter(function (item) {
-              return item.diagnosis === diag;
-            }).length === 0)) return [3, 2];
-            return [4, requestMethods_further.newAddDiagnosis(diagnosisObj)];
-          case 1:
-            res = _a.sent();
-            mchcEnv.success('添加成功！');
-            newList = cloneDeep(diagnosesList);
-            data = res || diagnosisObj;
-            setDiagnosesList(__spreadArray(__spreadArray([], newList, true), [data], false));
-            changeHeaderInfo();
-            if (diag.indexOf('梅毒') > -1) {
-              mchcEvent.emit('outpatient', {
-                type: '弹窗',
-                modal_name: '梅毒管理'
+    };
+    _this.handleTreeSort = function (sort) {
+      return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+          console.log('移动');
+          return [2];
+        });
+      });
+    };
+    _this.handleIptChange = function (e, operation) {
+      var nodeTreeItem = _this.state.nodeTreeItem;
+      if (operation === 'new') _this.setState({
+        newTitle: e.target.value
+      });
+      if (operation === 'add') _this.setState({
+        addTitle: e.target.value
+      });
+      if (operation === 'edit') {
+        var data = {
+          title: e.target.value
+        };
+        _this.setState({
+          nodeTreeItem: __assign(__assign({}, nodeTreeItem), data)
+        });
+      }
+    };
+    _this.handleOk = function () {
+      return __awaiter(_this, void 0, void 0, function () {
+        var _a, type, depid, userid, _b, nodeTreeItem, addTitle, operation, newTitle, newItem, addItem, editItem;
+        return __generator(this, function (_c) {
+          switch (_c.label) {
+            case 0:
+              _a = this.props, type = _a.type, depid = _a.depid, userid = _a.userid;
+              _b = this.state, nodeTreeItem = _b.nodeTreeItem, addTitle = _b.addTitle, operation = _b.operation, newTitle = _b.newTitle;
+              if (!(operation === 'new')) return [3, 2];
+              newItem = {
+                pid: 0,
+                val: newTitle,
+                type: type,
+                depid: depid,
+                userid: userid
+              };
+              return [4, request.post("/api/template-trees", newItem)];
+            case 1:
+              _c.sent();
+              this.getTemplateData();
+              _c.label = 2;
+            case 2:
+              if (!(operation === 'add')) return [3, 4];
+              addItem = {
+                pid: Number(nodeTreeItem.id),
+                val: addTitle,
+                type: type,
+                depid: depid,
+                userid: userid
+              };
+              return [4, request.post("/api/template-trees", addItem)];
+            case 3:
+              _c.sent();
+              this.getTemplateData();
+              _c.label = 4;
+            case 4:
+              if (!(operation === 'edit')) return [3, 6];
+              editItem = {
+                pid: Number(nodeTreeItem.pid),
+                val: nodeTreeItem.title,
+                type: type,
+                depid: depid,
+                userid: userid,
+                id: nodeTreeItem.id
+              };
+              return [4, request.put("/api/template-trees", editItem)];
+            case 5:
+              _c.sent();
+              this.getTemplateData();
+              _c.label = 6;
+            case 6:
+              if (!(operation === 'delete')) return [3, 8];
+              return [4, request["delete"]("/api/template-trees/".concat(nodeTreeItem.id))];
+            case 7:
+              _c.sent();
+              this.getTemplateData();
+              _c.label = 8;
+            case 8:
+              this.setState({
+                modalVisible: false,
+                nodeTreeItem: null,
+                operation: null
               });
+              return [2];
+          }
+        });
+      });
+    };
+    _this.handleCancel = function () {
+      _this.setState({
+        modalVisible: false,
+        nodeTreeItem: null,
+        operation: null
+      });
+    };
+    _this.handleAddBtnClick = function () {
+      _this.setState({
+        operation: 'new',
+        modalVisible: true
+      });
+    };
+    _this.onMouseEnter = function (_a, area) {
+      var event = _a.event,
+        node = _a.node;
+      var x = event.currentTarget.offsetLeft + event.currentTarget.clientWidth;
+      var y = event.currentTarget.offsetTop;
+      _this.setState({
+        nodeTreeItem: {
+          pageX: x,
+          pageY: y,
+          pid: node.props.pid,
+          id: Number(node.props.eventKey),
+          title: node.props.title,
+          sort: node.props.sort
+        },
+        currentArea: area
+      });
+    };
+    _this.handleCheck = function (keys) {
+      return __awaiter(_this, void 0, void 0, function () {
+        var onChecked, _a, templateData;
+        return __generator(this, function (_b) {
+          onChecked = this.props.onChecked;
+          _a = this.state, templateData = _a.templateData, _a.checkedKeys;
+          this.setState({
+            checkedKeys: keys
+          });
+          forEach(templateData, function (item) {
+            if (includes(keys, "".concat(item.id))) {
+              item.checked = true;
+            } else {
+              item.checked = false;
             }
-            return [3, 3];
-          case 2:
-            message.warning('添加诊断重复！');
-            _a.label = 3;
-          case 3:
-            return [2];
+          });
+          onChecked && onChecked(templateData);
+          return [2];
+        });
+      });
+    };
+    _this.handleCheckLeft = function (keys) {
+      var onChecked = _this.props.onChecked;
+      var _a = _this.state,
+        templateData = _a.templateData,
+        checkedKeysRight = _a.checkedKeysRight;
+      var allCheckedKays = concat(keys, checkedKeysRight);
+      _this.setState({
+        checkedKeysLeft: keys
+      });
+      forEach(templateData, function (item) {
+        if (includes(allCheckedKays, "".concat(item.id))) {
+          item.checked = true;
+        } else {
+          item.checked = false;
+        }
+      });
+      onChecked && onChecked(templateData);
+    };
+    _this.handleCheckRight = function (keys) {
+      var onChecked = _this.props.onChecked;
+      var _a = _this.state,
+        templateData = _a.templateData,
+        checkedKeysLeft = _a.checkedKeysLeft;
+      var allCheckedKays = concat(keys, checkedKeysLeft);
+      _this.setState({
+        checkedKeysRight: keys
+      });
+      forEach(templateData, function (item) {
+        if (includes(allCheckedKays, "".concat(item.id))) {
+          item.checked = true;
+        } else {
+          item.checked = false;
         }
       });
-    });
+      onChecked && onChecked(templateData);
+    };
+    _this.transferTemplateData = function (data, pid) {
+      if (pid === void 0) {
+        pid = 0;
+      }
+      var showIcd = _this.props.showIcd;
+      var treeData = [];
+      map(data, function (item) {
+        if (item.pid === pid) {
+          item.title = showIcd && item.code ? "\uFF08icd\uFF09".concat(item.val) : item.val;
+          item.key = String(item.id);
+          item.children = _this.transferTemplateData(data, item.id);
+          if (isEmpty(item.children)) {
+            item.isLeaf = true;
+          } else {
+            item.isLeaf = false;
+          }
+          treeData.push(item);
+        }
+      });
+      console.log({
+        treeData: treeData
+      });
+      return treeData;
+    };
+    _this.handleSelect = function (selectedKeys, _a) {
+      var node = _a.node;
+      var onSelected = _this.props.onSelected;
+      onSelected && onSelected(node);
+    };
+    _this.state = {
+      templateData: null,
+      checkedKeys: [],
+      checkedKeysLeft: [],
+      checkedKeysRight: [],
+      currentArea: null,
+      operation: null,
+      nodeTreeItem: null,
+      modalVisible: false,
+      newTitle: null,
+      addTitle: null
+    };
+    return _this;
+  }
+  Index.prototype.componentDidMount = function () {
+    this.getTemplateData(get(this.props, "searchValue", ''));
   };
-  var closeTemplate = function closeTemplate() {
-    setVisible(false);
+  Index.prototype.componentWillReceiveProps = function (nextPorps) {
+    if (get(nextPorps, "searchValue") != get(this.props, "searchValue")) {
+      this.getTemplateData(get(nextPorps, "searchValue"));
+    }
   };
-  function 诊断管理按钮() {
-    return !isAllPregnancies && (/*#__PURE__*/React.createElement("div", {
-      className: "diag-btn",
-      style: {
-        display: 'flex',
-        justifyContent: 'flex-end',
-        padding: 4
+  Index.prototype.renderNodeTreeMenu = function () {
+    var _this = this;
+    var editable = this.props.editable;
+    var nodeTreeItem = this.state.nodeTreeItem;
+    var _a = __assign({}, nodeTreeItem),
+      pageX = _a.pageX,
+      pageY = _a.pageY,
+      pid = _a.pid;
+    var menuStyle = {
+      position: 'absolute',
+      maxHeight: 40,
+      textAlign: 'center',
+      left: "".concat(pageX + 10, "px"),
+      top: "".concat(pageY, "px"),
+      display: 'flex',
+      flexDirection: 'row'
+    };
+    return nodeTreeItem && editable ? (/*#__PURE__*/React.createElement("div", {
+      style: menuStyle
+    }, pid === 0 ? (/*#__PURE__*/React.createElement("div", {
+      className: "handle-icon",
+      onClick: function onClick() {
+        return _this.handleTreeItem('add');
       }
-    }, /*#__PURE__*/React.createElement(Space.Compact, {
-      size: 'small'
-    }, /*#__PURE__*/React.createElement(OkButton, {
-      type: 'dashed',
+    }, /*#__PURE__*/React.createElement(Tooltip, {
+      placement: "bottom",
+      title: "\u6DFB\u52A0\u5B50\u6A21\u677F"
+    }, /*#__PURE__*/React.createElement(MyIcon, {
+      value: 'PlusCircleOutlined'
+    })))) : null, /*#__PURE__*/React.createElement("div", {
+      className: "handle-icon",
       onClick: function onClick() {
-        return mchcModal__.open('诊断历史', {
-          modal_data: {
-            pregnancyId: headerInfo === null || headerInfo === void 0 ? void 0 : headerInfo.id
-          }
-        });
+        return _this.handleTreeItem('edit');
       }
-    }, "\u5386\u53F2"), mchcEnv["in"](['建瓯']) ? /*#__PURE__*/React.createElement(OkButton, {
-      type: 'dashed',
+    }, /*#__PURE__*/React.createElement(Tooltip, {
+      placement: "bottom",
+      title: "\u4FEE\u6539"
+    }, /*#__PURE__*/React.createElement(MyIcon, {
+      value: 'EditOutlined'
+    }))), /*#__PURE__*/React.createElement("div", {
+      className: "handle-icon",
       onClick: function onClick() {
-        return request.get('/api/syncDiagnosis', {
-          params: __assign(__assign({}, getSearchParamsAll()), {
-            id: headerInfo === null || headerInfo === void 0 ? void 0 : headerInfo.id
-          }),
-          successText: '同步成功'
-        }).then(function (res) {
-          var _a;
-          var arr = (_a = res.data) !== null && _a !== void 0 ? _a : [];
-          setDiagnosesList(__spreadArray(__spreadArray([], diagnosesList, true), arr, true));
-        });
+        return _this.handleTreeItem('delete');
       }
-    }, "\u540C\u6B65") : null, /*#__PURE__*/React.createElement(OkButton, {
-      type: 'dashed',
-      onClick: handleBtnClick
-    }, "\u7BA1\u7406"))));
-  }
-  var renderDiagnoses = function renderDiagnoses() {
+    }, /*#__PURE__*/React.createElement(Tooltip, {
+      placement: "bottom",
+      title: "\u5220\u9664"
+    }, /*#__PURE__*/React.createElement(MyIcon, {
+      value: 'DeleteOutlined'
+    }))))) : null;
+  };
+  Index.prototype.renderHandleModal = function () {
+    var _this = this;
+    var _a = this.state,
+      modalVisible = _a.modalVisible,
+      nodeTreeItem = _a.nodeTreeItem,
+      addTitle = _a.addTitle,
+      operation = _a.operation,
+      newTitle = _a.newTitle;
+    var title = operationMapping[operation];
+    return /*#__PURE__*/React.createElement(Modal, {
+      title: title,
+      closable: true,
+      visible: modalVisible,
+      onCancel: this.handleCancel,
+      onOk: this.handleOk
+    }, operation === 'new' && (/*#__PURE__*/React.createElement("div", null, "\u65B0\u589E\u6A21\u677F\u540D\u79F0\uFF1A", /*#__PURE__*/React.createElement(Input, {
+      value: newTitle,
+      onChange: function onChange(e) {
+        return _this.handleIptChange(e, 'new');
+      },
+      style: {
+        width: '50%'
+      }
+    }))), operation === 'add' && (/*#__PURE__*/React.createElement("div", null, "\u65B0\u589E\u5B50\u6A21\u677F\uFF1A", /*#__PURE__*/React.createElement(Input, {
+      value: addTitle,
+      onChange: function onChange(e) {
+        return _this.handleIptChange(e, 'add');
+      },
+      style: {
+        width: '50%'
+      }
+    }))), operation === 'edit' && (/*#__PURE__*/React.createElement("div", null, "\u7F16\u8F91\u6A21\u677F\u540D\u79F0\uFF1A", /*#__PURE__*/React.createElement(Input, {
+      value: nodeTreeItem.title,
+      onChange: function onChange(e) {
+        return _this.handleIptChange(e, 'edit');
+      },
+      style: {
+        width: '50%'
+      }
+    }))), operation === 'delete' && /*#__PURE__*/React.createElement("div", null, "\u662F\u5426\u5220\u9664\u6A21\u677F\uFF1A", nodeTreeItem.title));
+  };
+  Index.prototype.renderTreatment = function () {
+    var _this = this;
+    var _a = this.props,
+      checkable = _a.checkable,
+      divide = _a.divide,
+      editable = _a.editable;
+    var _b = this.state,
+      templateData = _b.templateData,
+      checkedKeys = _b.checkedKeys,
+      checkedKeysLeft = _b.checkedKeysLeft,
+      checkedKeysRight = _b.checkedKeysRight,
+      currentArea = _b.currentArea,
+      nodeTreeItem = _b.nodeTreeItem;
+    var treeData = this.transferTemplateData(templateData);
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        minHeight: 160,
+        padding: '12px 0'
+      }
+    }, editable ? (/*#__PURE__*/React.createElement("div", {
+      className: "add-btn"
+    }, /*#__PURE__*/React.createElement(Button, {
+      size: "small",
+      onClick: this.handleAddBtnClick
+    }, "\u6DFB\u52A0\u6A21\u677F"))) : null, divide ? (/*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Tree, {
+      style: {
+        maxHeight: '90%'
+      },
+      checkable: checkable,
+      defaultExpandAll: true,
+      checkedKeys: checkedKeysLeft.length === 0 ? [] : checkedKeysLeft,
+      onCheck: this.handleCheckLeft,
+      onSelect: this.handleSelect,
+      onMouseEnter: function onMouseEnter(e) {
+        return _this.onMouseEnter(e, 'treeLeft');
+      },
+      treeData: treeData.slice(0, Math.ceil(treeData.length / 2))
+    }), nodeTreeItem && currentArea === 'treeLeft' ? this.renderNodeTreeMenu() : null), /*#__PURE__*/React.createElement(Col, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Tree, {
+      style: {
+        maxHeight: '90%'
+      },
+      checkable: checkable,
+      defaultExpandAll: true,
+      checkedKeys: checkedKeysRight.length === 0 ? [] : checkedKeysRight,
+      onCheck: this.handleCheckRight,
+      onSelect: this.handleSelect,
+      onMouseEnter: function onMouseEnter(e) {
+        return _this.onMouseEnter(e, 'treeright');
+      },
+      treeData: treeData.slice(Math.ceil(treeData.length / 2))
+    }), nodeTreeItem && currentArea === 'treeright' ? this.renderNodeTreeMenu() : null))) : (/*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
+      span: 24
+    }, /*#__PURE__*/React.createElement(Tree, {
+      style: {
+        maxHeight: '90%'
+      },
+      checkable: checkable,
+      defaultExpandAll: true,
+      checkedKeys: checkedKeys,
+      onCheck: this.handleCheck,
+      onSelect: this.handleSelect,
+      onMouseEnter: function onMouseEnter(e) {
+        return _this.onMouseEnter(e, '');
+      },
+      treeData: treeData
+    }), nodeTreeItem ? this.renderNodeTreeMenu() : null))));
+  };
+  Index.prototype.render = function () {
+    var templateData = this.state.templateData;
     return /*#__PURE__*/React.createElement("div", {
-      className: "diagWrapper-new"
-    }, 诊断管理按钮(), /*#__PURE__*/React.createElement(DiagnosesWeek, {
-      first: page !== 'return',
-      headerInfo: headerInfo
-    }), (diagnosesList === null || diagnosesList === void 0 ? void 0 : diagnosesList.length) ? diagnosesList.map(function (item, index) {
-      return /*#__PURE__*/React.createElement(DiagnosesItem, {
-        edit: false,
-        index: index,
-        diagnose: item,
-        key: "".concat(get(item, 'id'), "-false"),
-        handleDelete: handleDelete,
-        headerInfo: headerInfo,
-        diagnosesList: diagnosesList,
-        saveHeaderInfo: saveHeaderInfo,
-        setDiagnosesList: setDiagnosesList,
-        isShowDiagnosesTemplate: false
-      });
-    }) : /*#__PURE__*/React.createElement(Empty, null));
+      className: "template-tree-wrapper"
+    }, templateData && this.renderTreatment(), this.renderHandleModal());
   };
-  return /*#__PURE__*/React.createElement("div", null, renderDiagnoses(), visible && (/*#__PURE__*/React.createElement(DoctorEnd_DiagnosesTemplate, {
-    isShowDiagnosesTemplate: visible,
-    closeTemplate: closeTemplate,
-    addDiag: addDiag,
-    headerInfo: headerInfo,
-    diagnosesList: diagnosesList,
-    setDiagnosesList: setDiagnosesList,
-    saveHeaderInfo: saveHeaderInfo
-  })));
-}
-export { Diagnoses as default };
+  return Index;
+}(Component);
+export { Index as default };