TelpoH5FrontendWeb/src/views/health/psychological/report.vue

<!--
 * @Date: 2023-10-30 11:30:22
 * @LastEditors: JinxChen
 * @LastEditTime: 2023-10-30 15:56:20
 * @FilePath: \TelpoH5FrontendWeb\src\views\health\psychological\report.vue
 * @description:
-->
<template>
    <!-- 周/月报 -->
    <div class="report">
        <van-nav-bar title="心理监测周报" :border="true"  :left-arrow="true" @click-left="onNavBack">
            <template #left>
                <van-icon name="arrow-left" size="24" style="padding: 0"/>
            </template>
        </van-nav-bar>
        <div class="main">
            <!-- 总评 -->
            <div class="overall-rating">
                <h5>本周总评:</h5>
                <p>轻度抑郁倾向</p>
                <p>监测次数: 20次</p>
                <p>发发发发发个规格egg嘎嘎</p>
            </div>
            <!-- 趋势对比-饼状图 -->
            <div class="pie-chart"></div>
            <!-- 数据图-柱形图 -->
            <div class="bar-chart "></div>
            <!-- 建议 -->
            <div class="advise"></div>
            <!-- 概览 -->
            <div class="overview"></div>
        </div>
    </div>
</template>

<script>
export default {
  name:'',
  data(){
   return {

   }
  },
  methods: {
    onNavBack() {},

  }
}
</script>

<style scoped lang="scss">
@import "./report.scss";
</style>