@lm_fe/pages-mchc 0.1.201 → 0.2.2

package/dist/a_chunks/.root15.js

@@ -1,132 +1,349 @@
-import 'antd/es/button/style';
-import _Button from 'antd/es/button';
-import 'antd/es/message/style';
-import _message from 'antd/es/message';
-import { b as __awaiter, c as __generator } from './index.js';
-import { MyBaseList } from '@lm_fe/pages';
+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 { getMomentRange, formatDate, request } from '@lm_fe/utils';
-import { HighriskGradeDisplay } from '@lm_fe/components_m';
-import React__default from 'react';
-import 'antd/es/tabs/style';
-import 'antd/es/tabs';
-import 'lodash/size';
-import 'lodash/get';
-import 'lodash/orderBy';
-import 'lodash/map';
+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 { D as DiagnosesWeek, a as DiagnosesItem, r as requestMethods_further } from './diagnoses-week.js';
+import '@lm_fe/pages';
 import '@lm_fe/components';
-import 'antd/es/collapse/style';
-import 'antd/es/collapse';
-import 'antd/es/badge/style';
-import 'antd/es/badge';
-import 'lodash/assign';
-import '@ant-design/icons';
-import '@lm_fe/service';
-function BreastCancerDataReport(prop) {
+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 DiagnosesTemplateOld(props) {
   var _this = this;
-  return /*#__PURE__*/React__default.createElement(MyBaseList, {
-    name: "/api/prenatal-visits/upload-logs",
-    searchParams: {
-      'visitType.equals': 0
-    },
-    needChecked: true,
-    useListSourceCount: true,
-    initialSearchValue: {
-      validateDate: getMomentRange().近一周.map(formatDate)
-    },
-    searchConfig: [{
-      label: '检查日期',
-      name: 'visitDate',
-      inputType: 'rangeDate'
-    }, {
-      label: '就诊卡号',
-      name: 'outpatientNO',
-      inputType: 'Input'
-    }, {
-      label: '姓名',
-      name: 'name',
-      inputType: 'Input'
-    }, {
-      label: '上报状态',
-      name: 'uploadState',
-      inputType: 'MS',
-      inputProps: {
-        optionKey: '上报状态'
+  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([]),
+    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 () {
+    getDiagnosesTemplate('');
+  }, []);
+  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 getDiagnosesTemplate(value) {
+    return __awaiter(this, void 0, void 0, function () {
+      var res;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4, api.components.getDiagnosesTemplate(value)];
+          case 1:
+            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;
       }
-    }],
-    showAction: false,
-    showAdd: false,
-    RenderBtns: function RenderBtns(ctx) {
-      var selectRows = ctx.getCheckRows();
-      return /*#__PURE__*/React__default.createElement(_Button, {
-        disabled: !selectRows.length,
-        onClick: function onClick() {
-          return __awaiter(_this, void 0, void 0, function () {
-            var res;
-            return __generator(this, function (_a) {
-              switch (_a.label) {
-                case 0:
-                  return [4, request.post('/api/dataReport/reportIvisit', {
-                    ids: selectRows.map(function (_) {
-                      return _.id;
-                    })
-                  })];
-                case 1:
-                  res = _a.sent();
-                  _message.success(res.data);
-                  ctx.handleSearch();
-                  return [2];
-              }
-            });
-          });
+      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:
+            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];
         }
-      }, "\u4E0A\u62A5");
-    },
-    tableColumns: [{
-      title: '检查日期',
-      dataIndex: 'visitDate'
-    }, {
-      title: '姓名',
-      dataIndex: 'name'
-    }, {
-      title: '就诊卡号',
-      dataIndex: 'outpatientNO'
-    }, {
-      title: '身份证号',
-      dataIndex: 'idNO'
-    }, {
-      title: '审核人',
-      dataIndex: 'auditorName'
-    }, {
-      label: '记录医生',
-      name: 'doctorName',
-      hidden: !mchcEnv["in"](['郫都'])
-    }, {
-      title: '高危等级颜色',
-      dataIndex: 'pregnancy.highriskGrade',
-      render: function render(value) {
-        return /*#__PURE__*/React__default.createElement(HighriskGradeDisplay, {
-          type: "highriskGrade",
-          data: value
+      });
+    });
+  }
+  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 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;
         });
-      },
-      hidden: !mchcEnv["in"](['郫都'])
-    }, {
-      title: '上报状态',
-      dataIndex: 'uploadState',
-      inputType: 'MS',
-      inputProps: {
-        optionKey: '上报状态',
-        marshal: 0
+        if (itemObj) {
+          set(postdata, 'diagnosisCode', get(itemObj, 'code'));
+        }
+      } else {
+        set(postdata, 'diagnosis', get(item, 'val'));
+        set(postdata, 'diagnosisCode', get(item, 'code'));
       }
-    }, {
-      title: '上报说明',
-      dataIndex: 'uploadMsg'
-    }, {
-      title: '上报时间',
-      dataIndex: 'uploadDate'
-    }]
-  });
+      addDiag(postdata);
+    }
+  }
+  function handleCancel() {
+    closeTemplate();
+  }
+  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);
+  }
+  return /*#__PURE__*/React.createElement(Modal, {
+    centered: true,
+    title: '诊断管理页',
+    className: "diag-template",
+    footer: null,
+    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);
+    },
+    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'
+    }
+  }, 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 { BreastCancerDataReport as default };
-//# sourceMappingURL=.root15.js.map
+export { DiagnosesTemplateOld as default };