作者： 孟繁永

最近博客老是挂掉，开了性能无约束也不行，查了下php的慢记录，发现是Jetpack插件造成的。索性把它删掉。

本博客所用服务器为1u2G.

本文仅以个人非医学专业了解到的产品和医疗信息分享，不能替代医学治疗方案。

据医嘱，吸氧需要达到4L/min的流量才有效，但这个指标的前提是制氧机或者气瓶出氧的浓度要在90%以上，虽然国标要求医用制氧机必须达到90%，而目前市场上的制氧机普遍宣称符合这个标准，但从评论以及个人非严格检测来看，这个标准似乎没有那么容易实现。

这里列出制氧机的几个关键指标，请逐一核实：

1. 可连续工作时间，这个涉及制氧机的可用性和耐用性，有的声称达到72小时或96小时，关键要看说明书上是否有明文说明，不能只看商品标题或视频，有的宣称7*24小时，目前来看，多半是虚假宣传，因为目前几千元的制氧机显然达不到7天连续工作。
2. 出氧浓度，国家标准要求90%以上，有的机器标>=90%，有的标93%（+-3%），但有的机器会有附加说明，比如开机15分钟才能达到这个浓度（因内部有储气罐，可能需要排空一段时间），我买了一台欧姆龙（安徽迈睿思代工），前几次开机数分钟后出氧浓度基本上只在85%左右，最高89，但机器自身的氧气浓度一直显示为95%，我在12315上做了投诉，不知道接下来多久会有回复。还有的机器并不是在任何流量下都是90%以上，比如有的机器在详细描述中会补充说只在某个低流量区间能达到这个浓度，再大了相当于就是多吹点空气了，也难怪有的制氧机宣称不做空气的搬运机。我前些年买的那个鱼跃的流量控制显示是1L~5L，现在仔细查才知道其实是3L的机器，调到5L也没有多大意义，而现在实测出氧只有50%，所以买个新的。欧姆龙这个因为是周末提交的投诉，12315无反馈，退货申请暂时没有通过，但后来开机测试能达到93%（机身还是显示95%），就先用着了。
3. 机器工作噪音，这个也挺关键的，在欧姆龙那台出氧浓度不达标的情况下，我又下单了一台鱼跃的6L机器，但下单后仔细再看评论，很多视频评论反馈机器噪音大，看了下他的说明书，是小于60分贝，这个确实高了，从视频里看，也确实比手上这台欧姆龙大得多。看网上的商品资料，有的说在29分贝，有的说在36分贝，能接受哪一种，还是要慎重考虑。
4. 能否退货，从欧姆龙和鱼跃的评论区看，普遍退货困难，有的是因为噪音大，有的因为出氧浓度不达标，但都是因为开机过，不能退货，但这东西不开机怎么知道怎么样呢？所以有的评论总结不如在线下买，可以当场试机，不知道厂家是否针对线上有特殊政策。这类产品质量不稳定的现实应该是可以确认的，这种特殊商品如何退货还需要更清晰的政策和规则，有的商品明确说明只要一次性使用的附件没有拆封就可以退货，比如吸氧管之类的，这算比较合理的。
5. 分子筛是否进口，尽管这玩意近些年国产化做的很到位，但从产品定价来看，一两千的产品都用国产的，四五干就出现用进口的了，显然，国产的还是达不到进口产品的水平。

测试成本很高，自己搞不定，网购的氧气检测仪也不一定精度就很高，但如果氧气浓度检测仪和制氧机自身的氧气浓度值都不可靠，那还有什么可靠的产品呢？

<script setup lang="ts">
import { computed, onMounted, ref } from 'vue'
import { useMousePressed, useMouseInElement } from '@vueuse/core'

const containerRef = shallowRef()
const dividerRef = shallowRef()

const { pressed } = useMousePressed({ target: dividerRef, touch: false })
const { elementX } = useMouseInElement(containerRef)

const asideWidth = ref('300px')

watch(elementX, (newVal) => {
  console.log(newVal, pressed.value)
  if (!pressed.value) return
  if (newVal < 300) {
    asideWidth.value = '300px'
    return
  }
  asideWidth.value = `${Math.floor(newVal)}px`
})

</script>

<template>
<ElContainer v-show="panel === 'tree'" ref="containerRef" class="container">
      <ElAside class="aside"
        ></ElAside>
      <div ref="dividerRef" class="divider"></div>
      <ElMain class="main">
      </ElMain>
 </ElContainer>
<ElContainer v-show="panel === 'card'"> <BookCard :book="currentBook" /></ElContainer>
</template>
<style scoped lang="less">
.aside {
  width: v-bind('asideWidth');
}
.divider {
  flex: 0 0 4px;
  &:hover {
    background-color: var(--el-border-color);
    cursor: col-resize;
  }
  &:active {
    background-color: var(--el-border-color);
    cursor: col-resize;
  }
}
</style>

在flex容器(container)中横向排布侧边栏(aside)、分隔线(divider)和主要区域(main)通过useMousePressed获取分隔线上的鼠标按压状态，通过useMouseInElement获取容器内的鼠标移动状态，这些状态是响应式的侦听鼠标横向移动距离，仅当鼠标在分隔线按下（即拖拽）时，同步修改侧边栏宽度。

参考：流烨（链接：https://juejin.cn/post/7384242126429405225），相比调整了一下动态设置宽度的方式，改为width: v-bind(‘asideWidth’)，同时，优化.divider的样式，增加hover，让它平时隐藏，鼠标滑过时显示更容易寻找。

正如tests/storage/annotations/OpenApi/L5SwaggerAnnotationsExampleServer.php所示：

<?php

namespace Tests\storage\annotations\OpenApi;

/**
 *  @OA\Server(
 *      url=L5_SWAGGER_CONST_HOST,
 *      description="L5 Swagger OpenApi dynamic host server"
 *  )
 *
 *  @OA\Server(
 *      url="https://projects.dev/api/v1",
 *      description="L5 Swagger OpenApi Server"
 * )
 */
class L5SwaggerAnnotationsExampleServer
{
}

L5_SWAGGER_CONST_HOST是作为一个变量直接引用的，这个变量在.env中设置，在实际项目中，尤其是多实例部署的产品，优先考虑用这种方法，而其中第二个是直接写死的地址，这种更适合相对固定的内部测试或者官方接口站点作为对照。实际上，api/doc还会依据L5_SWAGGER_BASE_PATH自动加载一个相对的接口地址，这个更适合用在调试环境，启动端口有可能会变，而且多个开发者的配置也不一定一致。L5_SWAGGER_CONST_HOST和L5_SWAGGER_BASE_PATH之间是相对独立的，可以搜索一下l5-swagger源代码看看逻辑，可惜这一点在l5-swagger的文档中说的并不清楚。