web-core-tcm 0.0.54 → 0.0.61

package/dist/src/components/tcm/lisems/EPPCollected.vue2.js

@@ -0,0 +1,761 @@
+import ve from "../../../../node_modules/quasar/src/components/item/QItemLabel.js";
+import Se from "../../../../node_modules/quasar/src/components/item/QItemSection.js";
+import X from "../../../../node_modules/quasar/src/components/item/QItem.js";
+import be from "../../../../node_modules/quasar/src/components/input/QInput.js";
+import xe from "../../../../node_modules/quasar/src/components/item/QList.js";
+import B from "../../../../node_modules/quasar/src/components/icon/QIcon.js";
+import Ce from "../../../../node_modules/quasar/src/components/linear-progress/QLinearProgress.js";
+import b from "../../../../node_modules/quasar/src/components/card/QCardSection.js";
+import O from "../../../../node_modules/quasar/src/components/card/QCard.js";
+import Y from "../../../../node_modules/quasar/src/components/btn/QBtn.js";
+import { defineComponent as Pe, ref as c, onMounted as ke, onBeforeUnmount as Le, createElementBlock as Q, openBlock as f, Fragment as ee, createElementVNode as r, createBlock as M, createCommentVNode as te, withDirectives as De, createVNode as o, withCtx as s, renderList as Me, toDisplayString as ie, createTextVNode as x, normalizeClass as V, vShow as Ee, unref as _e } from "vue";
+import Te from "../../../../node_modules/quasar/src/composables/use-quasar/use-quasar.js";
+import { useBluetooth as Ge } from "../../../../node_modules/@vueuse/core/index.js";
+import "../../../../node_modules/echarts/index.js";
+import { ECGMeta as Ie, PCGMeta as Ae, PPGMeta as Be } from "../../../api/patient/meta.js";
+import { buf2hex as Oe, hex2int as Qe, stringToBytes as oe } from "../../../util/number.js";
+import { LisemsAlgorithm as Ve } from "../../../api/algorithm/lisemsAlgorithm.js";
+import { Tag as ze, Annotation as je } from "../../../api/core/core.js";
+import { init as z } from "../../../../node_modules/echarts/lib/core/echarts.js";
+const Ne = { class: "operation-steps" }, Re = { class: "step-number" }, qe = { class: "number-circle" }, We = {
+  key: 0,
+  class: "step-line"
+}, $e = { class: "icon-progress-bar" }, Fe = { class: "column full-width" }, le = "000000ff-0000-1000-8000-00805f9b34fb", Ke = "0000ff01-0000-1000-8000-00805f9b34fb", ft = /* @__PURE__ */ Pe({
+  __name: "EPPCollected",
+  emits: ["collected"],
+  setup(Ue, { emit: se }) {
+    const g = Te(), j = c([
+      "按图示位置佩戴设备",
+      "将采集器与设备贴合",
+      "压紧程度以贴合心脏",
+      "不紧压为宜",
+      "佩戴完成后点击下方",
+      '"开始采集"按钮'
+    ]), L = c("15"), E = c(0), {
+      isSupported: N,
+      isConnected: R,
+      device: _,
+      requestDevice: ne,
+      server: re
+    } = Ge({
+      acceptAllDevices: !0,
+      filters: [{ namePrefix: "HEART" }],
+      optionalServices: [le]
+    });
+    ke(() => {
+      ye();
+    });
+    let h = null, y = null, w = null;
+    const T = c([]), q = c([]), W = c([]), $ = {
+      // animation: "auto",
+      // animationDuration: 1000,
+      color: ["#3398DB"],
+      grid: {
+        left: "3%",
+        right: "3%",
+        bottom: "3%",
+        top: "3%",
+        containLabel: !1,
+        show: !0
+      },
+      dataZoom: [
+        {
+          type: "inside"
+        },
+        {
+          start: 0,
+          end: 100
+        }
+      ],
+      xAxis: [
+        {
+          // type: 'value',
+          type: "category",
+          // X轴坐标（X轴坐标一定要有，不然再开启滚动条时只会显示滚动条，不会显示图像）
+          data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+          axisTick: {
+            alignWithLabel: !0
+          },
+          position: {
+            left: 0
+          },
+          max: 250,
+          show: !0,
+          axisLine: {
+            lineStyle: {
+              type: "solid",
+              color: "#eee",
+              //坐标轴线的颜色
+              width: "1"
+              //坐标线的宽度
+            }
+          },
+          splitLine: {
+            show: !0,
+            lineStyle: {
+              color: ["#eee"],
+              width: 1,
+              type: "solid"
+            }
+          },
+          minorSplitLine: {
+            show: !0,
+            lineStyle: {
+              color: "#eee"
+            }
+          },
+          minorTick: {
+            show: !0
+          }
+        }
+      ],
+      yAxis: [
+        {
+          // category 该参数是作为主轴参数
+          // type: 'category',
+          type: "value",
+          show: !0,
+          axisLine: {
+            lineStyle: {
+              type: "solid",
+              color: "#eee",
+              //坐标轴线的颜色
+              width: "1"
+              //坐标线的宽度
+            }
+          },
+          minorSplitLine: {
+            show: !0,
+            lineStyle: {
+              color: "#eee"
+            }
+          },
+          minorTick: {
+            show: !0
+          }
+        }
+      ],
+      series: [
+        {
+          showSymbol: !1,
+          emphasis: {
+            scale: !1
+          },
+          lineStyle: {
+            normal: {
+              type: "line",
+              width: 1
+            }
+          },
+          // name: '直接访问',
+          type: "line",
+          // 图表初始化图像数据
+          // data: showData
+          sampling: "lttb",
+          data: T.value
+        }
+      ]
+    }, ae = {
+      // animation: "auto",
+      // animationDuration: 1000,
+      color: ["#3398DB"],
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          // 坐标轴指示器，坐标轴触发有效
+          type: "shadow"
+          // 默认为直线，可选为：'line' | 'shadow'
+        },
+        show: !0
+        //关闭提示框,
+      },
+      grid: {
+        left: "3%",
+        right: "3%",
+        bottom: "3%",
+        top: "3%",
+        containLabel: !1,
+        show: !0
+      },
+      xAxis: [
+        {
+          // type: 'value',
+          type: "category",
+          // X轴坐标（X轴坐标一定要有，不然再开启滚动条时只会显示滚动条，不会显示图像）
+          data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+          axisTick: {
+            alignWithLabel: !0
+          },
+          position: {
+            left: 0
+          },
+          max: 250,
+          show: !0,
+          axisLine: {
+            lineStyle: {
+              type: "solid",
+              color: "#eee",
+              //坐标轴线的颜色
+              width: "1"
+              //坐标线的宽度
+            }
+          },
+          splitLine: {
+            show: !0,
+            lineStyle: {
+              color: ["#eee"],
+              width: 1,
+              type: "solid"
+            }
+          },
+          minorSplitLine: {
+            show: !0,
+            lineStyle: {
+              color: "#eee"
+            }
+          },
+          minorTick: {
+            show: !0
+          }
+        }
+      ],
+      yAxis: [
+        {
+          // category 该参数是作为主轴参数
+          // type: 'category',
+          type: "value",
+          show: !0,
+          axisLine: {
+            lineStyle: {
+              type: "solid",
+              color: "#eee",
+              //坐标轴线的颜色
+              width: "1"
+              //坐标线的宽度
+            }
+          },
+          minorSplitLine: {
+            show: !0,
+            lineStyle: {
+              color: "#eee"
+            }
+          },
+          minorTick: {
+            show: !0
+          }
+        }
+      ],
+      series: [
+        {
+          showSymbol: !1,
+          emphasis: {
+            scale: !1
+          },
+          lineStyle: {
+            normal: {
+              type: "line",
+              width: 1
+            }
+          },
+          // name: '直接访问',
+          type: "line",
+          // 图表初始化图像数据
+          // data: showData
+          sampling: "lttb",
+          data: q.value
+        }
+      ]
+    }, F = {
+      // animation: "auto",
+      // animationDuration: 1000,
+      color: ["#3398DB"],
+      tooltip: {
+        trigger: "axis",
+        axisPointer: {
+          // 坐标轴指示器，坐标轴触发有效
+          type: "shadow"
+          // 默认为直线，可选为：'line' | 'shadow'
+        },
+        show: !0
+        //关闭提示框,
+      },
+      grid: {
+        left: "3%",
+        right: "3%",
+        bottom: "3%",
+        top: "3%",
+        containLabel: !1,
+        show: !0
+      },
+      xAxis: [
+        {
+          // type: 'value',
+          type: "category",
+          // X轴坐标（X轴坐标一定要有，不然再开启滚动条时只会显示滚动条，不会显示图像）
+          data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+          axisTick: {
+            alignWithLabel: !0
+          },
+          position: {
+            left: 0
+          },
+          max: 250,
+          show: !0,
+          axisLine: {
+            lineStyle: {
+              type: "solid",
+              color: "#eee",
+              //坐标轴线的颜色
+              width: "1"
+              //坐标线的宽度
+            }
+          },
+          splitLine: {
+            show: !0,
+            lineStyle: {
+              color: ["#eee"],
+              width: 1,
+              type: "solid"
+            }
+          },
+          minorSplitLine: {
+            show: !0,
+            lineStyle: {
+              color: "#eee"
+            }
+          },
+          minorTick: {
+            show: !0
+          }
+        }
+      ],
+      yAxis: [
+        {
+          // category 该参数是作为主轴参数
+          // type: 'category',
+          type: "value",
+          show: !0,
+          axisLine: {
+            lineStyle: {
+              type: "solid",
+              color: "#eee",
+              //坐标轴线的颜色
+              width: "1"
+              //坐标线的宽度
+            }
+          },
+          minorSplitLine: {
+            show: !0,
+            lineStyle: {
+              color: "#eee"
+            }
+          },
+          minorTick: {
+            show: !0
+          }
+        }
+      ],
+      series: [
+        {
+          showSymbol: !1,
+          emphasis: {
+            scale: !1
+          },
+          lineStyle: {
+            normal: {
+              type: "line",
+              width: 1
+            }
+          },
+          // name: '直接访问',
+          type: "line",
+          // 图表初始化图像数据
+          // data: showData
+          sampling: "lttb",
+          data: W.value
+        }
+      ]
+    }, ce = c(null), ue = c(null), pe = c(null), de = se;
+    function G(i, e) {
+      i && (i.setOption(e), i.resize());
+    }
+    async function me() {
+      if (!N.value) {
+        g.dialog({
+          title: "该浏览器不支持蓝牙连接",
+          message: "是否跳转到推荐浏览器下载地址",
+          ok: "跳转",
+          cancel: "取消",
+          persistent: !0
+        }).onOk(() => {
+          window.open("https://sj.qq.com/appdetail/com.microsoft.emmx");
+        });
+        return;
+      }
+      await ne();
+    }
+    function fe() {
+      const i = parseInt(L.value);
+      let e = 0;
+      if (N)
+        if (!R)
+          g.notify({
+            message: "蓝牙未连接",
+            color: "negative",
+            icon: "warning"
+          });
+        else if (!_.value)
+          g.notify({
+            message: "未找到设备",
+            color: "negative",
+            icon: "warning"
+          });
+        else
+          try {
+            re.value.getPrimaryService(le).then((l) => {
+              console.log(`Service: ${l.uuid}`), l.getCharacteristic(Ke).then((t) => {
+                console.log(`  Characteristic: ${t.uuid}`), t.startNotifications().then(() => {
+                  console.log("    Notifications started");
+                  const D = setInterval(() => {
+                    e++;
+                  }, 1e3), v = [], C = [], P = [];
+                  setInterval(() => {
+                    G(h, $), G(y, ae), G(w, F);
+                  }, 100);
+                  const k = 250;
+                  let S = 0, K = 0, U = 0, H = 0, J = 0, Z = 0;
+                  t.addEventListener("characteristicvaluechanged", () => {
+                    if (t.value) {
+                      const A = t.value.buffer;
+                      let p = Oe(A);
+                      p = p.slice(4, 1204);
+                      let u = "";
+                      for (let n = 0; n <= p.length - 4; n = n + 4) {
+                        const d = p.slice(n, n + 4);
+                        u += d.slice(2, 4), u += d.slice(0, 2);
+                      }
+                      for (let n = 0; n < u.length; n = n + 4) {
+                        const d = u.slice(n, n + 4), a = Qe(d.slice(1, 4)), m = d[0];
+                        m === "1" ? (C.push(a), J % 50 === 0 && (T.value[K % k] = a, K++), J++) : m === "0" ? (v.push(a), H % 50 === 0 && (q.value[S % k] = a, S++), H++) : m === "2" && (P.push(a), Z % 50 === 0 && (W.value[U % k] = a, U++), Z++);
+                      }
+                      E.value = e / i;
+                    }
+                    if (e === i) {
+                      clearInterval(D), g.notify({
+                        message: "接收完成",
+                        color: "positive",
+                        position: "bottom-right",
+                        timeout: 500
+                      }), e++, he(t);
+                      const A = {
+                        ecg: I(C, 1),
+                        pcg: I(v, 1),
+                        ppg: I(P, 1)
+                      }, p = c([]);
+                      Ve.analysisLisems(A).then((u) => {
+                        const n = Date.now().toString();
+                        u && Object.entries(u).forEach(([d, a]) => {
+                          const m = ze.builder().build();
+                          m.key = d, Array.isArray(a) && (a = JSON.stringify(a)), m.annotations = [
+                            je.builder().actor("闻诊").timestamp(n).value(a).build()
+                          ], p.value.push(m);
+                        });
+                      }), ge(C, v, P, p.value).catch((u) => {
+                        console.error("Error in splitMeta:", u);
+                      });
+                    }
+                  }), t.writeValue(oe("start " + L.value));
+                });
+              });
+            });
+          } catch (l) {
+            console.log(l), g.notify({
+              message: "服务异常",
+              color: "negative",
+              icon: "warning"
+            });
+          }
+      else {
+        g.dialog({
+          title: "该浏览器不支持蓝牙",
+          message: "是否跳转到推荐浏览器下载地址",
+          ok: "跳转",
+          cancel: "取消",
+          persistent: !0
+        }).onOk(() => {
+          window.open("https://www.microsoft.com/zh-cn/edge");
+        });
+        return;
+      }
+    }
+    async function ge(i, e, l, t) {
+      const D = await Ie.builder().build().inject({ ECG: i }), v = await Ae.builder().build().inject({ PCG: e }), C = await Be.builder().build().inject({ PPG: l }), P = [
+        "心率",
+        "RR间期",
+        "PT间期",
+        "PT间期散点图",
+        "RR间期散点图",
+        "data_ecg_1k",
+        "T波间期",
+        "P波间期",
+        "射血前期 PEP",
+        "电-机械延迟时间 EMD",
+        "左室射血时间 LVET",
+        "心脏收缩功能障碍指数 SDI",
+        "冠心病风险分数",
+        "冠心病预警等级"
+      ];
+      D.tags = t.filter((S) => P.includes(S.key));
+      const k = [
+        "S1S2间期散点图",
+        "S2S2间期散点图",
+        "S1S1间期散点图",
+        "S1间期",
+        "S2间期",
+        "收缩期间期能量占比",
+        "舒张期间期能量占比",
+        "S1间期能量占比",
+        "S2间期能量占比",
+        "收缩期间期能量占比",
+        "舒张期间期能量占比",
+        "0-15hz能量占比",
+        "15-31hz能量占比",
+        "31-62hz能量占比",
+        "62-125hz能量占比",
+        "125-250hz能量占比",
+        "250-500hz能量占比",
+        "rs1_temp",
+        "rs2_temp",
+        "predictions",
+        "data_pcg_1k",
+        "射血前期 PEP",
+        "电-机械延迟时间 EMD",
+        "左室射血时间 LVET",
+        "心脏收缩功能障碍指数 SDI",
+        "S1S1间期",
+        "S2S2间期",
+        "S1S2间期",
+        "冠心病风险分数",
+        "冠心病预警等级"
+      ];
+      v.tags = t.filter((S) => k.includes(S.key)), de("collected", D, v, C);
+    }
+    async function he(i) {
+      _.value?.gatt && _.value?.gatt.connected && (await i.writeValue(oe("stop")), i.stopNotifications());
+    }
+    function I(i, e) {
+      const l = [];
+      for (let t = 0; t < i.length; t += e)
+        l.push(i[t]);
+      return l;
+    }
+    function ye() {
+      const i = document.getElementById("ecg-chart"), e = document.getElementById("pcg-chart"), l = document.getElementById("ppg-chart");
+      if (i && (h = z(i), h.setOption($, !0)), l && (w = z(l), w.setOption(F, !0)), e) {
+        y = z(e);
+        const t = {
+          tooltip: {
+            trigger: "axis"
+          },
+          xAxis: {
+            type: "category",
+            boundaryGap: !1,
+            data: []
+          },
+          yAxis: {
+            type: "value",
+            min: "dataMin",
+            max: "dataMax"
+          },
+          series: [
+            {
+              name: "PCGMeta",
+              type: "line",
+              data: [],
+              smooth: !0,
+              showSymbol: !1
+            }
+          ]
+        };
+        y.setOption(t, !0);
+      }
+    }
+    function we() {
+      h && (h.dispose(), h = null), y && (y.dispose(), y = null), w && (w.dispose(), w = null);
+    }
+    return Le(() => {
+      we();
+    }), (i, e) => (f(), Q(ee, null, [
+      r("div", Ne, [
+        o(xe, { class: "rounded-borders" }, {
+          default: s(() => [
+            (f(!0), Q(ee, null, Me(j.value, (l, t) => (f(), M(X, {
+              key: t,
+              class: "step-item"
+            }, {
+              default: s(() => [
+                r("div", Re, [
+                  r("div", qe, ie(t + 1), 1),
+                  t !== j.value.length - 1 ? (f(), Q("div", We)) : te("", !0)
+                ]),
+                o(Se, null, {
+                  default: s(() => [
+                    o(ve, { class: "step-text" }, {
+                      default: s(() => [
+                        x(ie(l), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 2
+            }, 1024))), 128)),
+            o(X, { class: "step-item flex justify-center" }, {
+              default: s(() => [
+                o(be, {
+                  outlined: "",
+                  dense: "",
+                  placeholder: "请输入采集时间",
+                  modelValue: L.value,
+                  "onUpdate:modelValue": e[0] || (e[0] = (l) => L.value = l)
+                }, {
+                  before: s(() => [...e[1] || (e[1] = [
+                    x(" 采集时间 ", -1)
+                  ])]),
+                  after: s(() => [...e[2] || (e[2] = [
+                    x(" 秒 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        r("div", $e, [
+          r("div", {
+            class: V(["icon-progress-item", { active: !!ce.value }])
+          }, [
+            o(B, { name: "monitor_heart" })
+          ], 2),
+          e[3] || (e[3] = r("div", { class: "icon-progress-line" }, null, -1)),
+          r("div", {
+            class: V(["icon-progress-item", { active: !!ue.value }])
+          }, [
+            o(B, { name: "graphic_eq" })
+          ], 2),
+          e[4] || (e[4] = r("div", { class: "icon-progress-line" }, null, -1)),
+          r("div", {
+            class: V(["icon-progress-item", { active: !!pe.value }])
+          }, [
+            o(B, { name: "flare" })
+          ], 2)
+        ])
+      ]),
+      E.value !== 0 ? (f(), M(Ce, {
+        key: 0,
+        value: E.value,
+        color: "green",
+        style: { height: "1vh", "margin-top": "2px", "border-radius": "90%" }
+      }, null, 8, ["value"])) : te("", !0),
+      De(r("div", Fe, [
+        o(O, { class: "row full-width" }, {
+          default: s(() => [
+            o(b, {
+              class: "full-width text-h5 bg-grey-2 text-black justify-center content-center row",
+              style: { height: "6vh" }
+            }, {
+              default: s(() => [...e[5] || (e[5] = [
+                x(" ECGMeta 波形图 ", -1)
+              ])]),
+              _: 1
+            }),
+            o(b, { class: "full-width text-center row" }, {
+              default: s(() => [...e[6] || (e[6] = [
+                r("div", {
+                  id: "ecg-chart",
+                  style: { width: "100vw", height: "30vh" }
+                }, null, -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        o(O, {
+          class: "row full-width",
+          style: { "margin-top": "10px" }
+        }, {
+          default: s(() => [
+            o(b, {
+              class: "full-width text-h5 bg-grey-2 text-black justify-center content-center row",
+              style: { height: "6vh" }
+            }, {
+              default: s(() => [...e[7] || (e[7] = [
+                x(" PCGMeta 波形图 ", -1)
+              ])]),
+              _: 1
+            }),
+            o(b, { class: "full-width text-center row" }, {
+              default: s(() => [...e[8] || (e[8] = [
+                r("div", {
+                  id: "pcg-chart",
+                  style: { width: "100vw", height: "30vh" }
+                }, null, -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        o(O, {
+          class: "row full-width",
+          style: { "margin-top": "10px" }
+        }, {
+          default: s(() => [
+            o(b, {
+              class: "full-width text-h5 bg-grey-2 text-black justify-center content-center row",
+              style: { height: "6vh" }
+            }, {
+              default: s(() => [...e[9] || (e[9] = [
+                x(" PPGMeta 波形图 ", -1)
+              ])]),
+              _: 1
+            }),
+            o(b, { class: "full-width text-center row" }, {
+              default: s(() => [...e[10] || (e[10] = [
+                r("div", {
+                  id: "ppg-chart",
+                  style: { width: "100vw", height: "30vh" }
+                }, null, -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ], 512), [
+        [Ee, T.value.length !== 0]
+      ]),
+      _e(R) ? (f(), M(Y, {
+        key: 2,
+        class: "connect-btn",
+        color: "teal-8",
+        label: "开始采集",
+        onClick: fe
+      })) : (f(), M(Y, {
+        key: 1,
+        class: "connect-btn",
+        color: "primary",
+        label: "连接设备",
+        onClick: me
+      }))
+    ], 64));
+  }
+});
+export {
+  ft as default
+};