From 91e0d04804feb539d4ffe9b5ff56c2cbb58aa9fc Mon Sep 17 00:00:00 2001 From: "1747191978@qq.com" <1942943850@qq.com> Date: Mon, 17 Feb 2025 09:25:23 +0800 Subject: [PATCH] =?UTF-8?q?=E4=B8=8B=E6=AC=A1=E5=9B=BE=E6=A0=87=E6=8F=92?= =?UTF-8?q?=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- acupuncture-前台/package.json | 2 +- acupuncture-前台/src/api/indexCom.js | 107 ++ acupuncture-前台/src/views/index.vue | 1173 ++--------------- acupuncture-前台/src/views/indexCom/JM.vue | 296 +++++ acupuncture-前台/src/views/indexCom/XGZL.vue | 324 +++++ acupuncture-前台/src/views/indexCom/index.js | 1046 +++++++++++++++ .../src/views/indexCom/patient.vue | 246 ++++ acupuncture-前台/src/views/indexCom/query.vue | 183 +++ package-lock.json | 6 + 9 files changed, 2327 insertions(+), 1056 deletions(-) create mode 100644 acupuncture-前台/src/api/indexCom.js create mode 100644 acupuncture-前台/src/views/indexCom/JM.vue create mode 100644 acupuncture-前台/src/views/indexCom/XGZL.vue create mode 100644 acupuncture-前台/src/views/indexCom/index.js create mode 100644 acupuncture-前台/src/views/indexCom/patient.vue create mode 100644 acupuncture-前台/src/views/indexCom/query.vue create mode 100644 package-lock.json diff --git a/acupuncture-前台/package.json b/acupuncture-前台/package.json index c688cb1c..fcc990f7 100644 --- a/acupuncture-前台/package.json +++ b/acupuncture-前台/package.json @@ -40,7 +40,7 @@ "axios": "0.28.1", "clipboard": "2.0.8", "core-js": "3.37.1", - "echarts": "5.4.0", + "echarts": "^5.4.0", "element-ui": "^2.15.14", "file-saver": "2.0.5", "fuse.js": "6.4.3", diff --git a/acupuncture-前台/src/api/indexCom.js b/acupuncture-前台/src/api/indexCom.js new file mode 100644 index 00000000..c1c452df --- /dev/null +++ b/acupuncture-前台/src/api/indexCom.js @@ -0,0 +1,107 @@ +import request from "@/utils/request"; + +// 患者统计 - 饼状 +export function queryPatient(data) { + return request({ + url: "/qualityControl/home/queryPatient", + method: "post", + data: data, + }); +} +// 患者统计 - 柱状图 +export function queryByDatePatient(data) { + return request({ + url: "/qualityControl/home/queryByDatePatient", + method: "post", + data: data, + }); +} + +// 静脉溶栓率 - 统计 +export function queryJmrs(data) { + return request({ + url: "/qualityControl/home/queryJmrs", + method: "post", + data: data, + }); +} +// 静脉溶栓率 - 数据对比 +// 静脉溶栓率 - DNT +export function queryDntResult(data) { + return request({ + url: "/qualityControl/home/queryDntResult", + method: "post", + data: data, + }); +} +// 静脉溶栓率 - Sich +export function querySichResult(data) { + return request({ + url: "/qualityControl/home/querySichResult", + method: "post", + data: data, + }); +} +// 血管治疗 - DPT +export function queryDptResult(data) { + return request({ + url: "/qualityControl/home/queryDptResult", + method: "post", + data: data, + }); +} +// 血管治疗 - Rpt +export function queryRptResult(data) { + return request({ + url: "/qualityControl/home/queryRptResult", + method: "post", + data: data, + }); +} +// 血管治疗 - SJDB +// export function selectXgzl(data) { +// return request({ +// url: "/qualityControl/home/selectXgzl", +// method: "post", +// data: data, +// }); +// } +export function dataComparison(data) { + return request({ + url: "/qualityControl/home/selectXgzl", + method: "post", + data: data, + }); +} +// 血管治疗统计 +export function queryXgzlLv(data) { + return request({ + url: "/qualityControl/home/queryXgzlLv", + method: "post", + data: data, + }); +} +// 大屏急救数量统计 +export function queryPatientList(data) { + return request({ + url: "/qualityControl/home/queryPatientList", + method: "post", + data: data, + }); +} +// 大屏急救时长分析 +export function queryFirstAidTime(data) { + return request({ + url: "/qualityControl/home/queryFirstAidTime", + method: "post", + data: data, + }); +} +// 大屏智慧平车面板数据 +export function queryData(data) { + return request({ + url: "/qualityControl/home/queryData", + method: "post", + data: data, + }); +} diff --git a/acupuncture-前台/src/views/index.vue b/acupuncture-前台/src/views/index.vue index f5750d24..cc1de33b 100644 --- a/acupuncture-前台/src/views/index.vue +++ b/acupuncture-前台/src/views/index.vue @@ -1,1074 +1,129 @@ + diff --git a/acupuncture-前台/src/views/indexCom/JM.vue b/acupuncture-前台/src/views/indexCom/JM.vue new file mode 100644 index 00000000..7fc5360f --- /dev/null +++ b/acupuncture-前台/src/views/indexCom/JM.vue @@ -0,0 +1,296 @@ + + + + diff --git a/acupuncture-前台/src/views/indexCom/XGZL.vue b/acupuncture-前台/src/views/indexCom/XGZL.vue new file mode 100644 index 00000000..3ad3b97e --- /dev/null +++ b/acupuncture-前台/src/views/indexCom/XGZL.vue @@ -0,0 +1,324 @@ + + + + + diff --git a/acupuncture-前台/src/views/indexCom/index.js b/acupuncture-前台/src/views/indexCom/index.js new file mode 100644 index 00000000..06be9f74 --- /dev/null +++ b/acupuncture-前台/src/views/indexCom/index.js @@ -0,0 +1,1046 @@ +import * as echarts from "echarts"; +// 患者信息 +export const HZXX = { + tooltip: { + trigger: "item", + }, + title: { + text: "100", + left: "center", + top: "40%", + textStyle: { + textAlign: "center", + color: "#393D4E", + fontSize: 40, + fontWeight: 600, + }, + }, + grid: { + top: "0%", + left: "0", + right: "0%", + bottom: "0%", + containLabel: true, + }, + color: ["#4f8bff", "#ffcd6c", "#00d1a1", "#a794fe"], + graphic: { + type: "text", + left: "center", + top: "56%", + style: { + text: "患者总数", + color: "#70798C", + textAlign: "center", + fill: "#999999", + fontSize: 18, + width: "50px", + }, + }, + series: [ + { + type: "pie", + radius: ["60%", "80%"], + avoidLabelOverlap: false, + label: { + show: false, + position: "center", + }, + labelLine: { + show: false, + }, + data: [], + }, + ], +}; +// 患者信息 - 数据分析 +export const HZXXSJFX = { + tooltip: { + trigger: "axis", + axisPointer: { + type: "cross", + label: { + backgroundColor: "#6a7985", + }, + }, + formatter: function (params) { + let res1 = params[0].name; + for (var i = 0, l = params.length; i < l; i++) { + res1 += + "
" + + `` + + params[i].seriesName + + " : " + + params[i].value + + "个"; + } + return res1; + }, + }, + xAxis: { + type: "category", + data: [ + "2023-01", + "2023-02", + "2023-03", + "2023-04", + "2023-05", + "2023-06", + "2023-07", + "2023-08", + "2023-09", + "2023-10", + "2023-11", + "2023-12", + ], + }, + grid: { + top: "12%", + left: "5%", + right: "2%", + bottom: "0%", + containLabel: true, + }, + yAxis: { + name: "单位( 个 )", + type: "value", + minInterval: 1, + splitLine: { + show: true, + lineStyle: { + type: "dashed", + }, + }, + }, + series: [ + { + name: "仅溶栓人数", + data: [20, 20, 50, 80, 70, 11, 15], + type: "bar", + barMaxWidth: 24, //柱图宽度 + color: "#4f8bff", + itemStyle: { + normal: { + //这里设置柱形图圆角 [左上角，右上角，右下角，左下角] + barBorderRadius: [50, 50, 0, 0], + }, + }, + }, + { + name: "仅介入人数", + data: [120, 200, 150, 80, 70, 110, 10], + type: "bar", + barMaxWidth: 24, //柱图宽度 + color: "#ffcd6c", + itemStyle: { + normal: { + //这里设置柱形图圆角 [左上角，右上角，右下角，左下角] + barBorderRadius: [50, 50, 0, 0], + }, + }, + }, + { + name: "未溶栓且未介入人数", + data: [120, 200, 150, 80, 70, 110, 15], + type: "bar", + barMaxWidth: 24, //柱图宽度 + color: "#00d1a1", + itemStyle: { + normal: { + //这里设置柱形图圆角 [左上角，右上角，右下角，左下角] + barBorderRadius: [50, 50, 0, 0], + }, + }, + }, + { + name: "溶栓+介入人数", + data: [120, 200, 150, 80, 70, 110, 15], + type: "bar", + barMaxWidth: 24, //柱图宽度 + color: "#a794fe", + itemStyle: { + normal: { + //这里设置柱形图圆角 [左上角，右上角，右下角，左下角] + barBorderRadius: [50, 50, 0, 0], + }, + }, + }, + ], +}; +// - - - - - - - - 静脉溶栓统计 +export const JMRSL = { + tooltip: { + trigger: "axis", + axisPointer: { + type: "cross", + label: { + backgroundColor: "#6a7985", + }, + }, + formatter: function (params) { + let res1 = params[0].name; + for (var i = 0, l = params.length; i < l; i++) { + res1 += + "
" + + `` + + params[i].seriesName + + " : " + + params[i].value + + "%"; + } + return res1; + }, + }, + grid: { + top: "12%", + left: "5%", + right: "3%", + bottom: "0%", + containLabel: true, + }, + xAxis: { + type: "category", + data: [ + "2023-01", + "2023-02", + "2023-03", + "2023-04", + "2023-05", + "2023-06", + "2023-07", + "2023-08", + "2023-09", + "2023-10", + "2023-11", + "2023-12", + ], + }, + yAxis: { + name: "单位( % ) ", + type: "value", + minInterval: 1, + splitLine: { + show: true, + lineStyle: { + type: "dashed", + }, + }, + graphicObj: { + left: 0, + }, + }, + series: [ + { + color: "#A794FE", + data: [120, 200, 150, 80, 70, 110, 130], + type: "bar", + name: "静脉溶栓率", + barMaxWidth: 24, //柱图宽度 + itemStyle: { + normal: { + //这里设置柱形图圆角 [左上角，右上角，右下角，左下角] + barBorderRadius: [50, 50, 0, 0], + }, + }, + }, + ], +}; +// 静脉溶栓率 - 数据对比 +export const JMSJDB = { + tooltip: { + trigger: "axis", + axisPointer: { + type: "cross", + label: { + backgroundColor: "#6a7985", + }, + }, + formatter: function (params) { + let res1 = params[0].name; + for (var i = 0, l = params.length; i < l; i++) { + res1 += + "
" + + `` + + params[i].seriesName + + " : " + + params[i].value + + "个"; + } + return res1; + }, + }, + grid: { + top: "12%", + left: "5%", + right: "3%", + bottom: "0%", + containLabel: true, + }, + xAxis: [ + { + type: "category", + data: [ + "2023-01", + "2023-02", + "2023-03", + "2023-04", + "2023-05", + "2023-06", + "2023-07", + "2023-08", + "2023-09", + "2023-10", + "2023-11", + "2023-12", + ], + boundaryGap: false, + }, + ], + yAxis: { + graphicObj: { + left: 0, + }, + name: "单位( 个 )", + type: "value", + minInterval: 1, + splitLine: { + show: true, + lineStyle: { + type: "dashed", + }, + }, + }, + series: [ + { + name: "静脉溶栓人数", + type: "line", + // stack: "Total", + color: "#00CE9F", + areaStyle: { + opacity: 0.8, + color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ + { + offset: 0, + color: "#00CE9F", + }, + { + offset: 1, + color: "rgba(0,209,161,0.8)", + }, + ]), + }, + emphasis: { + focus: "series", + }, + data: [120, 132, 101, 134, 90, 230, 210], + }, + { + name: "急救特征人数", + type: "line", + // stack: "Total", + color: "#538BF6", + areaStyle: { + opacity: 0.8, + color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ + { + offset: 0, + color: "#538BF6", + }, + { + offset: 1, + color: "#538BF6", + }, + ]), + }, + emphasis: { + focus: "series", + }, + data: [120, 112, 91, 234, 222, 89, 100], + }, + ], +}; +// 静脉溶栓率 - DNT +export const DNT = { + tooltip: { + trigger: "axis", + axisPointer: { + type: "cross", + label: { + backgroundColor: "#6a7985", + }, + }, + formatter: function (params) { + let res1 = params[0].name; + for (var i = 0, l = params.length; i < l; i++) { + res1 += + "
" + + `` + + params[i].seriesName + + " : " + + params[i].value + + "个"; + } + return res1; + }, + }, + xAxis: { + type: "category", + data: [ + "2023-01", + "2023-02", + "2023-03", + "2023-04", + "2023-05", + "2023-06", + "2023-07", + "2023-08", + "2023-09", + "2023-10", + "2023-11", + "2023-12", + ], + }, + grid: { + top: "12%", + left: "5%", + right: "3%", + bottom: "0%", + containLabel: true, + }, + yAxis: { + name: "单位( 个 )", + type: "value", + minInterval: 1, + splitLine: { + show: true, + lineStyle: { + type: "dashed", + }, + }, + }, + series: [ + { + color: "#FFCD6C", + data: [120, 200, 150, 80, 70, 110, 130], + type: "bar", + barMaxWidth: 24, //柱图宽度 + name: "≤45 min", + itemStyle: { + normal: { + //这里设置柱形图圆角 [左上角，右上角，右下角，左下角] + barBorderRadius: [50, 50, 0, 0], + }, + }, + }, + { + color: "#F97186", + data: [120, 200, 150, 80, 70, 110, 130], + type: "bar", + name: "≤60 min", + barMaxWidth: 24, //柱图宽度 + itemStyle: { + normal: { + //这里设置柱形图圆角 [左上角，右上角，右下角，左下角] + barBorderRadius: [50, 50, 0, 0], + }, + }, + }, + { + color: "#4f8bff", + data: [120, 200, 150, 80, 70, 110, 130], + type: "bar", + name: ">60 min", + barMaxWidth: 24, //柱图宽度 + itemStyle: { + normal: { + //这里设置柱形图圆角 [左上角，右上角，右下角，左下角] + barBorderRadius: [50, 50, 0, 0], + }, + }, + }, + ], +}; +// 静脉溶栓率 - SICH +export const SICH = { + tooltip: { + trigger: "axis", + axisPointer: { + type: "cross", + label: { + backgroundColor: "#6a7985", + }, + }, + formatter: function (params) { + let res1 = params[0].name; + for (var i = 0, l = params.length; i < l; i++) { + res1 += + "
" + + `` + + params[i].seriesName + + " : " + + params[i].value + + "%"; + } + return res1; + }, + }, + grid: { + top: "12%", + left: "5%", + right: "3%", + bottom: "0%", + containLabel: true, + }, + ttooltip: { + trigger: "axis", + axisPointer: { + // 坐标轴指示器，坐标轴触发有效 + type: "line", // 默认为直线，可选为：'line' | 'shadow' + }, + }, + xAxis: [ + { + boundaryGap: false, + type: "category", + data: [ + "2023-01", + "2023-02", + "2023-03", + "2023-04", + "2023-05", + "2023-06", + "2023-07", + "2023-08", + "2023-09", + "2023-10", + "2023-11", + "2023-12", + ], + }, + ], + yAxis: { + scale: true, + type: "value", + minInterval: 1, + min: 0, + name: "单位( % )", + position: "left", + splitLine: { + show: true, + lineStyle: { + type: "dashed", + }, + }, + axisLabel: { + show: true, + interval: 0, + }, + }, + series: [ + { + name: "sICH发生率", + type: "line", + stack: "Total", + color: "#F97186", + areaStyle: { + opacity: 0.8, + color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ + { + offset: 0, + color: "#FA7F90", + }, + { + offset: 1, + color: "#F3D7DE", + }, + ]), + }, + emphasis: { + focus: "series", + }, + data: [120, 132, 101, 134, 124, 120, 100], + }, + ], +}; +// - - - - - - - - 血管治疗 +export const XGZL = { + tooltip: { + trigger: "axis", + axisPointer: { + type: "cross", + label: { + backgroundColor: "#6a7985", + }, + }, + formatter: function (params) { + let res1 = params[0].name; + for (var i = 0, l = params.length; i < l; i++) { + res1 += + "
" + + `` + + params[i].seriesName + + " : " + + params[i].value + + "%"; + } + return res1; + }, + }, + xAxis: { + type: "category", + data: [ + "2023-01", + "2023-02", + "2023-03", + "2023-04", + "2023-05", + "2023-06", + "2023-07", + "2023-08", + "2023-09", + "2023-10", + "2023-11", + "2023-12", + ], + }, + grid: { + top: "12%", + left: "5%", + right: "3%", + bottom: "0%", + containLabel: true, + }, + yAxis: { + name: "单位( % )", + type: "value", + minInterval: 1, + splitLine: { + show: true, + lineStyle: { + type: "dashed", + }, + }, + }, + series: [ + { + name: "血管内治疗率", + color: "#4F8BFF", + data: [120, 200, 150, 80, 70, 110, 130], + type: "bar", + barMaxWidth: 24, //柱图宽度 + itemStyle: { + normal: { + //这里设置柱形图圆角 [左上角，右上角，右下角，左下角] + barBorderRadius: [50, 50, 0, 0], + }, + }, + }, + ], +}; +// 数据对比 +export const XGSJDB = { + tooltip: { + trigger: "axis", + axisPointer: { + type: "cross", + label: { + backgroundColor: "#6a7985", + }, + }, + formatter: function (params) { + let res1 = params[0].name; + for (var i = 0, l = params.length; i < l; i++) { + res1 += + "
" + + `` + + params[i].seriesName + + " : " + + params[i].value + + "个"; + } + return res1; + }, + }, + grid: { + top: "12%", + left: "5%", + right: "3%", + bottom: "0%", + containLabel: true, + }, + ttooltip: { + trigger: "axis", + axisPointer: { + // 坐标轴指示器，坐标轴触发有效 + type: "line", // 默认为直线，可选为：'line' | 'shadow' + }, + }, + xAxis: [ + { + type: "category", + data: [ + "2023-01", + "2023-02", + "2023-03", + "2023-04", + "2023-05", + "2023-06", + "2023-07", + "2023-08", + "2023-09", + "2023-10", + "2023-11", + "2023-12", + ], + boundaryGap: false, + }, + ], + yAxis: { + scale: true, + type: "value", + minInterval: 1, + name: "单位( 个 )", + position: "left", + splitLine: { + show: true, + lineStyle: { + type: "dashed", + }, + }, + axisLabel: { + show: true, + interval: 0, + }, + }, + series: [ + { + name: "桥接治疗人数", + type: "line", + // stack: "Total", + color: "#00CE9F", + + areaStyle: { + opacity: 0.2, + color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ + { + offset: 0, + color: "#00CE9F", + }, + { + offset: 1, + color: "#fff", + }, + ]), + }, + emphasis: { + focus: "series", + }, + data: [120, 132, 101, 134, 90, 230, 210], + }, + { + name: "非桥接治疗人数", + type: "line", + // stack: "Total", + color: "#538BF6", + areaStyle: { + opacity: 0.2, + color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ + { + offset: 0, + color: "#538BF6", + }, + { + offset: 1, + color: "#fff", + }, + ]), + }, + emphasis: { + focus: "series", + }, + data: [220, 182, 191, 234, 290, 330, 310], + }, + ], +}; +// DPT +export const DPT = { + grid: { + top: "12%", + left: "5%", + right: "3%", + bottom: "0%", + containLabel: true, + }, + tooltip: { + trigger: "axis", + axisPointer: { + // 坐标轴指示器，坐标轴触发有效 + type: "line", // 默认为直线，可选为：'line' | 'shadow' + }, + formatter: function (params) { + let res1 = params[0].name; + for (var i = 0, l = params.length; i < l; i++) { + res1 += + "
" + + `` + + params[i].seriesName + + " : " + + params[i].value + + "个"; + } + return res1; + }, + }, + xAxis: [ + { + type: "category", + data: [ + "2023-01", + "2023-02", + "2023-03", + "2023-04", + "2023-05", + "2023-06", + "2023-07", + "2023-08", + "2023-09", + "2023-10", + "2023-11", + "2023-12", + ], + boundaryGap: false, + }, + ], + yAxis: { + scale: true, + type: "value", + minInterval: 1, + name: "单位( 个 )", + position: "left", + splitLine: { + show: true, + lineStyle: { + type: "dashed", + }, + }, + axisLabel: { + show: true, + interval: 0, + }, + }, + series: [ + { + name: "≤60 min", + type: "line", + // stack: "Total", + color: "#00D1A1", + areaStyle: { + opacity: 0.8, + color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ + { + offset: 0, + color: "#00D1A1", + }, + { + offset: 1, + color: "#E5F5E8", + }, + ]), + }, + emphasis: { + focus: "series", + }, + data: [120, 132, 101, 134, 90, 230, 210], + }, + { + name: "≤90 min", + type: "line", + // stack: "Total", + color: "#FFCD6C ", + areaStyle: { + opacity: 0.8, + color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ + { + offset: 0, + color: "#FFCD6C ", + }, + { + offset: 1, + color: "#FDEBC8", + }, + ]), + }, + emphasis: { + focus: "series", + }, + data: [20, 32, 10, 34, 90, 30, 21], + }, + { + name: ">90 min", + type: "line", + // stack: "Total", + color: "#A794FE", + areaStyle: { + opacity: 0.8, + color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ + { + offset: 0, + color: "#A794FE", + }, + { + offset: 1, + color: "#A794FE", + }, + ]), + }, + emphasis: { + focus: "series", + }, + data: [20, 32, 10, 34, 90, 30, 21], + }, + ], +}; +//RPT +export const RPT = { + tooltip: { + trigger: "axis", + axisPointer: { + type: "cross", + label: { + backgroundColor: "#6a7985", + }, + }, + formatter: function (params) { + let res1 = params[0].name; + for (var i = 0, l = params.length; i < l; i++) { + res1 += + "
" + + `` + + params[i].seriesName + + " : " + + params[i].value + + "个"; + } + return res1; + }, + }, + legend: { + type: "scroll", + padding: [0, 350, 0, 0], + data: ["急救详情", "本院SOP"], + }, + grid: { + top: "12%", + left: "5%", + right: "3%", + bottom: "0%", + containLabel: true, + }, + xAxis: [ + { + type: "category", + data: [ + "2023-01", + "2023-02", + "2023-03", + "2023-04", + "2023-05", + "2023-06", + "2023-07", + "2023-08", + "2023-09", + "2023-10", + "2023-11", + "2023-12", + ], + boundaryGap: false, + }, + ], + yAxis: { + name: "单位( 个 )", + scale: true, + type: "value", + minInterval: 1, + position: "left", + splitLine: { + show: true, + lineStyle: { + type: "dashed", + }, + }, + axisLabel: { + show: true, + interval: 0, + }, + }, + series: [ + { + name: "≤60", + type: "line", + // stack: "Total", + color: "#A794FE", + areaStyle: { + opacity: 0.8, + color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ + { + offset: 0, + color: "#A794FE", + }, + { + offset: 1, + color: "#EAE5FE", + }, + ]), + }, + emphasis: { + focus: "series", + }, + data: [120, 132, 101, 134, 90, 230, 210], + }, + { + name: "≤90", + type: "line", + // stack: "Total", + color: "#4F8BFF", + areaStyle: { + opacity: 0.8, + color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ + { + offset: 0, + color: "#4F8BFF", + }, + { + offset: 1, + color: "#E9F1FF", + }, + ]), + }, + emphasis: { + focus: "series", + }, + data: [22, 82, 19, 34, 29, 33, 31], + }, + { + name: ">90", + type: "line", + // stack: "Total", + color: "#ffcd6c", + areaStyle: { + opacity: 0.8, + color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ + { + offset: 0, + color: "#ffcd6c", + }, + { + offset: 1, + color: "rgba(255,205,108,0.8)", + }, + ]), + }, + emphasis: { + focus: "series", + }, + data: [22, 82, 19, 34, 29, 33, 31], + }, + ], +}; diff --git a/acupuncture-前台/src/views/indexCom/patient.vue b/acupuncture-前台/src/views/indexCom/patient.vue new file mode 100644 index 00000000..a9bd3de7 --- /dev/null +++ b/acupuncture-前台/src/views/indexCom/patient.vue @@ -0,0 +1,246 @@ + + + + + diff --git a/acupuncture-前台/src/views/indexCom/query.vue b/acupuncture-前台/src/views/indexCom/query.vue new file mode 100644 index 00000000..fc740393 --- /dev/null +++ b/acupuncture-前台/src/views/indexCom/query.vue @@ -0,0 +1,183 @@ + + + + + diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 00000000..1208ee99 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,6 @@ +{ + "name": "针灸", + "lockfileVersion": 2, + "requires": true, + "packages": {} +}