|
|
@@ -9,9 +9,9 @@ |
|
|
|
<!-- 周/月报 --> |
|
|
|
<div class="report"> |
|
|
|
<van-nav-bar title="心理监测周报" :border="true" @click-left="onNavBack"> |
|
|
|
<template #left> |
|
|
|
<van-icon name="arrow-left" size="24" style="padding: 0" v-show="params.isShowLeft" /> |
|
|
|
<span v-show="params.isShowLeft">返回</span> |
|
|
|
<template #left v-if="isShowLeft"> |
|
|
|
<van-icon name="arrow-left" size="24" style="padding: 0" /> |
|
|
|
<span>返回</span> |
|
|
|
</template> |
|
|
|
</van-nav-bar> |
|
|
|
<div class="main"> |
|
|
@@ -21,8 +21,8 @@ |
|
|
|
<p class="space-between"> |
|
|
|
<span class="bold">本周总评</span> |
|
|
|
<span class="time">{{ |
|
|
|
resetDate(weekResult.StartDate, weekResult.EndDate) || "--" |
|
|
|
}}</span> |
|
|
|
resetDate(weekResult.StartDate, weekResult.EndDate) || "--" |
|
|
|
}}</span> |
|
|
|
</p> |
|
|
|
<p class="bold-pro" :style="{ color: calcResultColor(weekResult.SummaryLevel) || '--' }"> |
|
|
|
{{ weekResult.Summary }} |
|
|
@@ -56,27 +56,27 @@ |
|
|
|
|
|
|
|
<div class="item-right"> |
|
|
|
<span :style="{ color: item.color }">{{ |
|
|
|
item.count ? item.count + "次" : "0次" |
|
|
|
}}</span> |
|
|
|
item.count ? item.count + "次" : "0次" |
|
|
|
}}</span> |
|
|
|
<label :style="{ color: item.color }">{{ |
|
|
|
item.percentage ? "(" + item.percentage + "%" + ")" : "(0%)" |
|
|
|
}}</label> |
|
|
|
item.percentage ? "(" + item.percentage + "%" + ")" : "(0%)" |
|
|
|
}}</label> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="status"> |
|
|
|
<img :src="calcImg(item.percentage, item.lastPercentage)" alt="" /> |
|
|
|
<span :style="{ |
|
|
|
color: |
|
|
|
calcImg(item.percentage, item.lastPercentage, true) != 0 |
|
|
|
? item.color |
|
|
|
: '', |
|
|
|
}">{{ |
|
|
|
calcImg(item.percentage, item.lastPercentage, true) |
|
|
|
? Math.abs( |
|
|
|
calcImg(item.percentage, item.lastPercentage, true) |
|
|
|
) + "%" |
|
|
|
: "持平" |
|
|
|
}}</span> |
|
|
|
color: |
|
|
|
calcImg(item.percentage, item.lastPercentage, true) != 0 |
|
|
|
? item.color |
|
|
|
: '', |
|
|
|
}">{{ |
|
|
|
calcImg(item.percentage, item.lastPercentage, true) |
|
|
|
? Math.abs( |
|
|
|
calcImg(item.percentage, item.lastPercentage, true) |
|
|
|
) + "%" |
|
|
|
: "持平" |
|
|
|
}}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@@ -91,8 +91,8 @@ |
|
|
|
|
|
|
|
<div class="middle"> |
|
|
|
<span :style="{ color: calcResultColor(item.level) }">{{ |
|
|
|
item.value || "--" |
|
|
|
}}</span> |
|
|
|
item.value || "--" |
|
|
|
}}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="bottom"> |
|
|
@@ -123,13 +123,13 @@ |
|
|
|
<div class="item" v-for="(item, index) in emotionList" :key="index"> |
|
|
|
<p> |
|
|
|
<span :style="{ color: item.color }" class="day">{{ |
|
|
|
item.days |
|
|
|
}}</span> |
|
|
|
item.days |
|
|
|
}}</span> |
|
|
|
<span class="day-text">天</span> |
|
|
|
<img :src="calcWeekImg(item.days, item.lastDay)" alt="" /> |
|
|
|
<span class="day-text status">{{ |
|
|
|
calcWeekImg(item.days, item.lastDay, true) |
|
|
|
}}</span> |
|
|
|
}}</span> |
|
|
|
</p> |
|
|
|
<p>{{ item.text }}</p> |
|
|
|
</div> |
|
|
@@ -282,6 +282,9 @@ export default { |
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
isShowLeft() { |
|
|
|
return this.params.isShowLeft ? this.params.isShowLeft === 'true' : false |
|
|
|
}, |
|
|
|
// 折线图标题 |
|
|
|
echartsTitle() { |
|
|
|
return `${this.emoName}数据图`; |
|
|
|