diff --git a/src/views/health/psychological/index.vue b/src/views/health/psychological/index.vue index 0cab189..bb651f6 100644 --- a/src/views/health/psychological/index.vue +++ b/src/views/health/psychological/index.vue @@ -163,7 +163,7 @@
- 本周概览 + {{ surveyTitle }}

@@ -312,7 +312,8 @@ export default { // 选中的日历日期 selectDate: '', uid: '', - advice: '' + advice: '', + surveyTitle: '' || '本周概览' }; }, computed: { @@ -506,11 +507,18 @@ export default { itemStyle: { color: function(params) { // 动态设置折线图远点颜色 - if (params.data > 140) { - return "red"; - } else { - return "#62BD48"; + let value = params.data; + let color = ''; + if (value <= 40) { + color = "#62BD48"; + } else if (value > 40 && value <= 65) { + color = "#FEC350"; + } else if (value > 65 && value <= 80) { + color = "#F86825"; + } else if (value > 80) { + color = "#EB1D15"; } + return color; } } }, @@ -521,16 +529,6 @@ export default { data: "", symbol: "circle", symbolSize: 15, // 拐点圆的大小 - itemStyle: { - color: function(params) { - // 动态设置折线图远点颜色 - if (params.data > 140) { - return "red"; - } else { - return "#62BD48"; - } - } - } }, { name: `中度${this.emoName}倾向`, @@ -867,11 +865,19 @@ export default { itemStyle: { color: function(params) { // 动态设置折线图远点颜色 - if (params.data > 140) { - return "red"; - } else { - return "#62BD48"; - } + this.calcColor(params.data); + /* let value = params.data; + let color = ''; + if (value <= 40) { + color = "#62BD48"; + } else if (value > 40 && value <= 65) { + color = "#FEC350"; + } else if (value > 65 && value <= 80) { + color = "#F86825"; + } else if (value > 80) { + color = "#EB1D15"; + } + return color; */ } } }, @@ -885,11 +891,6 @@ export default { itemStyle: { color: function(params) { // 动态设置折线图远点颜色 - if (params.data > 140) { - return "red"; - } else { - return "#62BD48"; - } } } }, @@ -908,25 +909,21 @@ export default { { name: `无${this.emoName}倾向`, type: "scatter", - data: /* this.emotionData */ [60, 60, 50, 60, 59, 60, 60], + data: '', symbolSize: 15, symbol: "circle", itemStyle: { borderColor: "#6CE463", color: function(params) { // 动态设置折线图远点颜色 - if (params.data > 140) { - return "red"; - } else { - return "#6CE463"; - } + this.calcColor(params.data); } } }, { name: `轻度${this.emoName}倾向`, type: "scatter", - data: [60, 60, 50, 60, 59, 60, 60], + /* data: [60, 60, 50, 60, 59, 60, 60], */ symbol: "path://M9 0h0a9 9 0 0 2 9 9v55a9 9 0 0 2-9 9h0a9 9 0 0 2-9-9v-55a9 9 0 0 2 10-9z", symbolSize: [60, 60], symbolKeepAspect: true, @@ -936,11 +933,6 @@ export default { opacity: 0.5, color: function(params) { // 动态设置折线图远点颜色 - if (params.data > 140) { - return "red"; - } else { - return "#6CE463"; - } } } }, @@ -1003,6 +995,7 @@ export default { let currentDate = new Date(); let leftText = value === 0 ? '今天' : value === 7 ? '7天' : '30天'; this.titleLeft = `${leftText}${this.emoName}倾向趋势`; + this.surveyTitle = value === 7 ? '本周概览' : '本月概览'; if (value === 7) { this.defaultOptions.xAxis.data = [ "周一",