- 心理建模进度查询 - 修改 去完成按钮位置 - 增加 建模完成提示 - 心理监测详情 - 修改 返回到汇总页面日期设置为今天 - 修改 重度颜色显示 - 修复 圆环图表的等级展示出现换行的问题 - 修复 选择历史监测数据后,界面还是显示:今天的问题 - 修复 轻度疲劳图标显示不正确的问题 - 取消 日历组件星期显示master
@@ -1,7 +1,7 @@ | |||||
<!-- | <!-- | ||||
* @Date: 2022-08-17 16:19:13 | * @Date: 2022-08-17 16:19:13 | ||||
* @LastEditors: JinxChen | * @LastEditors: JinxChen | ||||
* @LastEditTime: 2023-06-29 14:22:17 | |||||
* @LastEditTime: 2023-06-30 09:30:30 | |||||
* @FilePath: \TelpoH5FrontendWeb\README.md | * @FilePath: \TelpoH5FrontendWeb\README.md | ||||
* @description: 项目说明 | * @description: 项目说明 | ||||
--> | --> | ||||
@@ -582,4 +582,19 @@ update | |||||
- 增加 抑郁,压力和疲劳心情图标 | - 增加 抑郁,压力和疲劳心情图标 | ||||
- 心理监测详情 | - 心理监测详情 | ||||
- 修改 图表拐点圆大小 | |||||
- 修改 图表拐点圆大小 | |||||
## v1.0.73 | |||||
`2023.6.30` | |||||
update | |||||
- 心理建模进度查询 | |||||
- 修改 去完成按钮位置 | |||||
- 增加 建模完成提示 | |||||
- 心理监测详情 | |||||
- 修改 返回到汇总页面日期设置为今天 | |||||
- 修改 重度颜色显示 | |||||
- 修复 圆环图表的等级展示出现换行的问题 | |||||
- 修复 选择历史监测数据后,界面还是显示:今天的问题 | |||||
- 修复 轻度疲劳图标显示不正确的问题 | |||||
- 取消 日历组件星期显示 |
@@ -5,7 +5,7 @@ | |||||
* @FilePath: \TelpoH5FrontendWeb\src\config\models.js | * @FilePath: \TelpoH5FrontendWeb\src\config\models.js | ||||
* @description: | * @description: | ||||
*/ | */ | ||||
export const VERSION_MODEL = '1.0.72F'; //版本号 | |||||
export const VERSION_MODEL = '1.0.73F'; //版本号 | |||||
export const IMAGE_URL = { | export const IMAGE_URL = { | ||||
production: 'http://zfb.ssjlai.com/web/', | production: 'http://zfb.ssjlai.com/web/', | ||||
test: 'http://zfb.ssjlai.com/web/', | test: 'http://zfb.ssjlai.com/web/', | ||||
@@ -82,7 +82,7 @@ $newBlue: #638EE4; | |||||
position: relative; | position: relative; | ||||
height: 180px; | height: 180px; | ||||
padding-left: 15px; | padding-left: 15px; | ||||
width: 40%; | |||||
width: 35%; | |||||
@include center(); | @include center(); | ||||
#pieChart { | #pieChart { | ||||
height: 106px; | height: 106px; | ||||
@@ -91,7 +91,7 @@ $newBlue: #638EE4; | |||||
} | } | ||||
.pie-chart-right { | .pie-chart-right { | ||||
height: 180px; | height: 180px; | ||||
width: 55%; | |||||
width: 65%; | |||||
padding-right: 20px; | padding-right: 20px; | ||||
@include center(); | @include center(); | ||||
.list { | .list { | ||||
@@ -290,8 +290,6 @@ export default { | |||||
), | ), | ||||
// 路由传过来的情绪参数 | // 路由传过来的情绪参数 | ||||
emoName: null, | emoName: null, | ||||
// 左边标题 | |||||
titleLeft: null, | |||||
// 默认折线图 Series 配置 | // 默认折线图 Series 配置 | ||||
defaultSeries: null, | defaultSeries: null, | ||||
// 非日报折线图 Series 配置 | // 非日报折线图 Series 配置 | ||||
@@ -339,12 +337,12 @@ export default { | |||||
legend: { | legend: { | ||||
width: "60%", | width: "60%", | ||||
orient: "horizontal", | orient: "horizontal", | ||||
left: 'right', | |||||
right: 'right', | |||||
top: "3%", | top: "3%", | ||||
bottom: "3%", | bottom: "3%", | ||||
itemHeight: 12, | |||||
itemWidth: 12, | |||||
itemGap: 14, | |||||
itemHeight: 10, | |||||
itemWidth: 10, | |||||
itemGap: 10, | |||||
align: 'auto', | align: 'auto', | ||||
selectedMode: false, | selectedMode: false, | ||||
data: [ | data: [ | ||||
@@ -372,7 +370,7 @@ export default { | |||||
{ | { | ||||
name: `重度${this.emoName}倾向`, | name: `重度${this.emoName}倾向`, | ||||
itemStyle: { | itemStyle: { | ||||
color: "#F86825", | |||||
color: "#EB1D15", | |||||
}, | }, | ||||
icon: "rect", | icon: "rect", | ||||
textStyle: { | textStyle: { | ||||
@@ -595,6 +593,16 @@ export default { | |||||
} | } | ||||
] | ] | ||||
}; | }; | ||||
}, | |||||
titleLeft() { | |||||
let text = this.emoName === 'depression' ? '趋势' : ''; | |||||
let today = ''; | |||||
if(this.currentDays !== 0) { | |||||
today = ''; | |||||
} else { | |||||
today = this.$dayjs(this.selectDate || this.defaultDate).format("YYYY-MM-DD") === this.$dayjs(new Date()).format("YYYY-MM-DD") ? '今天' : ''; | |||||
} | |||||
return `${today}${this.emoName}倾向${text}`; | |||||
} | } | ||||
}, | }, | ||||
watch: { | watch: { | ||||
@@ -816,7 +824,7 @@ export default { | |||||
let SevereDay = { | let SevereDay = { | ||||
days: data.SevereDay, | days: data.SevereDay, | ||||
text: `重度${this.emoName}倾向`, | text: `重度${this.emoName}倾向`, | ||||
color: "#ACACAC" | |||||
color: "#EB1D15" | |||||
}; | }; | ||||
this.emotionList.push(NoneDay); | this.emotionList.push(NoneDay); | ||||
this.emotionList.push(MildDay); | this.emotionList.push(MildDay); | ||||
@@ -863,9 +871,10 @@ export default { | |||||
}, | }, | ||||
// 初始化图表的文字内容 | // 初始化图表的文字内容 | ||||
initEchartText() { | initEchartText() { | ||||
let text = this.emoName === 'depression' ? '趋势' : ''; | |||||
let today = this.$dayjs(this.defaultDate).format("YYYY-MM-DD") === this.$dayjs(new Date()).format("YYYY-MM-DD") ? '今天' : ''; | |||||
this.result = `无${this.emoName}倾向`; | this.result = `无${this.emoName}倾向`; | ||||
this.echartsTitle = `${this.emoName}数据图`; | |||||
this.titleLeft = `今天${this.emoName}倾向趋势`; | |||||
this.echartsTitle = `${today}${this.emoName}数据图`; | |||||
this.defaultSeries = [ | this.defaultSeries = [ | ||||
{ | { | ||||
name: `无${this.emoName}倾向`, | name: `无${this.emoName}倾向`, | ||||
@@ -1000,7 +1009,6 @@ export default { | |||||
// 返回 | // 返回 | ||||
onNavBack() { | onNavBack() { | ||||
this.params.name = ''; | this.params.name = ''; | ||||
this.params.date = this.selectDate || this.params.date; | |||||
this.$router.replace({ | this.$router.replace({ | ||||
name: 'psychologicalMain', | name: 'psychologicalMain', | ||||
query: { | query: { | ||||
@@ -1014,7 +1022,6 @@ export default { | |||||
this.currentDays = value; | this.currentDays = value; | ||||
let currentDate = new Date(); | let currentDate = new Date(); | ||||
let leftText = value === 0 ? '今天' : value === 7 ? '7天' : '30天'; | let leftText = value === 0 ? '今天' : value === 7 ? '7天' : '30天'; | ||||
this.titleLeft = `${leftText}${this.emoName}倾向趋势`; | |||||
this.surveyTitle = value === 7 ? '本周概览' : '本月概览'; | this.surveyTitle = value === 7 ? '本周概览' : '本月概览'; | ||||
if (value === 7) { | if (value === 7) { | ||||
this.defaultOptions.xAxis.data = [ | this.defaultOptions.xAxis.data = [ | ||||
@@ -1152,24 +1159,25 @@ export default { | |||||
overflow: scroll; | overflow: scroll; | ||||
} | } | ||||
.calendar { | .calendar { | ||||
/* height: 300px; */ | |||||
overflow: scroll; | overflow: scroll; | ||||
.van-calendar { | .van-calendar { | ||||
height: 350px; | height: 350px; | ||||
.van-calendar__header { | |||||
display: none; | |||||
} | |||||
.van-calendar__days .van-calendar__day { | .van-calendar__days .van-calendar__day { | ||||
width: 27px; | width: 27px; | ||||
height: 27px; | height: 27px; | ||||
margin: 5px; | |||||
font-size: 12px; | font-size: 12px; | ||||
&.custom-calendar { | &.custom-calendar { | ||||
width: 27px; | width: 27px; | ||||
height: 27px; | height: 27px; | ||||
margin: 5px; | |||||
} | } | ||||
&.highlight-border { | &.highlight-border { | ||||
border: 1px solid #62bd48; | border: 1px solid #62bd48; | ||||
width: 27px; | width: 27px; | ||||
height: 27px; | height: 27px; | ||||
margin: 5px; | |||||
border-radius: 50%; | border-radius: 50%; | ||||
} | } | ||||
} | } | ||||
@@ -1177,6 +1185,7 @@ export default { | |||||
width: 27px; | width: 27px; | ||||
height: 27px; | height: 27px; | ||||
border-radius: 50%; | border-radius: 50%; | ||||
font-size: 12px; | |||||
} | } | ||||
} | } | ||||
} | } | ||||
@@ -56,18 +56,25 @@ | |||||
<div class="sub_title"> | <div class="sub_title"> | ||||
完成一次“情绪初始化评估”,有助于建立您的个人情绪模型。 | 完成一次“情绪初始化评估”,有助于建立您的个人情绪模型。 | ||||
</div> | </div> | ||||
<div class="step_button"> | |||||
<van-button | |||||
round | |||||
type="info" | |||||
style="width: 100%; height: 100%" | |||||
v-if="info.initScaleState !== 1" | |||||
@click="toQuestion" | |||||
>去完成</van-button> | |||||
</div> | |||||
</div> | </div> | ||||
<div class="button"> | |||||
<van-button | |||||
round | |||||
type="info" | |||||
style="width: 100%; height: 100%" | |||||
@click="toQuestion" | |||||
v-if="info.initScaleState !== 1" | |||||
>去完成</van-button | |||||
> | |||||
</div> | |||||
<div class="completed" v-show="info.progress === 1 && info.initScaleState === 1"> | |||||
<van-button | |||||
round | |||||
type="info" | |||||
>建模已完成</van-button | |||||
> | |||||
</div> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
@@ -136,14 +143,13 @@ export default { | |||||
}, | }, | ||||
}, ssjlToken) | }, ssjlToken) | ||||
if (re.success) { | if (re.success) { | ||||
this.info = re.response | |||||
if (re.response && re.response.state === -1) { | if (re.response && re.response.state === -1) { | ||||
this.$toast('用户不存在或未绑定手表') | this.$toast('用户不存在或未绑定手表') | ||||
} else if (re.response && re.response.initScaleState === 1 && re.response.progress === 1 && !this.autoJump) { | } else if (re.response && re.response.initScaleState === 1 && re.response.progress === 1 && !this.autoJump) { | ||||
// 2023.6.1 需求变更,建模完成直接跳到心理健康汇总页面 | // 2023.6.1 需求变更,建模完成直接跳到心理健康汇总页面 | ||||
this.$router.replace(`/psychologicalMain?uid=${this.uid}&fromUrl=${this.fromUrl || ''}`); | this.$router.replace(`/psychologicalMain?uid=${this.uid}&fromUrl=${this.fromUrl || ''}`); | ||||
} else { | |||||
this.info = re.response | |||||
} | |||||
} | |||||
} else { | } else { | ||||
this.$toast(re.msg) | this.$toast(re.msg) | ||||
} | } | ||||
@@ -231,7 +237,6 @@ export default { | |||||
text-align: left; | text-align: left; | ||||
background: #f4f4f4; | background: #f4f4f4; | ||||
padding-bottom: 30vw; | padding-bottom: 30vw; | ||||
.tip { | .tip { | ||||
display: flex; | display: flex; | ||||
font-size: 3.3vw; | font-size: 3.3vw; | ||||
@@ -264,7 +269,6 @@ export default { | |||||
} | } | ||||
} | } | ||||
} | } | ||||
.step { | .step { | ||||
margin-top: 3vw; | margin-top: 3vw; | ||||
padding: 4vw 8vw; | padding: 4vw 8vw; | ||||
@@ -308,9 +312,29 @@ export default { | |||||
.sub_title { | .sub_title { | ||||
padding: 3vw 0; | padding: 3vw 0; | ||||
color: gray; | color: gray; | ||||
} | |||||
} | |||||
.step_button { | |||||
height: 14vw; | |||||
width: 60vw; | |||||
margin: auto; | |||||
.van-button--info { | |||||
background-color: #638ee4; | |||||
border: 1px solid #638ee4; | |||||
} | |||||
} | |||||
} | } | ||||
.completed { | |||||
position: relative; | |||||
margin-top: 3vw; | |||||
height: 400px; | |||||
@include center(); | |||||
.van-button--info { | |||||
height: 8vh; | |||||
width: 75vw; | |||||
background-color: #638ee4; | |||||
border: 1px solid #638ee4; | |||||
} | |||||
} | |||||
.button { | .button { | ||||
position: fixed; | position: fixed; | ||||
left: 0; | left: 0; | ||||