@lm_fe/pages-fubao 0.1.201

package/dist/a_chunks/.root.js

@@ -0,0 +1,1644 @@
+import _get from 'lodash/get';
+import { _ as __awaiter, a as __generator, b as __extends, c as __assign } from './tslib.es6.js';
+import React, { useState, useEffect, Component } from 'react';
+import BasicInfo from './.root2.js';
+import 'antd/es/row/style';
+import _Row from 'antd/es/row';
+import 'antd/es/modal/style';
+import _Modal from 'antd/es/modal';
+import 'antd/es/col/style';
+import _Col from 'antd/es/col';
+import 'antd/es/button/style';
+import _Button from 'antd/es/button';
+import { _ as _extends } from './extends.js';
+import 'antd/es/card/style';
+import _Card from 'antd/es/card';
+import 'antd/es/popconfirm/style';
+import _Popconfirm from 'antd/es/popconfirm';
+import _first from 'lodash/first';
+import _cloneDeep from 'lodash/cloneDeep';
+import _map from 'lodash/map';
+import _isEmpty from 'lodash/isEmpty';
+import { PlusCircleOutlined, DeleteOutlined, EditOutlined, HistoryOutlined } from '@ant-design/icons';
+import { N as NurseTypesMapping } from './config.js';
+import { fubaoRequest, formatDateTime, safe_json_parse, safe_json_stringify, formatDate, getSearchParamsValue } from '@lm_fe/utils';
+import { s as styleInject } from './style-inject.es.js';
+import { N as NurseTypesMapping$1, g as getReservationPanelByDate } from './api.js';
+import { LazyAntd, DatePicker_L, DynamicForm, PanelWithChildFC } from '@lm_fe/components_m';
+import { DoctorEnd_SurveyReport, DoctorEnd_ImageReport } from '@lm_fe/pages-mchc';
+import { SLocal_State } from '@lm_fe/service';
+import 'antd/es/empty/style';
+import _Empty from 'antd/es/empty';
+import 'antd/es/input/style';
+import _Input from 'antd/es/input';
+import 'antd/es/alert/style';
+import _Alert from 'antd/es/alert';
+import 'antd/es/form/style';
+import _Form from 'antd/es/form';
+import 'antd/es/radio/style';
+import _Radio from 'antd/es/radio';
+import 'antd/es/message/style';
+import _message from 'antd/es/message';
+import 'antd/es/tabs/style';
+import _Tabs from 'antd/es/tabs';
+import _filter from 'lodash/filter';
+import dayjs from 'dayjs';
+import _set from 'lodash/set';
+import 'antd/es/space/style';
+import 'antd/es/space';
+import 'lodash/size';
+import '@lm_fe/env';
+import 'lodash/isEqual';
+import 'lodash/join';
+import 'lodash/dropRight';
+import 'lodash/isNil';
+import '@lm_fe/pages';
+var css_248z$2 = ".common-module_gy-empty-page__kjnFf {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  background: #fff;\n}\n.common-module_family-planning-list-container__kujnq {\n  border: 1px solid #d7dce7;\n  border-radius: 5px;\n}\n.common-module_family-planning-list__QHwwi {\n  border-bottom: 1px solid #d7dce7;\n}\n.common-module_family-planning-list__QHwwi .common-module_two-cancers-doctor-desk-first-visit-sider-list_title__CEgrq {\n  padding: 8px;\n  background-color: #f5f6fa;\n}\n.common-module_family-planning-list__QHwwi .common-module_doctor-desk-first-visit-sider-list__item-title__0JfSe {\n  color: #383f4a;\n}\n.common-module_family-planning-list__QHwwi .common-module_date__fm44i {\n  color: #828c99;\n}\n.common-module_family-planning-list__QHwwi .common-module_label-result__ApaHb {\n  margin-left: 12px;\n  color: #1890ff;\n}\n.common-module_family-planning-list__QHwwi .common-module_label-result__ApaHb.common-module_red__oOb36 {\n  color: #cd4839;\n}\n.common-module_family-planning-list__QHwwi .common-module_doctor-desk-first-visit-sider-list__item__3M-Kw {\n  padding: 8px 12px;\n  font-size: 13px;\n  cursor: pointer;\n}\n.common-module_family-planning-list__QHwwi .common-module_doctor-desk-first-visit-sider-list__item__3M-Kw.common-module_active__qPyeZ .common-module_doctor-desk-first-visit-sider-list__item-title__0JfSe {\n  color: #007aff;\n  font-weight: 600;\n}\n.common-module_family-planning-list__QHwwi .common-module_doctor-desk-first-visit-sider-list__item__3M-Kw.common-module_active__qPyeZ .common-module_date__fm44i {\n  color: #383f4a;\n  font-weight: 400;\n}\n.common-module_family-planning-list__QHwwi:last-child {\n  border-bottom: none;\n}\n";
+var styles$1 = {
+  "gy-empty-page": "common-module_gy-empty-page__kjnFf",
+  "family-planning-list-container": "common-module_family-planning-list-container__kujnq",
+  "family-planning-list": "common-module_family-planning-list__QHwwi",
+  "two-cancers-doctor-desk-first-visit-sider-list_title": "common-module_two-cancers-doctor-desk-first-visit-sider-list_title__CEgrq",
+  "doctor-desk-first-visit-sider-list__item-title": "common-module_doctor-desk-first-visit-sider-list__item-title__0JfSe",
+  "date": "common-module_date__fm44i",
+  "label-result": "common-module_label-result__ApaHb",
+  "red": "common-module_red__oOb36",
+  "doctor-desk-first-visit-sider-list__item": "common-module_doctor-desk-first-visit-sider-list__item__3M-Kw",
+  "active": "common-module_active__qPyeZ"
+};
+styleInject(css_248z$2);
+function ZKBL(props) {
+  var data = props.data,
+    id = props.id,
+    reload = props.reload;
+  var _a = useState(''),
+    activeTemplate = _a[0],
+    set_activeTemplate = _a[1];
+  var _b = useState([]),
+    siderPanels = _b[0],
+    set_siderPanels = _b[1];
+  var _c = useState([]),
+    oldsiderPanels = _c[0],
+    set_oldsiderPanels = _c[1];
+  var _d = useState({}),
+    activeItem = _d[0],
+    set_activeItem = _d[1];
+  var _e = useState(false),
+    visible = _e[0],
+    set_visible = _e[1];
+  useEffect(function () {
+    handleInit();
+    return function () {};
+  }, []);
+  function handleAdd() {
+    set_visible(true);
+  }
+  function handleClickListItem(item) {
+    return function () {
+      var code = 'Screening';
+      _map(NurseTypesMapping, function (value, index) {
+        if (_get(item, 'checkType') === _get(value, 'name')) {
+          code = index;
+        }
+      });
+      var __activeTemplate = _get(NurseTypesMapping, "".concat(code, ".key"));
+      set_activeItem(item);
+      set_activeTemplate(__activeTemplate);
+    };
+  }
+  function handleInit(activeType) {
+    return __awaiter(this, void 0, void 0, function () {
+      var newSiderPanels, data, newActiveItem, newActiveTemplate, checkType_1;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            newSiderPanels = [];
+            return [4, fubaoRequest.get("/api/family/planning/getFamilyPlanningEarlyPregnancyCheckList?familyPlanningId.equals=".concat(id, "&deleteFlag.equals=0"))];
+          case 1:
+            data = _a.sent().data;
+            if (_get(data, 'data')) {
+              newSiderPanels = _get(data, 'data.familyPlanningEarlyPregnancyCheck');
+            }
+            newActiveItem = activeItem;
+            newActiveTemplate = activeTemplate;
+            if (_isEmpty(activeItem) && !_isEmpty(newSiderPanels)) {
+              newActiveItem = _first(newSiderPanels);
+              checkType_1 = _get(newSiderPanels, '0.checkType');
+              _map(NurseTypesMapping, function (value, index) {
+                if (checkType_1 === _get(value, 'name')) {
+                  newActiveTemplate = _get(NurseTypesMapping, "".concat(index, ".key"));
+                }
+              });
+            }
+            if (!_get(activeItem, 'id')) {
+              newActiveItem = _first(newSiderPanels);
+            }
+            set_siderPanels(newSiderPanels);
+            set_oldsiderPanels(newSiderPanels);
+            set_activeItem(newActiveItem);
+            set_activeTemplate(newActiveTemplate);
+            return [2];
+        }
+      });
+    });
+  }
+  function handleDelete(item) {
+    var _this = this;
+    return function () {
+      return __awaiter(_this, void 0, void 0, function () {
+        var id, _res;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              id = _get(item, 'id');
+              return [4, fubaoRequest["delete"]("/api/family/planning/deleteFamilyPlanningEarlyPregnancyCheck/".concat(id))];
+            case 1:
+              _res = _a.sent();
+              _res.data;
+              set_activeItem({});
+              set_activeTemplate('');
+              return [4, handleInit()];
+            case 2:
+              _a.sent();
+              return [2];
+          }
+        });
+      });
+    };
+  }
+  function handleChooseTemplate(nurseType) {
+    return function () {
+      _get(nurseType, 'key');
+      {
+        var newSiderPanels = _cloneDeep(oldsiderPanels);
+        var newItem = {
+          id: '',
+          checkType: _get(nurseType, 'name')
+        };
+        newSiderPanels.push(newItem);
+        set_siderPanels(newSiderPanels);
+        set_activeItem(newItem);
+      }
+      set_visible(false);
+      set_activeTemplate(_get(nurseType, 'key'));
+    };
+  }
+  function renderSider() {
+    return /*#__PURE__*/React.createElement(_Card, {
+      size: "small",
+      bordered: false,
+      style: {
+        height: '100%'
+      },
+      title: /*#__PURE__*/React.createElement("span", {
+        style: {
+          color: '#150f55',
+          fontWeight: 600
+        }
+      }, "\u5C31\u8BCA\u8BB0\u5F55."),
+      extra: /*#__PURE__*/React.createElement(PlusCircleOutlined, {
+        onClick: handleAdd
+      })
+    }, !_isEmpty(siderPanels) && /*#__PURE__*/React.createElement("div", {
+      className: styles$1['family-planning-list-container']
+    }, _map(siderPanels, function (data, index) {
+      return /*#__PURE__*/React.createElement("div", {
+        key: data.id,
+        className: styles$1['family-planning-list']
+      }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(styles$1['doctor-desk-first-visit-sider-list__item'], " ").concat(_get(activeItem, 'id') === _get(data, 'id') ? styles$1['active'] : ''),
+        style: _get(activeItem, 'id') === _get(data, 'id') ? {
+          background: '#D6E6FF'
+        } : {
+          background: 'none'
+        },
+        onClick: handleClickListItem(data)
+      }, /*#__PURE__*/React.createElement("span", {
+        className: styles$1['doctor-desk-first-visit-sider-list__item-title']
+      }, _get(data, 'checkType'), ' '), _get(data, 'id') && _get(data, 'id') != -1 ? /*#__PURE__*/React.createElement(_Popconfirm, {
+        title: "\u786E\u5B9A\u8981\u5220\u9664\u8FD9\u4E2A\u75C5\u5386\u5417?",
+        onConfirm: handleDelete(data),
+        okText: "\u786E\u5B9A",
+        cancelText: "\u53D6\u6D88"
+      }, _get(activeItem, 'id') === _get(data, 'id') && /*#__PURE__*/React.createElement(DeleteOutlined, {
+        style: {
+          color: '#007aff',
+          "float": 'right',
+          marginTop: 2,
+          marginLeft: 8
+        }
+      }), _get(data, 'registrationDate') && /*#__PURE__*/React.createElement("span", {
+        className: "date",
+        style: {
+          "float": 'right'
+        }
+      }, _get(data, 'registrationDate'))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditOutlined, {
+        style: {
+          color: 'rgb(24, 144, 255)',
+          "float": 'right',
+          marginTop: 2,
+          marginLeft: 8
+        }
+      }), _get(data, 'registrationDate') && /*#__PURE__*/React.createElement("span", {
+        className: "date",
+        style: {
+          "float": 'right'
+        }
+      }, _get(data, 'registrationDate'))))));
+    })));
+  }
+  function renderContent() {
+    if (NurseTypesMapping[activeTemplate]) {
+      var Component_1 = NurseTypesMapping[activeTemplate]['component'];
+      return /*#__PURE__*/React.createElement(Component_1, _extends({}, props, {
+        activeItem: activeItem,
+        onRefresh: handleInit,
+        reload: reload
+      }));
+    } else {
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles$1['gy-empty-page']
+      }, /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u75C5\u5386\uFF0C\u8BF7\u9009\u62E9\u6A21\u677F\u5185\u5BB9"), /*#__PURE__*/React.createElement("div", null, _map(NurseTypesMapping, function (nurseType, key) {
+        if (_get(data, 'age') > 21) {
+          if (nurseType.key === 'Puberty') {
+            return '';
+          } else {
+            return /*#__PURE__*/React.createElement(_Button, {
+              style: {
+                margin: 8
+              },
+              key: key,
+              onClick: handleChooseTemplate(nurseType)
+            }, nurseType.name);
+          }
+        } else {
+          return /*#__PURE__*/React.createElement(_Button, {
+            style: {
+              margin: 8
+            },
+            key: key,
+            onClick: handleChooseTemplate(nurseType)
+          }, nurseType.name);
+        }
+      })));
+    }
+  }
+  return /*#__PURE__*/React.createElement(_Row, {
+    style: {
+      height: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(_Col, {
+    style: {
+      height: '100%',
+      width: 290,
+      overflow: 'scroll',
+      backgroundColor: '#fff'
+    }
+  }, renderSider()), /*#__PURE__*/React.createElement(_Col, {
+    style: {
+      height: '100%',
+      width: 'calc(100% - 290px)',
+      overflow: 'scroll'
+    }
+  }, renderContent()), /*#__PURE__*/React.createElement(_Modal, {
+    visible: visible,
+    onCancel: function onCancel() {
+      set_visible(false);
+    }
+  }, _map(NurseTypesMapping, function (nurseType, key) {
+    if (_get(data, 'age') > 21) {
+      if (nurseType.key === 'Puberty') {
+        return '';
+      } else {
+        return /*#__PURE__*/React.createElement(_Button, {
+          style: {
+            margin: 8
+          },
+          key: key,
+          onClick: handleChooseTemplate(nurseType)
+        }, nurseType.name);
+      }
+    } else {
+      return /*#__PURE__*/React.createElement(_Button, {
+        style: {
+          margin: 8
+        },
+        key: key,
+        onClick: handleChooseTemplate(nurseType)
+      }, nurseType.name);
+    }
+  })));
+}
+var Nursing = function (_super) {
+  __extends(Nursing, _super);
+  function Nursing() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    _this.state = {
+      activeTemplate: '',
+      siderPanels: [],
+      oldsiderPanels: [],
+      visible: false,
+      activeItem: {}
+    };
+    _this.handleAdd = function () {
+      _this.setState({
+        visible: true
+      });
+    };
+    _this.handleClickListItem = function (item) {
+      return function () {
+        var code = 'dilatationAndCurettage';
+        _map(NurseTypesMapping$1, function (value, index) {
+          if (_get(item, 'operationName') === _get(value, 'name')) {
+            code = index;
+          }
+        });
+        var activeTemplate = _get(NurseTypesMapping$1, "".concat(code, ".key"));
+        _this.setState({
+          activeItem: item,
+          activeTemplate: activeTemplate
+        });
+      };
+    };
+    _this.handleInit = function (activeType) {
+      return __awaiter(_this, void 0, void 0, function () {
+        var newSiderPanels, id, _a, activeItem, activeTemplate, surgicalRecordId, data, newActiveTemplate, newActiveItem, operationName_1;
+        var _this = this;
+        return __generator(this, function (_b) {
+          switch (_b.label) {
+            case 0:
+              newSiderPanels = [];
+              id = _get(this.props, 'id');
+              _a = this.state, activeItem = _a.activeItem, activeTemplate = _a.activeTemplate;
+              surgicalRecordId = _get(this.props, 'surgicalRecordId');
+              return [4, fubaoRequest.get("/api/family/planning/getEarlyPregnancyCheckSurgicalTypeList?familyPlanningId.equals=".concat(id, "&deleteFlag.equals=0"))];
+            case 1:
+              data = _b.sent().data;
+              if (_get(data, 'data')) {
+                newSiderPanels = _get(data, 'data.earlyPregnancyCheckSurgeryType');
+              }
+              newActiveTemplate = activeTemplate;
+              if (surgicalRecordId) {
+                _map(newSiderPanels, function (item, index) {
+                  if (Number(surgicalRecordId) === _get(item, 'id')) {
+                    _map(NurseTypesMapping$1, function (value, valIndex) {
+                      if (_get(item, 'operationName') === _get(value, 'name')) {
+                        newActiveTemplate = _get(NurseTypesMapping$1, "".concat(valIndex, ".key"));
+                      }
+                    });
+                    _this.setState({
+                      siderPanels: newSiderPanels,
+                      oldsiderPanels: newSiderPanels,
+                      activeItem: item,
+                      activeTemplate: newActiveTemplate
+                    });
+                  }
+                });
+              } else {
+                newActiveItem = activeItem;
+                if (_isEmpty(activeItem) && !_isEmpty(newSiderPanels)) {
+                  newActiveItem = _first(newSiderPanels);
+                  operationName_1 = _get(newSiderPanels, '0.operationName');
+                  _map(NurseTypesMapping$1, function (value, index) {
+                    if (operationName_1 === _get(value, 'name')) {
+                      newActiveTemplate = _get(NurseTypesMapping$1, "".concat(index, ".key"));
+                    }
+                  });
+                }
+                if (!_get(activeItem, 'id')) {
+                  newActiveItem = _first(newSiderPanels);
+                }
+                this.setState({
+                  siderPanels: newSiderPanels,
+                  oldsiderPanels: newSiderPanels,
+                  activeItem: newActiveItem,
+                  activeTemplate: newActiveTemplate
+                });
+              }
+              return [2];
+          }
+        });
+      });
+    };
+    _this.handleDelete = function (item) {
+      return function () {
+        return __awaiter(_this, void 0, void 0, function () {
+          var id;
+          return __generator(this, function (_a) {
+            switch (_a.label) {
+              case 0:
+                id = _get(item, 'id');
+                return [4, fubaoRequest["delete"]("/api/family/planning/deleteEarlyPregnancyCheckSurgicalType/".concat(id))];
+              case 1:
+                _a.sent().data;
+                this.setState({
+                  activeItem: {},
+                  activeTemplate: ''
+                });
+                return [4, this.handleInit()];
+              case 2:
+                _a.sent();
+                return [2];
+            }
+          });
+        });
+      };
+    };
+    _this.handleChooseTemplate = function (nurseType) {
+      return function () {
+        _get(nurseType, 'key');
+        var oldsiderPanels = _this.state.oldsiderPanels;
+        {
+          var newSiderPanels = _cloneDeep(oldsiderPanels);
+          var newItem = {
+            id: '',
+            operationName: _get(nurseType, 'name')
+          };
+          newSiderPanels.push(newItem);
+          _this.setState({
+            siderPanels: newSiderPanels,
+            activeItem: newItem
+          });
+        }
+        _this.setState({
+          activeTemplate: _get(nurseType, 'key'),
+          visible: false
+        });
+      };
+    };
+    _this.renderSider = function () {
+      var _a = _this.state,
+        siderPanels = _a.siderPanels,
+        activeItem = _a.activeItem;
+      return /*#__PURE__*/React.createElement(_Card, {
+        size: "small",
+        bordered: false,
+        style: {
+          height: '100%'
+        },
+        title: /*#__PURE__*/React.createElement("span", {
+          style: {
+            color: '#150f55',
+            fontWeight: 600
+          }
+        }, "\u5C31\u8BCA\u8BB0\u5F55"),
+        extra: /*#__PURE__*/React.createElement(PlusCircleOutlined, {
+          onClick: _this.handleAdd
+        })
+      }, !_isEmpty(siderPanels) && /*#__PURE__*/React.createElement("div", {
+        className: styles$1['family-planning-list-container']
+      }, _map(siderPanels, function (data, index) {
+        return /*#__PURE__*/React.createElement("div", {
+          key: data.id,
+          className: styles$1['family-planning-list']
+        }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+          className: "".concat(styles$1['doctor-desk-first-visit-sider-list__item'], " ").concat(_get(activeItem, 'id') === _get(data, 'id') ? styles$1['active'] : ''),
+          style: _get(activeItem, 'id') === _get(data, 'id') ? {
+            background: '#eaf4fd'
+          } : {
+            background: 'none'
+          },
+          onClick: _this.handleClickListItem(data)
+        }, /*#__PURE__*/React.createElement("span", {
+          className: styles$1['doctor-desk-first-visit-sider-list__item-title']
+        }, _get(data, 'operationName')), _get(data, 'id') && _get(data, 'id') != -1 ? /*#__PURE__*/React.createElement(_Popconfirm, {
+          title: "\u786E\u5B9A\u8981\u5220\u9664\u8FD9\u4E2A\u75C5\u5386\u5417?",
+          onConfirm: _this.handleDelete(data),
+          okText: "\u786E\u5B9A",
+          cancelText: "\u53D6\u6D88"
+        }, _get(activeItem, 'id') === _get(data, 'id') && /*#__PURE__*/React.createElement(DeleteOutlined, {
+          style: {
+            color: '#007aff',
+            "float": 'right',
+            marginTop: 2,
+            marginLeft: 8
+          }
+        }), _get(data, 'surgicalDate') && /*#__PURE__*/React.createElement("span", {
+          className: "date",
+          style: {
+            "float": 'right'
+          }
+        }, _get(data, 'surgicalDate'))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditOutlined, {
+          style: {
+            color: 'rgb(24, 144, 255)',
+            "float": 'right',
+            marginTop: 2,
+            marginLeft: 8
+          }
+        }), _get(data, 'surgicalDate') && /*#__PURE__*/React.createElement("span", {
+          className: "date",
+          style: {
+            "float": 'right'
+          }
+        }, _get(data, 'surgicalDate'))))));
+      })));
+    };
+    _this.renderContent = function () {
+      var _a = _this.state,
+        activeTemplate = _a.activeTemplate,
+        activeItem = _a.activeItem;
+      var reload = _this.props.reload;
+      if (NurseTypesMapping$1[activeTemplate]) {
+        var Component_1 = NurseTypesMapping$1[activeTemplate]['component'];
+        return /*#__PURE__*/React.createElement(Component_1, _extends({}, _this.props, {
+          activeItem: activeItem,
+          activeTemplate: activeTemplate,
+          onRefresh: _this.handleInit,
+          reload: reload
+        }));
+      } else {
+        return /*#__PURE__*/React.createElement("div", {
+          className: styles$1['gy-empty-page']
+        }, /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u75C5\u5386\uFF0C\u8BF7\u9009\u62E9\u6A21\u677F\u5185\u5BB9"), /*#__PURE__*/React.createElement("div", null, _map(NurseTypesMapping$1, function (nurseType, key) {
+          return /*#__PURE__*/React.createElement(_Button, {
+            style: {
+              margin: 8
+            },
+            key: key,
+            onClick: _this.handleChooseTemplate(nurseType)
+          }, nurseType.name);
+        })));
+      }
+    };
+    return _this;
+  }
+  Nursing.prototype.componentDidMount = function () {
+    return __awaiter(this, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        this.handleInit();
+        return [2];
+      });
+    });
+  };
+  Nursing.prototype.render = function () {
+    var _this = this;
+    var visible = this.state.visible;
+    return /*#__PURE__*/React.createElement(_Row, {
+      style: {
+        height: '100%'
+      }
+    }, /*#__PURE__*/React.createElement(_Col, {
+      style: {
+        height: '100%',
+        width: 290,
+        overflow: 'scroll',
+        backgroundColor: '#fff'
+      }
+    }, this.renderSider()), /*#__PURE__*/React.createElement(_Col, {
+      style: {
+        height: '100%',
+        width: 'calc(100% - 290px)',
+        overflow: 'scroll'
+      }
+    }, this.renderContent()), /*#__PURE__*/React.createElement(_Modal, {
+      visible: visible,
+      onCancel: function onCancel() {
+        _this.setState({
+          visible: false
+        });
+      }
+    }, _map(NurseTypesMapping$1, function (nurseType, key) {
+      return /*#__PURE__*/React.createElement(_Button, {
+        style: {
+          margin: 8
+        },
+        key: key,
+        onClick: _this.handleChooseTemplate(nurseType)
+      }, nurseType.name);
+    })));
+  };
+  return Nursing;
+}(Component);
+var SurgicalRecord = Nursing;
+var valueToApi = function valueToApi(values) {
+  var result = {};
+  _map(values, function (itemVaule, key) {
+    switch (key) {
+      case 'payment':
+        if (itemVaule === '已缴费') {
+          _set(result, key, 1);
+        } else {
+          _set(result, key, 0);
+        }
+        break;
+      case 'postoperationMissions':
+        var valueJson = safe_json_parse(itemVaule);
+        _set(result, key, _get(valueJson, 'checkedValues.0'));
+        _set(result, "".concat(key, "Note"), _get(valueJson, ['withInputValues', "".concat(_get(valueJson, 'checkedValues.0')), 'value', '0']));
+        break;
+      case 'appointmentDate':
+        _set(result, key, formatDateTime(itemVaule));
+        break;
+      case 'postoperationMissionsType':
+        _set(result, key, _get(itemVaule, 'type'));
+        _set(result, 'postoperationMissionsContent', _get(itemVaule, 'content'));
+        break;
+      default:
+        if (key === 'postoperationMissionsContent' && _get(result, 'postoperationMissionsContent')) {
+          _set(result, key, _get(result, 'postoperationMissionsContent'));
+        } else {
+          _set(result, key, itemVaule);
+        }
+        break;
+    }
+  });
+  _set(result, 'progressStatus', 2);
+  return result;
+};
+var valueToForm = function valueToForm(values) {
+  var operationNameOptions = [];
+  var cloneValues = _cloneDeep(values);
+  _map(cloneValues, function (item, index) {
+    if (_get(item, 'payment')) {
+      _set(item, 'payment', '已缴费');
+    } else {
+      _set(item, 'payment', '未缴费');
+    }
+    operationNameOptions.push({
+      label: _get(item, 'operationName'),
+      value: _get(item, 'operationName')
+    });
+  });
+  return {
+    data: cloneValues,
+    operationNameOptions: operationNameOptions
+  };
+};
+var modifyValueToForm = function modifyValueToForm(values) {
+  var cloneValues = _cloneDeep(values);
+  _map(cloneValues, function (itemValue, key) {
+    var _a;
+    if (key === 'payment') {
+      if (itemValue) {
+        _set(cloneValues, key, '已缴费');
+      } else {
+        _set(cloneValues, key, '未缴费');
+      }
+    }
+    if (key === 'appointmentDate') {
+      _set(cloneValues, key, dayjs(itemValue));
+    }
+    if (key === 'postoperationMissions') {
+      var checkBoxValue = {
+        checkedValues: [itemValue],
+        withInputValues: (_a = {}, _a[itemValue] = {
+          key: itemValue,
+          value: {
+            '0': _get(cloneValues, "".concat(key, "Note"))
+          }
+        }, _a)
+      };
+      _set(cloneValues, key, safe_json_stringify(checkBoxValue));
+    }
+    if (key === 'postoperationMissionsType') {
+      _set(cloneValues, "".concat(key, ".type"), itemValue);
+      _set(cloneValues, "".concat(key, ".content"), _get(values, 'postoperationMissionsContent'));
+    }
+  });
+  return cloneValues;
+};
+var modalFormDescriptions = {
+  postoperationMissions: {
+    key: 'postoperationMissions',
+    label: '健康宣教',
+    rules: [{
+      required: false,
+      message: '健康宣教是必填项'
+    }],
+    inputType: 'checkbox_with_input',
+    span: 24,
+    offset: 0,
+    special_config: JSON.stringify({
+      type: 'single',
+      options: [{
+        value: 1,
+        label: '自定义',
+        span: 8,
+        withInput: false
+      }, {
+        value: 2,
+        label: '知识库',
+        withInput: false,
+        span: 8
+      }]
+    })
+  },
+  postoperationMissionsType: {
+    key: 'postoperationMissionsType',
+    label: '知识库',
+    rules: [{
+      required: false,
+      message: '知识库是必填项'
+    }],
+    inputType: 'knowledge_base',
+    inputProps: {
+      dependency: {
+        show: {
+          key: 'postoperationMissions',
+          value: [2]
+        }
+      }
+    },
+    span: 24,
+    offset: 0
+  },
+  postoperationMissionsContent: {
+    key: 'postoperationMissionsContent',
+    label: '宣教内容',
+    rules: [{
+      required: false,
+      message: '宣教内容是必填项'
+    }],
+    inputType: 'operation_template_textarea',
+    inputProps: {
+      dependency: {
+        show: {
+          key: 'postoperationMissions',
+          value: [1]
+        }
+      }
+    },
+    span: 24,
+    offset: 0
+  }
+};
+var css_248z$1 = ".appointModel .ant-radio-group {\n  width: 100%;\n}\n.appointModel .ant-radio-button-wrapper {\n  width: calc(50% - 8px);\n  height: 40px;\n  margin: 0 8px 4px 0;\n  line-height: 40px;\n  text-align: center;\n  border-width: 1.02px 1px 1px 1px;\n}\n.appointModel .ant-radio-button-wrapper:not(:first-child):before {\n  display: none;\n}\n.appointModel .ant-radio-button-wrapper-checked::after {\n  position: absolute;\n  right: 0;\n  bottom: -1px;\n  width: 0;\n  height: 0;\n  border-color: transparent transparent #284c99 transparent;\n  border-style: solid;\n  border-width: 0 0 30px 30px;\n  content: '';\n}\n.appointModel .ant-form-item-explain.ant-form-item-explain-error {\n  visibility: hidden;\n}\n.appointModel .textarea-with-template__action span {\n  white-space: nowrap;\n}\n.appointModel .appointment-ul {\n  position: relative;\n}\n.appointModel .appointment-ul .appointment-li {\n  position: relative;\n  margin-bottom: 10px;\n  padding: 16px;\n}\n.appointModel .appointment-ul .appointment-li .sign-in {\n  position: absolute;\n  top: 16px;\n  right: 32px;\n}\n.appointModel .appointment-ul .appointment-li .sign-in span {\n  padding: 4px 9px;\n  color: #fff;\n  font-size: 14px;\n  background: #7b8c9b;\n  border-radius: 4px;\n}\n.appointModel .appointment-ul .appointment-li .button-group {\n  text-align: right;\n}\n.appointModel .appointment-ul .appointment-li .button-group .ant-btn-link:last-child {\n  margin-left: 16px;\n  color: #bd52ce;\n  border: 1px solid #bd52ce;\n}\n.appointModel .appointment-ul .appointment-li .button-group .ant-btn-link:first-child {\n  color: #7f8c9a;\n  border: 1px solid #7f8c9a;\n}\n.appointModel .appointment-ul .appointment-li .label {\n  color: #828c99;\n}\n.appointModel .appointment-ul .ant-row {\n  margin-bottom: 10px;\n}\n.apponit-modal .ant-modal-body {\n  position: relative;\n  max-height: calc(100vh - 240px);\n  overflow: auto;\n}\n.ant-picker-cell .ant-picker-cell-inner.single-datePicker-irreducible::after {\n  position: absolute;\n  bottom: -5px;\n  left: 51%;\n  width: 4px;\n  height: 4px;\n  background-color: gray;\n  border-radius: 50%;\n  transform: translateX(-50%);\n  content: '';\n}\n.ant-picker-cell .ant-picker-cell-inner.single-datePicker-reducible::after {\n  position: absolute;\n  bottom: -5px;\n  left: 51%;\n  width: 4px;\n  height: 4px;\n  background-color: #06c306;\n  border-radius: 50%;\n  transform: translateX(-50%);\n  content: '';\n}\n.ant-picker-cell .ant-picker-cell-inner.single-datePicker-stop::after {\n  position: absolute;\n  top: -8px;\n  right: -8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  color: #5d3900;\n  font-size: 12px;\n  text-align: center;\n  background: #ffe4b8;\n  border-radius: 50%;\n  content: '\\505c';\n}\n";
+styleInject(css_248z$1);
+LazyAntd.Tree;
+LazyAntd.TreeSelect;
+var Select = LazyAntd.Select;
+LazyAntd.Table;
+LazyAntd.Dropdown;
+LazyAntd.Pagination;
+var TabPane = _Tabs.TabPane;
+var Index = function (_super) {
+  __extends(Index, _super);
+  function Index() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    _this.formRef = /*#__PURE__*/React.createRef();
+    _this.state = {
+      activeTabKey: '1',
+      operationNameOptions: [],
+      operationName: '',
+      data: {},
+      selectData: {},
+      recordData: [],
+      sameDayData: [],
+      popconfirmVisible: false,
+      popconfirmVisibleId: undefined,
+      openSchedulingDateByOperationNameData: {},
+      reservationPanel: [],
+      templateData: [],
+      isUpdate: false
+    };
+    _this.renderEditItem = _this.generateRenderEditItem(_this.props.formDescriptions, {
+      formItemLayout: _this.props.formItemLayout
+    });
+    _this.getAppointmentData = function () {
+      return __awaiter(_this, void 0, void 0, function () {
+        var basicData, params, response, valuesObj, data, operationNameOptions;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              basicData = this.props.basicData;
+              params = {
+                'progressStatus.equals': 1,
+                'outpatientNo.equals': _get(basicData, 'outpatientNo'),
+                'deleteFlag.equals': 0
+              };
+              return [4, fubaoRequest.get("/api/family/planning/getEarlyPregnancyCheckSurgicalType", {
+                params: params
+              })];
+            case 1:
+              response = _a.sent().data;
+              if (_get(response, 'code') === 1) {
+                if (_isEmpty(_get(response, 'data'))) {
+                  this.getRecordData();
+                  this.setState({
+                    activeTabKey: '2'
+                  });
+                } else {
+                  valuesObj = valueToForm(_get(response, 'data'));
+                  data = valuesObj.data, operationNameOptions = valuesObj.operationNameOptions;
+                  this.setState({
+                    data: data,
+                    operationNameOptions: operationNameOptions
+                  });
+                }
+              } else {
+                _message.warning(_get(response, 'msg'));
+              }
+              return [2];
+          }
+        });
+      });
+    };
+    _this.getRecordData = function () {
+      return __awaiter(_this, void 0, void 0, function () {
+        var basicData, params, response, recordData;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              basicData = this.props.basicData;
+              params = {
+                'progressStatusNO.equals': 1,
+                'outpatientNo.equals': _get(basicData, 'outpatientNo'),
+                'deleteFlag.equals': 0
+              };
+              return [4, fubaoRequest.get("/api/family/planning/getEarlyPregnancyCheckSurgicalType", {
+                params: params
+              })];
+            case 1:
+              response = _a.sent().data;
+              if (_get(response, 'code') === 1) {
+                recordData = _get(response, 'data');
+                this.setState({
+                  recordData: recordData
+                });
+              } else {
+                _message.warning(_get(response, 'msg'));
+              }
+              return [2];
+          }
+        });
+      });
+    };
+    _this.getTemplate = function () {
+      return __awaiter(_this, void 0, void 0, function () {
+        var params, response, templateData;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              params = {
+                'deleteFlag.equals': 0
+              };
+              return [4, fubaoRequest.get("/api/family/planning/getEarlyPregnancySurgicalTemplate", {
+                params: params
+              })];
+            case 1:
+              response = _a.sent().data;
+              if (_get(response, 'code') === 1) {
+                templateData = _get(response, 'data');
+                this.setState({
+                  templateData: templateData
+                });
+              }
+              return [2];
+          }
+        });
+      });
+    };
+    _this.getAttendanceOfThisDay = function (target, operationKey) {
+      if (!target || !_get(target, "attendanceSet")) {
+        return '休息';
+      } else if (_get(target, "".concat(operationKey)) === 0 || _get(target, "".concat(operationKey)) === 2 || _get(target, "".concat(operationKey)) === 3) {
+        return '休息';
+      } else {
+        return _get(target, "".concat(operationKey));
+      }
+    };
+    _this.disabledDate = function (current) {
+      var _a = _this.state,
+        reservationPanel = _a.reservationPanel,
+        operationName = _a.operationName;
+      var operationKey = _this.getOperationKey(operationName);
+      var target = reservationPanel.find(function (_) {
+        return dayjs(_get(_, 'schedulingDate')).isSame(current, 'day');
+      });
+      return current < dayjs().startOf('day') || _this.getAttendanceOfThisDay(target, operationKey) === '休息';
+    };
+    _this.dateRender = function (currentDate, today) {
+      var _a = _this.state,
+        reservationPanel = _a.reservationPanel,
+        operationName = _a.operationName;
+      var operationKey = _this.getOperationKey(operationName);
+      var target = reservationPanel.find(function (_) {
+        return dayjs(_get(_, 'schedulingDate')).isSame(currentDate, 'day');
+      });
+      var isOpen = _this.getAttendanceOfThisDay(target, operationKey);
+      return /*#__PURE__*/React.createElement("div", {
+        className: "ant-picker-cell-inner ".concat(_get(target, 'attendanceSet') && isOpen === '休息' && _get(target, "".concat(operationKey)) === 3 ? 'single-datePicker-irreducible' : _get(target, 'attendanceSet') && isOpen === '休息' && _get(target, "".concat(operationKey)) === 0 || _get(target, 'attendanceSet') && isOpen === '休息' && _get(target, "".concat(operationKey)) === 2 || _get(target, 'attendanceSet') === 0 ? 'single-datePicker-stop' : isOpen === 1 ? 'single-datePicker-reducible' : '')
+      }, currentDate.date());
+    };
+    _this.handleSubmit = function () {
+      return __awaiter(_this, void 0, void 0, function () {
+        var onCancel, selectData, data, submitData, res, errorInfo_1;
+        var _a, _b;
+        return __generator(this, function (_c) {
+          switch (_c.label) {
+            case 0:
+              _c.trys.push([0, 3,, 4]);
+              onCancel = this.props.onCancel;
+              selectData = this.state.selectData;
+              this.form = this.formRef.current;
+              return [4, (_a = this.form) === null || _a === void 0 ? void 0 : _a.validateFields()];
+            case 1:
+              _c.sent();
+              data = (_b = this.form) === null || _b === void 0 ? void 0 : _b.getFieldsValue();
+              submitData = valueToApi(data);
+              submitData = __assign(__assign({}, selectData), submitData);
+              return [4, fubaoRequest.post('/api/family/planning/updateAppointmentSurgery', submitData)];
+            case 2:
+              res = _c.sent().data;
+              if (_get(res, 'code') === 1) {
+                if (_get(selectData, 'appointmentMorningOrAfternoon')) {
+                  _message.success('已修改成功，信息将同步推送给患者。');
+                } else {
+                  _message.success('已预约成功，信息将同步推送给患者。');
+                }
+                onCancel && onCancel();
+              }
+              return [3, 4];
+            case 3:
+              errorInfo_1 = _c.sent();
+              _message.error(_get(errorInfo_1, 'errorFields.0.errors.0'));
+              return [3, 4];
+            case 4:
+              return [2];
+          }
+        });
+      });
+    };
+    _this.handleTabChange = function (key) {
+      if (key === '2') {
+        _this.getRecordData();
+      }
+      _this.setState({
+        activeTabKey: key
+      });
+    };
+    _this.getReservationPanel = function () {
+      return __awaiter(_this, void 0, void 0, function () {
+        var startDate, endDate, res;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              startDate = dayjs(new Date());
+              endDate = dayjs(new Date()).add(1, 'months');
+              return [4, getReservationPanelByDate(startDate, endDate)];
+            case 1:
+              res = _a.sent();
+              this.setState({
+                reservationPanel: res.data
+              });
+              return [2];
+          }
+        });
+      });
+    };
+    _this.handleItemChange = function (changedValues, allValues) {
+      return __awaiter(_this, void 0, void 0, function () {
+        var data, filterArr, params, response, momentSchedulingDate, appointmentDate;
+        var _a, _b;
+        return __generator(this, function (_c) {
+          switch (_c.label) {
+            case 0:
+              data = this.state.data;
+              this.form = this.formRef.current;
+              if (!_get(changedValues, 'operationName')) return [3, 2];
+              filterArr = _filter(data, function (item) {
+                return _get(item, 'operationName') === _get(changedValues, 'operationName');
+              });
+              (_a = this.form) === null || _a === void 0 ? void 0 : _a.setFieldsValue(filterArr[0]);
+              this.setState({
+                selectData: filterArr[0]
+              });
+              params = {
+                'operationName.equals': _get(changedValues, 'operationName')
+              };
+              return [4, fubaoRequest.get("/api/family/planning/getOpenSchedulingDateByOperationName", {
+                params: params
+              })];
+            case 1:
+              response = _c.sent().data;
+              if (_get(response, 'code') === 1) {
+                if (_get(response, 'data')) {
+                  momentSchedulingDate = dayjs(_get(response, 'data.schedulingDate'));
+                  (_b = this.form) === null || _b === void 0 ? void 0 : _b.setFieldsValue({
+                    appointmentDate: momentSchedulingDate
+                  });
+                  this.getAccordingtoDateOfData(_get(response, 'data.schedulingDate'));
+                  this.setState({
+                    openSchedulingDateByOperationNameData: _get(response, 'data'),
+                    operationName: _get(changedValues, 'operationName')
+                  });
+                } else {
+                  this.setState({
+                    openSchedulingDateByOperationNameData: {},
+                    operationName: _get(changedValues, 'operationName')
+                  });
+                  _message.warning(_get(response, 'msg'));
+                }
+              } else {
+                _message.warning(_get(response, 'msg'));
+              }
+              _c.label = 2;
+            case 2:
+              if (_get(changedValues, 'appointmentDate')) {
+                appointmentDate = _get(changedValues, 'appointmentDate').format('YYYY-MM-DD');
+                this.getAccordingtoDateOfData(appointmentDate);
+                this.getAccordingtoDateOfScheduling(appointmentDate);
+              }
+              return [2];
+          }
+        });
+      });
+    };
+    _this.getAccordingtoDateOfScheduling = function (date) {
+      return __awaiter(_this, void 0, void 0, function () {
+        var params, response;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              params = {
+                'schedulingDate.equals': date,
+                'deleteFlag.equals': 0
+              };
+              return [4, fubaoRequest.get("/api/family/planning/getSchedulingInformation", {
+                params: params
+              })];
+            case 1:
+              response = _a.sent().data;
+              if (_get(response, 'code') === 1) {
+                this.setState({
+                  openSchedulingDateByOperationNameData: _get(response, 'data.0')
+                });
+              }
+              return [2];
+          }
+        });
+      });
+    };
+    _this.getAccordingtoDateOfData = function (date) {
+      return __awaiter(_this, void 0, void 0, function () {
+        var params, response;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              params = {
+                'appointmentDate.equals': date,
+                'deleteFlag.equals': 0
+              };
+              return [4, fubaoRequest.get("/api/family/planning/getEarlyPregnancyCheckSurgicalType", {
+                params: params
+              })];
+            case 1:
+              response = _a.sent().data;
+              if (_get(response, 'code') === 1) {
+                this.setState({
+                  sameDayData: _get(response, 'data')
+                });
+              }
+              return [2];
+          }
+        });
+      });
+    };
+    _this.handleOk = function (item) {
+      return function () {
+        var id = _get(item, 'id');
+        _this.setState({
+          popconfirmVisible: true,
+          popconfirmVisibleId: id
+        });
+      };
+    };
+    _this.hanleCancelAppointmentSurgery = function (item) {
+      return function () {
+        return __awaiter(_this, void 0, void 0, function () {
+          var id;
+          return __generator(this, function (_a) {
+            switch (_a.label) {
+              case 0:
+                id = _get(item, 'id');
+                return [4, fubaoRequest["delete"]("/api/family/planning/cancelAppointmentSurgery/".concat(id))];
+              case 1:
+                _a.sent().data;
+                this.setState({
+                  activeTabKey: '2'
+                });
+                return [4, this.getRecordData()];
+              case 2:
+                _a.sent();
+                return [2];
+            }
+          });
+        });
+      };
+    };
+    _this.handleUpdateAppointmentSurgery = function (item) {
+      return function () {
+        var _a;
+        var formValue = modifyValueToForm(item);
+        _this.form = _this.formRef.current;
+        (_a = _this.form) === null || _a === void 0 ? void 0 : _a.setFieldsValue(formValue);
+        _this.getAccordingtoDateOfData(_get(item, 'appointmentDate'));
+        _this.getAccordingtoDateOfScheduling(_get(item, 'appointmentDate'));
+        _this.setState({
+          activeTabKey: '1',
+          operationName: _get(item, 'operationName'),
+          selectData: item,
+          isUpdate: true
+        });
+      };
+    };
+    _this.getOperationKey = function (operationName) {
+      var operationKey = '';
+      if (operationName) {
+        _map(NurseTypesMapping$1, function (item, key) {
+          if (_get(item, 'name') === operationName) {
+            operationKey = _get(item, 'key');
+          }
+        });
+      }
+      return operationKey;
+    };
+    _this.renderSource = function (data, operationName) {
+      var operationKey = _this.getOperationKey(operationName);
+      var num = _get(data, "".concat(operationKey, "Num")) || 0;
+      var reservationNum = _get(data, "".concat(operationKey, "ReservationNum")) || 0;
+      var residueNum = _get(data, "".concat(operationKey, "ResidueNum")) || 0;
+      return "\u5269\u4F59\u53F7\u6E90\uFF1A".concat(residueNum, "\u4E2A\uFF1B\u5DF2\u9884\u7EA6\uFF1A").concat(reservationNum, "\u4E2A\uFF1B\u5F00\u653E\u53F7\u6E90\uFF1A").concat(num, "\u4E2A");
+    };
+    _this.renderAppointmentMorningOrAfternoon = function (data, operationName) {
+      var _a;
+      var sameDayData = _this.state.sameDayData;
+      var operationKey = _this.getOperationKey(operationName);
+      var residueNum = _get(data, "".concat(operationKey, "ResidueNum")) || 0;
+      var attendanceSet = _get(data, 'attendanceSet');
+      _this.form = _this.formRef.current;
+      var appointmentDate = (_a = _this.form) === null || _a === void 0 ? void 0 : _a.getFieldValue('appointmentDate');
+      var today = dayjs();
+      var hour = today.hour();
+      var isBefore = dayjs(formatDate(appointmentDate)).diff(dayjs(formatDate(today)), 'days');
+      var morningOverTime = false;
+      var afternoonOverTime = false;
+      if (isBefore < 0) {
+        morningOverTime = true;
+        afternoonOverTime = true;
+      }
+      if (isBefore === 0 && hour > 11) {
+        morningOverTime = true;
+      }
+      if (isBefore === 0 && hour > 17) {
+        afternoonOverTime = true;
+      }
+      var options = [];
+      if (attendanceSet === 3) {
+        var morningData = _filter(sameDayData, function (item) {
+          return _get(item, 'appointmentMorningOrAfternoon') === '上午' && _get(item, 'progressStatus') !== 1 && _get(item, 'progressStatus') !== 5;
+        });
+        var afternoonData = _filter(sameDayData, function (item) {
+          return _get(item, 'appointmentMorningOrAfternoon') === '下午' && _get(item, 'progressStatus') !== 1 && _get(item, 'progressStatus') !== 5;
+        });
+        options = [{
+          label: '上午',
+          value: '上午',
+          isFull: morningData.length > 25 || residueNum === 0 ? true : false,
+          isOvertiem: morningOverTime
+        }, {
+          label: '下午',
+          value: '下午',
+          isFull: afternoonData.length > 25 || residueNum === 0 ? true : false,
+          isOvertiem: afternoonOverTime
+        }];
+      } else if (attendanceSet === 2) {
+        options = [{
+          label: '下午',
+          value: '下午',
+          isFull: residueNum === 0 ? true : false,
+          isOvertiem: afternoonOverTime
+        }];
+      } else if (attendanceSet === 1) {
+        options = [{
+          label: '上午',
+          value: '上午',
+          isFull: residueNum === 0 ? true : false,
+          isOvertiem: morningOverTime
+        }];
+      } else {
+        options = [];
+      }
+      if (attendanceSet) {
+        return /*#__PURE__*/React.createElement(_Form.Item, {
+          name: "appointmentMorningOrAfternoon",
+          label: "\u9884\u7EA6\u65F6\u95F4\u6BB5",
+          rules: [{
+            required: true,
+            message: '预约时间段是必填项'
+          }]
+        }, /*#__PURE__*/React.createElement(_Radio.Group, null, options.map(function (item, index) {
+          return /*#__PURE__*/React.createElement(_Radio.Button, {
+            value: item.value,
+            key: index,
+            disabled: item.isFull || item.isOvertiem
+          }, item.label, item.isFull && /*#__PURE__*/React.createElement("span", {
+            style: {
+              color: 'red',
+              paddingLeft: 16
+            }
+          }, "\u5DF2\u6EE1"));
+        })));
+      } else {
+        return /*#__PURE__*/React.createElement(_Row, null, /*#__PURE__*/React.createElement(_Col, {
+          span: 6
+        }), /*#__PURE__*/React.createElement(_Col, {
+          span: 18
+        }, /*#__PURE__*/React.createElement(_Alert, {
+          message: "\u6682\u65E0\u53EF\u9884\u7EA6\u65F6\u95F4\u6BB5",
+          type: "warning"
+        })));
+      }
+    };
+    _this.renderColor = function (data) {
+      var templateData = _this.state.templateData;
+      var filterArr = _filter(templateData, function (item) {
+        return _get(item, 'operationName') === _get(data, 'operationName');
+      });
+      return {
+        backgroundColor: _get(filterArr, '0.backgroundColor') || 'rgb(243, 243, 254)',
+        fontColor: _get(filterArr, '0.fontColor') || 'rgb(243, 243, 254)'
+      };
+    };
+    return _this;
+  }
+  Index.prototype.componentDidMount = function () {
+    return __awaiter(this, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        this.getAppointmentData();
+        this.getReservationPanel();
+        this.getTemplate();
+        return [2];
+      });
+    });
+  };
+  Index.prototype.render = function () {
+    var _this = this;
+    var _a = this.props,
+      visible = _a.visible,
+      onCancel = _a.onCancel;
+    _a.formDescriptions;
+    var _b = this.state;
+    _b.data;
+    var operationNameOptions = _b.operationNameOptions,
+      recordData = _b.recordData,
+      popconfirmVisible = _b.popconfirmVisible,
+      popconfirmVisibleId = _b.popconfirmVisibleId,
+      activeTabKey = _b.activeTabKey,
+      openSchedulingDateByOperationNameData = _b.openSchedulingDateByOperationNameData,
+      operationName = _b.operationName,
+      isUpdate = _b.isUpdate;
+    return /*#__PURE__*/React.createElement(_Modal, {
+      centered: true,
+      wrapClassName: "modal-phone apponit-modal",
+      title: '手术预约',
+      visible: visible,
+      onCancel: onCancel,
+      onOk: this.handleSubmit,
+      width: 580,
+      footer: [/*#__PURE__*/React.createElement(_Button, {
+        key: "back",
+        onClick: onCancel
+      }, "\u5173\u95ED"), /*#__PURE__*/React.createElement(_Button, {
+        key: "submit",
+        type: "primary",
+        style: activeTabKey === '2' || _isEmpty(openSchedulingDateByOperationNameData) ? {
+          display: 'none'
+        } : {
+          display: 'inline-block'
+        },
+        disabled: activeTabKey === '2' || _isEmpty(openSchedulingDateByOperationNameData) ? true : false,
+        onClick: this.handleSubmit
+      }, "\u4FDD\u5B58")]
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "modal-phone-content appointModel"
+    }, /*#__PURE__*/React.createElement(_Tabs, {
+      activeKey: activeTabKey,
+      onChange: this.handleTabChange,
+      type: "card"
+    }, /*#__PURE__*/React.createElement(TabPane, {
+      tab: "\u624B\u672F\u9884\u7EA6",
+      key: "1"
+    }, /*#__PURE__*/React.createElement(_Form, {
+      autoComplete: "off",
+      className: "modal-phone-pregnancy",
+      ref: this.formRef,
+      labelCol: {
+        span: 6
+      },
+      wrapperCol: {
+        span: 18
+      },
+      onValuesChange: this.handleItemChange
+    }, /*#__PURE__*/React.createElement(_Form.Item, {
+      name: "operationName",
+      label: "\u624B\u672F\u540D\u79F0",
+      rules: [{
+        required: true,
+        message: '手术名称是必填项'
+      }]
+    }, /*#__PURE__*/React.createElement(Select, {
+      options: operationNameOptions,
+      placeholder: "\u624B\u672F\u540D\u79F0",
+      disabled: isUpdate
+    })), /*#__PURE__*/React.createElement(_Form.Item, {
+      name: "payment",
+      label: "\u7F34\u8D39\u60C5\u51B5",
+      rules: [{
+        required: true,
+        message: '自动获取HIS系统的缴费状态'
+      }]
+    }, /*#__PURE__*/React.createElement(_Input, {
+      placeholder: "\u81EA\u52A8\u83B7\u53D6HIS\u7CFB\u7EDF\u7684\u7F34\u8D39\u72B6\u6001",
+      disabled: true
+    })), operationName && !_isEmpty(openSchedulingDateByOperationNameData) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Form.Item, {
+      name: "appointmentDate",
+      label: "\u9884\u7EA6\u65E5\u671F",
+      rules: [{
+        required: true,
+        message: '预约日期是必填项'
+      }]
+    }, /*#__PURE__*/React.createElement(DatePicker_L, {
+      dateRender: this.dateRender,
+      disabledDate: this.disabledDate
+    })), /*#__PURE__*/React.createElement(_Row, null, /*#__PURE__*/React.createElement(_Col, {
+      span: 6
+    }), /*#__PURE__*/React.createElement(_Col, {
+      span: 18
+    }, this.renderSource(openSchedulingDateByOperationNameData, operationName))), this.renderAppointmentMorningOrAfternoon(openSchedulingDateByOperationNameData, operationName)))), /*#__PURE__*/React.createElement(TabPane, {
+      tab: "\u9884\u7EA6\u8BB0\u5F55",
+      key: "2"
+    }, recordData.length > 0 ? /*#__PURE__*/React.createElement("ul", {
+      className: "appointment-ul"
+    }, recordData.map(function (item, index) {
+      return /*#__PURE__*/React.createElement("li", {
+        className: "appointment-li",
+        key: _get(item, 'id'),
+        style: {
+          background: _get(_this.renderColor(item), 'backgroundColor')
+        }
+      }, /*#__PURE__*/React.createElement(_Row, null, /*#__PURE__*/React.createElement(_Col, {
+        span: 12
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "label"
+      }, "\u624B\u672F\u540D\u79F0:"), " ", _get(item, 'operationName')), /*#__PURE__*/React.createElement(_Col, {
+        span: 12
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "label"
+      }, "\u7F34\u8D39\u60C5\u51B5:"), " ", _get(item, 'payment') ? '已缴费' : '未缴费')), /*#__PURE__*/React.createElement(_Row, null, /*#__PURE__*/React.createElement(_Col, {
+        span: 12
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "label"
+      }, "\u9884\u7EA6\u65E5\u671F:"), " ", _get(item, 'appointmentDate')), /*#__PURE__*/React.createElement(_Col, {
+        span: 12
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "label"
+      }, "\u9884\u7EA6\u65F6\u95F4\u6BB5:"), " ", _get(item, 'appointmentMorningOrAfternoon'))), /*#__PURE__*/React.createElement(_Row, null, /*#__PURE__*/React.createElement(_Col, {
+        span: 3
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "label"
+      }, "\u5065\u5EB7\u5BA3\u6559:")), /*#__PURE__*/React.createElement(_Col, {
+        span: 18
+      }, _get(item, 'postoperationMissionsContent'))), /*#__PURE__*/React.createElement(_Row, null, /*#__PURE__*/React.createElement(_Col, {
+        span: 12
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "label"
+      }, "\u767B\u8BB0\u65E5\u671F:"), " ", _get(item, 'registrationDate')), /*#__PURE__*/React.createElement(_Col, {
+        span: 12
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "label"
+      }, "\u767B\u8BB0\u8005:"), " ", _get(item, 'appointmentPeople'))), /*#__PURE__*/React.createElement("div", {
+        className: "sign-in"
+      }, _get(item, 'progressStatus') === 1 ? /*#__PURE__*/React.createElement("span", null, "\u5F85\u9884\u7EA6") : _get(item, 'progressStatus') === 2 ? /*#__PURE__*/React.createElement("span", {
+        style: {
+          background: '#7b8c9b'
+        }
+      }, "\u5F85\u7B7E\u5230") : _get(item, 'progressStatus') === 3 ? /*#__PURE__*/React.createElement("span", {
+        style: {
+          background: '#21AC8D'
+        }
+      }, "\u5DF2\u7B7E\u5230") : _get(item, 'progressStatus') === 4 ? /*#__PURE__*/React.createElement("span", {
+        style: {
+          background: '#21AC8D'
+        }
+      }, "\u5DF2\u5B8C\u6210") : _get(item, 'progressStatus') === 0 ? /*#__PURE__*/React.createElement("span", {
+        style: {
+          background: '#FF7295'
+        }
+      }, "\u5DF2\u8D85\u65F6") : ''), (_get(item, 'progressStatus') === 0 || _get(item, 'progressStatus') === 2) && /*#__PURE__*/React.createElement("div", {
+        className: "button-group"
+      }, /*#__PURE__*/React.createElement(_Popconfirm, {
+        key: "cancel",
+        title: "\u662F\u5426\u786E\u8BA4\u53D6\u6D88\u9884\u7EA6!",
+        visible: _get(item, 'id') === popconfirmVisibleId && popconfirmVisible,
+        onCancel: function onCancel() {
+          _this.setState({
+            popconfirmVisible: false,
+            popconfirmVisibleId: undefined
+          });
+        },
+        onConfirm: _this.hanleCancelAppointmentSurgery(item),
+        okText: "\u786E\u5B9A",
+        cancelText: "\u53D6\u6D88"
+      }, /*#__PURE__*/React.createElement(_Button, {
+        key: "submit",
+        type: "link",
+        onClick: _this.handleOk(item)
+      }, "\u53D6\u6D88")), /*#__PURE__*/React.createElement(_Button, {
+        type: "link",
+        key: "update",
+        onClick: _this.handleUpdateAppointmentSurgery(item)
+      }, "\u4FEE\u6539")));
+    })) : /*#__PURE__*/React.createElement(_Empty, {
+      image: _Empty.PRESENTED_IMAGE_SIMPLE
+    })))));
+  };
+  Index.defaultProps = {
+    title: '',
+    formDescriptions: modalFormDescriptions,
+    formItemLayout: {
+      labelCol: {
+        span: 6
+      },
+      wrapperCol: {
+        span: 18
+      }
+    }
+  };
+  return Index;
+}(DynamicForm);
+var AppointModal = Index;
+var css_248z = ".index-module_nurse-desk__VdA7R {\n  height: 100%;\n}\n.index-module_nurse-desk-tabs__jR3gG {\n  display: flex;\n  flex-flow: row nowrap;\n  height: 40px;\n  color: #333;\n  line-height: 40px;\n  background-color: #ddd;\n}\n.index-module_nurse-desk-tabs-item__bF-Hz {\n  margin: 0 32px;\n  font-size: 14px;\n  cursor: pointer;\n}\n.index-module_nurse-desk-tabs-item-active__x2-aS {\n  color: #4556d8;\n  border-bottom: 2px solid #4556d8;\n}\n.index-module_nurse-desk-tabs-item-active__x2-aS::after {\n  width: 20px;\n  content: '';\n}\n.index-module_nurse-desk-content__dHOhH {\n  height: calc(100% - 40px) !important;\n  padding: 8px;\n  overflow-x: scroll;\n}\n.index-module_hj-desk__BlUZ- {\n  height: 100%;\n}\n.index-module_hj-desk__BlUZ- .index-module_operation-appointment__5D-k3 {\n  position: fixed;\n  top: 142px;\n  right: 24px;\n  z-index: 2;\n  height: 48px;\n  cursor: pointer;\n}\n.index-module_hj-desk__BlUZ- .index-module_operation-appointment__5D-k3 div {\n  display: inline-block;\n  vertical-align: middle;\n}\n.index-module_hj-desk__BlUZ- .index-module_operation-appointment__5D-k3 .index-module_icon__QO3GU {\n  width: 48px;\n  height: 48px;\n  background: #da71a2;\n  background-size: auto;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module_hj-desk__BlUZ- .index-module_operation-appointment__5D-k3 .index-module_title__TcSDN {\n  width: 132px;\n  position: absolute;\n  right: 48px;\n  padding: 12px;\n  color: #da71a2;\n  border-radius: 30px;\n  box-shadow: 0 9px 14px 0 hsla(0, 0%, 69%, 0.2), 0 2px 10px -4px hsla(0, 0%, 67.1%, 0.4);\n  opacity: 0;\n  transition: all 0.3s;\n}\n.index-module_hj-desk__BlUZ- .index-module_operation-appointment__5D-k3:hover .index-module_title__TcSDN {\n  opacity: 1;\n}\n.index-module_prenatal-visit-main-table__-xiLx table {\n  table-layout: fixed !important;\n  border: 1px solid #e9e9e9;\n  border-collapse: collapse !important;\n}\n.index-module_prenatal-visit-main-table__-xiLx .index-module_ant-table-thead__wHa9l > tr > th {\n  color: #150f55;\n  font-weight: 600;\n  border: 1px solid #e9e9e9;\n}\n.index-module_prenatal-visit-main-table__-xiLx .index-module_ant-table-tbody__w3gxQ {\n  background-color: #fff;\n}\n.index-module_prenatal-visit-main-table__-xiLx .index-module_ant-table__qid63 {\n  font-size: 14px;\n}\n.index-module_prenatal-visit-main-table__-xiLx .index-module_ant-table-tbody__w3gxQ > tr > td {\n  border-right: 1px solid #e9e9e9;\n}\n";
+var styles = {
+  "nurse-desk": "index-module_nurse-desk__VdA7R",
+  "nurse-desk-tabs": "index-module_nurse-desk-tabs__jR3gG",
+  "nurse-desk-tabs-item": "index-module_nurse-desk-tabs-item__bF-Hz",
+  "nurse-desk-tabs-item-active": "index-module_nurse-desk-tabs-item-active__x2-aS",
+  "nurse-desk-content": "index-module_nurse-desk-content__dHOhH",
+  "hj-desk": "index-module_hj-desk__BlUZ-",
+  "operation-appointment": "index-module_operation-appointment__5D-k3",
+  "icon": "index-module_icon__QO3GU",
+  "title": "index-module_title__TcSDN",
+  "prenatal-visit-main-table": "index-module_prenatal-visit-main-table__-xiLx",
+  "ant-table-thead": "index-module_ant-table-thead__wHa9l",
+  "ant-table-tbody": "index-module_ant-table-tbody__w3gxQ",
+  "ant-table": "index-module_ant-table__qid63"
+};
+styleInject(css_248z);
+function FamilyPlanning_FileManagement_DoctorDesk_FC(props) {
+  var _this = this;
+  var _a, _b;
+  var id = (_a = props.id) !== null && _a !== void 0 ? _a : getSearchParamsValue('id');
+  var basicInfo = SLocal_State.getUserData();
+  var surgicalRecordId = getSearchParamsValue('surgicalRecordId');
+  var _c = useState(),
+    data = _c[0],
+    setData = _c[1];
+  var _d = useState(false),
+    renderModal = _d[0],
+    setRenderModal = _d[1];
+  var _e = useState((_b = getSearchParamsValue('activeKey')) !== null && _b !== void 0 ? _b : 'zkbl'),
+    activeKey = _e[0],
+    setActiveKey = _e[1];
+  var _f = useState(),
+    domain = _f[0],
+    setDomain = _f[1];
+  useEffect(function () {
+    (function () {
+      return __awaiter(_this, void 0, void 0, function () {
+        var data, _a, res;
+        return __generator(this, function (_b) {
+          switch (_b.label) {
+            case 0:
+              if (!id) return [3, 2];
+              return [4, fubaoRequest.get("/api/family/planning/getFamilyPlanningFile/page?id.equals=".concat(id))];
+            case 1:
+              _a = _b.sent().data;
+              return [3, 3];
+            case 2:
+              _a = {};
+              _b.label = 3;
+            case 3:
+              data = _a;
+              return [4, fubaoRequest.get("/api/family/planning/getObstetricsApi")];
+            case 4:
+              res = _b.sent().data;
+              if (data) {
+                data = _get(data, 'data.pageData.0');
+              }
+              setData(data);
+              setDomain(_get(res, 'data'));
+              return [2];
+          }
+        });
+      });
+    })();
+    return function () {};
+  }, [id]);
+  function handleClickTab(key) {
+    return __awaiter(this, void 0, void 0, function () {
+      var login, prenatalDiagnosisUrl, prenatalVisitUrl;
+      var _a;
+      return __generator(this, function (_b) {
+        login = (_a = SLocal_State.userData) === null || _a === void 0 ? void 0 : _a.login;
+        if (key === 'cqzd') {
+          prenatalDiagnosisUrl = "http://".concat(domain, "/single/pd?moduleName=prenatalDiagnosisV2&patId=").concat(_get(data, 'outpatientNo'), "&empId=").concat(login);
+          window.open(prenatalDiagnosisUrl, '_blank');
+        } else if (key === 'wcbj') {
+          prenatalVisitUrl = "http://".concat(domain, "/single/obout?patId=").concat(_get(data, 'outpatientNo'), "&empId=").concat(login);
+          window.open(prenatalVisitUrl, '_blank');
+        } else {
+          setActiveKey(key);
+        }
+        return [2];
+      });
+    });
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles["hj-desk"]
+  }, /*#__PURE__*/React.createElement(PanelWithChildFC, {
+    activeKey: activeKey,
+    setActiveKey: handleClickTab,
+    headerItems: [{
+      title: '姓名',
+      value: data === null || data === void 0 ? void 0 : data.name
+    }, {
+      title: '性别',
+      value: '女'
+    }, {
+      title: '年龄',
+      value: data === null || data === void 0 ? void 0 : data.age
+    }, {
+      title: '门诊号',
+      value: data === null || data === void 0 ? void 0 : data.outpatientNo
+    }],
+    tabItems: [{
+      key: 'zkbl',
+      title: '专科病历',
+      node: /*#__PURE__*/React.createElement(ZKBL, {
+        id: id,
+        basicInfo: basicInfo,
+        data: data
+      })
+    }, {
+      key: 'ssbl',
+      title: '手术病历',
+      node: /*#__PURE__*/React.createElement(SurgicalRecord, {
+        id: id,
+        basicInfo: basicInfo,
+        basicData: data,
+        surgicalRecordId: surgicalRecordId
+      })
+    }, {
+      key: 'jyjc',
+      title: '检验检查',
+      node: /*#__PURE__*/React.createElement(DoctorEnd_SurveyReport, {
+        headerInfo: data
+      })
+    }, {
+      key: 'yxbg',
+      title: '影像报告',
+      node: /*#__PURE__*/React.createElement(DoctorEnd_ImageReport, {
+        headerInfo: data
+      })
+    }, {
+      key: 'jbxx',
+      title: '基本信息',
+      node: /*#__PURE__*/React.createElement(BasicInfo, {
+        id: id,
+        basicInfo: basicInfo,
+        data: data
+      })
+    }, {
+      key: 'wcbj',
+      title: '围产保健',
+      node: null
+    }, {
+      key: 'cqzd',
+      title: '产前诊断',
+      node: null
+    }]
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles["operation-appointment"],
+    onClick: function onClick() {
+      return setRenderModal(true);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles["title"]
+  }, "\u624B\u672F\u9884\u7EA6"), /*#__PURE__*/React.createElement("div", {
+    className: styles["icon"]
+  }, /*#__PURE__*/React.createElement(HistoryOutlined, {
+    style: {
+      color: '#fff',
+      fontSize: 22
+    }
+  }))), renderModal && /*#__PURE__*/React.createElement(AppointModal, {
+    visible: renderModal,
+    onCancel: function onCancel() {
+      return setRenderModal(false);
+    },
+    basicData: data
+  }));
+}
+export { FamilyPlanning_FileManagement_DoctorDesk_FC as default };
+//# sourceMappingURL=.root.js.map