@lm_fe/pages-mchc 0.2.5 → 0.2.7

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

@@ -1,181 +1,349 @@
-import { s as styleInject, _ as __awaiter, a as __generator, b as api } from './index.js';
-import { RangePicker_L, formatTimeToDate, get_echarat } from '@lm_fe/components_m';
-import { SMchc_Pregnancy } from '@lm_fe/service';
-import { Modal, Radio, Checkbox, Button } from 'antd';
-import { get, set, map } from 'lodash';
-import dayjs from 'dayjs';
+import { s as styleInject, _ as __awaiter, h as DoctorEnd_TemplateTree, a as __generator, b as api, d as __spreadArray } from './index.js';
+import { HighRiskGradeSelect, MyIcon } from '@lm_fe/components_m';
+import { mchcEnv } from '@lm_fe/env';
+import { SLocal_State } from '@lm_fe/service';
+import { request } from '@lm_fe/utils';
+import { Modal, Row, Col, Space, Input, Tabs, Button, Spin } from 'antd';
+import { throttle, filter, findIndex, map, get, isString, size, set, find, cloneDeep } from 'lodash';
 import React, { useState, useRef, useEffect } from 'react';
-import ReactToPrint from 'react-to-print';
-import '@lm_fe/env';
+import { D as DiagnosesWeek, a as DiagnosesItem, r as requestMethods_further } from './diagnoses-week.js';
 import '@lm_fe/pages';
-import '@lm_fe/utils';
 import '@lm_fe/components';
-var css_248z = ".curve-modal .top-wrapper {\n  display: flex;\n  justify-content: space-around;\n  align-items: baseline;\n}\n.curve-modal .curve-ref {\n  width: 900px;\n  height: 600px;\n  margin: 10px auto;\n}\n";
+import '@lm_fe/provoke';
+var css_248z = ".diag-template {\n  width: 900px !important;\n  height: 600px;\n}\n.diag-template .diag-ipt {\n  width: 80%;\n}\n.diag-template .search-info {\n  color: #242741;\n  font-size: 12px;\n  margin: 8px 0 0 5px;\n}\n.diag-template .ant-tabs-content {\n  height: 450px;\n  overflow-y: auto;\n}\n.diag-template .ant-tabs-top > .ant-tabs-nav::before {\n  border: none;\n}\n.diag-template .ant-tabs-bar {\n  border-bottom: none;\n}\n.diag-template .ant-tabs-tab-active .list-btn {\n  color: #3d8bf7;\n  border: 1px solid #007aff;\n  border-radius: 4px;\n}\n.diag-template .ant-tabs-ink-bar {\n  display: none !important;\n}\n.diag-template .ant-tabs-nav {\n  margin-bottom: 0;\n}\n.diag-template .ant-tabs-nav .ant-tabs-tab-inner {\n  padding: 0;\n  padding-bottom: 3px;\n}\n.diag-template .ant-tabs-nav .ant-tabs-tab {\n  margin-right: 12px;\n}\n.diag-template .diag-item {\n  padding-left: 3px;\n  color: #383f4a;\n  font-size: 14px;\n  font-weight: 600;\n  margin-bottom: 6px;\n  cursor: pointer;\n}\n.diag-template .diag-item .diag-icon {\n  margin-left: 8px;\n  display: none;\n}\n.diag-template .diag-item:hover {\n  font-size: 14px;\n  color: #007aff;\n  border-radius: 6px;\n  background-color: #f2f2fa;\n}\n.diag-template .diag-item:hover .diag-icon {\n  display: inline-block;\n}\n.diag-template .diag-item .diag-code {\n  display: inline-block;\n  border: 1px #007aff solid;\n  margin-right: 6px;\n  font-size: 12px;\n  border-radius: 4px;\n  padding: 0 3px;\n  height: 16px;\n  line-height: 16px;\n}\n.diag-template .ant-tree {\n  padding: 0;\n  font-weight: 600;\n}\n.diag-template .ant-tree .ant-tree-title {\n  padding-left: 3px;\n  color: #383f4a;\n  font-weight: 600;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n.diag-template .ant-tree .ant-tree-title:hover {\n  font-size: 18px;\n  color: #007aff;\n  border-radius: 6px;\n  background-color: #f2f2fa;\n}\n.diag-template .list-btn {\n  height: 32px;\n  color: #535881;\n  font-weight: 600;\n  padding: 0 15px;\n  background-color: #fff;\n  border: 1px solid #d8dce6;\n  display: flex;\n  align-items: center;\n}\n.diag-template .list-btn .ant-tabs-tab .anticon {\n  display: flex;\n  align-items: center;\n  margin-right: 0px;\n}\n.diag-template .diag-title {\n  line-height: 50px;\n}\n.diag-template .diag-content {\n  overflow: auto;\n  height: 450px;\n}\n.diag-template .diag-content .singleDiag {\n  display: flex;\n  align-items: center;\n  margin: 7px 0 7px 5px;\n  font-weight: 600;\n  color: #150f55;\n}\n.diag-template .diag-content input::-webkit-input-placeholder {\n  /* WebKit browsers */\n}\n.diag-template .diag-content input:-moz-placeholder {\n  /* Mozilla Firefox 4 to 18 */\n}\n.diag-template .diag-content input::-moz-placeholder {\n  /* Mozilla Firefox 19+ */\n}\n.diag-template .diag-content input:-ms-input-placeholder {\n  /* Internet Explorer 10+ */\n}\n.diag-template .diag-content .diagGP {\n  display: inline-block;\n  width: 12px;\n  height: 21px;\n  line-height: 21px;\n  border-bottom: 1px #fe708b solid;\n}\n.diag-template .diag-content .diagWeek {\n  width: 34px;\n  padding: 0 2px;\n}\n.diag-template .diag-content .diagWord {\n  display: flex;\n  align-items: center;\n  border-radius: 2px;\n  color: #150f55;\n  cursor: pointer;\n  flex-wrap: wrap;\n}\n.diag-template .diag-content .remark {\n  color: #a39b9b;\n}\n.diag-template .diag-content .diagNote {\n  height: 28px;\n  border: 0 none;\n  outline: none;\n  box-shadow: none;\n  background-color: transparent;\n  border-bottom: 1px #fe708b solid;\n}\n.diag-template .diag-content .diagNote::-ms-input-placeholder {\n  text-align: center;\n}\n.diag-template .diag-content .diagNote::-webkit-input-placeholder {\n  text-align: center;\n}\n.diag-template .diag-content .preInput {\n  width: 90px;\n  color: #242741;\n}\n.diag-template .diag-content .Input {\n  flex: 1;\n  color: #242741;\n}\n.diag-template .diag-content .diag-popover {\n  display: flex;\n  align-items: center;\n}\n.diag-template .diag-content .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.diag-template .diag-content .delBtn {\n  color: #8a8a8a;\n  font-size: 24px;\n}\n";
 styleInject(css_248z);
-function ExaminationItemCurve(props) {
-  var onClose = props.onClose,
-    itemName = props.itemName,
-    id = props.id;
-  var _a = useState(),
-    preg = _a[0],
-    set_preg = _a[1];
-  var itemCurve = useRef(null);
-  var itemCurveRef = useRef(null);
-  var _b = useState(null);
-  _b[0];
-  var set_itemData = _b[1];
+function DiagnosesTemplateOld(props) {
+  var _this = this;
+  var _a;
+  var isShowDiagnosesTemplate = props.isShowDiagnosesTemplate,
+    diagnosesList = props.diagnosesList,
+    headerInfo = props.headerInfo,
+    saveHeaderInfo = props.saveHeaderInfo,
+    setDiagnosesList = props.setDiagnosesList,
+    closeTemplate = props.closeTemplate,
+    addDiag = props.addDiag;
+  var userid = (_a = SLocal_State.getUserData()) === null || _a === void 0 ? void 0 : _a.id;
+  var _b = useState([]),
+    allDiagnosesTemplate = _b[0],
+    set_allDiagnosesTemplate = _b[1];
   var _c = useState([]),
-    reportDate = _c[0],
-    set_reportDate = _c[1];
-  var _d = useState('pregnancy'),
-    period = _d[0],
-    set_period = _d[1];
-  var option = {
-    title: {
-      text: ''
-    },
-    xAxis: [{
-      name: '日期'
-    }, {
-      name: '孕周',
-      data: [],
-      position: 'bottom',
-      offset: 20
-    }],
-    yAxis: {
-      type: 'value'
-    },
-    tooltip: {
-      show: true
-    },
-    series: [{
-      type: 'line',
-      smooth: true,
-      symbol: 'emptyCircle'
-    }]
-  };
+    filterDiagnosesTemplate = _c[0],
+    set_filterDiagnosesTemplate = _c[1];
+  var _d = useState(false);
+  _d[0];
+  _d[1];
+  var _e = useState(''),
+    searchValue = _e[0],
+    set_searchValue = _e[1];
+  var _f = useState('1'),
+    activeKey = _f[0],
+    set_activeKey = _f[1];
+  var page = useRef(0);
+  var loading = useRef(false);
+  var empty = useRef(false);
+  var timer = useRef(null);
   useEffect(function () {
-    SMchc_Pregnancy.getOne(id).then(function (p) {
-      set_preg(p);
-      initializeData(p);
-    });
+    getDiagnosesTemplate('');
   }, []);
-  function initializeData(p) {
-    if (p === void 0) {
-      p = preg;
-    }
-    var startDate = get(p, 'lmp');
-    var endDate = get(p, 'sureEdd') || get(p, 'edd');
-    getItemData(startDate, endDate);
+  var scrollHandler = throttle(function (e) {
+    if (loading.current || empty.current) return;
+    var target = e.nativeEvent.target;
+    var clientHeight = target.clientHeight;
+    var scrollTop = target.scrollTop;
+    var scrollHeight = target.scrollHeight;
+    if (clientHeight + scrollTop > scrollHeight * .8 || scrollTop < 10) getDiagnosesTemplatePage(searchValue, ++page.current);
+  }, 100);
+  useEffect(function () {
+    set_filterDiagnosesTemplate(filterDiagnoses(allDiagnosesTemplate, diagnosesList));
+  }, [diagnosesList]);
+  function filterDiagnoses(remoteData, diagnoses) {
+    var newTemplate = filter(remoteData, function (item) {
+      var ind = findIndex(diagnoses, function (i) {
+        return i.diagnosis == item.val;
+      });
+      return ind == -1 ? true : false;
+    });
+    return newTemplate;
   }
-  function getItemData(startDate, endDate) {
+  function getDiagnosesTemplate(value) {
     return __awaiter(this, void 0, void 0, function () {
-      var ee, itemData, dateArr, weekArr, valueArr, _itemCurveRef;
+      var res;
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
-            return [4, get_echarat()];
+            return [4, api.components.getDiagnosesTemplate(value)];
           case 1:
-            ee = _a.sent();
-            return [4, api.survey.getLisItemsGroupByItemname(itemName, startDate, endDate)];
+            res = _a.sent();
+            set_filterDiagnosesTemplate(filterDiagnoses(res, diagnosesList));
+            set_allDiagnosesTemplate(res);
+            return [2];
+        }
+      });
+    });
+  }
+  function getDiagnosesTemplatePage(value_1) {
+    return __awaiter(this, arguments, void 0, function (value, page) {
+      var res;
+      if (page === void 0) {
+        page = 0;
+      }
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            loading.current = true;
+            _a.label = 1;
+          case 1:
+            _a.trys.push([1,, 3, 4]);
+            return [4, api.components.getDiagnosesTemplate(value, page)];
           case 2:
-            itemData = _a.sent();
-            set_itemData(itemData);
-            set_reportDate([dayjs(startDate), dayjs(endDate)]);
-            dateArr = [];
-            weekArr = [];
-            valueArr = [];
-            map(get(itemData, 'data'), function (item) {
-              dateArr.push(item.date);
-              weekArr.push(item.week);
-              valueArr.push(item.value);
-            });
-            set(option, 'xAxis.0.data', dateArr);
-            set(option, 'xAxis.1.data', weekArr);
-            set(option, 'series.0.name', itemName);
-            set(option, 'title.text', itemName);
-            set(option, 'series.0.data', valueArr);
-            _itemCurveRef = itemCurveRef.current;
-            itemCurve.current = ee.init(_itemCurveRef);
-            itemCurve.current.setOption(option);
+            res = _a.sent();
+            if (!(res === null || res === void 0 ? void 0 : res.length)) empty.current = true;
+            set_filterDiagnosesTemplate(__spreadArray(__spreadArray([], filterDiagnosesTemplate, true), filterDiagnoses(res, diagnosesList), true));
+            return [3, 4];
+          case 3:
+            loading.current = false;
+            return [7];
+          case 4:
             return [2];
         }
       });
     });
   }
-  function handelClose() {
-    onClose();
+  function handleChangeTab(activeKey) {
+    set_activeKey(activeKey);
+  }
+  function handleChange(value) {
+    return __awaiter(this, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        page.current = 0;
+        empty.current = false;
+        if (timer.current) clearTimeout(timer.current);
+        timer.current = setTimeout(function () {
+          set_searchValue(value);
+          if (activeKey == '1') {
+            getDiagnosesTemplate(value);
+          }
+        }, 500);
+        return [2];
+      });
+    });
+  }
+  function findMaxSort() {
+    var max = 0;
+    map(diagnosesList, function (item) {
+      var sort = get(item, "sort");
+      if (sort > max) {
+        max = sort;
+      }
+    });
+    return max + 1;
   }
-  function handleBtn(e) {
-    var type = e.target.value;
-    var currentYear = dayjs().year();
-    switch (type) {
-      case 'pregnancy':
-        initializeData();
-        break;
-      case 'month':
-        getItemData(formatTimeToDate(dayjs().startOf('month')), formatTimeToDate(dayjs(new Date())));
-        break;
-      case 'quarter':
-        getItemData(formatTimeToDate(dayjs().subtract(3, 'months')), formatTimeToDate(dayjs(new Date())));
-        break;
-      case 'year':
-        getItemData(formatTimeToDate(dayjs("".concat(currentYear, "-01-01"))), formatTimeToDate(dayjs(new Date())));
-        break;
+  function handleSearch(item) {
+    var postdata = {
+      diagnosis: '',
+      diagnosisCode: '',
+      highrisk: false,
+      note: '',
+      sort: findMaxSort(),
+      outEmrId: get(headerInfo, "id")
+    };
+    if (item) {
+      if (!isString(item) && size(item.children) > 0) return;
+      if (isString(item)) {
+        set(postdata, "diagnosis", item);
+        var itemObj = find(filterDiagnosesTemplate, function (tem) {
+          return tem.val == item;
+        });
+        if (itemObj) {
+          set(postdata, 'diagnosisCode', get(itemObj, 'code'));
+        }
+      } else {
+        set(postdata, 'diagnosis', get(item, 'val'));
+        set(postdata, 'diagnosisCode', get(item, 'code'));
+      }
+      addDiag(postdata);
     }
-    set_period(type);
   }
-  function handleDatePickerChange(dates, dateStrings) {
-    var startDate = get(dateStrings, '0');
-    var endDate = get(dateStrings, '1');
-    getItemData(startDate, endDate);
+  function handleCancel() {
+    closeTemplate();
   }
-  function handleCheck(e) {
-    set(option, 'tooltip.show', e.target.checked);
-    itemCurve.current.setOption(option);
+  function handleAddIcon(item, type) {
+    return __awaiter(this, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            delete item.id;
+            set(item, 'pid', 0);
+            set(item, 'type', type);
+            if (type === 2) {
+              set(item, 'depid', type);
+            } else {
+              set(item, 'userid', userid);
+            }
+            return [4, api.components.addTemplateTree(item)];
+          case 1:
+            _a.sent();
+            mchcEnv.info("".concat(get(item, "val"), "\u540C\u6B65\u5230").concat(type == 2 ? '科室' : '个人'));
+            return [2];
+        }
+      });
+    });
+  }
+  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().data;
+            saveHeaderInfo(res);
+            return [2];
+        }
+      });
+    });
+  }
+  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.info('删除成功！');
+            setDiagnosesList(newList);
+            changeHeaderInfo();
+            return [2];
+        }
+      });
+    });
+  }
+  function changeNote(v, i, key) {
+    var newList = cloneDeep(diagnosesList);
+    var item = newList[i];
+    item["".concat(key)] = v;
+    setDiagnosesList(newList);
+  }
+  function updateNote(value, i, key) {
+    var newList = cloneDeep(diagnosesList);
+    var item = newList[i];
+    item["".concat(key)] = value;
+    setDiagnosesList(newList);
+    requestMethods_further.newAddDiagnosis(item);
   }
-  function handlePrint() {}
   return /*#__PURE__*/React.createElement(Modal, {
-    className: "curve-modal",
-    title: "\u68C0\u9A8C\u6307\u6807\u66F2\u7EBF\u56FE",
-    width: 1000,
+    centered: true,
+    title: '诊断管理页',
+    className: "diag-template",
     footer: null,
-    visible: true,
-    onCancel: handelClose
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "top-wrapper"
-  }, /*#__PURE__*/React.createElement(Radio.Group, {
-    value: period,
-    onChange: handleBtn
-  }, /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "pregnancy"
-  }, "\u672C\u5B55\u671F"), /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "month"
-  }, "\u672C\u6708"), /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "quarter"
-  }, "\u8FD1\u4E09\u6708"), /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "year"
-  }, "\u5168\u5E74")), /*#__PURE__*/React.createElement("span", null, "\u62A5\u544A\u65F6\u95F4\uFF1A", /*#__PURE__*/React.createElement(RangePicker_L, {
-    value: reportDate,
-    onChange: function onChange(dates, dateStrings) {
-      return handleDatePickerChange(dates, dateStrings);
-    }
-  })), /*#__PURE__*/React.createElement(Checkbox, {
-    defaultChecked: true,
-    onChange: handleCheck
-  }, "\u663E\u793A\u6570\u503C\u6807\u7B7E"), /*#__PURE__*/React.createElement(ReactToPrint, {
-    trigger: function trigger() {
-      return /*#__PURE__*/React.createElement(Button, {
-        type: "primary",
-        onClick: handlePrint
-      }, "\u6253\u5370");
+    visible: isShowDiagnosesTemplate,
+    onCancel: handleCancel
+  }, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
+    span: 14
+  }, /*#__PURE__*/React.createElement(Space.Compact, null, /*#__PURE__*/React.createElement(Input.Search, {
+    placeholder: "\u8BF7\u8F93\u5165\u8BCA\u65AD\u4FE1\u606F",
+    enterButton: "\u6DFB\u52A0\u8BCA\u65AD",
+    defaultValue: '',
+    onChange: function onChange(e) {
+      return handleChange(e.target.value);
     },
-    content: function content() {
-      return itemCurveRef.current;
+    onSearch: handleSearch
+  }), !mchcEnv.is('郫都') && /*#__PURE__*/React.createElement(HighRiskGradeSelect, {
+    headerInfo: headerInfo
+  })), /*#__PURE__*/React.createElement(Tabs, {
+    activeKey: activeKey,
+    onChange: handleChangeTab
+  }, /*#__PURE__*/React.createElement(Tabs.TabPane, {
+    tab: /*#__PURE__*/React.createElement(Button, {
+      className: "list-btn"
+    }, "\u5168\u90E8"),
+    key: "1"
+  }, /*#__PURE__*/React.createElement("div", {
+    onScroll: scrollHandler,
+    style: {
+      height: '100%',
+      overflowY: 'auto'
     }
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "curve-ref",
-    ref: itemCurveRef
-  }));
+  }, map(filterDiagnosesTemplate, function (item) {
+    return /*#__PURE__*/React.createElement("p", {
+      className: "diag-item"
+    }, /*#__PURE__*/React.createElement("span", {
+      onClick: function onClick() {
+        return handleSearch(item);
+      }
+    }, get(item, 'code') ? '（icd）' : null, get(item, 'val')), /*#__PURE__*/React.createElement(MyIcon, {
+      value: 'EnterOutlined',
+      className: "diag-icon",
+      title: "\u540C\u6B65\u5230\u79D1\u5BA4\u8BCA\u65AD",
+      onClick: function onClick() {
+        return handleAddIcon(item, 2);
+      },
+      type: "icon-department"
+    }), /*#__PURE__*/React.createElement(MyIcon, {
+      value: 'EnterOutlined',
+      className: "diag-icon",
+      title: "\u540C\u6B65\u5230\u4E2A\u4EBA\u8BCA\u65AD",
+      onClick: function onClick() {
+        return handleAddIcon(item, 3);
+      },
+      type: "icon-individual1"
+    }));
+  }))), "(", /*#__PURE__*/React.createElement(Tabs.TabPane, {
+    tab: /*#__PURE__*/React.createElement(Button, {
+      className: "list-btn"
+    }, "\u79D1\u5BA4"),
+    key: "2"
+  }, activeKey === '2' && (/*#__PURE__*/React.createElement(DoctorEnd_TemplateTree, {
+    type: 2,
+    depid: 2,
+    checkable: false,
+    onSelected: handleSearch,
+    editable: true,
+    showIcd: true,
+    searchValue: searchValue
+  }))), ") (", /*#__PURE__*/React.createElement(Tabs.TabPane, {
+    tab: /*#__PURE__*/React.createElement(Button, {
+      className: "list-btn"
+    }, "\u4E2A\u4EBA"),
+    key: "3"
+  }, activeKey === '3' && (/*#__PURE__*/React.createElement(DoctorEnd_TemplateTree, {
+    type: 3,
+    userid: userid,
+    checkable: false,
+    onSelected: handleSearch,
+    editable: true,
+    showIcd: true,
+    searchValue: searchValue
+  }))), ")")), /*#__PURE__*/React.createElement(Col, {
+    span: 10
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "diag-title"
+  }, "\u5DF2\u9009\u8BCA\u65AD"), /*#__PURE__*/React.createElement("div", {
+    id: "diag-content",
+    className: "diag-content"
+  }, /*#__PURE__*/React.createElement(DiagnosesWeek, {
+    first: false,
+    headerInfo: headerInfo
+  }), diagnosesList ? diagnosesList.map(function (item, i) {
+    return /*#__PURE__*/React.createElement(DiagnosesItem, {
+      key: "".concat(get(item, 'id'), "-true"),
+      diagnose: item,
+      changeNote: changeNote,
+      updateNote: updateNote.bind(_this),
+      index: i,
+      handleDelete: handleDelete,
+      edit: true,
+      headerInfo: headerInfo,
+      saveHeaderInfo: props.saveHeaderInfo,
+      diagnosesList: diagnosesList,
+      setDiagnosesList: props.setDiagnosesList,
+      isShowDiagnosesTemplate: true
+    });
+  }) : (/*#__PURE__*/React.createElement(Spin, null))))));
 }
-export { ExaminationItemCurve as default };
+export { DiagnosesTemplateOld as default };