@lm_fe/pages 0.1.201 → 0.2.2

package/dist/a_chunks/.root11.js

@@ -1,170 +1,242 @@
-import 'antd/es/modal/style';
-import _Modal from 'antd/es/modal';
-import { _ as _extends } from './extends.js';
-import 'antd/es/form/style';
-import _Form from 'antd/es/form';
-import { d as __rest, f as BF_Wrap2, b as __assign, _ as __awaiter, a as __generator, E as ErrorBoundarySmall } from './index.js';
-import React, { useState, useEffect } from 'react';
-import { mchcDriver, mchcEvent } from '@lm_fe/env';
-import { FormSection } from '@lm_fe/components_m';
-import { safe_async_call } from '@lm_fe/utils';
-import 'antd/es/row/style';
-import 'antd/es/row';
-import 'antd/es/col/style';
-import 'antd/es/col';
-import '@lm_fe/components';
-import 'antd/es/result/style';
-import 'antd/es/result';
-import 'lodash/keys';
-import 'lodash/get';
-import '@ant-design/icons';
-import '@lm_fe/service';
-import 'antd/es/list/style';
-import 'antd/es/list';
-import 'antd/es/tooltip/style';
-import 'antd/es/tooltip';
+import { s as styleInject, b as __awaiter, c as __generator, g as curve_api } from './index.js';
+import { MyIcon } from '@lm_fe/components';
+import { use_provoke } from '@lm_fe/provoke';
+import { Radio, Button } from 'antd';
+import { get, cloneDeep, forEach } from 'lodash';
+import React, { useRef, useEffect } from 'react';
+import ReactToPrint from 'react-to-print';
+import { g as get_line_color, a as get_text_color, p as printCanvas, j as judgeAreas, b as get_fetus_color, c as get_abnormal_color, d as get_canvas_el, e as draw_info, s as setVerRules, f as setHorRules } from './func.js';
+import { b as bmiData1, a as bmiData2, c as bmiData3, d as bmiData4 } from './data.js';
+import '@lm_fe/utils';
 import 'classnames';
-import 'antd/es/button/style';
-import 'antd/es/button';
-import 'antd/es/spin/style';
-import 'antd/es/spin';
-import 'antd/es/menu/style';
-import 'antd/es/menu';
-import 'antd/es/message/style';
-import 'antd/es/message';
-import 'antd/es/space/style';
-import 'antd/es/space';
-import 'antd/es/divider/style';
-import 'antd/es/divider';
-function MyModalForm(_a) {
-  var _this = this;
-  var _b;
-  var modal_data = _a.modal_data,
-    _onOk = _a.onOk,
-    _c = _a.bodyStyle,
-    bodyStyle = _c === void 0 ? {} : _c,
-    width = _a.width,
-    others = __rest(_a, ["modal_data", "onOk", "bodyStyle", "width"]);
-  var _d = modal_data.title,
-    title = _d === void 0 ? "" : _d,
-    bf_title = modal_data.bf_title,
-    _e = modal_data.formDescriptions,
-    formDescriptions = _e === void 0 ? [] : _e,
-    _f = modal_data.targetLabelCol,
-    targetLabelCol = _f === void 0 ? 4 : _f,
-    defaultFormItemLayout = modal_data.defaultFormItemLayout,
-    _onFieldsChange = modal_data.onFieldsChange,
-    _onValuesChange = modal_data.onValuesChange,
-    onSubmit = modal_data.onSubmit,
-    getInitialData = modal_data.getInitialData,
-    disableAll = modal_data.disableAll,
-    _g = modal_data.modalFormSize,
-    modalFormSize = _g === void 0 ? 'middle' : _g;
-  var _form = _Form.useForm()[0];
-  var form = (_b = modal_data.form) !== null && _b !== void 0 ? _b : _form;
-  var _h = useState({}),
-    data = _h[0],
-    setData = _h[1];
-  var _j = BF_Wrap2({
-      default_conf: {
-        title: bf_title,
-        tableColumns: formDescriptions
-      }
-    }),
-    Wrap = _j.Wrap,
-    config = _j.config;
-  useEffect(function () {
-    var _a, _b;
-    (_b = (_a = safe_async_call(function () {
-      return getInitialData === null || getInitialData === void 0 ? void 0 : getInitialData();
-    })).then) === null || _b === void 0 ? void 0 : _b.call(_a, function (v) {
-      setData(v);
-      form.setFieldsValue(v);
-    });
-    return function () {};
-  }, []);
+import '@lm_fe/components_m';
+import '@lm_fe/env';
+import '@lm_fe/service';
+var css_248z = ".bmi-wrapper {\n  width: 700px;\n  position: relative;\n}\n.bmi-wrapper .bmi-radio {\n  position: absolute;\n  top: 16px;\n  left: 45px;\n}\n.bmi-wrapper .print-btn {\n  position: absolute;\n  top: 102px;\n  right: 52px;\n}\n";
+styleInject(css_248z);
+var recordOptions = [{
+  label: '全部',
+  value: 0
+}, {
+  label: '产检记录',
+  value: 1
+}, {
+  label: '居家记录',
+  value: 2
+}];
+function BmiCanvas(props) {
+  var _a;
+  var _b = use_provoke('sys_theme', 'config'),
+    sys_theme = _b.sys_theme,
+    config = _b.config;
+  var headerInfo = props.headerInfo,
+    id = props.id;
+  props.isAllPregnancies;
+  var line_color = get_line_color(sys_theme);
+  var font_color = get_text_color(sys_theme);
+  get(headerInfo, "id") || id;
+  var imageRef = useRef();
+  var bmi_Data = useRef(bmiData1);
+  var bmiNum = useRef('');
+  var bmiTz = useRef('');
+  var bmiList = useRef([]);
+  var resdata = useRef({});
+  var default_type = (_a = config.医生端_BMI曲线类型) !== null && _a !== void 0 ? _a : 0;
   useEffect(function () {
-    return mchcDriver.on_rm('data', function (e) {
-      if (e.type === 'ReadCard') {
-        var res = e.data;
-        form.setFieldsValue({
-          idNO: res.idNO,
-          name: res.name
-        });
-      }
+    getResData().then(function () {
+      ste_data_and_draw(default_type);
     });
   }, []);
-  function renderEditContent() {
-    if (bf_title) return /*#__PURE__*/React.createElement(Wrap, null, /*#__PURE__*/React.createElement(FormSection, {
-      formDescriptions: config === null || config === void 0 ? void 0 : config.tableColumns,
-      disableAll: disableAll,
-      defaultFormItemLayout: defaultFormItemLayout,
-      targetLabelCol: targetLabelCol,
-      form: form
-    }), ";");
-    return /*#__PURE__*/React.createElement(FormSection, {
-      formDescriptions: formDescriptions,
-      disableAll: disableAll,
-      defaultFormItemLayout: defaultFormItemLayout,
-      targetLabelCol: targetLabelCol,
-      form: form
+  function getResData() {
+    return __awaiter(this, void 0, void 0, function () {
+      var pregnancyId, res0, res1, res2;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            pregnancyId = get(headerInfo, 'id') || id;
+            return [4, curve_api.curve.getBmi(pregnancyId, 0)];
+          case 1:
+            res0 = _a.sent();
+            return [4, curve_api.curve.getBmi(pregnancyId, 1)];
+          case 2:
+            res1 = _a.sent();
+            return [4, curve_api.curve.getBmi(pregnancyId, 2)];
+          case 3:
+            res2 = _a.sent();
+            resdata.current = {
+              0: res0,
+              1: res1,
+              2: res2
+            };
+            return [2];
+        }
+      });
     });
   }
-  return /*#__PURE__*/React.createElement(_Modal, _extends({
-    title: (data === null || data === void 0 ? void 0 : data.id) ? "\u4FEE\u6539".concat(title) : "\u6DFB\u52A0".concat(title),
-    centered: true,
-    destroyOnClose: true,
-    width: width !== null && width !== void 0 ? width : "60vw",
-    bodyStyle: __assign({
-      padding: '12px 20px',
-      height: '70vh',
-      overflowY: 'scroll'
-    }, bodyStyle),
-    onOk: function onOk(e) {
-      form.validateFields().then(function () {
-        return __awaiter(_this, void 0, void 0, function () {
-          var formData, a;
-          return __generator(this, function (_a) {
-            switch (_a.label) {
-              case 0:
-                formData = form.getFieldsValue();
-                return [4, safe_async_call(onSubmit, __assign(__assign({}, data), formData))];
-              case 1:
-                a = _a.sent();
-                if (!a) return [2];
-                _onOk === null || _onOk === void 0 ? void 0 : _onOk(e);
-                return [2];
-            }
-          });
-        });
-      })["catch"](function (error) {
-        console.error('modal_form 发生错误', error);
+  function ste_data_and_draw(type) {
+    return __awaiter(this, void 0, void 0, function () {
+      var res;
+      return __generator(this, function (_a) {
+        res = get(resdata.current, "".concat(type));
+        if (get(res, 'preBmi') < 18.5) {
+          bmi_Data.current = bmiData1;
+        } else if (get(res, 'preBmi') < 25) {
+          bmi_Data.current = bmiData2;
+        } else if (get(res, 'preBmi') < 30) {
+          bmi_Data.current = bmiData3;
+        } else if (get(res, 'preBmi') >= 30) {
+          bmi_Data.current = bmiData4;
+        }
+        bmiNum.current = get(res, 'preBmi');
+        bmiTz.current = get(res, 'weight');
+        bmiList.current = get(res, 'items');
+        drawBmiCanvas();
+        return [2];
       });
+    });
+  }
+  function handleRadioChange(e) {
+    ste_data_and_draw(e.target.value);
+  }
+  function drawScaleLine(canvas, ctx, oringin, steps, data, point, color, shape, lineWidth) {
+    for (var i = 0; i < data.length; i++) {
+      ctx.beginPath();
+      ctx.setLineDash(shape);
+      ctx.lineWidth = lineWidth;
+      if (i < data.length - 1) {
+        ctx.moveTo(oringin[0] + steps[0] * data[i].x, oringin[1] - steps[1] * data[i].y);
+        ctx.lineTo(oringin[0] + steps[0] * data[i + 1].x, oringin[1] - steps[1] * data[i + 1].y);
+      }
+      ctx.strokeStyle = color;
+      ctx.stroke();
+      if (point[0]) {
+        ctx.beginPath();
+        ctx.setLineDash([]);
+        ctx.arc(oringin[0] + steps[0] * data[i].x, oringin[1] - steps[1] * data[i].y, 3, 0, 2 * Math.PI);
+        ctx.fillStyle = point[1];
+        ctx.fill();
+      }
     }
-  }, others), /*#__PURE__*/React.createElement(ErrorBoundarySmall, null, /*#__PURE__*/React.createElement(_Form, {
-    size: modalFormSize,
-    onFieldsChange: function onFieldsChange(a, b) {
-      _onFieldsChange === null || _onFieldsChange === void 0 ? void 0 : _onFieldsChange(a, b, form);
-    },
-    onValuesChange: function onValuesChange(changedValues, b) {
-      var k = Object.keys(changedValues)[0];
-      var v = changedValues[k];
-      _onValuesChange === null || _onValuesChange === void 0 ? void 0 : _onValuesChange(changedValues, b, form);
-      mchcEvent.emit('my_form', {
-        type: 'onChange',
-        name: k,
-        value: v,
-        values: b,
-        form: form,
-        setValue: function setValue(name, value) {
-          var _a;
-          form.setFieldsValue((_a = {}, _a[name] = value, _a));
+  }
+  function setVertical(context, xCount, yCount, xStep, yStep, baseLeft, baseTop) {
+    context.strokeStyle = line_color;
+    for (var i = 0; i < xCount; i++) {
+      context.beginPath();
+      context.lineWidth = 1;
+      context.moveTo(baseLeft, baseTop + xStep * i);
+      context.lineTo(baseLeft + (yCount - 1) * yStep, baseTop + xStep * i);
+      context.textBaseline = 'middle';
+      context.fillStyle = font_color;
+      context.font = 'bold 12px consolas';
+      context.fillText(i * 2 + -8, baseLeft - 20, (xCount - 1) * xStep + baseTop - i * xStep);
+      context.stroke();
+    }
+    context.font = 'bold 12px normal';
+    context.fillText('体重增长(kg)', baseLeft - 20, baseTop - 20);
+  }
+  function setHorizontal(context, xCount, yCount, xStep, yStep, baseLeft, baseTop) {
+    var count = 0;
+    for (var i = 0; i < yCount; i++) {
+      count++;
+      context.beginPath();
+      context.lineWidth = 1;
+      context.moveTo(yStep * i + baseLeft, baseTop);
+      context.lineTo(yStep * i + baseLeft, baseTop + xStep * (xCount - 1));
+      context.textAlign = 'center';
+      context.fillStyle = font_color;
+      context.font = 'bold 12px consolas';
+      if (count === 1 || count === 4) {
+        count = count === 4 ? 1 : count;
+        context.fillText(i + 1, baseLeft + i * yStep, xStep * xCount + baseTop - 15);
+      }
+      context.stroke();
+    }
+    context.font = 'bold 12px normal';
+    context.fillText('孕周(周)', yStep * yCount + baseLeft + 15, (xCount - 1) * xStep + baseTop);
+  }
+  function drawBmiCanvas() {
+    var _a = bmi_Data.current,
+      bmiBottomLine = _a.bmiBottomLine,
+      bmiIntro = _a.bmiIntro,
+      bmiLinesPoints = _a.bmiLinesPoints,
+      bmiTopLine = _a.bmiTopLine;
+    var newBmiList = cloneDeep(bmiList.current);
+    newBmiList.map(function (item) {
+      if (!item.weight || !item.week) {
+        item.weight = 0;
+        item.week = -1;
+      } else {
+        item.weight = item.weight - Number(bmiTz.current);
+        if (item.week.indexOf('+') !== -1) {
+          var arr = item.week.split('+');
+          item.week = Number(arr[0]) + Number(arr[1]) / 7;
         }
-      });
+        item.week = item.week - 1;
+      }
+    });
+    newBmiList = newBmiList.filter(function (i) {
+      return i.week >= 0 && i.week <= 39 && i.weight >= -8 && i.weight <= 24;
+    });
+    newBmiList.length > 0 && newBmiList.map(function (item) {
+      item.x = item.week;
+      item.y = item.weight;
+    });
+    var unusualColor = newBmiList.length > 0 && judgeAreas(newBmiList[newBmiList.length - 1], bmiLinesPoints) ? get_fetus_color(sys_theme, 0) : get_abnormal_color(sys_theme);
+    var canvas = get_canvas_el('bmi-canvas', sys_theme);
+    var context = canvas.getContext('2d');
+    canvas.width = 700;
+    canvas.height = 710;
+    var baseLeft = 60;
+    var baseTop = 190;
+    var xStep = 30;
+    var yStep = 15;
+    var xCount = 17;
+    var yCount = 40;
+    context.fillStyle = font_color;
+    context.font = 'bold 16px normal';
+    context.textAlign = 'center';
+    context.fillText("".concat(draw_info(headerInfo)), canvas.width / 2, baseTop - 120);
+    context.fillText('BMI孕期体重管理曲线', canvas.width / 2, baseTop - 80);
+    context.fillStyle = '#52aaff';
+    context.font = 'normal 12px normal';
+    context.fillText("\u5B55\u524DBMI: ".concat(bmiNum.current, " kg/\u33A1"), canvas.width / 2, baseTop - 50);
+    context.fillText(bmiIntro, canvas.width / 2, baseTop - 30);
+    context.fillStyle = font_color;
+    setVertical(context, xCount, yCount, xStep, yStep, baseLeft, baseTop);
+    setHorizontal(context, xCount, yCount, xStep, yStep, baseLeft, baseTop);
+    setVerRules(context, [baseLeft, baseTop + (xCount - 1) * xStep], (yCount - 1) * yStep, line_color, 1, yStep, 5);
+    setHorRules(context, [baseLeft, baseTop + (xCount - 1) * xStep], (xCount - 1) * xStep, line_color, 1, xStep, 5);
+    var endLineArr = [bmiBottomLine, bmiTopLine];
+    forEach(endLineArr, function (line) {
+      drawScaleLine(canvas, context, [baseLeft, baseTop + (xCount - 5) * xStep], [yStep, xStep / 2], line, [true, '#787878'], '#787878', [8], 2);
+    });
+    drawScaleLine(canvas, context, [baseLeft, baseTop + (xCount - 5) * xStep], [yStep, xStep / 2], newBmiList, [true, unusualColor], unusualColor, [], 2);
+    imageRef.current = canvas === null || canvas === void 0 ? void 0 : canvas.toDataURL('image/jpg');
+    props.onLoad && props.onLoad();
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "bmi-wrapper"
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    className: "bmi-radio",
+    options: recordOptions,
+    defaultValue: default_type,
+    onChange: handleRadioChange
+  }), !get(props, 'hidePrintBtn') && (/*#__PURE__*/React.createElement(ReactToPrint, {
+    trigger: function trigger() {
+      return /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        size: "small",
+        className: "print-btn"
+      }, /*#__PURE__*/React.createElement(MyIcon, {
+        value: 'PrinterOutlined'
+      }), " \u6253\u5370");
     },
-    autoComplete: "off",
-    form: form
-  }, renderEditContent())));
+    content: function content() {
+      return printCanvas('bmi-canvas');
+    }
+  })), /*#__PURE__*/React.createElement("canvas", {
+    id: "bmi-canvas",
+    className: "bmi-canvas"
+  }, "\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301canvas\uFF0C\u8BF7\u66F4\u6362\u6D4F\u89C8\u5668."));
 }
-export { MyModalForm as default };
-//# sourceMappingURL=.root11.js.map
+export { BmiCanvas as default };