vue2-client 1.15.121 → 1.15.123

package/.history/src/base-client/components/his/XChart/XChart_20250812134846.vue

@@ -0,0 +1,155 @@
+<template>
+  <div ref="main" :style="{width: config.width, height: config.height}">
+  </div>
+</template>
+
+<script>
+import * as echarts from 'echarts'
+import ecStat from 'echarts-stat'
+import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
+
+export default {
+  name: 'XTable',
+  props: {
+    // 配置名
+    queryParamsName: {
+      type: String,
+      default: ''
+    },
+    // 服务名
+    serviceName: {
+      type: String,
+      default: 'af-his'
+    },
+    // 标准值
+    standardValue: {
+      type: Number,
+      default: 3.5
+    }
+  },
+  data () {
+    return {
+      data: [
+        [1, 3.176513],
+        [2, 3.816464],
+        [3, 4.119688],
+        [4, 4.282233],
+        [5, 4.655492],
+        [6, 3.965162],
+        [7, 3.5149],
+        [8, 3.125947],
+        [9, 3.44808],
+        [10, 3.16744],
+        [11, 3.620992],
+        [12, 4.641845],
+        [13, 3.175939]
+      ],
+      // 配置项
+      config: {
+        width: '900px',
+        height: '700px'
+      }
+    }
+  },
+  mounted () {
+    this.renderChart()
+  },
+  methods: {
+    initDome (queryParamsName, parameter) {
+      getConfigByName(queryParamsName, 'af-his', async (res) => {
+        this.config = res
+        runLogic(res.data, parameter, 'af-his').then(result => {
+          this.data = result
+          this.renderChart()
+        })
+      })
+    },
+    // 渲染图表
+    renderChart () {
+      echarts.registerTransform(ecStat.transform.regression)
+      const chartDom = this.$refs.main
+      const myChart = echarts.init(chartDom)
+
+      const option = {
+        dataset: [
+          {
+            source: this.data
+          },
+          {
+            transform: {
+              type: 'ecStat:regression'
+            }
+          }
+        ],
+        title: {
+          text: '仪器质控图',
+          subtext: 'y轴：靶值，x轴：日期',
+          sublink: 'https://github.com/ecomfe/echarts-stat',
+          left: 'center'
+        },
+        legend: {
+          bottom: 5
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross'
+          }
+        },
+        xAxis: {
+          splitLine: {
+            lineStyle: {
+              type: 'dashed'
+            }
+          }
+        },
+        yAxis: {
+          splitLine: {
+            lineStyle: {
+              type: 'dashed'
+            }
+          }
+        },
+        series: [
+          {
+            name: 'scatter',
+            type: 'scatter'
+          },
+          {
+            name: 'line',
+            type: 'line',
+            datasetIndex: 1,
+            symbolSize: 0.1,
+            symbol: 'circle',
+            label: { show: true, fontSize: 16 },
+            labelLayout: { dx: -20 },
+            encode: { label: 2, tooltip: 1 },
+            markLine: {
+              silent: true,
+              symbol: 'none',
+              lineStyle: {
+                color: '#a4a4a8',
+                width: 2,
+                type: 'dashed'
+              },
+              data: [
+                {
+                  yAxis: this.standardValue,
+                  label: {
+                    formatter: `标准值: ${this.standardValue}`
+                  }
+                }
+              ]
+            }
+          }
+        ]
+      }
+      option && myChart.setOption(option)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/.history/src/base-client/components/his/XChart/XChart_20250812134917.vue

@@ -0,0 +1,155 @@
+<template>
+  <div ref="main" :style="{width: config.width, height: config.height}">
+  </div>
+</template>
+
+<script>
+import * as echarts from 'echarts'
+import ecStat from 'echarts-stat'
+import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
+
+export default {
+  name: 'XTable',
+  props: {
+    // 配置名
+    queryParamsName: {
+      type: String,
+      default: ''
+    },
+    // 服务名
+    serviceName: {
+      type: String,
+      default: 'af-his'
+    },
+    // 标准值
+    standardValue: {
+      type: Number,
+      default: 3.5
+    }
+  },
+  data () {
+    return {
+      data: [
+        [1, 3.176513],
+        [2, 3.816464],
+        [3, 4.119688],
+        [4, 4.282233],
+        [5, 4.655492],
+        [6, 3.965162],
+        [7, 3.5149],
+        [8, 3.125947],
+        [9, 3.44808],
+        [10, 3.16744],
+        [11, 3.620992],
+        [12, 4.641845],
+        [13, 3.175939]
+      ],
+      // 配置项
+      config: {
+        width: '900px',
+        height: '700px'
+      }
+    }
+  },
+  mounted () {
+    this.renderChart()
+  },
+  methods: {
+    initDome (queryParamsName, parameter) {
+      getConfigByName(queryParamsName, 'af-his', async (res) => {
+        this.config = res
+        runLogic(res.data, parameter, 'af-his').then(result => {
+          this.data = result
+          this.renderChart()
+        })
+      })
+    },
+    // 渲染图表
+    renderChart () {
+      echarts.registerTransform(ecStat.transform.regression)
+      const chartDom = this.$refs.main
+      const myChart = echarts.init(chartDom)
+
+      const option = {
+        dataset: [
+          {
+            source: this.data
+          },
+          {
+            transform: {
+              type: 'ecStat:regression'
+            }
+          }
+        ],
+        title: {
+          text: '仪器质控图',
+          subtext: 'y轴：靶值，x轴：日期',
+          sublink: 'https://github.com/ecomfe/echarts-stat',
+          left: 'center'
+        },
+        legend: {
+          bottom: 5
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross'
+          }
+        },
+        xAxis: {
+          splitLine: {
+            lineStyle: {
+              type: 'dashed'
+            }
+          }
+        },
+        yAxis: {
+          splitLine: {
+            lineStyle: {
+              type: 'dashed'
+            }
+          }
+        },
+        series: [
+          {
+            name: 'scatter',
+            type: 'scatter'
+          },
+          {
+            name: 'line',
+            type: 'line',
+            datasetIndex: 1,
+            symbolSize: 0.1,
+            symbol: 'circle',
+            label: { show: true, fontSize: 16 },
+            labelLayout: { dx: -20 },
+            encode: { label: 2, tooltip: 1 },
+            markLine: {
+              silent: true,
+              symbol: 'none',
+              lineStyle: {
+                color: '#a4a4a8',
+                width: 2,
+                type: 'dashed'
+              },
+              data: [
+                {
+                  yAxis: this.standardValue,
+                  label: {
+                    formatter: `标准值: ${this.standardValue}`
+                  }
+                }
+              ]
+            }
+          }
+        ]
+      }
+      option && myChart.setOption(option)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/.history/src/base-client/components/his/XChart/XChart_20250812151145.vue

@@ -0,0 +1,149 @@
+<template>
+  <div ref="main" :style="{width: config.width, height: config.height}">
+  </div>
+</template>
+
+<script>
+import * as echarts from 'echarts'
+import ecStat from 'echarts-stat'
+import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
+
+export default {
+  name: 'XTable',
+  props: {
+    // 配置名
+    queryParamsName: {
+      type: String,
+      default: ''
+    },
+    // 服务名
+    serviceName: {
+      type: String,
+      default: 'af-his'
+    },
+    // 标准值
+    standardValue: {
+      type: Number,
+      default: 3.5
+    }
+  },
+  data () {
+    return {
+      data: [],
+      // 配置项
+      config: {}
+    }
+  },
+  mounted () {},
+  methods: {
+    initDome (queryParamsName, parameter) {
+      getConfigByName(queryParamsName, 'af-his', async (res) => {
+        this.config = res
+        console.log('res', res)
+        runLogic(res.data, parameter, 'af-his').then(result => {
+          this.standardValue = result[0][this.config.standardValue]
+          const listData = result.map(item => [item.x, item.y])
+          this.data = listData
+          this.renderChart()
+        })
+      })
+    },
+    // 渲染图表
+    renderChart () {
+      echarts.registerTransform(ecStat.transform.regression)
+      const chartDom = this.$refs.main
+      const myChart = echarts.init(chartDom)
+
+      const option = {
+        dataset: [
+          {
+            source: this.data
+          },
+          {
+            transform: {
+              type: 'ecStat:regression'
+            }
+          }
+        ],
+        title: {
+          text: this.config.title,
+          subtext: this.config.subtext,
+          sublink: 'https://github.com/ecomfe/echarts-stat',
+          left: 'center'
+        },
+        legend: {
+          bottom: 5
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross'
+          }
+        },
+        xAxis: {
+          splitLine: {
+            lineStyle: {
+              type: 'dashed'
+            }
+          }
+        },
+        yAxis: {
+          splitLine: {
+            lineStyle: {
+              type: 'dashed'
+            }
+          }
+        },
+        series: [
+          {
+            name: '质检参数分布',
+            type: 'scatter'
+          },
+          {
+            name: '质检参数曲线',
+            type: 'line',
+            datasetIndex: 1,
+            symbolSize: 0.1,
+            symbol: 'circle',
+            label: { show: true, fontSize: 16 },
+            labelLayout: { dx: -20 },
+            encode: { label: 2, tooltip: 1 },
+            markLine: {
+              silent: true,
+              symbol: 'none',
+              lineStyle: {
+                color: '#a4a4a8',
+                width: 2,
+                type: 'dashed'
+              },
+              data: [
+                {
+                  yAxis: this.standardValue,
+                  label: {
+                    formatter: `${this.config.formatter}: ${this.standardValue}`
+                  }
+                }
+              ]
+            }
+          }
+        ]
+      }
+      option && myChart.setOption(option)
+    }
+  },
+  watch: {
+    queryParamsName: {
+      deep: true,
+      immediate: true,
+      handler (val) {
+        console.log('queryParamsName', val)
+        this.initDome(val, {})
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/.history/src/base-client/components/his/XChart/XChart_20250812151810.vue

@@ -0,0 +1,153 @@
+<template>
+  <div ref="main" :style="{width: config.width, height: config.height}">
+  </div>
+</template>
+
+<script>
+import * as echarts from 'echarts'
+import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
+
+export default {
+  name: 'XTable',
+  props: {
+    // 配置名
+    queryParamsName: {
+      type: String,
+      default: ''
+    },
+    // 服务名
+    serviceName: {
+      type: String,
+      default: 'af-his'
+    }
+  },
+  data () {
+    return {
+      data: [],
+      // LJ 中心线（靶值/均值）
+      standardValue: 3.5,
+      // 配置项
+      config: {}
+    }
+  },
+  mounted () {},
+  methods: {
+    initDome (queryParamsName, parameter) {
+      getConfigByName(queryParamsName, 'af-his', async (res) => {
+        this.config = res
+        console.log('res', res)
+        runLogic(res.data, parameter, 'af-his').then(result => {
+          // 以配置中的字段名提取靶值（中心线）
+          this.standardValue = Number(result[0][this.config.standardValue])
+          const listData = result.map(item => [item.x, item.y])
+          this.data = listData
+          this.renderChart()
+        })
+      })
+    },
+    // 渲染图表
+    renderChart () {
+      const chartDom = this.$refs.main
+      const myChart = echarts.init(chartDom)
+
+      // 计算 SD（允许从配置读取，否则用样本标准差估算）
+      const yValues = this.data.map(d => Number(d[1])).filter(v => !isNaN(v))
+      let sd = Number(this.config.sd || this.config.sigma)
+      if (!sd || isNaN(sd)) {
+        const n = yValues.length
+        if (n > 1) {
+          const mean = yValues.reduce((a, b) => a + b, 0) / n
+          const variance = yValues.reduce((a, v) => a + Math.pow(v - mean, 2), 0) / (n - 1)
+          sd = Math.sqrt(variance)
+        } else sd = 0
+      }
+      if (sd === 0) sd = 1
+
+      const center = Number(this.standardValue)
+      const lines = [
+        { value: center, label: `${this.config.formatter || 'CL'}: ${center}`, color: '#a4a4a8', type: 'solid' },
+        { value: center + sd, label: '+1 SD', color: '#67C23A', type: 'dotted' },
+        { value: center - sd, label: '-1 SD', color: '#67C23A', type: 'dotted' },
+        { value: center + 2 * sd, label: '+2 SD', color: '#E6A23C', type: 'dashed' },
+        { value: center - 2 * sd, label: '-2 SD', color: '#E6A23C', type: 'dashed' },
+        { value: center + 3 * sd, label: '+3 SD', color: '#F56C6C', type: 'solid' },
+        { value: center - 3 * sd, label: '-3 SD', color: '#F56C6C', type: 'solid' }
+      ]
+
+      const option = {
+        title: {
+          text: this.config.title,
+          subtext: this.config.subtext,
+          left: 'center'
+        },
+        legend: {
+          bottom: 5
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { type: 'cross' },
+          formatter: params => {
+            if (!params || !params.length) return ''
+            const p = params[0]
+            const y = Number(p.data && p.data[1])
+            const z = ((y - center) / sd).toFixed(2)
+            return `x: ${p.data && p.data[0]}<br/>y: ${y}<br/>Δ: ${(y - center).toFixed(2)}<br/>z: ${z}`
+          }
+        },
+        xAxis: {
+          type: 'value',
+          splitLine: {
+            lineStyle: {
+              type: 'dashed'
+            }
+          }
+        },
+        yAxis: {
+          type: 'value',
+          splitLine: {
+            lineStyle: {
+              type: 'dashed'
+            }
+          }
+        },
+        series: [
+          {
+            name: '检验值',
+            type: 'line',
+            data: this.data,
+            showSymbol: true,
+            symbol: 'circle',
+            symbolSize: 6,
+            lineStyle: { width: 2, color: '#409EFF' },
+            itemStyle: { color: '#409EFF' },
+            markLine: {
+              silent: true,
+              symbol: 'none',
+              data: lines.map(l => ({
+                yAxis: l.value,
+                lineStyle: { color: l.color, type: l.type, width: 2 },
+                label: { formatter: l.label }
+              }))
+            }
+          }
+        ]
+      }
+      option && myChart.setOption(option)
+    }
+  },
+  watch: {
+    queryParamsName: {
+      deep: true,
+      immediate: true,
+      handler (val) {
+        console.log('queryParamsName', val)
+        this.initDome(val, {})
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>