diff --git a/src/config/models.js b/src/config/models.js
index 99029a1..b71455e 100644
--- a/src/config/models.js
+++ b/src/config/models.js
@@ -5,7 +5,7 @@
  * @FilePath: \TelpoH5FrontendWeb\src\config\models.js
  * @description:
  */
-export const VERSION_MODEL = '1.0.114F'; //版本号
+export const VERSION_MODEL = '1.0.115F'; //版本号
 export const IMAGE_URL = {
     production: 'http://zfb.ssjlai.com/web/',
     test: 'http://zfb.ssjlai.com/web/',
@@ -26,15 +26,15 @@ export const BaiduStatisticsModel = {
 };
 // 情绪模型
 export const EmotionModel = {
-    // 抑郁
+    // 焦虑
     depression: {
-        name: '抑郁',
+        name: '焦虑',
         type: 2,
-        title1: '抑郁倾向',
-        article1: `<p>设备所检测的是个体的抑郁倾向。通过将个人的生理特征（脉搏波、心率变异性等）和行为习惯（运动、作息等）与临床诊断为抑郁症的患者的相应特征进行对比，判断出个体的抑郁倾向（即抑郁症的可能性）程度。抑郁倾向持续的时间越长、程度越严重，代表患有抑郁症的风险就越大。</p>`,
-        title2: '抑郁倾向算法原理',
-        article2: `<p>1．研究发现，抑郁症等情绪障碍可能会引起个体外周生理系统反应的钝化，因此患者可能在面临危险、压力等应激状态下表现出较低的生理反应唤醒水平。这一点能够通过皮肤电、心率变异性等生理特征的周期性变化来判断。</p>
-        <p>2．抑郁症等情绪障碍的患者会出现明显的失眠、运动少、和生物钟紊乱，算法能够有效分析判断出这些异常的行为特征。</p>`
+        title1: '焦虑倾向',
+        article1: `<p>设备所检测的是个体的焦虑倾向。通过将个人的生理特征（脉搏波、心率变异性等）和行为习惯（运动、作息等）与临床诊断为焦虑症的患者的相应特征进行对比，判断出个体的焦虑倾向（即焦虑症的可能性）程度。焦虑倾向持续的时间越长、程度越严重，代表患有焦虑症的风险就越大。</p>`,
+        title2: '焦虑倾向算法原理',
+        article2: `<p>1．研究发现，焦虑症等情绪障碍可能会引起个体外周生理系统反应的钝化，因此患者可能在面临危险、压力等应激状态下表现出较低的生理反应唤醒水平。这一点能够通过皮肤电、心率变异性等生理特征的周期性变化来判断。</p>
+        <p>2．焦虑症等情绪障碍的患者会出现明显的失眠、运动少、和生物钟紊乱，算法能够有效分析判断出这些异常的行为特征。</p>`
 
     },
     // 压力
diff --git a/src/views/health/psychological-main/index.vue b/src/views/health/psychological-main/index.vue
index 3bcff76..2bead6c 100644
--- a/src/views/health/psychological-main/index.vue
+++ b/src/views/health/psychological-main/index.vue
@@ -1,43 +1,48 @@
 <template>
-    <div class="psychological-main-container">
-        <van-nav-bar title="今日情绪" :border="true"  @click-left="onNavBack">
-            <template #left>
-                <div v-show="isShowLeft" class="nav-bar-title">
-                    <van-icon name="arrow-left" size="23"/><span>返回</span>
-                </div>
-            </template>
-            <template #title>
-                <span>今日情绪</span>
-            </template>
-        </van-nav-bar>
-        <div class="main">
-            <div class="list">
-                <div v-for="(item,index) in healhtList" :key="index" :class="['item', item.class]" @click="onClick(item)">
-                    <p class="health-value" :style="{ color: calcColor(item.value) }">
-                        {{ item.value || '--' }}
-                    </p>
-                    <p class="health-name">
-                        {{ item.name || '--'}}
-                    </p>
-                    <div class="health-result">
-                        <div :class="['left', item.class]">
-                            <p class="result">
-                                {{ item.result || '暂无数据'}}
-                            </p>
-                        </div>
-                        <div class="right">
-                            <!-- img -->
-                            <img :src="item.img" alt="">
-                        </div>
-                    </div>
-
-                    <div class="health-time">
-                        <p class="time">{{ item.time || '--' }}</p>
-                    </div>
-                </div>
+  <div class="psychological-main-container">
+    <van-nav-bar title="今日情绪" :border="true" @click-left="onNavBack">
+      <template #left>
+        <div v-show="isShowLeft" class="nav-bar-title">
+          <van-icon name="arrow-left" size="23" /><span>返回</span>
+        </div>
+      </template>
+      <template #title>
+        <span>今日情绪</span>
+      </template>
+    </van-nav-bar>
+    <div class="main">
+      <div class="list">
+        <div
+          v-for="(item, index) in healhtList"
+          :key="index"
+          :class="['item', item.class]"
+          @click="onClick(item)"
+        >
+          <p class="health-value" :style="{ color: calcColor(item.value) }">
+            {{ item.value || "--" }}
+          </p>
+          <p class="health-name">
+            {{ item.name || "--" }}
+          </p>
+          <div class="health-result">
+            <div :class="['left', item.class]">
+              <p class="result">
+                {{ item.result || "暂无数据" }}
+              </p>
             </div>
+            <div class="right">
+              <!-- img -->
+              <img :src="item.img" alt="" />
+            </div>
+          </div>
+
+          <div class="health-time">
+            <p class="time">{{ item.time || "--" }}</p>
+          </div>
         </div>
+      </div>
     </div>
+  </div>
 </template>
 
 <script>
@@ -46,120 +51,162 @@ import { isNotNull } from "@/utils/index";
 import { PsyBaseUrl } from "@/config/models";
 import APICore from "@/api/core";
 export default {
-  name: 'psychologicalMain',
-  data(){
-   return {
-       healhtList: [
-          /*  { value: 40, name: '抑郁指数', class: 'depression',result: '无抑郁倾向', time: '17:52', img: require('@/assets/img/regardless.png') },
+  name: "psychologicalMain",
+  data() {
+    return {
+      healhtList: [
+        /*  { value: 40, name: '焦虑指数', class: 'depression',result: '无焦虑倾向', time: '17:52', img: require('@/assets/img/regardless.png') },
            { value: 55, name: '压力指数', class: 'stress', result: '轻度压力', time: '17:52', img: require('@/assets/img/regardless.png') },
            { value: 75, name: '疲劳指数', class: 'tiredness', result: '中度疲劳指数', time: '17:52', img: require('@/assets/img/moderate.png') }, */
-       ],
-       uid: '',
-       routeDate: '',
-       params: {}
-
-   }
+      ],
+      uid: "",
+      routeDate: "",
+      params: {},
+    };
   },
   computed: {
     isShowLeft() {
-        return isNotNull(this.$route.query.fromUrl);
-    }
+      return isNotNull(this.$route.query.fromUrl);
+    },
   },
   mounted() {
     this.loadParams();
-    this.$store.commit('tabClick', 0);
-    window.document.title = '心理呵护';
+    this.$store.commit("tabClick", 0);
+    window.document.title = "心理呵护";
   },
   methods: {
     //   获取b端token
     getAuth() {
-        let manufactorId = "5bf13062-a41e-4d00-ba14-1101aad12650";
-        let that = this;
-        return new Promise((resolve, reject) => {
-            APICore.getAuth({ manufactorId: manufactorId }).then(res => {
-                let data = res.data;
-                if(data.code === 0) {
-                    resolve(res.data.data);
-                } else {
-                    this.$toast.fail(`${data.message}`);
-                    reject('');
-                }
-            })
-        })
+      let manufactorId = "5bf13062-a41e-4d00-ba14-1101aad12650";
+      let that = this;
+      return new Promise((resolve, reject) => {
+        APICore.getAuth({ manufactorId: manufactorId }).then((res) => {
+          let data = res.data;
+          if (data.code === 0) {
+            resolve(res.data.data);
+          } else {
+            this.$toast.fail(`${data.message}`);
+            reject("");
+          }
+        });
+      });
     },
     // 加载路由参数
     async loadParams() {
-        let params = this.$route.query;
-        if (params) {
-            this.uid = params.uid;
-            this.routeDate = params.date;
-            this.params = params;
-            if(!params.accessToken) {
-                let authToken = await this.getAuth();
-                this.$store.commit('ssjlToken', authToken);
-            } else {
-                this.$store.commit('ssjlToken', params.accessToken);
-            }
-            this.getHomeData();
+      let params = this.$route.query;
+      if (params) {
+        this.uid = params.uid;
+        this.routeDate = params.date;
+        this.params = params;
+        if (!params.accessToken) {
+          let authToken = await this.getAuth();
+          this.$store.commit("ssjlToken", authToken);
+        } else {
+          this.$store.commit("ssjlToken", params.accessToken);
         }
+        this.getHomeData();
+      }
     },
     // 获取首页数据
     getHomeData() {
-        this.$toast.loading('数据加载中');
-        let reqUrl = `${PsyBaseUrl}/api/Data/GetHomeData`;
-        let reqParams = {
-            uid: this.uid,
-            date: this.routeDate || this.$dayjs(new Date()).format('YYYY-MM-DD')
-        };
-        axios.get(reqUrl, {
-            params: { ...reqParams },
-            headers: { 'AccessToken': this.$store.getters.ssjlToken }
-        }).then(res => {
-            console.log("res", res);
-            const data = res.data.response;
-            if(!data) {
-                return this.$toast.fail(res.data.msg);
-            }
-            this.healhtList = [
-                // 2023.12.5 修改菜单顺序
-                // 疲劳指数
-                { value: data.TirScore,  name: '疲劳指数', class: 'tiredness', result: data.TirDesc, time: data.TirMeasureUpdateTime ? this.$dayjs(data.TirMeasureUpdateTime).format('HH:mm') : '', level: data.TirLevel, img: data.TirScore ? this.calcImg(data.TirLevel, 'tiredness') : '' },
-                // 压力指数
-                { value: data.StressScore,  name: '压力指数', class: 'stress', result: data.StressDesc, time: data.StressMeasureUpdateTime ? this.$dayjs(data.StressMeasureUpdateTime).format('HH:mm') : '', level: data.StressLevel, img: data.StressScore ? this.calcImg(data.StressLevel, 'stress') : ''},
-                // 抑郁指数
-                { value: data.DepScore,  name: '抑郁指数', class: 'depression', result: data.DepDesc, time: data.DepMeasureUpdateTime ? this.$dayjs(data.DepMeasureUpdateTime).format('HH:mm'): '', level: data.DepLevel, img: data.DepScore ? this.calcImg(data.DepLevel, 'depression') : ''},
-            ];
-            this.$toast.success('数据加载完成');
-        }).catch(() =>{}).finally(() => {  })
-
+      this.$toast.loading("数据加载中");
+      let reqUrl = `${PsyBaseUrl}/api/Data/GetHomeData`;
+      let reqParams = {
+        uid: this.uid,
+        date: this.routeDate || this.$dayjs(new Date()).format("YYYY-MM-DD"),
+      };
+      axios
+        .get(reqUrl, {
+          params: { ...reqParams },
+          headers: { AccessToken: this.$store.getters.ssjlToken },
+        })
+        .then((res) => {
+          console.log("res", res);
+          const data = res.data.response;
+          if (!data) {
+            return this.$toast.fail(res.data.msg);
+          }
+          this.healhtList = [
+            // 2023.12.5 修改菜单顺序
+            // 疲劳指数
+            {
+              value: data.TirScore,
+              name: "疲劳指数",
+              class: "tiredness",
+              result: data.TirDesc,
+              time: data.TirMeasureUpdateTime
+                ? this.$dayjs(data.TirMeasureUpdateTime).format("HH:mm")
+                : "",
+              level: data.TirLevel,
+              img: data.TirScore
+                ? this.calcImg(data.TirLevel, "tiredness")
+                : "",
+            },
+            // 压力指数
+            {
+              value: data.StressScore,
+              name: "压力指数",
+              class: "stress",
+              result: data.StressDesc,
+              time: data.StressMeasureUpdateTime
+                ? this.$dayjs(data.StressMeasureUpdateTime).format("HH:mm")
+                : "",
+              level: data.StressLevel,
+              img: data.StressScore
+                ? this.calcImg(data.StressLevel, "stress")
+                : "",
+            },
+            // 焦虑指数
+            {
+              value: data.DepScore,
+              name: "焦虑指数",
+              class: "depression",
+              result: data.DepDesc,
+              time: data.DepMeasureUpdateTime
+                ? this.$dayjs(data.DepMeasureUpdateTime).format("HH:mm")
+                : "",
+              level: data.DepLevel,
+              img: data.DepScore
+                ? this.calcImg(data.DepLevel, "depression")
+                : "",
+            },
+          ];
+          this.$toast.success("数据加载完成");
+        })
+        .catch(() => {})
+        .finally(() => {});
     },
     onClick(item) {
-        this.params.name = item.class;
-        this.$router.replace({
-            name: 'psychological',
-            query: {
-                name: item.class,
-                uid: this.uid,
-                date: this.routeDate,
-                ...this.params
-            }
-        })
+      this.params.name = item.class;
+      this.$router.replace({
+        name: "psychological",
+        query: {
+          name: item.class,
+          uid: this.uid,
+          date: this.routeDate,
+          ...this.params,
+        },
+      });
     },
     onNavBack() {
-        if(this.isShowLeft) {
-            window.location.href = `${this.$route.query.fromUrl}/#/${ this.$route.query.fromMenu || 'device'}`;
-        } else {
-            this.$router.go(-1);
-        }
+      if (this.isShowLeft) {
+        window.location.href = `${this.$route.query.fromUrl}/#/${
+          this.$route.query.fromMenu || "device"
+        }`;
+      } else {
+        this.$router.go(-1);
+      }
     },
     // 计算表情
     calcImg(level, name) {
-        let imgUrl = '';
-        /* imgUrl = require(`@/assets/img/psychological/${name}_${level}.png`); */
-        let numLevel = Number(level);
-        console.log(`@/assets/img/psychological/${name}_${numLevel}.png`);
-        imgUrl = require(`@/assets/img/psychological/${name}_${numLevel + 1}.png`);
-        /* switch(level) {
+      let imgUrl = "";
+      /* imgUrl = require(`@/assets/img/psychological/${name}_${level}.png`); */
+      let numLevel = Number(level);
+      console.log(`@/assets/img/psychological/${name}_${numLevel}.png`);
+      imgUrl = require(`@/assets/img/psychological/${name}_${
+        numLevel + 1
+      }.png`);
+      /* switch(level) {
             case '0':
                 imgUrl = require(`@/assets/img/psychological/${name}_${numLevel + 1}.png`);
             break;
@@ -173,28 +220,28 @@ export default {
                 imgUrl = require('@/assets/img/moderate.png');
             break;
         } */
-        return imgUrl;
+      return imgUrl;
     },
     // 计算颜色
     calcColor(value) {
-        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";
-            } else {
-                color = "";
-            }
-            return color;
-    }
-  }
-}
+      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";
+      } else {
+        color = "";
+      }
+      return color;
+    },
+  },
+};
 </script>
 
 <style scoped lang="scss">
-    @import "./index.scss";
+@import "./index.scss";
 </style>
diff --git a/src/views/health/psychological/index.vue b/src/views/health/psychological/index.vue
index d9a847a..f10a21f 100644
--- a/src/views/health/psychological/index.vue
+++ b/src/views/health/psychological/index.vue
@@ -1,301 +1,344 @@
 <template>
-    <div class="psychological-container">
-        <van-nav-bar :title="emoName + '监测'" :border="true"  :left-arrow="true"  @click-left="onNavBack">
-            <template #left>
-                <van-icon name="arrow-left" size="24" style="padding: 0"/>
-                <span>返回</span>
-            </template>
-        </van-nav-bar>
-        <div class="tab-bar">
-            <div class="date-tab-con">
-                <div class="date-tab-list">
-                    <div
-                        :class="['date-tab-item', {active: current === index, notClick: false}]"
-                        @click="onTabClick(item.value, index)"
-                        v-for="(item, index) in dateList"
-                        :key="index"
-                    >
-                        <img :src="tabImgUrl" alt v-if="index == 3"/>
-                        <span>{{item.text}}</span>
-                        <img class="more" :src="selectDownImg" alt v-if="index == 3"/>
-                    </div>
-                </div>
-            </div>
+  <div class="psychological-container">
+    <van-nav-bar
+      :title="emoName + '监测'"
+      :border="true"
+      :left-arrow="true"
+      @click-left="onNavBack"
+    >
+      <template #left>
+        <van-icon name="arrow-left" size="24" style="padding: 0" />
+        <span>返回</span>
+      </template>
+    </van-nav-bar>
+    <div class="tab-bar">
+      <div class="date-tab-con">
+        <div class="date-tab-list">
+          <div
+            :class="[
+              'date-tab-item',
+              { active: current === index, notClick: false },
+            ]"
+            @click="onTabClick(item.value, index)"
+            v-for="(item, index) in dateList"
+            :key="index"
+          >
+            <img :src="tabImgUrl" alt v-if="index == 3" />
+            <span>{{ item.text }}</span>
+            <img class="more" :src="selectDownImg" alt v-if="index == 3" />
+          </div>
         </div>
-        <!-- 情绪切换 -->
-        <div class="psy-tab-bar">
-            <div class="psy-tab-con">
-                <div class="psy-tab-list">
-                    <div :class="['psy-tab-item', {active: psyCurrent === index, notClick: false}]"
-                    @click="onPsyTabClick(item.name, index)"
-                    v-for="(item, index) in psyList"
-                    :key="index">
-                    <span>{{item.text}}</span>
-                    </div>
-                </div>
-            </div>
+      </div>
+    </div>
+    <!-- 情绪切换 -->
+    <div class="psy-tab-bar">
+      <div class="psy-tab-con">
+        <div class="psy-tab-list">
+          <div
+            :class="[
+              'psy-tab-item',
+              { active: psyCurrent === index, notClick: false },
+            ]"
+            @click="onPsyTabClick(item.name, index)"
+            v-for="(item, index) in psyList"
+            :key="index"
+          >
+            <span>{{ item.text }}</span>
+          </div>
         </div>
-        <div class="main" v-show="current !== 3">
-            <div class="top">
-                <!-- 日期选择 -->
-                <!-- 标题 -->
-                <div class="title">
-                    <div class="title-left">{{ titleLeft }}<van-icon name="question-o" @click="onHelp"/></div>
-                    <div class="title-right" v-show="currentDays === 0">
-                        <p @click="onHistory">历史监测</p>
-                    </div>
-                </div>
-                <!-- 日历 -->
+      </div>
+    </div>
+    <div class="main" v-show="current !== 3">
+      <div class="top">
+        <!-- 日期选择 -->
+        <!-- 标题 -->
+        <div class="title">
+          <div class="title-left">
+            {{ titleLeft }}<van-icon name="question-o" @click="onHelp" />
+          </div>
+          <div class="title-right" v-show="currentDays === 0">
+            <p @click="onHistory">历史监测</p>
+          </div>
+        </div>
+        <!-- 日历 -->
 
-                <van-dialog
-                    class="calenddar-dialog"
-                    v-model="calendarDialogShow"
-                    :show-confirm-button="false"
-                    :show-cancle-button="false"
-                    :close-on-click-overlay="true"
-                    ref="calenddarDialog"
-                >
-                    <template #default>
-                        <div class="calendar" ref="calendarCon">
-                            <van-calendar
-                                v-model="calendarShow"
-                                :min-date="minDate"
-                                :max-date="maxDate"
-                                :default-date="defaultDate"
-                                :round="false"
-                                :poppable="false"
-                                color="#62BD48"
-                                :show-confirm="false"
-                                :show-title="false"
-                                :show-subtitle="false"
-                                :formatter="formatter"
-                                @select="onSelect"
-                            />
-                        </div>
-                    </template>
-                </van-dialog>
+        <van-dialog
+          class="calenddar-dialog"
+          v-model="calendarDialogShow"
+          :show-confirm-button="false"
+          :show-cancle-button="false"
+          :close-on-click-overlay="true"
+          ref="calenddarDialog"
+        >
+          <template #default>
+            <div class="calendar" ref="calendarCon">
+              <van-calendar
+                v-model="calendarShow"
+                :min-date="minDate"
+                :max-date="maxDate"
+                :default-date="defaultDate"
+                :round="false"
+                :poppable="false"
+                color="#62BD48"
+                :show-confirm="false"
+                :show-title="false"
+                :show-subtitle="false"
+                :formatter="formatter"
+                @select="onSelect"
+              />
+            </div>
+          </template>
+        </van-dialog>
 
-                <!-- 监测次数 -->
-                <div class="monitoring-count">
-                    <p>监测次数：{{ monitoringCount || '0' }}次</p>
-                </div>
+        <!-- 监测次数 -->
+        <div class="monitoring-count">
+          <p>监测次数：{{ monitoringCount || "0" }}次</p>
+        </div>
 
-                <!-- 折线图-非日报 -->
+        <!-- 折线图-非日报 -->
 
-                <div class="pie-chart-con">
-                    <div class="pie-chart-left">
-                        <div id="pieChart" ref="pieChart"></div>
-                    </div>
+        <div class="pie-chart-con">
+          <div class="pie-chart-left">
+            <div id="pieChart" ref="pieChart"></div>
+          </div>
 
-                    <div class="pie-chart-right">
-                        <div class="list">
-                            <div class="item" v-for="(item, index) in pieRightList" :key="index">
-                                <div class="item-left">
-                                    <div class="circle" :style="{backgroundColor: item.color}"></div>
+          <div class="pie-chart-right">
+            <div class="list">
+              <div
+                class="item"
+                v-for="(item, index) in pieRightList"
+                :key="index"
+              >
+                <div class="item-left">
+                  <div
+                    class="circle"
+                    :style="{ backgroundColor: item.color }"
+                  ></div>
 
-                                    <span class="text">{{ item.text || '--' }}</span>
-                                </div>
+                  <span class="text">{{ item.text || "--" }}</span>
+                </div>
 
-                                <div class="item-right">
-                                    <span :style="{color: item.color}">{{ item.count ? item.count + '次' : '0次'}}</span>
-                                    <label :style="{color: item.color}">{{ item.percentage ? '(' + item.percentage + '%'  + ')' : '(0%)'}}</label>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
+                <div class="item-right">
+                  <span :style="{ color: item.color }">{{
+                    item.count ? item.count + "次" : "0次"
+                  }}</span>
+                  <label :style="{ color: item.color }">{{
+                    item.percentage ? "(" + item.percentage + "%" + ")" : "(0%)"
+                  }}</label>
                 </div>
+              </div>
+            </div>
+          </div>
+        </div>
 
-                <!-- 统计 -->
+        <!-- 统计 -->
 
-                <div class="statistics">
-                    <div class="list">
-                        <div class="item" v-for="(item, index) in statisticsList" :key="index">
-                            <div class="top">
-                                <span>{{ item.label || '--' }}</span>
-                            </div>
+        <div class="statistics">
+          <div class="list">
+            <div
+              class="item"
+              v-for="(item, index) in statisticsList"
+              :key="index"
+            >
+              <div class="top">
+                <span>{{ item.label || "--" }}</span>
+              </div>
 
-                            <div class="middle">
-                                <span
-                                    :style="{ color: calcColor(item.value)}"
-                                >{{ item.value || '--' }}</span>
-                            </div>
+              <div class="middle">
+                <span :style="{ color: calcColor(item.value) }">{{
+                  item.value || "--"
+                }}</span>
+              </div>
 
-                            <div class="bottom">
-                                <span>{{ item.time || '--' }}</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
+              <div class="bottom">
+                <span>{{ item.time || "--" }}</span>
+              </div>
             </div>
-            <!-- 分割线 -->
-            <div class="line"></div>
-            <!-- 底部 -->
-            <div class="bottom">
-                <div class="echart-container">
-                    <div class="echart" ref="charts"></div>
-                </div>
+          </div>
+        </div>
+      </div>
+      <!-- 分割线 -->
+      <div class="line"></div>
+      <!-- 底部 -->
+      <div class="bottom">
+        <div class="echart-container">
+          <div class="echart" ref="charts"></div>
+        </div>
 
-                <div class="line-gray"></div>
+        <div class="line-gray"></div>
 
-                <div class="result" v-if="monitoringCount == ''">
-                    <div class="result-con">
-                        <div class="title ">
-                            <span class="title-no-data">结果解读</span>
-                            <div class="no-data">
-                                <img src="../../../assets/img/no_data_01.png" alt />
-                                <p>暂无数据</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
+        <div class="result" v-if="monitoringCount == ''">
+          <div class="result-con">
+            <div class="title">
+              <span class="title-no-data">结果解读</span>
+              <div class="no-data">
+                <img src="../../../assets/img/no_data_01.png" alt />
+                <p>暂无数据</p>
+              </div>
+            </div>
+          </div>
+        </div>
 
-                <div class="result" v-else>
-                    <div class="result-con reminder" v-show="current === 0 ">
-                        <div class="title">
-                            <span class="title-reminder">结果解读</span>
+        <div class="result" v-else>
+          <div class="result-con reminder" v-show="current === 0">
+            <div class="title">
+              <span class="title-reminder">结果解读</span>
 
-                            <p class="title-emo" :style="{color: currentColor}">{{ result }}</p>
+              <p class="title-emo" :style="{ color: currentColor }">
+                {{ result }}
+              </p>
 
-                            <span class="font-28"><!-- 继续保持积极乐观，培养健康的生活习惯，预防消极事件对情绪带来的不良影响。 -->{{ advice }}</span>
-                        </div>
+              <span class="font-28"
+                ><!-- 继续保持积极乐观，培养健康的生活习惯，预防消极事件对情绪带来的不良影响。 -->{{
+                  advice
+                }}</span
+              >
+            </div>
 
-                        <div class="friendly-reminder" v-if="emoType === 2">
-                            <p :style="{color: currentColor}">友情提示：</p>
-                            <span>如果您发现抑郁倾向分值升高或处于轻度水平，不需要过度紧张，这可能是由正常的情绪波动或者生活习惯（睡眠时间、运动量等）的改变造成的。如果您发现抑郁倾向分值连续7天及以上处于中度或重度水平，建议您寻求家人朋友或心理咨询师的帮助，及早进行干预。</span>
-                        </div>
+            <div class="friendly-reminder" v-if="emoType === 2">
+              <p :style="{ color: currentColor }">友情提示：</p>
+              <span
+                >如果您发现焦虑倾向分值升高或处于轻度水平，不需要过度紧张，这可能是由正常的情绪波动或者生活习惯（睡眠时间、运动量等）的改变造成的。如果您发现焦虑倾向分值连续7天及以上处于中度或重度水平，建议您寻求家人朋友或心理咨询师的帮助，及早进行干预。</span
+              >
+            </div>
 
-                        <div class="warm-reminder">
-                            <p :style="{color: currentColor}">温馨提示：</p>
-                            <span>{{ warmTips }}</span>
-                        </div>
-                    </div>
+            <div class="warm-reminder">
+              <p :style="{ color: currentColor }">温馨提示：</p>
+              <span>{{ warmTips }}</span>
+            </div>
+          </div>
 
-                    <div class="result-con" v-show="current > 0">
-                        <div class="title">
-                            <span class="title-text">{{ surveyTitle }}</span>
-                            <div class="mood-list" v-if="emotionList.length > 0">
-                                <div class="item" v-for="(item, index) in emotionList" :key="index">
-                                    <p>
-                                        <span
-                                            :style="{color: item.color}"
-                                            class="day"
-                                        >{{ item.days }}</span>
-                                        <span class="day-text">天</span>
-                                    </p>
+          <div class="result-con" v-show="current > 0">
+            <div class="title">
+              <span class="title-text">{{ surveyTitle }}</span>
+              <div class="mood-list" v-if="emotionList.length > 0">
+                <div
+                  class="item"
+                  v-for="(item, index) in emotionList"
+                  :key="index"
+                >
+                  <p>
+                    <span :style="{ color: item.color }" class="day">{{
+                      item.days
+                    }}</span>
+                    <span class="day-text">天</span>
+                  </p>
 
-                                    <p>{{ item.text }}</p>
-                                </div>
-                            </div>
-                            <div class="mood-list-no-data" v-else>
-                                <div class="no-data">
-                                    <img src="../../../assets/img/no_data_01.png" alt />
-                                    <p>暂无数据</p>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
+                  <p>{{ item.text }}</p>
                 </div>
-
-                <!--  -->
+              </div>
+              <div class="mood-list-no-data" v-else>
+                <div class="no-data">
+                  <img src="../../../assets/img/no_data_01.png" alt />
+                  <p>暂无数据</p>
+                </div>
+              </div>
             </div>
+          </div>
         </div>
-        <!-- 周报菜单 -->
-        <div class="main report" v-show="current == 3">
-            <div class="content">
-                <div class="list" v-if="weekList.length > 0">
-                    <div
-                        class="item"
-                        v-for="(item, index) in weekList"
-                        :key="index"
-                        @click="onClickItem(item.recordId)"
-                    >
-                        <div class="left">
-                            <img :src="weekImg" alt />
-                            <div class="middle">
-                                <div class="title">
-                                    <span>周报</span>
-                                    <p>{{ item.name }}</p>
-                                </div>
-                                <div class="overall">
-                                    <div class="left">
-                                        <span>总评</span>
-                                        <p :style="{color: calcResultColor(item.summaryLevel)}">{{ item. summary}}</p>
-                                    </div>
-                                </div>
-                                <!-- <div class="trend">
-                                    <p>( <span>无抑郁倾向</span><span>5%</span>，<span>轻度抑郁倾向</span> <span>5%</span> )</p>
-                                </div>-->
-                            </div>
-                        </div>
 
-                        <div class="right">
-                            <img :src="moreImg" alt />
-                        </div>
-                    </div>
+        <!--  -->
+      </div>
+    </div>
+    <!-- 周报菜单 -->
+    <div class="main report" v-show="current == 3">
+      <div class="content">
+        <div class="list" v-if="weekList.length > 0">
+          <div
+            class="item"
+            v-for="(item, index) in weekList"
+            :key="index"
+            @click="onClickItem(item.recordId)"
+          >
+            <div class="left">
+              <img :src="weekImg" alt />
+              <div class="middle">
+                <div class="title">
+                  <span>周报</span>
+                  <p>{{ item.name }}</p>
                 </div>
-                <div class="list no-data" v-else>
-                    <img :src="noDataImg" alt />
-                    <p>连续佩戴两周产生对比数据</p>
+                <div class="overall">
+                  <div class="left">
+                    <span>总评</span>
+                    <p :style="{ color: calcResultColor(item.summaryLevel) }">
+                      {{ item.summary }}
+                    </p>
+                  </div>
                 </div>
+                <!-- <div class="trend">
+                                    <p>( <span>无焦虑倾向</span><span>5%</span>，<span>轻度焦虑倾向</span> <span>5%</span> )</p>
+                                </div>-->
+              </div>
             </div>
-        </div>
-        <!-- 弹出层 -->
-        <van-popup v-model="isPopup">
-            <div class="popup">
-                <div class="item science-tips first" v-if="emoType === 2">
-                    <div class="tips"><h5>小科普</h5></div>
-                    <p>抑郁症是一种心理疾病，严重时可发展为精神障碍。然而当我们体会到了痛苦、悲伤、和郁闷等负面情绪，并不意味着我们就是抑郁症。日常的短时的喜、怒、哀、乐，都是正常的情绪变化，然而长期的低落情绪、兴趣缺失等可能会让我们有抑郁的风险。</p>
-                </div>
-                <div class="item" >
-                    <h5 v-html="title1"></h5>
-                    <div v-html="article1"></div>
-                </div>
-                <div class="item">
-                    <h5 v-html="title2"></h5>
-                    <div v-html="article2"></div>
-                </div>
-                <van-button size="large" @click="onClose">返回</van-button>
+
+            <div class="right">
+              <img :src="moreImg" alt />
             </div>
-        </van-popup>
+          </div>
+        </div>
+        <div class="list no-data" v-else>
+          <img :src="noDataImg" alt />
+          <p>连续佩戴两周产生对比数据</p>
+        </div>
+      </div>
     </div>
+    <!-- 弹出层 -->
+    <van-popup v-model="isPopup">
+      <div class="popup">
+        <div class="item science-tips first" v-if="emoType === 2">
+          <div class="tips"><h5>小科普</h5></div>
+          <p>
+            焦虑症是一种心理疾病，严重时可发展为精神障碍。然而当我们体会到了痛苦、悲伤、和郁闷等负面情绪，并不意味着我们就是焦虑症。日常的短时的喜、怒、哀、乐，都是正常的情绪变化，然而长期的低落情绪、兴趣缺失等可能会让我们有焦虑的风险。
+          </p>
+        </div>
+        <div class="item">
+          <h5 v-html="title1"></h5>
+          <div v-html="article1"></div>
+        </div>
+        <div class="item">
+          <h5 v-html="title2"></h5>
+          <div v-html="article2"></div>
+        </div>
+        <van-button size="large" @click="onClose">返回</van-button>
+      </div>
+    </van-popup>
+  </div>
 </template>
 
 <script>
 import { EmotionModel, PsyBaseUrl } from "@/config/models";
 import axios from "axios";
 export default {
-    name: "psychological-monitor",
-    data() {
-        return {
-            // 日期选择标签
-            dateList: [
-                { name: "today", text: "今天", value: 0 },
-                { name: "week", text: "7天", value: 7 },
-                { name: "month", text: "30天", value: 30 },
-                { name: "weekReport", text: "周报", value: 49 }
-            ],
-            // 情绪tab
-            psyList: [
-                {name: 'tiredness', text: '疲劳', value: 0},
-                {name: 'stress', text: '压力', value: 1},
-                {name: 'depression', text: '抑郁', value: 2},
-            ],
-            // 当前情绪下标
-            psyCurrent: 0,
-            current: 0, // 日期选择标签-当前选中的标签
-            currentDays: 0, //日期选择标签-日期参数
-            emotionData: [], //情绪数据，TODO 接口对接
-            echarts: null, //折线图
-            itemHeight: Number(
-                ((document.body.clientWidth / 750) * 95).toFixed()
-            ), // 日历组件item高度
-            xAxisData: [], //图表x轴展示的数据
-            monitoringCount: "", //监测次数
-            pieEcharts: null, //饼状图
-            pieData: [], //饼状图数据
-            //饼状图右边数据,TODO 根据接口数据和 模块 重新封装数组
-            pieRightList: [
-                /* {
+  name: "psychological-monitor",
+  data() {
+    return {
+      // 日期选择标签
+      dateList: [
+        { name: "today", text: "今天", value: 0 },
+        { name: "week", text: "7天", value: 7 },
+        { name: "month", text: "30天", value: 30 },
+        { name: "weekReport", text: "周报", value: 49 },
+      ],
+      // 情绪tab
+      psyList: [
+        { name: "tiredness", text: "疲劳", value: 0 },
+        { name: "stress", text: "压力", value: 1 },
+        { name: "depression", text: "焦虑", value: 2 },
+      ],
+      // 当前情绪下标
+      psyCurrent: 0,
+      current: 0, // 日期选择标签-当前选中的标签
+      currentDays: 0, //日期选择标签-日期参数
+      emotionData: [], //情绪数据，TODO 接口对接
+      echarts: null, //折线图
+      itemHeight: Number(((document.body.clientWidth / 750) * 95).toFixed()), // 日历组件item高度
+      xAxisData: [], //图表x轴展示的数据
+      monitoringCount: "", //监测次数
+      pieEcharts: null, //饼状图
+      pieData: [], //饼状图数据
+      //饼状图右边数据,TODO 根据接口数据和 模块 重新封装数组
+      pieRightList: [
+        /* {
                     text: "无情绪倾向",
                     count: 12,
                     percentage: "80",
@@ -319,1171 +362,1221 @@ export default {
                     percentage: "80",
                     color: "#d70d0d"
                 } */
-            ],
-            // 情绪状态列表
-            statisticsList: [
-               /*  { label: "最大值", value: "75", time: "08:15" },
+      ],
+      // 情绪状态列表
+      statisticsList: [
+        /*  { label: "最大值", value: "75", time: "08:15" },
                 { label: "最小值", value: "40", time: "10:15" },
                 { label: "最近值", value: "50", time: "18:15" } */
-            ],
-            // 周报-情绪计算
-            emotionList: [
-               /*  { days: "5", text: "无情绪倾向", color: "#62BD48" },
+      ],
+      // 周报-情绪计算
+      emotionList: [
+        /*  { days: "5", text: "无情绪倾向", color: "#62BD48" },
                 { days: "4", text: "轻度情绪倾向", color: "#ffde00" },
                 { days: "3", text: "中度情绪倾向", color: "#ff8a00" },
                 { days: "2", text: "重度情绪倾向", color: "#ACACAC" } */
-            ],
-            // 弹窗-日历是否显示
-            calendarDialogShow: false,
-            // 日历是否显示，默认为true
-            calendarShow: true,
-            // 日历 默认最小可选择日期，默认为最近1个月
-            minDate: new Date(
-               this.$dayjs()
-                    .month(this.$dayjs().month() - 1)
-                    .hour(0)
-                    .minute(0)
-                    .second(0)
-                    .format()
-            ),
-            // 日历 默认最小可选择日期，默认为当前时间
-            maxDate: new Date(
-                this.$dayjs()
-                    .hour(0)
-                    .minute(0)
-                    .second(0)
-                    .format()
-            ),
-            // 默认日历日期时间
-            defaultDate: new Date(
-                this.$dayjs()
-                    .hour(0)
-                    .minute(0)
-                    .second(0)
-                    .format()
-            ),
-            // 路由传过来的情绪参数
-            emoName: '',
-            // 默认折线图 Series 配置
-            defaultSeries: null,
-            // 非日报折线图 Series 配置
-            weekAndMonthSeries: null,
-            // 当前情绪类型
-            emoType: '',
-            // 结果解读
-            result: "",
-            // 需要高亮的日期数组
-            highlightDates: [],
-            // 选中的日历日期
-            selectDate: '',
-            uid: '',
-            // 建议
-            advice: '',
-            // 底部天数标题
-            surveyTitle: '' || '7天概览',
-            // 路由中的日期
-            routeDate: '',
-            // 路由参数
-            params: {},
-            // 是否显示帮助
-            isPopup: false,
-            // 结果等级
-            resultLevel: '',
-            // 轻度级别颜色
-            mildColor: '#ffde00',
-            // 中度级别颜色
-            severeColor: '#ff8a00',
-            // 重度级别颜色
-            moderateColor: '#d70d0d',
-            // 7天和30天最大数据列表
-            weekAndMonData: [],
-            tabImgUrl: require("@/assets/img/psychological/statistical_form.png"),
-            selectDownImg: require("@/assets/img/psychological/select_down.png"),
-            weekImg: require("@/assets/img/psychological/week_report.png"),
-            moreImg: require("@/assets/img/psychological/more.png"),
-            noDataImg: require("@/assets/img/no_data_01.png"),
-            weekList: [],
-            startDate: '', //接口需要的开始时间
-            endDate: '', //接口需要的结束时间
-            currentEmoName: '', //当前情绪名称
-        };
-    },
-    computed: {
-        // 默认折线图配置，echarts 具体配置 见 https://echarts.apache.org/zh/option.html#title
-        defaultOptions() {
-            return {
-                time: {
-                    useUTC: false
-                },
-                title: {
-                    text: this.echartsTitle,
-                    left: 1,
-                    right: 25,
-                    bottom: 20,
-                    top: "3%",
-                    textStyle: {
-                        fontSize: 16,
-                        fontWeight: "bold"
-                    }
-                },
-                legend: {
-                    width: "65%",
-                    orient: "horizontal",
-                    right: '5%',
-                    top: 1,
-                    bottom: "1%",
-                    itemHeight: 12,
-                    itemWidth: 12,
-                    itemGap: 10,
-                    align: 'left',
-                    selectedMode: false,
-                    data: [
-                        {
-                            name: `无${this.emoName}倾向`,
-                            icon: "rect",
-                           
-                            itemStyle: {
-                                color: "#62BD48",
-                            },
-                            textStyle: {
-                                fontSize: 12
-                            }
-                        },
-                        {
-                            name: `轻度${this.emoName}倾向`,
-                            icon: "rect",
-                            itemStyle: {
-                                color: "#ffde00"
-                            },
-                            textStyle: {
-                                fontSize: 12
-                            }
-                        },
-                        {
-                            name: `中度${this.emoName}倾向`,
-                            itemStyle: {
-                                color: "#ff8a00"
-                            },
-                            icon: "rect",
-                            textStyle: {
-                                fontSize: 12
-                            }
-                        },
-                        {
-                            name: `重度${this.emoName}倾向`,
-                            itemStyle: {
-                                color: "#d70d0d",
-                            },
-                            icon: "rect",
-                            textStyle: {
-                                fontSize: 12
-                            }
-                        },
-                        
-                    ],
-                    formatter: function(name) {
-                        // 自定义显示内容
-                        if (name.length > 6) {
-                            return (
-                                name.substring(0, 6) + "\n" + name.substring(6)
-                            );
-                        } else {
-                            return name;
-                        }
-                    }
-                },
-                grid: {
-                    show: true,
-                    borderWidth: 1,
-                    top: '20%',
-                    left: '1%',
-                    right: '5%',
-                    bottom: '10%',
-                    containLabel: true
-                },
-                xAxis: {
-                    type: "category",
-                    axisLine: {
-                        show: false
-                    },
-                    textStyle: {
-                        fontSize: 10
-                    },
-                    axisTick: {
-                        show: false
-                    },
-                    splitLine: {
-                        show: false,
-                        lineStyle: {
-                            color: "#ddd",
-                            width: 2
-                        }
-                    },
-                    nameLocation: 'center',
-                    axisLabel: {
-                        show: true,
-                        fontSize: 12,
-                        showMinLabel: true, //显示最小值
-                        showMaxLabel: true, //显示最大值
-                    },
-                    data: this.xAxisData
-                },
-                dataZoom: [
-                   /*  {
-                        type: "inside",
-                        start: 0,
-                        end: 100,
-                    }, */
-                    {
-                        start: 0,
-                        end: 100,
-                        textStyle: {
-                            color: "#FFF",
-                            fontSize: 14
-                        },
-                        show: true,
-                        height: 15,
-                        bottom: 5,
-                        handleStyle: {
-                            borderWidth: 1,
-                            borderCap: "square"
-                        }
-                    }
-                ],
-                tooltip: {
-                    trigger: "axis",
-                    textStyle: {
-                        fontSize: 14,
-                        align: "center"
-                    },
-                    formatter: function(params) {
-                        return params[0].marker  + params[0].name + '--' + params[0].value + '</br>'
-                    }
-                },
-                yAxis: {
-                    type: "value",
-                    max: 100,
-                    min: 0,
-                    interval: 20,
-                    splitNumber : 1,
-			        boundaryGap : [ '5%', '5%' ],
-                    nameTextStyle: {
-                        fontSize: 13
-                    },
-                    alignTicks: true,
-                    axisTick: {
-                        show: true
-                    },
-                    axisLabel: {
-                        show: true,
-                        fontSize: 13,
-                    },
-                    splitLine: {
-                        show: true,
-                        lineStyle: {
-                            color: "#ddd",
-                            width: 1
-                        }
-                    }
-                },
-                series: [
-                    {
-                        name: `无${this.emoName}倾向`,
-                        type: "line",
-                        padding: 5,
-                        data: this.emotionData,
-                        symbol: "circle",
-                        symbolSize: 8,
-                    },
-                    {
-                        name: `轻度${this.emoName}倾向`,
-                        type: "line",
-                        data: ""
-                    },
-                    {
-                        name: `中度${this.emoName}倾向`,
-                        type: "line",
-                        data: ""
-                    },
-                    {
-                        name: `重度${this.emoName}倾向`,
-                        type: "line",
-                        data: ""
-                    }
-                ]
-            };
+      ],
+      // 弹窗-日历是否显示
+      calendarDialogShow: false,
+      // 日历是否显示，默认为true
+      calendarShow: true,
+      // 日历 默认最小可选择日期，默认为最近1个月
+      minDate: new Date(
+        this.$dayjs()
+          .month(this.$dayjs().month() - 1)
+          .hour(0)
+          .minute(0)
+          .second(0)
+          .format()
+      ),
+      // 日历 默认最小可选择日期，默认为当前时间
+      maxDate: new Date(this.$dayjs().hour(0).minute(0).second(0).format()),
+      // 默认日历日期时间
+      defaultDate: new Date(this.$dayjs().hour(0).minute(0).second(0).format()),
+      // 路由传过来的情绪参数
+      emoName: "",
+      // 默认折线图 Series 配置
+      defaultSeries: null,
+      // 非日报折线图 Series 配置
+      weekAndMonthSeries: null,
+      // 当前情绪类型
+      emoType: "",
+      // 结果解读
+      result: "",
+      // 需要高亮的日期数组
+      highlightDates: [],
+      // 选中的日历日期
+      selectDate: "",
+      uid: "",
+      // 建议
+      advice: "",
+      // 底部天数标题
+      surveyTitle: "" || "7天概览",
+      // 路由中的日期
+      routeDate: "",
+      // 路由参数
+      params: {},
+      // 是否显示帮助
+      isPopup: false,
+      // 结果等级
+      resultLevel: "",
+      // 轻度级别颜色
+      mildColor: "#ffde00",
+      // 中度级别颜色
+      severeColor: "#ff8a00",
+      // 重度级别颜色
+      moderateColor: "#d70d0d",
+      // 7天和30天最大数据列表
+      weekAndMonData: [],
+      tabImgUrl: require("@/assets/img/psychological/statistical_form.png"),
+      selectDownImg: require("@/assets/img/psychological/select_down.png"),
+      weekImg: require("@/assets/img/psychological/week_report.png"),
+      moreImg: require("@/assets/img/psychological/more.png"),
+      noDataImg: require("@/assets/img/no_data_01.png"),
+      weekList: [],
+      startDate: "", //接口需要的开始时间
+      endDate: "", //接口需要的结束时间
+      currentEmoName: "", //当前情绪名称
+    };
+  },
+  computed: {
+    // 默认折线图配置，echarts 具体配置 见 https://echarts.apache.org/zh/option.html#title
+    defaultOptions() {
+      return {
+        time: {
+          useUTC: false,
         },
-        imei() {
-            return this.$store.getters.serialNo;
+        title: {
+          text: this.echartsTitle,
+          left: 1,
+          right: 25,
+          bottom: 20,
+          top: "3%",
+          textStyle: {
+            fontSize: 16,
+            fontWeight: "bold",
+          },
         },
-        // 饼状图配置
-        pieOption() {
-            return {
-                tooltip: {
-                    trigger: "item",
-                    textStyle: {
-                        fontSize: 14
-                    },
-                    position: "right"
-                },
-                legend: {
-                    top: "5%",
-                    left: "center",
-                    show: false
-                },
-                series: [
-                    {
-                        type: "pie",
-                        radius: ["40%", "80%"],
-                        avoidLabelOverlap: false,
-                        startAngle: 270, // 设置逆时针渲染
-                        itemStyle: {
-                            borderRadius: 5,
-                            borderColor: "#fff",
-                            borderWidth: 2,
-                            fontSize: 16
-                        },
-                        label: {
-                            show: false,
-                            position: "center",
-                            fontSize: 16
-                        },
-                        emphasis: {
-                            label: {
-                                show: false,
-                                fontSize: 16,
-                                fontWeight: "bold"
-                            }
-                        },
-                        labelLine: {
-                            show: false
-                        },
-                        data: this.pieData
-                    }
-                ]
-            };
-        },
-        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}`;
-        },
-        // 折线图标题
-        echartsTitle() {
-            let today = '';
-            if(this.currentDays  !== 0) {
-                today = '';
+        legend: {
+          width: "65%",
+          orient: "horizontal",
+          right: "5%",
+          top: 1,
+          bottom: "1%",
+          itemHeight: 12,
+          itemWidth: 12,
+          itemGap: 10,
+          align: "left",
+          selectedMode: false,
+          data: [
+            {
+              name: `无${this.emoName}倾向`,
+              icon: "rect",
+
+              itemStyle: {
+                color: "#62BD48",
+              },
+              textStyle: {
+                fontSize: 12,
+              },
+            },
+            {
+              name: `轻度${this.emoName}倾向`,
+              icon: "rect",
+              itemStyle: {
+                color: "#ffde00",
+              },
+              textStyle: {
+                fontSize: 12,
+              },
+            },
+            {
+              name: `中度${this.emoName}倾向`,
+              itemStyle: {
+                color: "#ff8a00",
+              },
+              icon: "rect",
+              textStyle: {
+                fontSize: 12,
+              },
+            },
+            {
+              name: `重度${this.emoName}倾向`,
+              itemStyle: {
+                color: "#d70d0d",
+              },
+              icon: "rect",
+              textStyle: {
+                fontSize: 12,
+              },
+            },
+          ],
+          formatter: function (name) {
+            // 自定义显示内容
+            if (name.length > 6) {
+              return name.substring(0, 6) + "\n" + name.substring(6);
             } else {
-                today = this.$dayjs(this.selectDate || this.defaultDate).format("YYYY-MM-DD") === this.$dayjs(new Date()).format("YYYY-MM-DD") ? '今天' : '';
+              return name;
             }
-            return `${today}${this.emoName}数据图`;
+          },
         },
-        warmTips() {
-            return `正常连续佩戴腕表，每${ this.emoType == 2 ? '一':  '半'}小时计算一个${this.emoName}分值。`;
-            /* return `正常连续佩戴手表，每半小时计算一个${this.emoName}分值，睡眠期间不进行计算。` */
+        grid: {
+          show: true,
+          borderWidth: 1,
+          top: "20%",
+          left: "1%",
+          right: "5%",
+          bottom: "10%",
+          containLabel: true,
         },
-        title1() {
-            return EmotionModel[this.params.name].title1;
+        xAxis: {
+          type: "category",
+          axisLine: {
+            show: false,
+          },
+          textStyle: {
+            fontSize: 10,
+          },
+          axisTick: {
+            show: false,
+          },
+          splitLine: {
+            show: false,
+            lineStyle: {
+              color: "#ddd",
+              width: 2,
+            },
+          },
+          nameLocation: "center",
+          axisLabel: {
+            show: true,
+            fontSize: 12,
+            showMinLabel: true, //显示最小值
+            showMaxLabel: true, //显示最大值
+          },
+          data: this.xAxisData,
         },
-        article1() {
-            return EmotionModel[this.params.name].article1;
+        dataZoom: [
+          /*  {
+                        type: "inside",
+                        start: 0,
+                        end: 100,
+                    }, */
+          {
+            start: 0,
+            end: 100,
+            textStyle: {
+              color: "#FFF",
+              fontSize: 14,
+            },
+            show: true,
+            height: 15,
+            bottom: 5,
+            handleStyle: {
+              borderWidth: 1,
+              borderCap: "square",
+            },
+          },
+        ],
+        tooltip: {
+          trigger: "axis",
+          textStyle: {
+            fontSize: 14,
+            align: "center",
+          },
+          formatter: function (params) {
+            return (
+              params[0].marker +
+              params[0].name +
+              "--" +
+              params[0].value +
+              "</br>"
+            );
+          },
         },
-        title2() {
-            return EmotionModel[this.params.name].title2;
+        yAxis: {
+          type: "value",
+          max: 100,
+          min: 0,
+          interval: 20,
+          splitNumber: 1,
+          boundaryGap: ["5%", "5%"],
+          nameTextStyle: {
+            fontSize: 13,
+          },
+          alignTicks: true,
+          axisTick: {
+            show: true,
+          },
+          axisLabel: {
+            show: true,
+            fontSize: 13,
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: "#ddd",
+              width: 1,
+            },
+          },
         },
-        article2() {
-            return EmotionModel[this.params.name].article2;
+        series: [
+          {
+            name: `无${this.emoName}倾向`,
+            type: "line",
+            padding: 5,
+            data: this.emotionData,
+            symbol: "circle",
+            symbolSize: 8,
+          },
+          {
+            name: `轻度${this.emoName}倾向`,
+            type: "line",
+            data: "",
+          },
+          {
+            name: `中度${this.emoName}倾向`,
+            type: "line",
+            data: "",
+          },
+          {
+            name: `重度${this.emoName}倾向`,
+            type: "line",
+            data: "",
+          },
+        ],
+      };
+    },
+    imei() {
+      return this.$store.getters.serialNo;
+    },
+    // 饼状图配置
+    pieOption() {
+      return {
+        tooltip: {
+          trigger: "item",
+          textStyle: {
+            fontSize: 14,
+          },
+          position: "right",
         },
-        // 当前情绪颜色
-        currentColor( ) {
-            return this.calcResultColor(this.resultLevel) || "#62BD48"
+        legend: {
+          top: "5%",
+          left: "center",
+          show: false,
         },
-    },
-    watch: {
-        // 监听数据发生变化 初始化各项图表
-        emotionData: {
-            handler(n, o) {
-                this.initEchart();
+        series: [
+          {
+            type: "pie",
+            radius: ["40%", "80%"],
+            avoidLabelOverlap: false,
+            startAngle: 270, // 设置逆时针渲染
+            itemStyle: {
+              borderRadius: 5,
+              borderColor: "#fff",
+              borderWidth: 2,
+              fontSize: 16,
             },
-            deep: true
-        },
-        xAxisData: {
-            handler(n, o) {
-                this.initEchart();
+            label: {
+              show: false,
+              position: "center",
+              fontSize: 16,
             },
-            deep: true
-        },
-        pieData: {
-            handler(n, o) {
-                this.initPieEchart();
+            emphasis: {
+              label: {
+                show: false,
+                fontSize: 16,
+                fontWeight: "bold",
+              },
             },
-            deep: true
-        },
+            labelLine: {
+              show: false,
+            },
+            data: this.pieData,
+          },
+        ],
+      };
     },
-    created() {
-        // 读取路由传过来的参数，根据路由传过来的参数判断是哪种情绪
-        this.loadParams();
-        this.initEchartText();
-        this.getPieData();
-        this.getCalendarData();
-        this.getPsychologiclData();
-        this.getWeekResult();
+    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}`;
+    },
+    // 折线图标题
+    echartsTitle() {
+      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}数据图`;
+    },
+    warmTips() {
+      return `正常连续佩戴腕表，每${
+        this.emoType == 2 ? "一" : "半"
+      }小时计算一个${this.emoName}分值。`;
+      /* return `正常连续佩戴手表，每半小时计算一个${this.emoName}分值，睡眠期间不进行计算。` */
     },
-    mounted() {
+    title1() {
+      return EmotionModel[this.params.name].title1;
+    },
+    article1() {
+      return EmotionModel[this.params.name].article1;
+    },
+    title2() {
+      return EmotionModel[this.params.name].title2;
+    },
+    article2() {
+      return EmotionModel[this.params.name].article2;
+    },
+    // 当前情绪颜色
+    currentColor() {
+      return this.calcResultColor(this.resultLevel) || "#62BD48";
+    },
+  },
+  watch: {
+    // 监听数据发生变化 初始化各项图表
+    emotionData: {
+      handler(n, o) {
         this.initEchart();
-        this.current = Number(this.$store.getters.tabClick) || 0;
-        this.currentDays = this.calcDaysByTabClick(Number(this.$store.getters.tabClick));
-        this.psyCurrent = this.calcPsyTabindex(EmotionModel[this.params.name].type);
-        window.document.title = '心理监测';
+      },
+      deep: true,
     },
-    methods: {
-        loadParams() {
-            let params = this.$route.query;
-            if (params) {
-                this.emoName = EmotionModel[params.name].name;
-                this.emoType = EmotionModel[params.name].type;
-                this.uid = params.uid;
-                this.routeDate = params.date;
-                this.params = params;
-                this.currentEmoName = params.name;
-                if(params.date) {
-                    this.dateList[0].text =  this.$dayjs(params.date).format("YYYY-MM-DD") === this.$dayjs(new Date()).format("YYYY-MM-DD") ? '今天' : this.$dayjs(params.date).format("MM-DD");
-                    this.defaultDate = new Date(
-                        this.$dayjs(params.date)
-                            .hour(0)
-                            .minute(0)
-                            .second(0)
-                            .format()
-                    );
-                }
+    xAxisData: {
+      handler(n, o) {
+        this.initEchart();
+      },
+      deep: true,
+    },
+    pieData: {
+      handler(n, o) {
+        this.initPieEchart();
+      },
+      deep: true,
+    },
+  },
+  created() {
+    // 读取路由传过来的参数，根据路由传过来的参数判断是哪种情绪
+    this.loadParams();
+    this.initEchartText();
+    this.getPieData();
+    this.getCalendarData();
+    this.getPsychologiclData();
+    this.getWeekResult();
+  },
+  mounted() {
+    this.initEchart();
+    this.current = Number(this.$store.getters.tabClick) || 0;
+    this.currentDays = this.calcDaysByTabClick(
+      Number(this.$store.getters.tabClick)
+    );
+    this.psyCurrent = this.calcPsyTabindex(EmotionModel[this.params.name].type);
+    window.document.title = "心理监测";
+  },
+  methods: {
+    loadParams() {
+      let params = this.$route.query;
+      if (params) {
+        this.emoName = EmotionModel[params.name].name;
+        this.emoType = EmotionModel[params.name].type;
+        this.uid = params.uid;
+        this.routeDate = params.date;
+        this.params = params;
+        this.currentEmoName = params.name;
+        if (params.date) {
+          this.dateList[0].text =
+            this.$dayjs(params.date).format("YYYY-MM-DD") ===
+            this.$dayjs(new Date()).format("YYYY-MM-DD")
+              ? "今天"
+              : this.$dayjs(params.date).format("MM-DD");
+          this.defaultDate = new Date(
+            this.$dayjs(params.date).hour(0).minute(0).second(0).format()
+          );
+        }
+      }
+    },
+    // 计算点击的天数
+    calcDaysByTabClick(value) {
+      let days = "";
+      console.log("value", value);
+      switch (value) {
+        case 0:
+          days = 0;
+          break;
+        case 1:
+          days = 7;
+          break;
+        case 2:
+          days = 30;
+          break;
+        case 3:
+          days = 49;
+          break;
+        default:
+          break;
+      }
+      return days;
+    },
+    // 计算psyTab的下标值
+    calcPsyTabindex(type) {
+      let psyIndex = "";
+      switch (type) {
+        case 1:
+          psyIndex = 1;
+          break;
+        case 2:
+          psyIndex = 2;
+          break;
+        case 3:
+          psyIndex = 0;
+          break;
+        default:
+          break;
+      }
+      return psyIndex;
+    },
+    // 获取这个月中有数据的日期，控制日历组件的日期样式
+    getCalendarData() {
+      let currentDate = new Date();
+      // 获取最近30天的心情等级日历数据
+      let dateList = this.getPostDate(currentDate, 30, true);
+      let reqUrl = `${PsyBaseUrl}/api/Data/GetCalendarData`;
+      let reqParams = {
+        uid: this.uid,
+        startDate: dateList[0],
+        endDate: dateList[1],
+      };
+      axios
+        .get(reqUrl, {
+          params: { ...reqParams },
+          headers: { AccessToken: this.$store.getters.ssjlToken },
+        })
+        .then((res) => {
+          if (res.data) {
+            let data = res.data.response;
+            // const mergedArr = [...new Set([...arr1, ...arr2, ...arr3])];
+            /* let name = this.params.name.charAt(0).toUpperCase()+ this.params.name.slice(1); */
+            let currentName = this.params.name;
+            let list = [];
+            if (currentName === "stress") {
+              list = data.Stress;
+            } else if (currentName === "depression") {
+              list = data.Depression;
+            } else {
+              list = data.Tiredness;
             }
-        },
-        // 计算点击的天数
-        calcDaysByTabClick(value) {
-            let days = '';
-            console.log("value", value);
-            switch(value) {
-                case 0:
-                days = 0;
-                    break;
-                case 1:
-                days = 7;
-                    break;
-                case 2:
-                days = 30;
-                    break;
-                case 3:
-                days = 49;
-                    break;
-                default: break;
+            list = list.map((item) => {
+              item.Date = this.$dayjs(item.Date.replace(/-/g, "/")).format(
+                "YYYY/MM/DD"
+              );
+              return item;
+            });
+            this.highlightDates = [...list];
+          }
+        });
+    },
+    // 获取饼状图数据，TODO 对接接口数据
+    getPieData() {
+      this.pieData = [
+        { value: 12, name: "", itemStyle: { color: "green" } },
+        { value: 2, name: "", itemStyle: { color: "orange" } },
+        { value: 1, name: "", itemStyle: { color: "#FFC0CB" } },
+        { value: 1, name: "", itemStyle: { color: "red" } },
+      ];
+    },
+    // 获取情绪数据
+    getPsychologiclData(date, startDate, endDate) {
+      this.$toast.loading({
+        message: "数据加载中",
+      });
+      let reqDate = date
+        ? this.$dayjs(date).format("YYYY-MM-DD")
+        : this.routeDate ||
+          this.$dayjs(this.defaultDate).format("YYYY-MM-DD"); /* "2023-05-23" */
+      let reqParams = {
+        uid: this.uid,
+        startDate: startDate || reqDate,
+        endDate: endDate || reqDate,
+        type: this.emoType,
+      };
+      console.log("请求参数", reqParams);
+      let reqUrl = `${PsyBaseUrl}/api/Data/GetHisData`;
+      axios
+        .get(reqUrl, {
+          params: { ...reqParams },
+          headers: { AccessToken: this.$store.getters.ssjlToken },
+        })
+        .then((res) => {
+          if (res.data) {
+            let data = res.data.response;
+            // 监测次数
+            this.monitoringCount = data.Count;
+            this.pieRightList = [];
+            this.statisticsList = [];
+            this.emotionList = [];
+            let None = {
+              count: data.None,
+              percentage: this.calcPercentage(data.None, data.Count),
+              text: `无${this.emoName}倾向`,
+              color: "#62BD48",
             };
-            return days
-        },
-        // 计算psyTab的下标值
-        calcPsyTabindex(type) {
-            let psyIndex = '';
-            switch(type) {
-                case 1:
-                    psyIndex = 1;
-                    break;
-                case 2:
-                    psyIndex = 2;
-                    break;
-                case 3:
-                    psyIndex = 0;
-                    break;
-                default: break;
+            let Mild = {
+              count: data.Mild,
+              percentage: this.calcPercentage(data.Mild, data.Count),
+              text: `轻度${this.emoName}倾向`,
+              color: "#ffde00",
             };
-            return psyIndex
-        },
-        // 获取这个月中有数据的日期，控制日历组件的日期样式
-        getCalendarData() {
-            let currentDate = new Date();
-            // 获取最近30天的心情等级日历数据
-            let dateList = this.getPostDate(currentDate, 30, true);
-            let reqUrl = `${PsyBaseUrl}/api/Data/GetCalendarData`;
-            let reqParams = {
-                uid: this.uid,
-                startDate: dateList[0],
-                endDate: dateList[1],
+            let Moderate = {
+              count: data.Moderate,
+              percentage: this.calcPercentage(data.Moderate, data.Count),
+              text: `中度${this.emoName}倾向`,
+              color: "#ff8a00",
             };
-            axios.get(reqUrl, {
-                params: { ...reqParams },
-                headers: { 'AccessToken': this.$store.getters.ssjlToken }
-            }).then(res => {
-                    if (res.data) {
-                        let data = res.data.response;
-                        // const mergedArr = [...new Set([...arr1, ...arr2, ...arr3])];
-                        /* let name = this.params.name.charAt(0).toUpperCase()+ this.params.name.slice(1); */
-                        let currentName = this.params.name;
-                        let list = [];
-                        if(currentName === 'stress') {
-                            list = data.Stress;
-                        } else if(currentName === 'depression') {
-                            list = data.Depression;
-                        } else {
-                            list = data.Tiredness;
-                        }
-                        list = list.map(item =>{
-                            item.Date = this.$dayjs(item.Date.replace(/-/g, "/")).format(
-                                "YYYY/MM/DD"
-                            );
-                            return item;
-                        })
-                        this.highlightDates = [...list];
-                    }
-            })
-
-        },
-        // 获取饼状图数据，TODO 对接接口数据
-        getPieData() {
-            this.pieData = [
-                { value: 12, name: "", itemStyle: { color: "green" } },
-                { value: 2, name: "", itemStyle: { color: "orange" } },
-                { value: 1, name: "", itemStyle: { color: "#FFC0CB" } },
-                { value: 1, name: "", itemStyle: { color: "red" } }
-            ];
-        },
-        // 获取情绪数据
-        getPsychologiclData(date, startDate, endDate) {
-
-            this.$toast.loading({
-                message: '数据加载中'
+            let Severe = {
+              count: data.Severe,
+              percentage: this.calcPercentage(data.Severe, data.Count),
+              text: `重度${this.emoName}倾向`,
+              color: "#d70d0d",
+            };
+            // 饼状图右边数据
+            this.pieRightList.push(None);
+            this.pieRightList.push(Mild);
+            this.pieRightList.push(Moderate);
+            this.pieRightList.push(Severe);
+            this.pieData = this.pieRightList.map((item) => {
+              item.value = item.count;
+              item.itemStyle = {
+                color: item.color,
+              };
+              return item;
             });
-            let reqDate =
-                date
-                ? this.$dayjs(date).format("YYYY-MM-DD")
-                : this.routeDate || this.$dayjs(this.defaultDate).format("YYYY-MM-DD") /* "2023-05-23" */;
-            let reqParams = {
-                uid: this.uid,
-                startDate: startDate || reqDate,
-                endDate: endDate || reqDate,
-                type: this.emoType
+            // 最大，最小和最近值
+            let Max = {
+              label: "最大值",
+              value: data.Max,
+              time: data.MaxDesc
+                ? this.currentDays === 0
+                  ? this.$dayjs(data.MaxDesc).format("HH:mm")
+                  : this.$dayjs(data.MaxDesc).format("MM/DD HH:mm")
+                : "",
             };
-            console.log("请求参数", reqParams);
-            let reqUrl = `${PsyBaseUrl}/api/Data/GetHisData`;
-            axios
-                .get(reqUrl, {
-                    params: { ...reqParams },
-                    headers: { 'AccessToken': this.$store.getters.ssjlToken }
-                })
-                .then(res => {
-                    if (res.data) {
-                        let data = res.data.response;
-                        // 监测次数
-                        this.monitoringCount = data.Count;
-                        this.pieRightList = [];
-                        this.statisticsList = [];
-                         this.emotionList = [];
-                        let None = {
-                            count: data.None,
-                            percentage: this.calcPercentage(
-                                data.None,
-                                data.Count
-                            ),
-                            text: `无${this.emoName}倾向`,
-                            color: "#62BD48"
-                        };
-                        let Mild = {
-                            count: data.Mild,
-                            percentage: this.calcPercentage(
-                                data.Mild,
-                                data.Count
-                            ),
-                            text: `轻度${this.emoName}倾向`,
-                            color: "#ffde00"
-                        };
-                        let Moderate = {
-                            count: data.Moderate,
-                            percentage: this.calcPercentage(
-                                data.Moderate,
-                                data.Count
-                            ),
-                            text: `中度${this.emoName}倾向`,
-                            color: "#ff8a00"
-                        };
-                        let Severe = {
-                            count: data.Severe,
-                            percentage: this.calcPercentage(
-                                data.Severe,
-                                data.Count
-                            ),
-                            text: `重度${this.emoName}倾向`,
-                            color: "#d70d0d"
-                        };
-                        // 饼状图右边数据
-                        this.pieRightList.push(None);
-                        this.pieRightList.push(Mild);
-                        this.pieRightList.push(Moderate);
-                        this.pieRightList.push(Severe);
-                        this.pieData = this.pieRightList.map(item => {
-                            item.value = item.count;
-                            item.itemStyle = {
-                                color: item.color
-                            };
-                            return item;
-                        });
-                        // 最大，最小和最近值
-                        let Max = {
-                            label: "最大值",
-                            value: data.Max,
-                            time: data.MaxDesc
-                                ? this.currentDays === 0 ? this.$dayjs(data.MaxDesc).format("HH:mm")
-                                : this.$dayjs(data.MaxDesc).format("MM/DD HH:mm")
-                                : ""
-                        };
-                        let Min = {
-                            label: "最小值",
-                            value: data.Min,
-                            time: data.MinDesc
-                                ? this.currentDays === 0 ? this.$dayjs(data.MinDesc).format("HH:mm")
-                                : this.$dayjs(data.MinDesc).format("MM/DD HH:mm")
-                                : ""
-                        };
-                        let Avg = {
-                            label: "平均值",
-                            value: data.Avg,
-                            time: data.AvgDesc
-                                ? this.currentDays === 0 ? this.$dayjs(data.AvgDesc).format("HH:mm")
-                                : this.$dayjs(data.AvgDesc).format("MM/DD HH:mm")
-                                : ""
-                        };
-                        let Current = {
-                            label: "最近值",
-                            value: data.Current,
-                            time: data.CurrentDesc
-                                ?  this.currentDays === 0 ? this.$dayjs(data.CurrentDesc).format("HH:mm")
-                                : this.$dayjs(data.CurrentDesc).format("MM/DD HH:mm")
-                                : ""
-                        };
-                        this.statisticsList.push(Max);
-                        this.statisticsList.push(Min);
-                        this.statisticsList.push(Avg);
-                        this.statisticsList.push(Current);
-                        // 周报月报底部显示数据
-                        let NoneDay = {
-                            days: data.NoneDay,
-                            text: `无${this.emoName}倾向`,
-                            color: "#62BD48"
-                        };
-                        let MildDay = {
-                            days: data.MildDay,
-                            text: `轻度${this.emoName}倾向`,
-                            color: "#ffde00"
-                        };
-                        let ModerateDay = {
-                            days: data.ModerateDay,
-                            text: `中度${this.emoName}倾向`,
-                            color: "#ff8a00"
-                        };
-                        let SevereDay = {
-                            days: data.SevereDay,
-                            text: `重度${this.emoName}倾向`,
-                            color: "#d70d0d"
-                        };
-                        this.emotionList.push(NoneDay);
-                        this.emotionList.push(MildDay);
-                        this.emotionList.push(ModerateDay);
-                        this.emotionList.push(SevereDay);
-                        // 图表数据
-                        this.emotionData = data.ChartDatas.map(item => {
-                            return {
-                                value: item.Value,
-                                itemStyle: {
-                                    color: this.calcResultColor(item.Level)
-                                }
-                            };
-                        });
-                        // 7天 和 30天柱形图显示
-                        this.weekAndMonData = data.ChartDatas.map((item, index) => {
-                            return {
-                                value: [index, item.MinValue, item.MaxValue],
-                            };
-                        });
-                        // x轴显示数据
-                        if(this.currentDays === 0) {
-                            // 显示今天数据
-                            this.xAxisData = data.ChartDatas.map(item => {
-                                return this.$dayjs(item.Key.replace(/-/g, "/")).format(
-                                    "HH:mm"
-                                );
-                            });
-                        } else {
-                            this.xAxisData = data.ChartDatas.map(item => {
-                                return this.$dayjs(item.Key.replace(/-/g, "/")).format(
-                                    "MM/DD"
-                                );
-                            });
-                            let emphasisStyle = {
-                                itemStyle: {
-                                    shadowBlur: 10,
-                                    shadowColor: 'rgba(0,0,0,0.3)'
-                                }
-                            };
-                            let that = this;
-                            // 7天和30天变成柱状图
-                            this.weekAndMonthSeries = [
-                                {
-                                    name: '平均值',
-                                    type: 'scatter',
-                                    symbolSize: 8,
-                                    data: this.emotionData,
-                                },
-                                {
-                                    name: '',
-                                    type: 'custom',
-                                    data: this.weekAndMonData,
-                                    renderItem: function (params, api) {
-                                        var categoryIndex = api.value(0);
-                                        var end = api.coord([categoryIndex, api.value(1)]);
-                                        var start = api.coord([categoryIndex, api.value(2)]);
-                                        var width = 8;
-                                        var rectShape = that.$echarts.graphic.clipRectByRect(
-                                            {
-                                            x: start[0] - width / 2,
-                                            y: start[1],
-                                            width: 8,
-                                            height: end[1] - start[1],
-                                            },
-                                            {
-                                            x: params.coordSys.x,
-                                            y: params.coordSys.y,
-                                            width: params.coordSys.width,
-                                            height: params.coordSys.height,
-                                            }
-                                        );
-                                        if(rectShape) {
-                                            rectShape.r = [10]
-                                        };
-                                        return (
-                                            rectShape && {
-                                            type: "rect",
-                                            shape: rectShape,
-                                            style: api.style(),
-                                            }
-                                        );
-                                    },
-                                    itemStyle: {
-                                        opacity: 0.8,
-                                    },
-                                    encode: {
-                                        y: [1, 2],
-                                        x: 0,
-                                    },
-                                },
-                                {
-                                    name: `轻度${this.emoName}倾向`,
-                                    type: 'scatter',
-                                    symbolSize: 8,
-                                    data: '',
-                                },
-                                {
-                                    name: `中度${this.emoName}倾向`,
-                                    type: 'scatter',
-                                    symbolSize: 8,
-                                    data: '',
-                                },
-                                {
-                                    name: `重度${this.emoName}倾向`,
-                                    type: 'scatter',
-                                    symbolSize: 8,
-                                    data: '',
-                                },
-                                {
-                                    name: `无${this.emoName}倾向`,
-                                    type: 'scatter',
-                                    symbolSize: 8,
-                                    data: '',
-                                },
-                            ];
-                            // 点击提示此时为空
-                            this.defaultOptions.tooltip = {
-                                trigger: "axis",
-                                formatter: function(params) {
-                                    return params[0].marker + '平均值:' + params[0].name + '--' + params[0].value + '</br>' +
-                                    params[1].marker + '最大值:' + params[1].name +  '--' + params[1].value[2] + '</br>' +
-                                    params[1].marker + '最小值:' + params[1].name +  '--' + params[1].value[1];
-                                }
-                            };
-                            this.defaultOptions.series = this.weekAndMonthSeries;
-                        }
-                        // 结果解读
-                        this.result = data.Result;
-                        this.resultLevel = data.ResultLevel;
-                        this.advice = data.Advice;
-                        this.$toast.success({
-                            message: '数据加载完成'
-                        });
-                    }
-                }).catch(() => {
-                   this.$dialog({
-                        message: '登录过期，请重新进入'
-                    })
-                }).finally(() => { });
-        },
-        // 计算百分比
-        calcPercentage(value, total) {
-            if (
-                typeof value !== "number" ||
-                typeof total !== "number" ||
-                total === 0
-            ) {
-                return 0;
-            }
-            let milValue = value * 1000;
-            let milTotal = total * 1000;
-            return Math.round((milValue / milTotal) * 100);
-        },
-        // 初始化图表的文字内容
-        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.defaultSeries = [
-                {
-                        name: ``,
-                        type: "line",
-                        padding: 5,
-                        data: this.emotionData,
-                        symbol: "circle",
-                        symbolSize: 8, // 拐点圆的大小
-                        areaStyle: {},
-                    },
-                    {
-                        name: `轻度${this.emoName}倾向`,
-                        type: "line",
-                        padding: 10,
-                        data: "",
-                        symbol: "circle",
-                        symbolSize: 8, // 拐点圆的大小
-                    },
-                    {
-                        name: `中度${this.emoName}倾向`,
-                        type: "line",
-                        data: ""
-                    },
-                    {
-                        name: `重度${this.emoName}倾向`,
-                        type: "line",
-                        data: ""
-                    }
-            ];
-            this.pieRightList = this.pieRightList.map(item => {
-                item.text = item.text.replace("情绪", this.emoName);
-                return item;
+            let Min = {
+              label: "最小值",
+              value: data.Min,
+              time: data.MinDesc
+                ? this.currentDays === 0
+                  ? this.$dayjs(data.MinDesc).format("HH:mm")
+                  : this.$dayjs(data.MinDesc).format("MM/DD HH:mm")
+                : "",
+            };
+            let Avg = {
+              label: "平均值",
+              value: data.Avg,
+              time: data.AvgDesc
+                ? this.currentDays === 0
+                  ? this.$dayjs(data.AvgDesc).format("HH:mm")
+                  : this.$dayjs(data.AvgDesc).format("MM/DD HH:mm")
+                : "",
+            };
+            let Current = {
+              label: "最近值",
+              value: data.Current,
+              time: data.CurrentDesc
+                ? this.currentDays === 0
+                  ? this.$dayjs(data.CurrentDesc).format("HH:mm")
+                  : this.$dayjs(data.CurrentDesc).format("MM/DD HH:mm")
+                : "",
+            };
+            this.statisticsList.push(Max);
+            this.statisticsList.push(Min);
+            this.statisticsList.push(Avg);
+            this.statisticsList.push(Current);
+            // 周报月报底部显示数据
+            let NoneDay = {
+              days: data.NoneDay,
+              text: `无${this.emoName}倾向`,
+              color: "#62BD48",
+            };
+            let MildDay = {
+              days: data.MildDay,
+              text: `轻度${this.emoName}倾向`,
+              color: "#ffde00",
+            };
+            let ModerateDay = {
+              days: data.ModerateDay,
+              text: `中度${this.emoName}倾向`,
+              color: "#ff8a00",
+            };
+            let SevereDay = {
+              days: data.SevereDay,
+              text: `重度${this.emoName}倾向`,
+              color: "#d70d0d",
+            };
+            this.emotionList.push(NoneDay);
+            this.emotionList.push(MildDay);
+            this.emotionList.push(ModerateDay);
+            this.emotionList.push(SevereDay);
+            // 图表数据
+            this.emotionData = data.ChartDatas.map((item) => {
+              return {
+                value: item.Value,
+                itemStyle: {
+                  color: this.calcResultColor(item.Level),
+                },
+              };
             });
-        },
-        // 初始化饼状图
-        initPieEchart() {
-            if (
-                this.pieEcharts != null &&
-                this.pieEcharts != "" &&
-                this.pieEcharts != undefined
-            ) {
-                this.pieEcharts.dispose();
-            }
-            this.pieEcharts = this.$echarts.init(this.$refs.pieChart);
-            this.pieEcharts.setOption(this.pieOption);
-        },
-        // 格式化日期显示参数
-        formatter(day) {
-            const month = day.date.getMonth() + 1;
-            const date = day.date.getDate();
-            const formatDate = this.$dayjs(day.date).format("YYYY/MM/DD");
-            const currentDate = this.$dayjs(new Date()).format("YYYY/MM/DD");
-            day.className = "custom-calendar";
-            for( let h = 0; h < this.highlightDates.length; h ++) {
-                if (this.highlightDates[h].Date === formatDate) {
-                    day.className = `highlight-border ${this.calcResultColor(this.highlightDates[h].SummaryLevel, true)}`;
-                } else if (formatDate === currentDate) {
-                    day.text = '今天'
-                }
-            }
-            return day;
-        },
-        //   返回
-        onNavBack() {
-            this.params.name = '';
-            this.$router.replace({
-                name: 'psychologicalMain',
-                query: {
-                    ...this.params
-                }
+            // 7天 和 30天柱形图显示
+            this.weekAndMonData = data.ChartDatas.map((item, index) => {
+              return {
+                value: [index, item.MinValue, item.MaxValue],
+              };
             });
-        },
-        // 点击日期选择
-        onTabClick(value, index) {
-            this.current = index;
-            this.currentDays = value;
-            this.$store.commit('tabClick', index);
-            let currentDate = new Date();
-            let leftText = value === 0 ? '今天' : value === 7 ? '7天' : '30天';
-            this.surveyTitle = value === 7 ? '7天概览' : '30天概览';
-            if (value === 7) {
-                let dateList = this.getPostDate(currentDate, 6, true);
-                this.getPsychologiclData('', dateList[0], dateList[1]);
-                this.startDate = dateList[0];
-                this.endDate = dateList[1];
-            } else if (value === 0) {
-                // 今天
-                this.defaultOptions.xAxis.data = this.xAxisData;
-                this.defaultOptions.series = this.defaultSeries;
-                this.defaultOptions.series[0].data = this.emotionData;
-                this.getPsychologiclData(this.selectDate ?  this.selectDate : this.$dayjs(currentDate).format("YYYY-MM-DD"));
-                this.startDate = this.selectDate || this.$dayjs(currentDate).format("YYYY-MM-DD");
-                this.endDate = this.selectDate || this.$dayjs(currentDate).format("YYYY-MM-DD");
-            } else if(value === 30){
-                // 30天
-                this.defaultOptions.xAxis.data = this.xAxisData;
-                this.defaultOptions.series = this.defaultSeries;
-                this.defaultOptions.series[0].data = this.emotionData;
-                let dateList = this.getPostDate(currentDate, 30, true);
-                this.getPsychologiclData('', dateList[0], dateList[1]);
-                this.startDate = dateList[0];
-                this.endDate = dateList[1];
+            // x轴显示数据
+            if (this.currentDays === 0) {
+              // 显示今天数据
+              this.xAxisData = data.ChartDatas.map((item) => {
+                return this.$dayjs(item.Key.replace(/-/g, "/")).format("HH:mm");
+              });
             } else {
-                // 周报菜单
-                this.getWeekResult();
-            }
-        },
-        // 点击情绪tab
-        onPsyTabClick(name, index) {
-            this.psyCurrent = index;
-            this.emoName = EmotionModel[name].name;
-            this.currentEmoName = name;
-            this.emoType = EmotionModel[name].type;
-            console.log("this.currentDays", this.currentDays);
-            if(this.currentDays === 49) {
-                // 即点击了周报,此时调用获取周报接口
-                this.getWeekResult();
-            } else { 
-                this.getPsychologiclData(this.selectDate, this.startDate, this.endDate);
-            }
-        },
-        getCurrentMonthStaAndEnd(currentDate) {
-            let list = [];
-            let monthStart = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1); // 获取本月第一天的日期时间
-            let monthEnd = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0, 23, 59, 59); // 获取本月最后一天的日期时间（时间为23:59:59）
-            list.push(this.$dayjs(monthStart).format("YYYY-MM-DD"));
-            list.push(this.$dayjs(monthEnd).format("YYYY-MM-DD"));
-            return list;
-        },
-        // 获取指定天数的起始日期
-        /**
-         *
-         * @param dateNow :Date类
-         * @param intervalDays ：间隔天数
-         * @param bolPastTime  ：Boolean,判断在参数date之前，还是之后，
-      */
-        getPostDate(dateNow,intervalDays,bolPastTime) {
-            let oneDayTime = 24 * 60 * 60 * 1000;
-            let list = [];
-            let lastDay;
-
-            if(bolPastTime == true){
-                lastDay = new Date(dateNow.getTime() - intervalDays * oneDayTime);
-                list.push(this.formateDate(lastDay));
-                list.push(this.formateDate(dateNow));
-            }else{
-                lastDay = new Date(dateNow.getTime() + intervalDays * oneDayTime);
-                list.push(this.formateDate(dateNow));
-                list.push(this.formateDate(lastDay));
-            }
-            return list;
-        },
-        formateDate(time){
-            let year = time.getFullYear();
-            let month = time.getMonth() + 1;
-            let day = time.getDate();
-            if (month < 10) {
-                month = '0' + month
-            };
-            if (day < 10) {
-                day = '0' + day
-            };
-            return year + '-' + month + '-' + day + '';
-        },
-        // 字体大小转化
-        fontChar(res) {
-            const clientWidth =
-                window.innerWidth ||
-                document.documentElement.clientWidth ||
-                document.body.clientWidth;
-            if (!clientWidth) return;
-            let fontSize = clientWidth / 750;
-            return res * fontSize;
-        },
-        // 初始化折线图表
-        initEchart() {
-            if (
-                this.echarts != null &&
-                this.echarts != "" &&
-                this.echarts != undefined
-            ) {
-                this.echarts.dispose();
+              this.xAxisData = data.ChartDatas.map((item) => {
+                return this.$dayjs(item.Key.replace(/-/g, "/")).format("MM/DD");
+              });
+              let emphasisStyle = {
+                itemStyle: {
+                  shadowBlur: 10,
+                  shadowColor: "rgba(0,0,0,0.3)",
+                },
+              };
+              let that = this;
+              // 7天和30天变成柱状图
+              this.weekAndMonthSeries = [
+                {
+                  name: "平均值",
+                  type: "scatter",
+                  symbolSize: 8,
+                  data: this.emotionData,
+                },
+                {
+                  name: "",
+                  type: "custom",
+                  data: this.weekAndMonData,
+                  renderItem: function (params, api) {
+                    var categoryIndex = api.value(0);
+                    var end = api.coord([categoryIndex, api.value(1)]);
+                    var start = api.coord([categoryIndex, api.value(2)]);
+                    var width = 8;
+                    var rectShape = that.$echarts.graphic.clipRectByRect(
+                      {
+                        x: start[0] - width / 2,
+                        y: start[1],
+                        width: 8,
+                        height: end[1] - start[1],
+                      },
+                      {
+                        x: params.coordSys.x,
+                        y: params.coordSys.y,
+                        width: params.coordSys.width,
+                        height: params.coordSys.height,
+                      }
+                    );
+                    if (rectShape) {
+                      rectShape.r = [10];
+                    }
+                    return (
+                      rectShape && {
+                        type: "rect",
+                        shape: rectShape,
+                        style: api.style(),
+                      }
+                    );
+                  },
+                  itemStyle: {
+                    opacity: 0.8,
+                  },
+                  encode: {
+                    y: [1, 2],
+                    x: 0,
+                  },
+                },
+                {
+                  name: `轻度${this.emoName}倾向`,
+                  type: "scatter",
+                  symbolSize: 8,
+                  data: "",
+                },
+                {
+                  name: `中度${this.emoName}倾向`,
+                  type: "scatter",
+                  symbolSize: 8,
+                  data: "",
+                },
+                {
+                  name: `重度${this.emoName}倾向`,
+                  type: "scatter",
+                  symbolSize: 8,
+                  data: "",
+                },
+                {
+                  name: `无${this.emoName}倾向`,
+                  type: "scatter",
+                  symbolSize: 8,
+                  data: "",
+                },
+              ];
+              // 点击提示此时为空
+              this.defaultOptions.tooltip = {
+                trigger: "axis",
+                formatter: function (params) {
+                  return (
+                    params[0].marker +
+                    "平均值:" +
+                    params[0].name +
+                    "--" +
+                    params[0].value +
+                    "</br>" +
+                    params[1].marker +
+                    "最大值:" +
+                    params[1].name +
+                    "--" +
+                    params[1].value[2] +
+                    "</br>" +
+                    params[1].marker +
+                    "最小值:" +
+                    params[1].name +
+                    "--" +
+                    params[1].value[1]
+                  );
+                },
+              };
+              this.defaultOptions.series = this.weekAndMonthSeries;
             }
-            this.echarts = this.$echarts.init(this.$refs.charts);
-            this.echarts.setOption(this.defaultOptions);
-        },
-        // 点击历史监测，打开日历
-        onHistory() {
-            this.calendarDialogShow = true;
-        },
-        // 选择日历具体某一个日期
-        onSelect(value) {
-            const selectDate = this.$dayjs(value).format("YYYY-MM-DD");
-            this.dateList[0].text = this.$dayjs(value).format("YYYY-MM-DD") === this.$dayjs(new Date()).format("YYYY-MM-DD") ? '今天' : this.$dayjs(value).format("MM-DD");
-            this.calendarDialogShow = false;
-            this.selectDate = selectDate;
-            this.startDate = selectDate;
-            this.endDate = selectDate;
-            this.current = 0;
-            this.getPsychologiclData(selectDate);
+            // 结果解读
+            this.result = data.Result;
+            this.resultLevel = data.ResultLevel;
+            this.advice = data.Advice;
+            this.$toast.success({
+              message: "数据加载完成",
+            });
+          }
+        })
+        .catch(() => {
+          this.$dialog({
+            message: "登录过期，请重新进入",
+          });
+        })
+        .finally(() => {});
+    },
+    // 计算百分比
+    calcPercentage(value, total) {
+      if (
+        typeof value !== "number" ||
+        typeof total !== "number" ||
+        total === 0
+      ) {
+        return 0;
+      }
+      let milValue = value * 1000;
+      let milTotal = total * 1000;
+      return Math.round((milValue / milTotal) * 100);
+    },
+    // 初始化图表的文字内容
+    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.defaultSeries = [
+        {
+          name: ``,
+          type: "line",
+          padding: 5,
+          data: this.emotionData,
+          symbol: "circle",
+          symbolSize: 8, // 拐点圆的大小
+          areaStyle: {},
         },
-        // 计算字体显示的颜色
-        calcColor(value) {
-            let color = "";
-            if (value <= 40) {
-                color = "#62BD48";
-            } else if (value > 40 && value <= 65) {
-                color = "#ffde00";
-            } else if (value > 65 && value <= 80) {
-                color = "#ff8a00";
-            } else if (value > 80) {
-                color = "#d70d0d";
-            } else {
-                color = "";
-            }
-            return color;
+        {
+          name: `轻度${this.emoName}倾向`,
+          type: "line",
+          padding: 10,
+          data: "",
+          symbol: "circle",
+          symbolSize: 8, // 拐点圆的大小
         },
-        // 计算结果采用哪种颜色
-        calcResultColor(value, isCallBackClass) {
-            let color = "";
-            let className = "";
-            switch(Number(value)) {
-                case 0:
-                    color = "#62BD48";
-                    className = 'none';
-                break;
-                case 1:
-                    color = "#ffde00";
-                    className = 'mild';
-                break;
-                case 2:
-                    color = "#ff8a00";
-                    className = 'moderate';
-                break;
-                case 3:
-                    color = "#d70d0d";
-                    className = 'severe';
-                break;
-            }
-            return isCallBackClass ? className : color;
+        {
+          name: `中度${this.emoName}倾向`,
+          type: "line",
+          data: "",
         },
-        // 点击帮助
-        onHelp() {
-            this.isPopup = true;
+        {
+          name: `重度${this.emoName}倾向`,
+          type: "line",
+          data: "",
         },
-        // 关闭poup
-        onClose() {
-            this.isPopup = false;
+      ];
+      this.pieRightList = this.pieRightList.map((item) => {
+        item.text = item.text.replace("情绪", this.emoName);
+        return item;
+      });
+    },
+    // 初始化饼状图
+    initPieEchart() {
+      if (
+        this.pieEcharts != null &&
+        this.pieEcharts != "" &&
+        this.pieEcharts != undefined
+      ) {
+        this.pieEcharts.dispose();
+      }
+      this.pieEcharts = this.$echarts.init(this.$refs.pieChart);
+      this.pieEcharts.setOption(this.pieOption);
+    },
+    // 格式化日期显示参数
+    formatter(day) {
+      const month = day.date.getMonth() + 1;
+      const date = day.date.getDate();
+      const formatDate = this.$dayjs(day.date).format("YYYY/MM/DD");
+      const currentDate = this.$dayjs(new Date()).format("YYYY/MM/DD");
+      day.className = "custom-calendar";
+      for (let h = 0; h < this.highlightDates.length; h++) {
+        if (this.highlightDates[h].Date === formatDate) {
+          day.className = `highlight-border ${this.calcResultColor(
+            this.highlightDates[h].SummaryLevel,
+            true
+          )}`;
+        } else if (formatDate === currentDate) {
+          day.text = "今天";
+        }
+      }
+      return day;
+    },
+    //   返回
+    onNavBack() {
+      this.params.name = "";
+      this.$router.replace({
+        name: "psychologicalMain",
+        query: {
+          ...this.params,
         },
-        getWeekResult() {
-            this.$toast.loading('数据加载中');
-            let baseUrl = process.env.NODE_ENV === 'production' ? 'https://dbmq.rzliot.com/auth_heart' : 'https://dbmq.rzliot.com/heart';
-            let reqUrl = `${baseUrl}/api/Data/GetWeekResult`;
-            let reqParams = {
-                uid: this.uid/* '2023101521270090082 */,
-                type: this.emoType
-            };
-            axios.get(reqUrl, {
-                params: { ...reqParams },
-            /*  headers: { 'AccessToken': this.$store.getters.ssjlToken } */
-            }).then(res => {
-                console.log("res", res);
-                const data = res.data.response;
-                this.weekList = data.map(item => {
-                    return {
-                        name: item.Name.replace('周报', '').replace(/-/g, ".").replace(/~/g, "-"),
-                        recordId: item.RecordId,
-                        summary: item.Summary,
-                        summaryLevel: item.SummaryLevel,
-                        type: this.emoType
-                    }
-                }).reverse();
-                this.$toast.success('数据加载完成');
+      });
+    },
+    // 点击日期选择
+    onTabClick(value, index) {
+      this.current = index;
+      this.currentDays = value;
+      this.$store.commit("tabClick", index);
+      let currentDate = new Date();
+      let leftText = value === 0 ? "今天" : value === 7 ? "7天" : "30天";
+      this.surveyTitle = value === 7 ? "7天概览" : "30天概览";
+      if (value === 7) {
+        let dateList = this.getPostDate(currentDate, 6, true);
+        this.getPsychologiclData("", dateList[0], dateList[1]);
+        this.startDate = dateList[0];
+        this.endDate = dateList[1];
+      } else if (value === 0) {
+        // 今天
+        this.defaultOptions.xAxis.data = this.xAxisData;
+        this.defaultOptions.series = this.defaultSeries;
+        this.defaultOptions.series[0].data = this.emotionData;
+        this.getPsychologiclData(
+          this.selectDate
+            ? this.selectDate
+            : this.$dayjs(currentDate).format("YYYY-MM-DD")
+        );
+        this.startDate =
+          this.selectDate || this.$dayjs(currentDate).format("YYYY-MM-DD");
+        this.endDate =
+          this.selectDate || this.$dayjs(currentDate).format("YYYY-MM-DD");
+      } else if (value === 30) {
+        // 30天
+        this.defaultOptions.xAxis.data = this.xAxisData;
+        this.defaultOptions.series = this.defaultSeries;
+        this.defaultOptions.series[0].data = this.emotionData;
+        let dateList = this.getPostDate(currentDate, 30, true);
+        this.getPsychologiclData("", dateList[0], dateList[1]);
+        this.startDate = dateList[0];
+        this.endDate = dateList[1];
+      } else {
+        // 周报菜单
+        this.getWeekResult();
+      }
+    },
+    // 点击情绪tab
+    onPsyTabClick(name, index) {
+      this.psyCurrent = index;
+      this.emoName = EmotionModel[name].name;
+      this.currentEmoName = name;
+      this.emoType = EmotionModel[name].type;
+      console.log("this.currentDays", this.currentDays);
+      if (this.currentDays === 49) {
+        // 即点击了周报,此时调用获取周报接口
+        this.getWeekResult();
+      } else {
+        this.getPsychologiclData(this.selectDate, this.startDate, this.endDate);
+      }
+    },
+    getCurrentMonthStaAndEnd(currentDate) {
+      let list = [];
+      let monthStart = new Date(
+        currentDate.getFullYear(),
+        currentDate.getMonth(),
+        1
+      ); // 获取本月第一天的日期时间
+      let monthEnd = new Date(
+        currentDate.getFullYear(),
+        currentDate.getMonth() + 1,
+        0,
+        23,
+        59,
+        59
+      ); // 获取本月最后一天的日期时间（时间为23:59:59）
+      list.push(this.$dayjs(monthStart).format("YYYY-MM-DD"));
+      list.push(this.$dayjs(monthEnd).format("YYYY-MM-DD"));
+      return list;
+    },
+    // 获取指定天数的起始日期
+    /**
+     *
+     * @param dateNow :Date类
+     * @param intervalDays ：间隔天数
+     * @param bolPastTime  ：Boolean,判断在参数date之前，还是之后，
+     */
+    getPostDate(dateNow, intervalDays, bolPastTime) {
+      let oneDayTime = 24 * 60 * 60 * 1000;
+      let list = [];
+      let lastDay;
+
+      if (bolPastTime == true) {
+        lastDay = new Date(dateNow.getTime() - intervalDays * oneDayTime);
+        list.push(this.formateDate(lastDay));
+        list.push(this.formateDate(dateNow));
+      } else {
+        lastDay = new Date(dateNow.getTime() + intervalDays * oneDayTime);
+        list.push(this.formateDate(dateNow));
+        list.push(this.formateDate(lastDay));
+      }
+      return list;
+    },
+    formateDate(time) {
+      let year = time.getFullYear();
+      let month = time.getMonth() + 1;
+      let day = time.getDate();
+      if (month < 10) {
+        month = "0" + month;
+      }
+      if (day < 10) {
+        day = "0" + day;
+      }
+      return year + "-" + month + "-" + day + "";
+    },
+    // 字体大小转化
+    fontChar(res) {
+      const clientWidth =
+        window.innerWidth ||
+        document.documentElement.clientWidth ||
+        document.body.clientWidth;
+      if (!clientWidth) return;
+      let fontSize = clientWidth / 750;
+      return res * fontSize;
+    },
+    // 初始化折线图表
+    initEchart() {
+      if (
+        this.echarts != null &&
+        this.echarts != "" &&
+        this.echarts != undefined
+      ) {
+        this.echarts.dispose();
+      }
+      this.echarts = this.$echarts.init(this.$refs.charts);
+      this.echarts.setOption(this.defaultOptions);
+    },
+    // 点击历史监测，打开日历
+    onHistory() {
+      this.calendarDialogShow = true;
+    },
+    // 选择日历具体某一个日期
+    onSelect(value) {
+      const selectDate = this.$dayjs(value).format("YYYY-MM-DD");
+      this.dateList[0].text =
+        this.$dayjs(value).format("YYYY-MM-DD") ===
+        this.$dayjs(new Date()).format("YYYY-MM-DD")
+          ? "今天"
+          : this.$dayjs(value).format("MM-DD");
+      this.calendarDialogShow = false;
+      this.selectDate = selectDate;
+      this.startDate = selectDate;
+      this.endDate = selectDate;
+      this.current = 0;
+      this.getPsychologiclData(selectDate);
+    },
+    // 计算字体显示的颜色
+    calcColor(value) {
+      let color = "";
+      if (value <= 40) {
+        color = "#62BD48";
+      } else if (value > 40 && value <= 65) {
+        color = "#ffde00";
+      } else if (value > 65 && value <= 80) {
+        color = "#ff8a00";
+      } else if (value > 80) {
+        color = "#d70d0d";
+      } else {
+        color = "";
+      }
+      return color;
+    },
+    // 计算结果采用哪种颜色
+    calcResultColor(value, isCallBackClass) {
+      let color = "";
+      let className = "";
+      switch (Number(value)) {
+        case 0:
+          color = "#62BD48";
+          className = "none";
+          break;
+        case 1:
+          color = "#ffde00";
+          className = "mild";
+          break;
+        case 2:
+          color = "#ff8a00";
+          className = "moderate";
+          break;
+        case 3:
+          color = "#d70d0d";
+          className = "severe";
+          break;
+      }
+      return isCallBackClass ? className : color;
+    },
+    // 点击帮助
+    onHelp() {
+      this.isPopup = true;
+    },
+    // 关闭poup
+    onClose() {
+      this.isPopup = false;
+    },
+    getWeekResult() {
+      this.$toast.loading("数据加载中");
+      let baseUrl =
+        process.env.NODE_ENV === "production"
+          ? "https://dbmq.rzliot.com/auth_heart"
+          : "https://dbmq.rzliot.com/heart";
+      let reqUrl = `${baseUrl}/api/Data/GetWeekResult`;
+      let reqParams = {
+        uid: this.uid /* '2023101521270090082 */,
+        type: this.emoType,
+      };
+      axios
+        .get(reqUrl, {
+          params: { ...reqParams },
+          /*  headers: { 'AccessToken': this.$store.getters.ssjlToken } */
+        })
+        .then((res) => {
+          console.log("res", res);
+          const data = res.data.response;
+          this.weekList = data
+            .map((item) => {
+              return {
+                name: item.Name.replace("周报", "")
+                  .replace(/-/g, ".")
+                  .replace(/~/g, "-"),
+                recordId: item.RecordId,
+                summary: item.Summary,
+                summaryLevel: item.SummaryLevel,
+                type: this.emoType,
+              };
             })
+            .reverse();
+          this.$toast.success("数据加载完成");
+        });
+    },
+    onClickItem(recordId) {
+      this.$router.push({
+        name: "psychologicalReport",
+        query: {
+          recordId: recordId,
+          name: this.currentEmoName,
+          isShowLeft: true,
+          uid: this.uid,
         },
-        onClickItem(recordId) {
-            this.$router.push({
-                name: 'psychologicalReport',
-                query: {
-                    recordId: recordId,
-                    name: this.currentEmoName,
-                    isShowLeft: true,
-                    uid: this.uid
-                }
-            })
-        }
-    }
+      });
+    },
+  },
 };
 </script>
 
 <style lang="scss">
 .van-nav-bar .van-icon {
-    padding-left: 10px;
+  padding-left: 10px;
 }
 
 .calenddar-dialog {
-    overflow: scroll;
+  overflow: scroll;
 }
 .calendar {
-    overflow: scroll;
-    .van-calendar {
-        height: 350px;
-        .van-calendar__header {
-            display: none;
+  overflow: scroll;
+  .van-calendar {
+    height: 350px;
+    .van-calendar__header {
+      display: none;
+    }
+    .van-calendar__days .van-calendar__day {
+      width: 27px;
+      height: 27px;
+      margin: 5px;
+      font-size: 12px;
+      &.custom-calendar {
+        width: 27px;
+        height: 27px;
+      }
+      &.highlight-border {
+        border: 1px solid #62bd48;
+        width: 27px;
+        height: 27px;
+        border-radius: 50%;
+        &.none {
+          border: 1px solid #62bd48;
         }
-        .van-calendar__days .van-calendar__day {
-            width: 27px;
-            height: 27px;
-            margin: 5px;
-            font-size: 12px;
-            &.custom-calendar {
-                width: 27px;
-                height: 27px;
-            }
-            &.highlight-border {
-                border: 1px solid #62bd48;
-                width: 27px;
-                height: 27px;
-                border-radius: 50%;
-                &.none {
-                    border: 1px solid #62bd48;
-                }
-                &.mild {
-                    border: 1px solid #ffde00;
-                }
-                &.moderate {
-                    border: 1px solid #ff8a00;
-                }
-                &.severe {
-                    border: 1px solid #d70d0d;
-                }
-            }
+        &.mild {
+          border: 1px solid #ffde00;
+        }
+        &.moderate {
+          border: 1px solid #ff8a00;
         }
-        .van-calendar__selected-day {
-            width: 27px;
-            height: 27px;
-            border-radius: 50%;
-            font-size: 12px;
+        &.severe {
+          border: 1px solid #d70d0d;
         }
+      }
+    }
+    .van-calendar__selected-day {
+      width: 27px;
+      height: 27px;
+      border-radius: 50%;
+      font-size: 12px;
     }
+  }
 }
 </style>
 <style scoped lang="scss">
diff --git a/src/views/health/psychological/report/index.vue b/src/views/health/psychological/report/index.vue
index 5a45fd9..132ef2c 100644
--- a/src/views/health/psychological/report/index.vue
+++ b/src/views/health/psychological/report/index.vue
@@ -6,143 +6,190 @@
  * @description:
 -->
 <template>
-    <!-- 周/月报 -->
-    <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>
-        </van-nav-bar>
-        <div class="main">
-            <!-- 总评 -->
-            <div class="overall-rating">
-                <div class="con">
-                    <p class="space-between">
-                        <span class="bold">本周总评</span>
-                        <span class="time">{{ resetDate(weekResult.StartDate,weekResult.EndDate) || '--' }}</span>
-                    </p>
-                    <p
-                        class="bold-pro"
-                        :style="{color: calcResultColor(weekResult.SummaryLevel) || '--'}"
-                    >{{ weekResult.Summary }}</p>
-                    <p class="normal">监测次数: {{ weekResult.Total || '--'}}次</p>
-                    <p class="normal">{{ weekResult.Explain || '--' }}</p>
-                </div>
-            </div>
-            <div class="line"></div>
-            <div class="pie-chart-top">
-                <p class="bold">上周趋势对比</p>
-                <p>{{ resetDate(weekResult.StartDate,weekResult.EndDate) || '--' }}</p>
-            </div>
-            <div class="count">
-                <p>监测次数：{{ weekResult.LastTotal || '--' }}次</p>
-            </div>
-            <!-- 趋势对比-饼状图 -->
-            <div class="pie-chart-con">
-                <div class="pie-chart-left">
-                    <div id="pieChart" ref="pieChart"></div>
-                </div>
+  <!-- 周/月报 -->
+  <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>
+    </van-nav-bar>
+    <div class="main">
+      <!-- 总评 -->
+      <div class="overall-rating">
+        <div class="con">
+          <p class="space-between">
+            <span class="bold">本周总评</span>
+            <span class="time">{{
+              resetDate(weekResult.StartDate, weekResult.EndDate) || "--"
+            }}</span>
+          </p>
+          <p
+            class="bold-pro"
+            :style="{ color: calcResultColor(weekResult.SummaryLevel) || '--' }"
+          >
+            {{ weekResult.Summary }}
+          </p>
+          <p class="normal">监测次数: {{ weekResult.Total || "--" }}次</p>
+          <p class="normal">{{ weekResult.Explain || "--" }}</p>
+        </div>
+      </div>
+      <div class="line"></div>
+      <div class="pie-chart-top">
+        <p class="bold">上周趋势对比</p>
+        <p>{{ resetDate(weekResult.StartDate, weekResult.EndDate) || "--" }}</p>
+      </div>
+      <div class="count">
+        <p>监测次数：{{ weekResult.LastTotal || "--" }}次</p>
+      </div>
+      <!-- 趋势对比-饼状图 -->
+      <div class="pie-chart-con">
+        <div class="pie-chart-left">
+          <div id="pieChart" ref="pieChart"></div>
+        </div>
 
-                <div class="pie-chart-right">
-                    <div class="list">
-                        <div class="item" v-for="(item, index) in pieRightList" :key="index">
-                            <div class="item-left">
-                                <div class="circle" :style="{backgroundColor: item.color}"></div>
-                                <span class="text">{{ item.text || '--' }}</span>
-                            </div>
+        <div class="pie-chart-right">
+          <div class="list">
+            <div
+              class="item"
+              v-for="(item, index) in pieRightList"
+              :key="index"
+            >
+              <div class="item-left">
+                <div
+                  class="circle"
+                  :style="{ backgroundColor: item.color }"
+                ></div>
+                <span class="text">{{ item.text || "--" }}</span>
+              </div>
 
-                            <div class="item-right">
-                                <span
-                                    :style="{color: item.color}"
-                                >{{ item.count ? item.count + '次' : '0次'}}</span>
-                                <label
-                                    :style="{color: item.color}"
-                                >{{ item.percentage ? '(' + item.percentage + '%' + ')' : '(0%)'}}</label>
-                            </div>
+              <div class="item-right">
+                <span :style="{ color: item.color }">{{
+                  item.count ? item.count + "次" : "0次"
+                }}</span>
+                <label :style="{ color: item.color }">{{
+                  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>
-                            </div>
-                        </div>
-                    </div>
-                </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
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="statistics">
+        <div class="list">
+          <div
+            class="item"
+            v-for="(item, index) in statisticsList"
+            :key="index"
+          >
+            <div class="top">
+              <span>{{ item.label || "--" }}</span>
             </div>
-            <div class="statistics">
-                <div class="list">
-                    <div class="item" v-for="(item, index) in statisticsList" :key="index">
-                        <div class="top">
-                            <span>{{ item.label || '--' }}</span>
-                        </div>
-
-                        <div class="middle">
-                            <span :style="{ color: calcColor(item.value)}">{{ item.value || '--' }}</span>
-                        </div>
 
-                        <div class="bottom">
-                            <span>{{ item.time || '--' }}</span>
-                        </div>
-                    </div>
-                </div>
+            <div class="middle">
+              <span :style="{ color: calcColor(item.value) }">{{
+                item.value || "--"
+              }}</span>
             </div>
-            <div class="line"></div>
-            <!-- 数据图-柱形图 -->
-            <div class="bar-chart">
-                <div class="echart" ref="charts"></div>
+
+            <div class="bottom">
+              <span>{{ item.time || "--" }}</span>
             </div>
-            <div class="line"></div>
-            <!-- 建议 -->
-            <div class="advice">
-                <div class="content">
-                    <p class="title">健康建议</p>
-                    <p>{{ weekResult.Advice || '--' }}</p>
-                </div>
+          </div>
+        </div>
+      </div>
+      <div class="line"></div>
+      <!-- 数据图-柱形图 -->
+      <div class="bar-chart">
+        <div class="echart" ref="charts"></div>
+      </div>
+      <div class="line"></div>
+      <!-- 建议 -->
+      <div class="advice">
+        <div class="content">
+          <p class="title">健康建议</p>
+          <p>{{ weekResult.Advice || "--" }}</p>
+        </div>
+      </div>
+      <!-- 概览 -->
+      <div class="overview">
+        <div class="content">
+          <div class="title">
+            <span class="title-text">{{ surveyTitle }}</span>
+            <div class="mood-list">
+              <div
+                class="item"
+                v-for="(item, index) in emotionList"
+                :key="index"
+              >
+                <p>
+                  <span :style="{ color: item.color }" class="day">{{
+                    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>
+                </p>
+                <p>{{ item.text }}</p>
+              </div>
             </div>
-            <!-- 概览 -->
-            <div class="overview">
-                <div class="content">
-                    <div class="title">
-                        <span class="title-text">{{ surveyTitle }}</span>
-                        <div class="mood-list">
-                            <div class="item" v-for="(item, index) in emotionList" :key="index">
-                                <p>
-                                    <span :style="{color: item.color}" class="day">{{ 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>
-                                </p>
-                                <p>{{ item.text }}</p>
-                            </div>
-                        </div>
-                        <!-- <div class="mood-list-no-data" v-else>
+            <!-- <div class="mood-list-no-data" v-else>
                             <div class="no-data">
                                 <img src="../../../../assets/img/no_data_01.png" alt />
                                 <p>暂无数据</p>
                             </div>
                         </div>-->
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="main no-data">
-            <img src="../../../../assets/img/no_data_01.png" alt />
-            <p>暂无数据</p>
+          </div>
         </div>
+      </div>
     </div>
+    <div class="main no-data">
+      <img src="../../../../assets/img/no_data_01.png" alt />
+      <p>暂无数据</p>
+    </div>
+  </div>
 </template>
 
 <script>
 import { EmotionModel, PsyBaseUrl } from "@/config/models";
-import { isNotNull} from "@/utils/index";
+import { isNotNull } from "@/utils/index";
 import axios from "axios";
 import APICore from "@/api/core";
 export default {
-  name:'',
-  data(){
-   return {
-       pieRightList: [
-          /*  {
+  name: "",
+  data() {
+    return {
+      pieRightList: [
+        /*  {
                     text: "无情绪倾向",
                     count: 12,
                     percentage: "80",
@@ -166,72 +213,72 @@ export default {
                     percentage: "80",
                     color: "#d70d0d"
                 } */
-       ],
-       statisticsList: [
-           /*  { label: "最大值", value: "75", time: "08:15" },
+      ],
+      statisticsList: [
+        /*  { label: "最大值", value: "75", time: "08:15" },
                 { label: "最小值", value: "40", time: "10:15" },
                 { label: "最近值", value: "50", time: "18:15" } */
-       ],
-       emotionList: [],
-       surveyTitle: '本周概览',
-       echarts: null,
-       // 路由传过来的情绪参数
-       emoName: '',
-       pieData: [],
-       xAxisData: [],
-       pieEcharts: null,
-       monitoringCount: '',
-       // 7天和30天最大数据列表
-       weekAndMonData: [],
-       defaultSeries: null,
-       defaultLegend: [
-           {
-                            name: `轻度${this.emoName}倾向`,
-                            icon: "rect",
-                            itemStyle: {
-                                color: "#ffde00"
-                            },
-                            textStyle: {
-                                fontSize: 12
-                            }
-                        },
-                        {
-                            name: `中度${this.emoName}倾向`,
-                            itemStyle: {
-                                color: "#ff8a00"
-                            },
-                            icon: "rect",
-                            textStyle: {
-                                fontSize: 12
-                            }
-                        },
-                        {
-                            name: `重度${this.emoName}倾向`,
-                            itemStyle: {
-                                color: "#d70d0d",
-                            },
-                            icon: "rect",
-                            textStyle: {
-                                fontSize: 12
-                            }
-                        },
-                        {
-                            name: `无${this.emoName}倾向`,
-                            icon: "rect",
-                            itemStyle: {
-                                color: "#62BD48"
-                            },
-                            textStyle: {
-                                // 项目遗留问题，新项目不需重新转换文字大小
-                                fontSize: 12
-                            }
-                        },
-       ],
-       params: {},
-       weekResult: {},
-       upImg: require("@/assets/img/psychological/up.png"),
-       downImg: require("@/assets/img/psychological/down.png")
-   }
+      ],
+      emotionList: [],
+      surveyTitle: "本周概览",
+      echarts: null,
+      // 路由传过来的情绪参数
+      emoName: "",
+      pieData: [],
+      xAxisData: [],
+      pieEcharts: null,
+      monitoringCount: "",
+      // 7天和30天最大数据列表
+      weekAndMonData: [],
+      defaultSeries: null,
+      defaultLegend: [
+        {
+          name: `轻度${this.emoName}倾向`,
+          icon: "rect",
+          itemStyle: {
+            color: "#ffde00",
+          },
+          textStyle: {
+            fontSize: 12,
+          },
+        },
+        {
+          name: `中度${this.emoName}倾向`,
+          itemStyle: {
+            color: "#ff8a00",
+          },
+          icon: "rect",
+          textStyle: {
+            fontSize: 12,
+          },
+        },
+        {
+          name: `重度${this.emoName}倾向`,
+          itemStyle: {
+            color: "#d70d0d",
+          },
+          icon: "rect",
+          textStyle: {
+            fontSize: 12,
+          },
+        },
+        {
+          name: `无${this.emoName}倾向`,
+          icon: "rect",
+          itemStyle: {
+            color: "#62BD48",
+          },
+          textStyle: {
+            // 项目遗留问题，新项目不需重新转换文字大小
+            fontSize: 12,
+          },
+        },
+      ],
+      params: {},
+      weekResult: {},
+      upImg: require("@/assets/img/psychological/up.png"),
+      downImg: require("@/assets/img/psychological/down.png"),
+    };
   },
   created() {
     this.initEchartText();
@@ -243,756 +290,771 @@ export default {
   watch: {
     // 监听数据发生变化 初始化各项图表
     emotionData: {
-        handler(n, o) {
-            this.initEchart();
-        },
-        deep: true
+      handler(n, o) {
+        this.initEchart();
+      },
+      deep: true,
     },
     xAxisData: {
-        handler(n, o) {
-            this.initEchart();
-        },
-        deep: true
+      handler(n, o) {
+        this.initEchart();
+      },
+      deep: true,
     },
     pieData: {
-        handler(n, o) {
-            this.initPieEchart();
-        },
-        deep: true
+      handler(n, o) {
+        this.initPieEchart();
+      },
+      deep: true,
     },
   },
   computed: {
     // 折线图标题
     echartsTitle() {
-        return `${this.emoName}数据图`;
+      return `${this.emoName}数据图`;
     },
     defaultOptions() {
-            return {
-                time: {
-                    useUTC: false
-                },
-                title: {
-                    text: this.echartsTitle,
-                    left: 1,
-                    right: 25,
-                    bottom: 20,
-                    top: "3%",
-                    textStyle: {
-                        fontSize: 18,
-                        fontWeight: "bold"
-                    }
-                },
-                legend: {
-                    width: "65%",
-                    orient: "horizontal",
-                    right: '5%',
-                    top: '3%',
-                    bottom: "1%",
-                    itemHeight: 12,
-                    itemWidth: 12,
-                    itemGap: 10,
-                    align: 'left',
-                    selectedMode: false,
-                    data: [
-                        {
-                            name: `无${this.emoName}倾向`,
-                            icon: "rect",
-                            itemStyle: {
-                                color: "#62BD48"
-                            },
-                            textStyle: {
-                                fontSize: 12
-                            }
-                        },
-                        {
-                            name: `轻度${this.emoName}倾向`,
-                            icon: "rect",
-                            itemStyle: {
-                                color: "#ffde00"
-                            },
-                            textStyle: {
-                                fontSize: 12
-                            }
-                        },
-                        {
-                            name: `中度${this.emoName}倾向`,
-                            itemStyle: {
-                                color: "#ff8a00"
-                            },
-                            icon: "rect",
-                            textStyle: {
-                                fontSize: 12
-                            }
-                        },
-                        {
-                            name: `重度${this.emoName}倾向`,
-                            itemStyle: {
-                                color: "#d70d0d",
-                            },
-                            icon: "rect",
-                            textStyle: {
-                                fontSize: 12
-                            }
-                        },
-                        
-                    ],
-                    formatter: function(name) {
-                        // 自定义显示内容
-                        if (name.length > 6) {
-                            return (
-                                name.substring(0, 6) + "\n" + name.substring(6)
-                            );
-                        } else {
-                            return name;
-                        }
-                    }
-                },
-                grid: {
-                    show: true,
-                    borderWidth: 1,
-                    top: '20%',
-                    left: '1%',
-                    right: '5%',
-                    bottom: '15%',
-                    containLabel: true
-                },
-                xAxis: {
-                    type: "category",
-                    axisLine: {
-                        show: false
-                    },
-                    textStyle: {
-                        fontSize: 10
-                    },
-                    axisTick: {
-                        show: false
-                    },
-                    splitLine: {
-                        show: false,
-                        lineStyle: {
-                            color: "#ddd",
-                            width: 2
-                        }
-                    },
-                    nameLocation: 'center',
-                    axisLabel: {
-                        show: true,
-                        fontSize: 12,
-                        showMinLabel: true, //显示最小值
-                        showMaxLabel: true, //显示最大值
-                    },
-                    data: this.xAxisData
-                },
-                dataZoom: [
-                    {
-                        type: "inside",
-                        start: 0,
-                        end: 100,
-                    },
-                    {
-                        start: 0,
-                        end: 100,
-                        textStyle: {
-                            color: "#FFF",
-                            fontSize: 14
-                        },
-                        show: true,
-                        height: 25,
-                        bottom: '3%',
-                        handleStyle: {
-                            borderWidth: 1,
-                            borderCap: "square"
-                        }
-                    }
-                ],
-                tooltip: {
-                    trigger: "axis",
-                    textStyle: {
-                        fontSize: 14,
-                        align: "center"
-                    },
-                    formatter: function(params) {
-                        return params[0].marker  + params[0].name + '--' + params[0].value + '</br>'
-                    }
-                },
-                yAxis: {
-                    type: "value",
-                    max: 100,
-                    min: 0,
-                    interval: 20,
-                    splitNumber : 1,
-			        boundaryGap : [ '5%', '5%' ],
-                    nameTextStyle: {
-                        fontSize: 13
-                    },
-                    alignTicks: true,
-                    axisTick: {
-                        show: true
-                    },
-                    axisLabel: {
-                        show: true,
-                        fontSize: 13,
-                    },
-                    splitLine: {
-                        show: true,
-                        lineStyle: {
-                            color: "#ddd",
-                            width: 1
-                        }
-                    }
-                },
-                series: [
-                    {
-                        name: `无${this.emoName}倾向`,
-                        type: "line",
-                        padding: 5,
-                        data: this.emotionData,
-                        symbol: "circle",
-                        symbolSize: 8,
-                    },
-                    {
-                        name: `轻度${this.emoName}倾向`,
-                        type: "line",
-                        data: ""
-                    },
-                    {
-                        name: `中度${this.emoName}倾向`,
-                        type: "line",
-                        data: ""
-                    },
-                    {
-                        name: `重度${this.emoName}倾向`,
-                        type: "line",
-                        data: ""
-                    }
-                ]
-            };
+      return {
+        time: {
+          useUTC: false,
+        },
+        title: {
+          text: this.echartsTitle,
+          left: 1,
+          right: 25,
+          bottom: 20,
+          top: "3%",
+          textStyle: {
+            fontSize: 18,
+            fontWeight: "bold",
+          },
+        },
+        legend: {
+          width: "65%",
+          orient: "horizontal",
+          right: "5%",
+          top: "3%",
+          bottom: "1%",
+          itemHeight: 12,
+          itemWidth: 12,
+          itemGap: 10,
+          align: "left",
+          selectedMode: false,
+          data: [
+            {
+              name: `无${this.emoName}倾向`,
+              icon: "rect",
+              itemStyle: {
+                color: "#62BD48",
+              },
+              textStyle: {
+                fontSize: 12,
+              },
+            },
+            {
+              name: `轻度${this.emoName}倾向`,
+              icon: "rect",
+              itemStyle: {
+                color: "#ffde00",
+              },
+              textStyle: {
+                fontSize: 12,
+              },
+            },
+            {
+              name: `中度${this.emoName}倾向`,
+              itemStyle: {
+                color: "#ff8a00",
+              },
+              icon: "rect",
+              textStyle: {
+                fontSize: 12,
+              },
+            },
+            {
+              name: `重度${this.emoName}倾向`,
+              itemStyle: {
+                color: "#d70d0d",
+              },
+              icon: "rect",
+              textStyle: {
+                fontSize: 12,
+              },
+            },
+          ],
+          formatter: function (name) {
+            // 自定义显示内容
+            if (name.length > 6) {
+              return name.substring(0, 6) + "\n" + name.substring(6);
+            } else {
+              return name;
+            }
+          },
+        },
+        grid: {
+          show: true,
+          borderWidth: 1,
+          top: "20%",
+          left: "1%",
+          right: "5%",
+          bottom: "15%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "category",
+          axisLine: {
+            show: false,
+          },
+          textStyle: {
+            fontSize: 10,
+          },
+          axisTick: {
+            show: false,
+          },
+          splitLine: {
+            show: false,
+            lineStyle: {
+              color: "#ddd",
+              width: 2,
+            },
+          },
+          nameLocation: "center",
+          axisLabel: {
+            show: true,
+            fontSize: 12,
+            showMinLabel: true, //显示最小值
+            showMaxLabel: true, //显示最大值
+          },
+          data: this.xAxisData,
+        },
+        dataZoom: [
+          {
+            type: "inside",
+            start: 0,
+            end: 100,
+          },
+          {
+            start: 0,
+            end: 100,
+            textStyle: {
+              color: "#FFF",
+              fontSize: 14,
+            },
+            show: true,
+            height: 25,
+            bottom: "3%",
+            handleStyle: {
+              borderWidth: 1,
+              borderCap: "square",
+            },
+          },
+        ],
+        tooltip: {
+          trigger: "axis",
+          textStyle: {
+            fontSize: 14,
+            align: "center",
+          },
+          formatter: function (params) {
+            return (
+              params[0].marker +
+              params[0].name +
+              "--" +
+              params[0].value +
+              "</br>"
+            );
+          },
+        },
+        yAxis: {
+          type: "value",
+          max: 100,
+          min: 0,
+          interval: 20,
+          splitNumber: 1,
+          boundaryGap: ["5%", "5%"],
+          nameTextStyle: {
+            fontSize: 13,
+          },
+          alignTicks: true,
+          axisTick: {
+            show: true,
+          },
+          axisLabel: {
+            show: true,
+            fontSize: 13,
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: "#ddd",
+              width: 1,
+            },
+          },
+        },
+        series: [
+          {
+            name: `无${this.emoName}倾向`,
+            type: "line",
+            padding: 5,
+            data: this.emotionData,
+            symbol: "circle",
+            symbolSize: 8,
+          },
+          {
+            name: `轻度${this.emoName}倾向`,
+            type: "line",
+            data: "",
+          },
+          {
+            name: `中度${this.emoName}倾向`,
+            type: "line",
+            data: "",
+          },
+          {
+            name: `重度${this.emoName}倾向`,
+            type: "line",
+            data: "",
+          },
+        ],
+      };
     },
     // 饼状图配置
     pieOption() {
-            return {
-                tooltip: {
-                    trigger: "item",
-                    textStyle: {
-                        fontSize: 14
-                    },
-                    position: "right"
-                },
-                legend: {
-                    top: "5%",
-                    left: "center",
-                    show: false
-                },
-                series: [
-                    {
-                        type: "pie",
-                        radius: ["40%", "80%"],
-                        avoidLabelOverlap: false,
-                        startAngle: 270, // 设置逆时针渲染
-                        itemStyle: {
-                            borderRadius: 5,
-                            borderColor: "#fff",
-                            borderWidth: 2,
-                            fontSize: 16
-                        },
-                        label: {
-                            show: false,
-                            position: "center",
-                            fontSize: 16
-                        },
-                        emphasis: {
-                            label: {
-                                show: false,
-                                fontSize: 16,
-                                fontWeight: "bold"
-                            }
-                        },
-                        labelLine: {
-                            show: false
-                        },
-                        data: this.pieData
-                    }
-                ]
-            };
+      return {
+        tooltip: {
+          trigger: "item",
+          textStyle: {
+            fontSize: 14,
+          },
+          position: "right",
+        },
+        legend: {
+          top: "5%",
+          left: "center",
+          show: false,
+        },
+        series: [
+          {
+            type: "pie",
+            radius: ["40%", "80%"],
+            avoidLabelOverlap: false,
+            startAngle: 270, // 设置逆时针渲染
+            itemStyle: {
+              borderRadius: 5,
+              borderColor: "#fff",
+              borderWidth: 2,
+              fontSize: 16,
+            },
+            label: {
+              show: false,
+              position: "center",
+              fontSize: 16,
+            },
+            emphasis: {
+              label: {
+                show: false,
+                fontSize: 16,
+                fontWeight: "bold",
+              },
+            },
+            labelLine: {
+              show: false,
+            },
+            data: this.pieData,
+          },
+        ],
+      };
     },
   },
   methods: {
     calcWeekImg(cur, last, callBackText) {
-        let imgurl = '';
-        let text = '';
-        if(isNotNull(cur) && isNotNull(last) && this.weekAndMonData.length > 0) {
-            let curNumber = Number(cur);
-            let latNumber = Number(last);
-            if(curNumber - latNumber == 0) {
-                text = '持平';
-            } else {
-                imgurl = curNumber < latNumber ? this.downImg : this.upImg;
-                text = Math.abs(curNumber - latNumber) + '天';
-            }
-            if(callBackText) {
-                return text
-            } else {
-                return imgurl
-            }
+      let imgurl = "";
+      let text = "";
+      if (isNotNull(cur) && isNotNull(last) && this.weekAndMonData.length > 0) {
+        let curNumber = Number(cur);
+        let latNumber = Number(last);
+        if (curNumber - latNumber == 0) {
+          text = "持平";
+        } else {
+          imgurl = curNumber < latNumber ? this.downImg : this.upImg;
+          text = Math.abs(curNumber - latNumber) + "天";
         }
+        if (callBackText) {
+          return text;
+        } else {
+          return imgurl;
+        }
+      }
     },
     // 计算显示是上升or下降的图片
     /**
-     * 
-     * @param { 本周情绪比例} current 
-     * @param { 上周情绪比例 } last 
-     * @param { 是否返回对比比例 } isCallBackCompare 
+     *
+     * @param { 本周情绪比例} current
+     * @param { 上周情绪比例 } last
+     * @param { 是否返回对比比例 } isCallBackCompare
      */
     calcImg(current, last, isCallBackCompare) {
-        let imgUrl = '';
-        let compare = '';
-        if(isNotNull(current) && isNotNull(last)) {
-            compare = Number(current) - Number(last);
-            imgUrl = compare > 0 ? this.upImg : compare == 0 ? '' : this.downImg
-        }
-        if(isCallBackCompare) {
-            return compare
+      let imgUrl = "";
+      let compare = "";
+      if (isNotNull(current) && isNotNull(last)) {
+        compare = Number(current) - Number(last);
+        imgUrl = compare > 0 ? this.upImg : compare == 0 ? "" : this.downImg;
+      }
+      if (isCallBackCompare) {
+        return compare;
+      } else {
+        return imgUrl;
+      }
+    },
+    async loadParams() {
+      let params = this.$route.query;
+      if (params) {
+        this.params = params;
+        if (!params.accessToken) {
+          let authToken = await this.getAuth();
+          this.$store.commit("ssjlToken", authToken);
         } else {
-            return imgUrl;
+          this.$store.commit("ssjlToken", params.accessToken);
         }
+        this.getWeekResultDetail();
+      }
     },
-    async loadParams() {
-        let params = this.$route.query;
-            if (params) {
-                this.params = params;
-                if(!params.accessToken) {
-                    let authToken = await this.getAuth();
-                    this.$store.commit('ssjlToken', authToken);
-                } else {
-                    this.$store.commit('ssjlToken', params.accessToken);
-                }
-                this.getWeekResultDetail();
-            }
-        },
     //   获取b端token
     getAuth() {
-        let manufactorId = "5bf13062-a41e-4d00-ba14-1101aad12650";
-        let that = this;
-        return new Promise((resolve, reject) => {
-            APICore.getAuth({ manufactorId: manufactorId }).then(res => {
-                let data = res.data;
-                if(data.code === 0) {
-                    resolve(res.data.data);
-                } else {
-                    this.$toast.fail(`${data.message}`);
-                    reject('');
-                }
-            })
-        })
+      let manufactorId = "5bf13062-a41e-4d00-ba14-1101aad12650";
+      let that = this;
+      return new Promise((resolve, reject) => {
+        APICore.getAuth({ manufactorId: manufactorId }).then((res) => {
+          let data = res.data;
+          if (data.code === 0) {
+            resolve(res.data.data);
+          } else {
+            this.$toast.fail(`${data.message}`);
+            reject("");
+          }
+        });
+      });
     },
-    initEchartText( ) {
-        this.defaultSeries = [
-                {
-                        name: ``,
-                        type: "line",
-                        padding: 5,
-                        data: this.emotionData,
-                        symbol: "circle",
-                        symbolSize: 8, // 拐点圆的大小
-                        areaStyle: {},
-                    },
-                    {
-                        name: `轻度${this.emoName}倾向`,
-                        type: "line",
-                        padding: 10,
-                        data: "",
-                        symbol: "circle",
-                        symbolSize: 8, // 拐点圆的大小
-                    },
-                    {
-                        name: `中度${this.emoName}倾向`,
-                        type: "line",
-                        data: ""
-                    },
-                    {
-                        name: `重度${this.emoName}倾向`,
-                        type: "line",
-                        data: ""
-                    }
-            ];
+    initEchartText() {
+      this.defaultSeries = [
+        {
+          name: ``,
+          type: "line",
+          padding: 5,
+          data: this.emotionData,
+          symbol: "circle",
+          symbolSize: 8, // 拐点圆的大小
+          areaStyle: {},
+        },
+        {
+          name: `轻度${this.emoName}倾向`,
+          type: "line",
+          padding: 10,
+          data: "",
+          symbol: "circle",
+          symbolSize: 8, // 拐点圆的大小
+        },
+        {
+          name: `中度${this.emoName}倾向`,
+          type: "line",
+          data: "",
+        },
+        {
+          name: `重度${this.emoName}倾向`,
+          type: "line",
+          data: "",
+        },
+      ];
     },
     calcTitle(type) {
-        let title = '';
-        switch(type) {
-            case 1:
-                title = '压力'
-                break;
-            case 2:
-                title = '抑郁'
-                break;
-            case 3:
-                title = '疲劳'
-                break;
-            default: break;
-        };
-        return title;
+      let title = "";
+      switch (type) {
+        case 1:
+          title = "压力";
+          break;
+        case 2:
+          title = "焦虑";
+          break;
+        case 3:
+          title = "疲劳";
+          break;
+        default:
+          break;
+      }
+      return title;
     },
     getWeekResultDetail() {
-        this.$toast.loading('数据加载中');
-        let baseUrl = process.env.NODE_ENV === 'production' ? 'https://dbmq.rzliot.com/auth_heart' : 'https://dbmq.rzliot.com/heart';
-        let reqUrl = `${baseUrl}/api/Data/GetWeekResultDetail`;
-        let reqParams = {
-            recordId: this.params.recordId,
-        };
-        axios.get(reqUrl, {
-            params: { ...reqParams },
-           /*  headers: { 'AccessToken': this.$store.getters.ssjlToken } */
-        }).then(res => {
-            const data = res.data.response;
-            let chartData = data.ChartData ? (JSON.parse(data.ChartData)).filter(item => {return item.Key}) : [];
-            if(data) {
-                this.monitoringCount = data.Total;
-                this.pieRightList = [];
-                this.statisticsList = [];
-                this.emotionList = [];
-                this.weekResult = data;
-                this.emoName = this.calcTitle(data.Type);
-            }
-            let None = {
-                count: data.None,
-                percentage: this.calcPercentage(
-                    data.None,
-                    data.Total
-                ),
-                text: `无${this.emoName}倾向`,
-                color: "#62BD48",
-                scale: data.NoneRatio,
-                lastPercentage: this.calcPercentage(
-                    data.LastNone,
-                    data.LastTotal
-                )
-            };
-            let Mild = {
-                count: data.Mild,
-                percentage: this.calcPercentage(
-                data.Mild,
-                data.Total
-                ),
-                text: `轻度${this.emoName}倾向`,
-                color: "#ffde00",
-                scale: data.MildRatio,
-                lastPercentage: this.calcPercentage(
-                    data.LastMild,
-                    data.LastTotal
-                )
+      this.$toast.loading("数据加载中");
+      let baseUrl =
+        process.env.NODE_ENV === "production"
+          ? "https://dbmq.rzliot.com/auth_heart"
+          : "https://dbmq.rzliot.com/heart";
+      let reqUrl = `${baseUrl}/api/Data/GetWeekResultDetail`;
+      let reqParams = {
+        recordId: this.params.recordId,
+      };
+      axios
+        .get(reqUrl, {
+          params: { ...reqParams },
+          /*  headers: { 'AccessToken': this.$store.getters.ssjlToken } */
+        })
+        .then((res) => {
+          const data = res.data.response;
+          let chartData = data.ChartData
+            ? JSON.parse(data.ChartData).filter((item) => {
+                return item.Key;
+              })
+            : [];
+          if (data) {
+            this.monitoringCount = data.Total;
+            this.pieRightList = [];
+            this.statisticsList = [];
+            this.emotionList = [];
+            this.weekResult = data;
+            this.emoName = this.calcTitle(data.Type);
+          }
+          let None = {
+            count: data.None,
+            percentage: this.calcPercentage(data.None, data.Total),
+            text: `无${this.emoName}倾向`,
+            color: "#62BD48",
+            scale: data.NoneRatio,
+            lastPercentage: this.calcPercentage(data.LastNone, data.LastTotal),
+          };
+          let Mild = {
+            count: data.Mild,
+            percentage: this.calcPercentage(data.Mild, data.Total),
+            text: `轻度${this.emoName}倾向`,
+            color: "#ffde00",
+            scale: data.MildRatio,
+            lastPercentage: this.calcPercentage(data.LastMild, data.LastTotal),
+          };
+          let Moderate = {
+            count: data.Moderate,
+            percentage: this.calcPercentage(data.Moderate, data.Total),
+            text: `中度${this.emoName}倾向`,
+            color: "#ff8a00",
+            scale: data.ModerateRatio,
+            lastPercentage: this.calcPercentage(
+              data.LastModerate,
+              data.LastTotal
+            ),
+          };
+          let Severe = {
+            count: data.Severe,
+            percentage: this.calcPercentage(data.Severe, data.Total),
+            text: `重度${this.emoName}倾向`,
+            color: "#d70d0d",
+            scale: data.SevereRatio,
+            lastPercentage: this.calcPercentage(
+              data.LastSevere,
+              data.LastTotal
+            ),
+          };
+          // 饼状图右边数据
+          this.pieRightList.push(None);
+          this.pieRightList.push(Mild);
+          this.pieRightList.push(Moderate);
+          this.pieRightList.push(Severe);
+          this.pieData = this.pieRightList.map((item) => {
+            item.value = item.count;
+            item.itemStyle = {
+              color: item.color,
             };
-            let Moderate = {
-                count: data.Moderate,
-                percentage: this.calcPercentage(
-                    data.Moderate,
-                    data.Total
-                ),
-                text: `中度${this.emoName}倾向`,
-                color: "#ff8a00",
-                scale: data.ModerateRatio,
-                lastPercentage: this.calcPercentage(
-                    data.LastModerate,
-                    data.LastTotal
-                )
+            return item;
+          });
+          let Max = {
+            label: "最大值",
+            value: data.Max,
+            time: data.MaxDesc
+              ? this.currentDays === 0
+                ? this.$dayjs(data.MaxDesc).format("HH:mm")
+                : this.$dayjs(data.MaxDesc).format("MM/DD HH:mm")
+              : "",
+          };
+          let Min = {
+            label: "最小值",
+            value: data.Min,
+            time: data.MinDesc
+              ? this.currentDays === 0
+                ? this.$dayjs(data.MinDesc).format("HH:mm")
+                : this.$dayjs(data.MinDesc).format("MM/DD HH:mm")
+              : "",
+          };
+          let Avg = {
+            label: "平均值",
+            value: data.Avg,
+            time: data.AvgDesc
+              ? this.currentDays === 0
+                ? this.$dayjs(data.AvgDesc).format("HH:mm")
+                : this.$dayjs(data.AvgDesc).format("MM/DD HH:mm")
+              : "",
+          };
+          this.statisticsList.push(Max);
+          this.statisticsList.push(Min);
+          this.statisticsList.push(Avg);
+          let NoneDay = {
+            days: data.NoneDay,
+            text: `无${this.emoName}倾向`,
+            color: "#62BD48",
+            lastDay: data.LastNoneDay,
+            scale: data.NoneDayRatio,
+          };
+          let MildDay = {
+            days: data.MildDay,
+            text: `轻度${this.emoName}倾向`,
+            color: "#ffde00",
+            lastDay: data.LastMildDay,
+            scale: data.MildDayRatio,
+          };
+          let ModerateDay = {
+            days: data.ModerateDay,
+            text: `中度${this.emoName}倾向`,
+            color: "#ff8a00",
+            lastDay: data.LastModerateDay,
+            scale: data.ModerateDayRatio,
+          };
+          let SevereDay = {
+            days: data.SevereDay,
+            text: `重度${this.emoName}倾向`,
+            color: "#d70d0d",
+            lastDay: data.LastSevereDay,
+            scale: data.SevereDayRatio,
+          };
+          this.emotionList.push(NoneDay);
+          this.emotionList.push(MildDay);
+          this.emotionList.push(ModerateDay);
+          this.emotionList.push(SevereDay);
+          // 图表数据
+          this.emotionData = chartData.map((item) => {
+            return {
+              value: item.Value,
+              itemStyle: {
+                color: this.calcResultColor(item.Level),
+              },
             };
-            let Severe = {
-                count: data.Severe,
-                percentage: this.calcPercentage(
-                    data.Severe,
-                    data.Total
-                ),
-                text: `重度${this.emoName}倾向`,
-                color: "#d70d0d",
-                scale: data.SevereRatio,
-                lastPercentage: this.calcPercentage(
-                    data.LastSevere,
-                    data.LastTotal
-                )
+          });
+          this.weekAndMonData = chartData.map((item, index) => {
+            return {
+              value: [index, item.MinValue, item.MaxValue],
             };
-                        // 饼状图右边数据
-                        this.pieRightList.push(None);
-                        this.pieRightList.push(Mild);
-                        this.pieRightList.push(Moderate);
-                        this.pieRightList.push(Severe);
-                        this.pieData = this.pieRightList.map(item => {
-                            item.value = item.count;
-                            item.itemStyle = {
-                                color: item.color
-                            };
-                            return item;
-                        });
-                        let Max = {
-                            label: "最大值",
-                            value: data.Max,
-                            time: data.MaxDesc
-                                ? this.currentDays === 0 ? this.$dayjs(data.MaxDesc).format("HH:mm")
-                                : this.$dayjs(data.MaxDesc).format("MM/DD HH:mm")
-                                : ""
-                        };
-                        let Min = {
-                            label: "最小值",
-                            value: data.Min,
-                            time: data.MinDesc
-                                ? this.currentDays === 0 ? this.$dayjs(data.MinDesc).format("HH:mm")
-                                : this.$dayjs(data.MinDesc).format("MM/DD HH:mm")
-                                : ""
-                        };
-                        let Avg = {
-                            label: "平均值",
-                            value: data.Avg,
-                            time: data.AvgDesc
-                                ? this.currentDays === 0 ? this.$dayjs(data.AvgDesc).format("HH:mm")
-                                : this.$dayjs(data.AvgDesc).format("MM/DD HH:mm")
-                                : ""
-                        };
-                        this.statisticsList.push(Max);
-                        this.statisticsList.push(Min);
-                        this.statisticsList.push(Avg);
-                        let NoneDay = {
-                            days: data.NoneDay,
-                            text: `无${this.emoName}倾向`,
-                            color: "#62BD48",
-                            lastDay: data.LastNoneDay,
-                            scale: data.NoneDayRatio
-                        };
-                        let MildDay = {
-                            days: data.MildDay,
-                            text: `轻度${this.emoName}倾向`,
-                            color: "#ffde00",
-                            lastDay: data.LastMildDay,
-                            scale: data.MildDayRatio
-                        };
-                        let ModerateDay = {
-                            days: data.ModerateDay,
-                            text: `中度${this.emoName}倾向`,
-                            color: "#ff8a00",
-                            lastDay: data.LastModerateDay,
-                            scale: data.ModerateDayRatio
-                        };
-                        let SevereDay = {
-                            days: data.SevereDay,
-                            text: `重度${this.emoName}倾向`,
-                            color: "#d70d0d",
-                            lastDay: data.LastSevereDay,
-                            scale: data.SevereDayRatio
-                        };
-                        this.emotionList.push(NoneDay);
-                        this.emotionList.push(MildDay);
-                        this.emotionList.push(ModerateDay);
-                        this.emotionList.push(SevereDay);
-                        // 图表数据
-                        this.emotionData = chartData.map(item => {
-                            return {
-                                value: item.Value,
-                                itemStyle: {
-                                    color: this.calcResultColor(item.Level)
-                                }
-                            };
-                        });
-                        this.weekAndMonData = chartData.map((item, index) => {
-                            return {
-                                value: [index, item.MinValue, item.MaxValue],
-                            };
-                        });
-                        this.xAxisData = chartData.map(item => {
-                            return item.Key ? this.$dayjs(item.Key.replace(/-/g, "/")).format(
-                                "MM/DD"
-                            ) : item.key;
-                        });
-                        let emphasisStyle = {
-                            itemStyle: {
-                                shadowBlur: 10,
-                                shadowColor: 'rgba(0,0,0,0.3)'
-                            }
-                        };
-                        let that = this;
-                        // 7天和30天变成柱状图
-                        this.weekAndMonthSeries = [
-                                {
-                                    name: '平均值',
-                                    type: 'scatter',
-                                    symbolSize: 8,
-                                    data: this.emotionData,
-                                },
-                                {
-                                    name: '',
-                                    type: 'custom',
-                                    data: this.weekAndMonData,
-                                    renderItem: function (params, api) {
-                                        var categoryIndex = api.value(0);
-                                        var end = api.coord([categoryIndex, api.value(1)]);
-                                        var start = api.coord([categoryIndex, api.value(2)]);
-                                        var width = 8;
-                                        var rectShape = that.$echarts.graphic.clipRectByRect(
-                                            {
-                                            x: start[0] - width / 2,
-                                            y: start[1],
-                                            width: 8,
-                                            height: end[1] - start[1],
-                                            },
-                                            {
-                                            x: params.coordSys.x,
-                                            y: params.coordSys.y,
-                                            width: params.coordSys.width,
-                                            height: params.coordSys.height,
-                                            }
-                                        );
-                                        if(rectShape) {
-                                            rectShape.r = [10]
-                                        };
-                                        return (
-                                            rectShape && {
-                                            type: "rect",
-                                            shape: rectShape,
-                                            style: api.style(),
-                                            }
-                                        );
-                                    },
-                                    itemStyle: {
-                                        opacity: 0.8,
-                                    },
-                                    encode: {
-                                        y: [1, 2],
-                                        x: 0,
-                                    },
-                                },
-                                {
-                                    name: `轻度${this.emoName}倾向`,
-                                    type: 'scatter',
-                                    symbolSize: 8,
-                                    data: '',
-                                },
-                                {
-                                    name: `中度${this.emoName}倾向`,
-                                    type: 'scatter',
-                                    symbolSize: 8,
-                                    data: '',
-                                },
-                                {
-                                    name: `重度${this.emoName}倾向`,
-                                    type: 'scatter',
-                                    symbolSize: 8,
-                                    data: '',
-                                },
-                                {
-                                    name: `无${this.emoName}倾向`,
-                                    type: 'scatter',
-                                    symbolSize: 8,
-                                    data: '',
-                                },
-                        ];
-                        // 点击提示此时为空
-                        this.defaultOptions.tooltip = {
-                            trigger: "axis",
-                            formatter: function(params) {
-                                if(params) {
-                                    return params[0].marker + '平均值:' + params[0].name + '--' + params[0].value + '</br>' +
-                                    params[1].marker + '最大值:' + params[1].name +  '--' + params[1].value[2] + '</br>' +
-                                    params[1].marker + '最小值:' + params[1].name +  '--' + params[1].value[1];
-                                }
-
-                            }
-                        };
-                        this.defaultOptions.series = this.weekAndMonthSeries;
-            this.$toast.success('数据加载完成');
-        })
+          });
+          this.xAxisData = chartData.map((item) => {
+            return item.Key
+              ? this.$dayjs(item.Key.replace(/-/g, "/")).format("MM/DD")
+              : item.key;
+          });
+          let emphasisStyle = {
+            itemStyle: {
+              shadowBlur: 10,
+              shadowColor: "rgba(0,0,0,0.3)",
+            },
+          };
+          let that = this;
+          // 7天和30天变成柱状图
+          this.weekAndMonthSeries = [
+            {
+              name: "平均值",
+              type: "scatter",
+              symbolSize: 8,
+              data: this.emotionData,
+            },
+            {
+              name: "",
+              type: "custom",
+              data: this.weekAndMonData,
+              renderItem: function (params, api) {
+                var categoryIndex = api.value(0);
+                var end = api.coord([categoryIndex, api.value(1)]);
+                var start = api.coord([categoryIndex, api.value(2)]);
+                var width = 8;
+                var rectShape = that.$echarts.graphic.clipRectByRect(
+                  {
+                    x: start[0] - width / 2,
+                    y: start[1],
+                    width: 8,
+                    height: end[1] - start[1],
+                  },
+                  {
+                    x: params.coordSys.x,
+                    y: params.coordSys.y,
+                    width: params.coordSys.width,
+                    height: params.coordSys.height,
+                  }
+                );
+                if (rectShape) {
+                  rectShape.r = [10];
+                }
+                return (
+                  rectShape && {
+                    type: "rect",
+                    shape: rectShape,
+                    style: api.style(),
+                  }
+                );
+              },
+              itemStyle: {
+                opacity: 0.8,
+              },
+              encode: {
+                y: [1, 2],
+                x: 0,
+              },
+            },
+            {
+              name: `轻度${this.emoName}倾向`,
+              type: "scatter",
+              symbolSize: 8,
+              data: "",
+            },
+            {
+              name: `中度${this.emoName}倾向`,
+              type: "scatter",
+              symbolSize: 8,
+              data: "",
+            },
+            {
+              name: `重度${this.emoName}倾向`,
+              type: "scatter",
+              symbolSize: 8,
+              data: "",
+            },
+            {
+              name: `无${this.emoName}倾向`,
+              type: "scatter",
+              symbolSize: 8,
+              data: "",
+            },
+          ];
+          // 点击提示此时为空
+          this.defaultOptions.tooltip = {
+            trigger: "axis",
+            formatter: function (params) {
+              if (params) {
+                return (
+                  params[0].marker +
+                  "平均值:" +
+                  params[0].name +
+                  "--" +
+                  params[0].value +
+                  "</br>" +
+                  params[1].marker +
+                  "最大值:" +
+                  params[1].name +
+                  "--" +
+                  params[1].value[2] +
+                  "</br>" +
+                  params[1].marker +
+                  "最小值:" +
+                  params[1].name +
+                  "--" +
+                  params[1].value[1]
+                );
+              }
+            },
+          };
+          this.defaultOptions.series = this.weekAndMonthSeries;
+          this.$toast.success("数据加载完成");
+        });
     },
     initEchart() {
-        if (
-            this.echarts != null &&
-            this.echarts != "" &&
-            this.echarts != undefined
-        ) {
-            this.echarts.dispose();
-        }
-        this.echarts = this.$echarts.init(this.$refs.charts);
-        this.echarts.setOption(this.defaultOptions);
+      if (
+        this.echarts != null &&
+        this.echarts != "" &&
+        this.echarts != undefined
+      ) {
+        this.echarts.dispose();
+      }
+      this.echarts = this.$echarts.init(this.$refs.charts);
+      this.echarts.setOption(this.defaultOptions);
     },
     // 初始化饼状图
     initPieEchart() {
-            if (
-                this.pieEcharts != null &&
-                this.pieEcharts != "" &&
-                this.pieEcharts != undefined
-            ) {
-                this.pieEcharts.dispose();
-            }
-            this.pieEcharts = this.$echarts.init(this.$refs.pieChart);
-            this.pieEcharts.setOption(this.pieOption);
+      if (
+        this.pieEcharts != null &&
+        this.pieEcharts != "" &&
+        this.pieEcharts != undefined
+      ) {
+        this.pieEcharts.dispose();
+      }
+      this.pieEcharts = this.$echarts.init(this.$refs.pieChart);
+      this.pieEcharts.setOption(this.pieOption);
     },
     onNavBack() {
-        this.$router.push({
-            name: 'psychological',
-            query: {
-                uid: this.params.uid,
-                name: this.params.name
-            }
-        });
+      this.$router.push({
+        name: "psychological",
+        query: {
+          uid: this.params.uid,
+          name: this.params.name,
+        },
+      });
     },
     // 计算字体显示的颜色
     calcColor(value) {
-        let color = "";
-        if (value <= 40) {
-            color = "#62BD48";
-        } else if (value > 40 && value <= 65) {
-            color = "#ffde00";
-        } else if (value > 65 && value <= 80) {
-            color = "#ff8a00";
-        } else if (value > 80) {
-            color = "#d70d0d";
-        } else {
-            color = "";
-        }
-        return color;
+      let color = "";
+      if (value <= 40) {
+        color = "#62BD48";
+      } else if (value > 40 && value <= 65) {
+        color = "#ffde00";
+      } else if (value > 65 && value <= 80) {
+        color = "#ff8a00";
+      } else if (value > 80) {
+        color = "#d70d0d";
+      } else {
+        color = "";
+      }
+      return color;
     },
     // 计算百分比
     calcPercentage(value, total) {
-        if (
-                typeof value !== "number" ||
-                typeof total !== "number" ||
-                total === 0
-            ) {
-                return 0;
-            }
-            let milValue = value * 1000;
-            let milTotal = total * 1000;
-            return Math.round((milValue / milTotal) * 100);
+      if (
+        typeof value !== "number" ||
+        typeof total !== "number" ||
+        total === 0
+      ) {
+        return 0;
+      }
+      let milValue = value * 1000;
+      let milTotal = total * 1000;
+      return Math.round((milValue / milTotal) * 100);
     },
     // 计算结果采用哪种颜色
-        calcResultColor(value, isCallBackClass) {
-            let color = "";
-            let className = "";
-            switch(value) {
-                case '0', 0:
-                    color = "#62BD48";
-                    className = 'none';
-                break;
-                case '1', 1:
-                    color = "#ffde00";
-                    className = 'mild';
-                break;
-                case '2', 2:
-                    color = "#ff8a00";
-                    className = 'moderate';
-                break;
-                case '3', 3:
-                    color = "#d70d0d";
-                    className = 'severe';
-                break;
-            }
-            return isCallBackClass ? className : color;
-        },
+    calcResultColor(value, isCallBackClass) {
+      let color = "";
+      let className = "";
+      switch (value) {
+        case ("0", 0):
+          color = "#62BD48";
+          className = "none";
+          break;
+        case ("1", 1):
+          color = "#ffde00";
+          className = "mild";
+          break;
+        case ("2", 2):
+          color = "#ff8a00";
+          className = "moderate";
+          break;
+        case ("3", 3):
+          color = "#d70d0d";
+          className = "severe";
+          break;
+      }
+      return isCallBackClass ? className : color;
+    },
     // 重新拼接日期
     resetDate(startDate, endDate) {
-        let callBackDate = '';
-        if(startDate && endDate) {
-            callBackDate = startDate.replace(/-/g, ".") + '-' + endDate.slice(5,endDate.length).replace(/-/g, ".");
-        };
-        return callBackDate
-
-    }
-  }
-}
+      let callBackDate = "";
+      if (startDate && endDate) {
+        callBackDate =
+          startDate.replace(/-/g, ".") +
+          "-" +
+          endDate.slice(5, endDate.length).replace(/-/g, ".");
+      }
+      return callBackDate;
+    },
+  },
+};
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/health/psychological/report/report-entry.vue b/src/views/health/psychological/report/report-entry.vue
index e84b579..7fefbbb 100644
--- a/src/views/health/psychological/report/report-entry.vue
+++ b/src/views/health/psychological/report/report-entry.vue
@@ -6,226 +6,235 @@
  * @description:
 -->
 <template>
-    <div class="report-main">
-        <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="tabs"></div>
-            <div class="content">
-                <div class="list" v-if="weekList">
-                    <div
-                        class="item"
-                        v-for="(item, index) in weekList"
-                        :key="index"
-                        @click="onClickItem(item.recordId)"
-                    >
-                        <div class="left">
-                            <img :src="weekImg" alt />
-                            <div class="middle">
-                                <div class="title">
-                                    <span>周报</span>
-                                    <p>{{ item.name }}</p>
-                                </div>
-                                <div class="overall">
-                                    <div class="left">
-                                        <span>总评</span>
-                                        <p>{{ item. summary}}</p>
-                                    </div>
-                                </div>
-                                <!-- <div class="trend">
-                                    <p>( <span>无抑郁倾向</span><span>5%</span>，<span>轻度抑郁倾向</span> <span>5%</span> )</p>
-                                </div>-->
-                            </div>
-                        </div>
-
-                        <div class="right">
-                            <img :src="moreImg" alt />
-                        </div>
-                    </div>
+  <div class="report-main">
+    <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="tabs"></div>
+      <div class="content">
+        <div class="list" v-if="weekList">
+          <div
+            class="item"
+            v-for="(item, index) in weekList"
+            :key="index"
+            @click="onClickItem(item.recordId)"
+          >
+            <div class="left">
+              <img :src="weekImg" alt />
+              <div class="middle">
+                <div class="title">
+                  <span>周报</span>
+                  <p>{{ item.name }}</p>
                 </div>
-                <div class="list no-data" v-else>
-                    <img src="../../../../assets/img/no_data_01.png" alt />
-                    <p>暂无数据</p>
+                <div class="overall">
+                  <div class="left">
+                    <span>总评</span>
+                    <p>{{ item.summary }}</p>
+                  </div>
                 </div>
+                <!-- <div class="trend">
+                                    <p>( <span>无焦虑倾向</span><span>5%</span>，<span>轻度焦虑倾向</span> <span>5%</span> )</p>
+                                </div>-->
+              </div>
             </div>
+
+            <div class="right">
+              <img :src="moreImg" alt />
+            </div>
+          </div>
+        </div>
+        <div class="list no-data" v-else>
+          <img src="../../../../assets/img/no_data_01.png" alt />
+          <p>暂无数据</p>
         </div>
+      </div>
     </div>
+  </div>
 </template>
 
 <script>
 import { EmotionModel, PsyBaseUrl } from "@/config/models";
 import axios from "axios";
 export default {
-  name:'',
-  data(){
-   return {
-       active: 0,
-       tabImgUrl: require("@/assets/img/psychological/statistical_form.png"),
-       selectDownImg: require("@/assets/img/psychological/select_down.png"),
-       weekImg: require("@/assets/img/psychological/week_report.png"),
-       moreImg: require("@/assets/img/psychological/more.png"),
-       weekList: [],
-       uid: '',
-       emoName: '',
-   }
+  name: "",
+  data() {
+    return {
+      active: 0,
+      tabImgUrl: require("@/assets/img/psychological/statistical_form.png"),
+      selectDownImg: require("@/assets/img/psychological/select_down.png"),
+      weekImg: require("@/assets/img/psychological/week_report.png"),
+      moreImg: require("@/assets/img/psychological/more.png"),
+      weekList: [],
+      uid: "",
+      emoName: "",
+    };
   },
   methods: {
     onNavBack() {},
     loadParams() {
-        let params = this.$route.query;
-            if (params) {
-            this.emoName = EmotionModel[params.name].name;
-            this.emoType = EmotionModel[params.name].type;
-            this.uid = params.uid;
-        }
+      let params = this.$route.query;
+      if (params) {
+        this.emoName = EmotionModel[params.name].name;
+        this.emoType = EmotionModel[params.name].type;
+        this.uid = params.uid;
+      }
     },
     onClickItem(recordId) {
-        this.$router.push({
-            name: 'psychologicalReport',
-            query: {
-                recordId: recordId,
-                name: 'depression',
-                isShowLeft: true
-            }
-        })
+      this.$router.push({
+        name: "psychologicalReport",
+        query: {
+          recordId: recordId,
+          name: "depression",
+          isShowLeft: true,
+        },
+      });
     },
     getWeekResult() {
-        this.$toast.loading('数据加载中');
-        let baseUrl = process.env.NODE_ENV === 'production' ? 'https://dbmq.rzliot.com/auth_heart' : 'https://dbmq.rzliot.com/heart';
-        let reqUrl = `${baseUrl}/api/Data/GetWeekResult`;
-        let reqParams = {
-            uid: /* this.uid */'2023101521270090082',
-            type: this.emoType
-        };
-        axios.get(reqUrl, {
-            params: { ...reqParams },
-           /*  headers: { 'AccessToken': this.$store.getters.ssjlToken } */
-        }).then(res => {
-            console.log("res", res);
-            const data = res.data.response;
-            this.weekList = data.map(item => {
-                return {
-                    name: item.Name.replace('周报', ''),
-                    recordId: item.RecordId,
-                    summary: item.Summary,
-                    type: this.emoType
-                }
-            });
-            this.$toast.success('数据加载完成');
+      this.$toast.loading("数据加载中");
+      let baseUrl =
+        process.env.NODE_ENV === "production"
+          ? "https://dbmq.rzliot.com/auth_heart"
+          : "https://dbmq.rzliot.com/heart";
+      let reqUrl = `${baseUrl}/api/Data/GetWeekResult`;
+      let reqParams = {
+        uid: /* this.uid */ "2023101521270090082",
+        type: this.emoType,
+      };
+      axios
+        .get(reqUrl, {
+          params: { ...reqParams },
+          /*  headers: { 'AccessToken': this.$store.getters.ssjlToken } */
         })
-
-    }
+        .then((res) => {
+          console.log("res", res);
+          const data = res.data.response;
+          this.weekList = data.map((item) => {
+            return {
+              name: item.Name.replace("周报", ""),
+              recordId: item.RecordId,
+              summary: item.Summary,
+              type: this.emoType,
+            };
+          });
+          this.$toast.success("数据加载完成");
+        });
+    },
   },
   mounted() {
     this.loadParams();
     this.getWeekResult();
-  }
-}
+  },
+};
 </script>
 
 <style scoped lang="scss">
 .report-main {
-    height: 100vh;
-    width: 100%;
-    overflow: hidden;
-    background-color: #f5f5f5;
-    .main {
-        height: calc(100vh - 45px);
-        overflow: scroll;
-        .content {
-            position: relative;
-            .list {
-                .item {
-                    display: flex;
-                    justify-content: space-between;
-                    align-items: flex-end;
-                    padding: 34px 15px;
-                    background-color: #fff;
-                    margin-bottom: 11px;
-                    .left {
-                        display: flex;
-                        justify-content: flex-start;
-                        align-items: flex-start;
-                        img {
-                            height: 25px;
-                            width: 25px;
-                        }
-                        .middle {
-                            .title,
-                            .overall,
-                            .trend {
-                                display: flex;
-                                justify-content: flex-start;
-                                align-items: center;
-                                padding-left: 13px;
-                                span,
-                                p {
-                                    font-size: 18px;
-                                    font-family: Source Han Sans CN;
-                                    font-weight: 400;
-                                    color: #8d8d8d;
-                                    line-height: 30px;
-                                }
-                            }
-                            .title {
-                                span {
-                                    padding-right: 20px;
-                                }
-                                p {
-                                    color: #282828;
-                                }
-                            }
-                            .overall {
-                                display: flex;
-                                justify-content: space-between;
-                                align-items: center;
-                                width: 100%;
-                                .left {
-                                    p {
-                                        padding-left: 20px;
-                                        font-weight: bold;
-                                    }
-                                }
-                                .right {
-                                    img {
-                                        height: 15px;
-                                        width: 9px;
-                                    }
-                                }
-                            }
-                            .trend {
-                                align-items: flex-start;
-                                text-align: left;
-                            }
-                        }
-                    }
-                    .right {
-                        img {
-                            width: 9px;
-                            height: 15px;
-                        }
-                    }
+  height: 100vh;
+  width: 100%;
+  overflow: hidden;
+  background-color: #f5f5f5;
+  .main {
+    height: calc(100vh - 45px);
+    overflow: scroll;
+    .content {
+      position: relative;
+      .list {
+        .item {
+          display: flex;
+          justify-content: space-between;
+          align-items: flex-end;
+          padding: 34px 15px;
+          background-color: #fff;
+          margin-bottom: 11px;
+          .left {
+            display: flex;
+            justify-content: flex-start;
+            align-items: flex-start;
+            img {
+              height: 25px;
+              width: 25px;
+            }
+            .middle {
+              .title,
+              .overall,
+              .trend {
+                display: flex;
+                justify-content: flex-start;
+                align-items: center;
+                padding-left: 13px;
+                span,
+                p {
+                  font-size: 18px;
+                  font-family: Source Han Sans CN;
+                  font-weight: 400;
+                  color: #8d8d8d;
+                  line-height: 30px;
+                }
+              }
+              .title {
+                span {
+                  padding-right: 20px;
                 }
-                &.no-data {
-                    height: calc(100vh - 45px);
-                    width: 100%;
-                    @include center();
-                    flex-direction: column;
-                    img {
-                        height: 110px;
-                        width: 175px;
-                    }
-                    p {
-                        color: #999;
-                        font-size: 12px;
-                        padding: 20px 0 65px 0;
-                    }
+                p {
+                  color: #282828;
                 }
+              }
+              .overall {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                width: 100%;
+                .left {
+                  p {
+                    padding-left: 20px;
+                    font-weight: bold;
+                  }
+                }
+                .right {
+                  img {
+                    height: 15px;
+                    width: 9px;
+                  }
+                }
+              }
+              .trend {
+                align-items: flex-start;
+                text-align: left;
+              }
+            }
+          }
+          .right {
+            img {
+              width: 9px;
+              height: 15px;
             }
+          }
         }
+        &.no-data {
+          height: calc(100vh - 45px);
+          width: 100%;
+          @include center();
+          flex-direction: column;
+          img {
+            height: 110px;
+            width: 175px;
+          }
+          p {
+            color: #999;
+            font-size: 12px;
+            padding: 20px 0 65px 0;
+          }
+        }
+      }
     }
+  }
 }
 </style>
diff --git a/src/views/psychological-modeling/index.vue b/src/views/psychological-modeling/index.vue
index 19234af..9377d8e 100644
--- a/src/views/psychological-modeling/index.vue
+++ b/src/views/psychological-modeling/index.vue
@@ -1,382 +1,405 @@
 <template>
-	<div class="page" v-if="isSHowPage">
-         <van-nav-bar title="" :border="true" :left-arrow="true"  @click-left="onNavBack" v-if="showLeftArrow">
-             <template #left>
-                <van-icon name="arrow-left" size="23" style="padding: 0"/>返回
-            </template>
-         </van-nav-bar>
-		<div class="tip">
-			<div class="icon">
-				<i class="iconfont icon-tishi"></i>
-			</div>
-			<div class="info">
-				<div class="titie">温馨提醒：</div>
-				<div class="content">
-                    {{ tips }}
-				</div>
-			</div>
-		</div>
-		<div v-if="info">
-            <!-- 第一步 -->
-			<div class="step" v-show="info.initScaleState !== 1">
-				<div class="name">第一步</div>
-				<div class="title">
-					<div class="text">情绪初始化评估</div>
-					<div class="status success" v-if="info.initScaleState === 1">
-						<span class="icon"
-							><i class="iconfont icon-caozuochenggong"></i
-						></span>
-						<span>已完成</span>
-					</div>
-					<div class="status" v-else>待完成</div>
-				</div>
-				<div class="sub_title">
-					完成一次“情绪初始化评估”，有助于建立您的个人情绪模型。
-				</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 class="page" v-if="isSHowPage">
+    <van-nav-bar
+      title=""
+      :border="true"
+      :left-arrow="true"
+      @click-left="onNavBack"
+      v-if="showLeftArrow"
+    >
+      <template #left>
+        <van-icon name="arrow-left" size="23" style="padding: 0" />返回
+      </template>
+    </van-nav-bar>
+    <div class="tip">
+      <div class="icon">
+        <i class="iconfont icon-tishi"></i>
+      </div>
+      <div class="info">
+        <div class="titie">温馨提醒：</div>
+        <div class="content">
+          {{ tips }}
+        </div>
+      </div>
+    </div>
+    <div v-if="info">
+      <!-- 第一步 -->
+      <div class="step" v-show="info.initScaleState !== 1">
+        <div class="name">第一步</div>
+        <div class="title">
+          <div class="text">情绪初始化评估</div>
+          <div class="status success" v-if="info.initScaleState === 1">
+            <span class="icon"
+              ><i class="iconfont icon-caozuochenggong"></i
+            ></span>
+            <span>已完成</span>
+          </div>
+          <div class="status" v-else>待完成</div>
+        </div>
+        <div class="sub_title">
+          完成一次“情绪初始化评估”，有助于建立您的个人情绪模型。
+        </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 class="step" v-show="info.progress !== 1">
-				<div class="name">第二步</div>
-				<div class="title">
-					<div class="text">连续佩戴两小时</div>
-					<div class="status success" v-if="info.progress === 1">
-						<span class="icon"
-							><i class="iconfont icon-caozuochenggong"></i
-						></span>
-						<span>已完成</span>
-					</div>
-					<div class="status" v-else>{{ stateText}}</div>
-				</div>
-				<div class="schedule">
-					<van-progress
-						:percentage="(info.progress) * 100"
-						stroke-width="10px"
-						color="#638ee4"
-						:show-pivot="true"
-					></van-progress>
-				</div>
-				<div class="sub_title">
-					请连续佩戴不低于2小时,有助于为您输出更加精准的情绪分析指标。
-				</div>
-			</div>
-            <div class="completed" v-show="info.progress === 1 && info.initScaleState === 1">
-                <van-button
-                    round
-                    type="info"
-                    >建模已完成</van-button
-                >
-            </div>
-		</div>
-
-	</div>
+      <!-- 第二步 -->
+      <div class="step" v-show="info.progress !== 1">
+        <div class="name">第二步</div>
+        <div class="title">
+          <div class="text">连续佩戴两小时</div>
+          <div class="status success" v-if="info.progress === 1">
+            <span class="icon"
+              ><i class="iconfont icon-caozuochenggong"></i
+            ></span>
+            <span>已完成</span>
+          </div>
+          <div class="status" v-else>{{ stateText }}</div>
+        </div>
+        <div class="schedule">
+          <van-progress
+            :percentage="info.progress * 100"
+            stroke-width="10px"
+            color="#638ee4"
+            :show-pivot="true"
+          ></van-progress>
+        </div>
+        <div class="sub_title">
+          请连续佩戴不低于2小时,有助于为您输出更加精准的情绪分析指标。
+        </div>
+      </div>
+      <div
+        class="completed"
+        v-show="info.progress === 1 && info.initScaleState === 1"
+      >
+        <van-button round type="info">建模已完成</van-button>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
-import axios from 'axios'
+import axios from "axios";
 import APICore from "@/api/core";
 export default {
-	name: 'PsychologicalModeling',
-	data() {
-		return {
-            info: null,
-            showLeftArrow: null,
-            isSHowPage: false,
-            fromUrl: '',
-		}
+  name: "PsychologicalModeling",
+  data() {
+    return {
+      info: null,
+      showLeftArrow: null,
+      isSHowPage: false,
+      fromUrl: "",
+    };
+  },
+  computed: {
+    stateText() {
+      return this.info.progress > 0 ? "进行中" : "待完成";
     },
-    computed: {
-        stateText() {
-            return this.info.progress > 0 ? '进行中' : '待完成';
-        },
-        autoJump() {
-            return this.$route.query.autoJump === '1';
-        },
-        tips() {
-            return this.info.isFirstModeling === 1
-            ? '首次佩戴,需完成以下2步,建立情绪模型。完成初始化建模后,将为您计算抑郁、压力、疲劳分值。'
-            : '由于您长时间未佩戴手表，需重新建模，请连续佩戴不低于2小时，佩戴完成后，将为您计算抑郁、压力、疲劳的分值。'
-        }
+    autoJump() {
+      return this.$route.query.autoJump === "1";
+    },
+    tips() {
+      return this.info.isFirstModeling === 1
+        ? "首次佩戴,需完成以下2步,建立情绪模型。完成初始化建模后,将为您计算焦虑、压力、疲劳分值。"
+        : "由于您长时间未佩戴手表，需重新建模，请连续佩戴不低于2小时，佩戴完成后，将为您计算焦虑、压力、疲劳的分值。";
     },
-	mounted() {
-		//页面标题
-		window.document.title = '情绪初始化建模'
+  },
+  mounted() {
+    //页面标题
+    window.document.title = "情绪初始化建模";
 
-		//页面传参
-        let params = { ...this.$route.query }
-		if (params.uid) {
-            this.uid = params.uid;
-            // 缓存从随手精灵传过来的token
-            this.$store.commit('ssjlToken', params.accessToken || '');
-            // 缓存从随手精灵传过来的标识
-            this.$store.commit('fromSsjl', params.fromSsjl);
-            // 是否显示 返回标签
-            this.showLeftArrow = this.$store.getters.fromSsjl === 'true';
-            this.fromUrl = params.fromUrl;
-            console.log("fromUrl", this.fromUrl);
-			//初始化
-			this.init()
-		} else {
-			this.$toast('参数错误')
-		}
-	},
-	methods: {
-        // 获取b端token
-        getAuth() {
-            let manufactorId = "5bf13062-a41e-4d00-ba14-1101aad12650";
-            let that = this;
-            return new Promise((resolve, reject) => {
-                APICore.getAuth({ manufactorId: manufactorId }).then(res => {
-                    let data = res.data;
-                    if(data.code === 0) {
-                        resolve(res.data.data);
-                    } else {
-                        that.$toast.fail(`${data.message}`);
-                        reject('');
-                    }
-                })
-            })
-        },
-        // 返回
-        onNavBack() {
-            let fromSsjl = this.$store.getters.fromSsjl === 'true';
-            if(fromSsjl) {
-                let baseUrl = this.fromUrl;
-                window.location.href = `${baseUrl}/#/${ this.$route.query.fromMenu || 'device'}`;
-            } else {
-                this.$router.go(-1);
-            }
+    //页面传参
+    let params = { ...this.$route.query };
+    if (params.uid) {
+      this.uid = params.uid;
+      // 缓存从随手精灵传过来的token
+      this.$store.commit("ssjlToken", params.accessToken || "");
+      // 缓存从随手精灵传过来的标识
+      this.$store.commit("fromSsjl", params.fromSsjl);
+      // 是否显示 返回标签
+      this.showLeftArrow = this.$store.getters.fromSsjl === "true";
+      this.fromUrl = params.fromUrl;
+      console.log("fromUrl", this.fromUrl);
+      //初始化
+      this.init();
+    } else {
+      this.$toast("参数错误");
+    }
+  },
+  methods: {
+    // 获取b端token
+    getAuth() {
+      let manufactorId = "5bf13062-a41e-4d00-ba14-1101aad12650";
+      let that = this;
+      return new Promise((resolve, reject) => {
+        APICore.getAuth({ manufactorId: manufactorId }).then((res) => {
+          let data = res.data;
+          if (data.code === 0) {
+            resolve(res.data.data);
+          } else {
+            that.$toast.fail(`${data.message}`);
+            reject("");
+          }
+        });
+      });
+    },
+    // 返回
+    onNavBack() {
+      let fromSsjl = this.$store.getters.fromSsjl === "true";
+      if (fromSsjl) {
+        let baseUrl = this.fromUrl;
+        window.location.href = `${baseUrl}/#/${
+          this.$route.query.fromMenu || "device"
+        }`;
+      } else {
+        this.$router.go(-1);
+      }
+    },
+    async init() {
+      if (!this.$route.query.accessToken) {
+        //  如果当前url没有 accessToken， 获取token,并且存储到本地缓存里面
+        let authToken = await this.getAuth();
+        this.$store.commit("ssjlToken", authToken);
+      }
+      let ssjlToken = this.$store.getters.ssjlToken;
+      let re = await this.api(
+        "/api/Question/Progress",
+        {
+          method: "GET",
+          sslVerify: false,
+          withCredentials: false,
+          params: {
+            uid: this.uid,
+          },
         },
-		async init() {
-            if(!this.$route.query.accessToken) {
-                //  如果当前url没有 accessToken， 获取token,并且存储到本地缓存里面
-                let authToken = await this.getAuth();
-                this.$store.commit('ssjlToken', authToken);
-            }
-            let ssjlToken = this.$store.getters.ssjlToken;
-			let re = await this.api('/api/Question/Progress', {
-				method: 'GET',
-				sslVerify: false,
-				withCredentials: false,
-				params: {
-					uid: this.uid,
-                },
-			}, ssjlToken)
-			if (re.success) {
-                this.info = re.response
-                setTimeout(() => {
-                    this.isSHowPage = true;
-                }, 800)
-				if (re.response && re.response.state === -1) {
-					this.$toast('用户不存在或未绑定手表')
-				} else if (re.response && re.response.initScaleState === 1 && re.response.progress === 1 && !this.autoJump) {
-                    // 2023.6.1 需求变更，建模完成直接跳到心理健康汇总页面
-                    this.$router.replace(`/psychologicalMain?uid=${this.uid}&fromUrl=${this.fromUrl || ''}&fromMenu=${ this.showLeftArrow ? 'device' : ''}`);
-                }
-			} else {
-				this.$toast(re.msg)
+        ssjlToken
+      );
+      if (re.success) {
+        this.info = re.response;
+        setTimeout(() => {
+          this.isSHowPage = true;
+        }, 800);
+        if (re.response && re.response.state === -1) {
+          this.$toast("用户不存在或未绑定手表");
+        } else if (
+          re.response &&
+          re.response.initScaleState === 1 &&
+          re.response.progress === 1 &&
+          !this.autoJump
+        ) {
+          // 2023.6.1 需求变更，建模完成直接跳到心理健康汇总页面
+          this.$router.replace(
+            `/psychologicalMain?uid=${this.uid}&fromUrl=${
+              this.fromUrl || ""
+            }&fromMenu=${this.showLeftArrow ? "device" : ""}`
+          );
+        }
+      } else {
+        this.$toast(re.msg);
+      }
+    },
+    toQuestion() {
+      this.$router.replace(`/PsychologicalQuestionnaire?uid=${this.uid}`);
+    },
+    api(url, config, token) {
+      let baseUrl =
+        process.env.NODE_ENV === "production"
+          ? "https://dbmq.rzliot.com/auth_heart"
+          : "https://dbmq.rzliot.com/heart";
+      setTimeout(() => {
+        this.$toast.loading({
+          message: "",
+          forbidClick: true,
+          duration: 0,
+        });
+      }, 100);
+      return new Promise((res) => {
+        axios({
+          url: `${baseUrl}${url}`,
+          ...config,
+          // 增加请求头部 token
+          headers: {
+            AccessToken: token,
+          },
+        })
+          .then((re) => {
+            if (re) {
+              if (re.data) {
+                console.log(re.data);
+                res(re.data);
+                this.$toast.clear();
+                return;
+              }
+              this.$toast(`信息获取失败-${re.status}`);
+              res(true);
+              this.$toast.clear();
+              return;
             }
-		},
-		toQuestion() {
-			this.$router.replace(`/PsychologicalQuestionnaire?uid=${this.uid}`)
-		},
-		api(url, config, token) {
-			let baseUrl = process.env.NODE_ENV === 'production' ? 'https://dbmq.rzliot.com/auth_heart' : 'https://dbmq.rzliot.com/heart';
-			setTimeout(() => {
-				this.$toast.loading({
-					message: '',
-					forbidClick: true,
-					duration: 0,
-				})
-			}, 100)
-			return new Promise((res) => {
-				axios({
-					url: `${baseUrl}${url}`,
-                    ...config,
-                    // 增加请求头部 token
-                    headers: {
-                        'AccessToken': token
-                    }
-				})
-					.then((re) => {
-						if (re) {
-							if (re.data) {
-								console.log(re.data)
-								res(re.data)
-								this.$toast.clear()
-								return
-							}
-							this.$toast(`信息获取失败-${re.status}`)
-							res(true)
-							this.$toast.clear()
-							return
-						}
-						this.$toast(`信息获取失败-${url}`)
-						res(true)
-						this.$toast.clear()
-					})
-					.catch((e) => {
-						this.$toast(`信息获取失败-${url}`)
-						res(true)
-						this.$toast.clear()
-						console.log(e)
-					})
-			})
-		},
-	},
-}
+            this.$toast(`信息获取失败-${url}`);
+            res(true);
+            this.$toast.clear();
+          })
+          .catch((e) => {
+            this.$toast(`信息获取失败-${url}`);
+            res(true);
+            this.$toast.clear();
+            console.log(e);
+          });
+      });
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 @font-face {
-	font-family: 'iconfont'; /* Project id 2652084 */
-	src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAQoAAsAAAAACFQAAAPaAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDBgqEIIQDATYCJAMMCwgABCAFhGcHQRtqBxEVnBvJPhLjmMRz8aCJJho3wfN8ne+5817QmS/XTApqUAGT1kmpHaidloBWXGdzOaZE+Aj1S75l+ek70v5OL82zLE6hFEIiJEbx96dyFkjAnwUAJnXNTcUP1HiBAtaxhhUr2KsXyLuo1/rCrIx6BgFM6tACo12HbjZpk4bPmkIRGksqkFbKpPFjhxOWRnRLpRBGCEKXamQTATDWGo+AjeHn5RdRCYNBQGHt0mtM+1Hc+Zr+1VZ+0gf1Gl+CgIcbQABQQI2NmWVIu7MfKk7WQGHWKTUpDKIRjEkjySSEglIHt/zHM0CCWMoUTFVRGBclugwEvto8VnH9qyAIhIDrIApTOVMVOr2mNDQjKSPHeM4zz6ZrPrYDY3fjR7a4+xTrY15tvZVw5KkZtx/X+HznyRPHnvCeqZskVmTOjMmRnF1girdzz7F4ju3uiB/xc53CoFi1HdXMW9Vu1TonY+gTzqB98OucaHakkW3GjxWJhX9kQXymq/AjJ5sfbS5Hc9nm5+KfvW9ZiYfnRXbG8tzG6nK7+u265yW2Hv38lNG3PmqlJo7Hjv0enTXu0fJ0ouuAIf1WL94ysHiw9aA5vca2mth0ZPGOvtu99JioF7HtiBd95LA4E7Gj3qPSVmO6tC3erV1e54F9yvUsu3Bh2Z7l+lwiLGETNtvRp9ylmtsGlm7eieOF8GLvn+zifT/067/LLFd8TdeujrureHTFyFEf+hbPVft+SK96RrBXE7tqx8rt21XpUO2QwwZswmZvsZsOz8+pN3TsrzXZ143c71m5NwLL+4xyo30jdTbxttGdTvRcMG4rPzrU0SFdrfTjHqXWlOrxuHR1FdK1219m/7yFvU52Hh3x6th9I25U9b0QTS1XvFyq35thACTvqtuqZZiOq5kq9v9/w/jtj8cOTW/2P2xpAN5vbXsP+5NxDcwN4RfjFPjbqkFApFYhULpOcFsQQLEkk4cBmLYJfm81QBZvh6uzweUghMlOwSBEcVCEKYdpqhoEsIhCkDDNwaQ67VdbZPsIzBFdDKjEC4GQwRsM0rgKigw+mKa+ECCPHwTJ4A8mrqy2s6gkZs2oBC3oB9SGBudoJJR7QD92iqtiF+RY4wjkSVbM7HFAHmNGvPpCxIFj6mHHT8OuIwhMDRpJKpFQpqmre0liqJ+sYRCFgFgAzQOgxkAMOB8t+e87gHhGOhQMxC52JlKeyAdyEjIAtlcOoLYb6R254ikQBEdHORiiB9gpO9LZSQII9YMaEIOQUA2IB0pSgnJQZbK8un+5XYCJtaUSQ5Ro0kcqeo5kKhy8J7dhKXWs6skEAAA=');
+  font-family: "iconfont"; /* Project id 2652084 */
+  src: url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAQoAAsAAAAACFQAAAPaAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDBgqEIIQDATYCJAMMCwgABCAFhGcHQRtqBxEVnBvJPhLjmMRz8aCJJho3wfN8ne+5817QmS/XTApqUAGT1kmpHaidloBWXGdzOaZE+Aj1S75l+ek70v5OL82zLE6hFEIiJEbx96dyFkjAnwUAJnXNTcUP1HiBAtaxhhUr2KsXyLuo1/rCrIx6BgFM6tACo12HbjZpk4bPmkIRGksqkFbKpPFjhxOWRnRLpRBGCEKXamQTATDWGo+AjeHn5RdRCYNBQGHt0mtM+1Hc+Zr+1VZ+0gf1Gl+CgIcbQABQQI2NmWVIu7MfKk7WQGHWKTUpDKIRjEkjySSEglIHt/zHM0CCWMoUTFVRGBclugwEvto8VnH9qyAIhIDrIApTOVMVOr2mNDQjKSPHeM4zz6ZrPrYDY3fjR7a4+xTrY15tvZVw5KkZtx/X+HznyRPHnvCeqZskVmTOjMmRnF1girdzz7F4ju3uiB/xc53CoFi1HdXMW9Vu1TonY+gTzqB98OucaHakkW3GjxWJhX9kQXymq/AjJ5sfbS5Hc9nm5+KfvW9ZiYfnRXbG8tzG6nK7+u265yW2Hv38lNG3PmqlJo7Hjv0enTXu0fJ0ouuAIf1WL94ysHiw9aA5vca2mth0ZPGOvtu99JioF7HtiBd95LA4E7Gj3qPSVmO6tC3erV1e54F9yvUsu3Bh2Z7l+lwiLGETNtvRp9ylmtsGlm7eieOF8GLvn+zifT/067/LLFd8TdeujrureHTFyFEf+hbPVft+SK96RrBXE7tqx8rt21XpUO2QwwZswmZvsZsOz8+pN3TsrzXZ143c71m5NwLL+4xyo30jdTbxttGdTvRcMG4rPzrU0SFdrfTjHqXWlOrxuHR1FdK1219m/7yFvU52Hh3x6th9I25U9b0QTS1XvFyq35thACTvqtuqZZiOq5kq9v9/w/jtj8cOTW/2P2xpAN5vbXsP+5NxDcwN4RfjFPjbqkFApFYhULpOcFsQQLEkk4cBmLYJfm81QBZvh6uzweUghMlOwSBEcVCEKYdpqhoEsIhCkDDNwaQ67VdbZPsIzBFdDKjEC4GQwRsM0rgKigw+mKa+ECCPHwTJ4A8mrqy2s6gkZs2oBC3oB9SGBudoJJR7QD92iqtiF+RY4wjkSVbM7HFAHmNGvPpCxIFj6mHHT8OuIwhMDRpJKpFQpqmre0liqJ+sYRCFgFgAzQOgxkAMOB8t+e87gHhGOhQMxC52JlKeyAdyEjIAtlcOoLYb6R254ikQBEdHORiiB9gpO9LZSQII9YMaEIOQUA2IB0pSgnJQZbK8un+5XYCJtaUSQ5Ro0kcqeo5kKhy8J7dhKXWs6skEAAA=");
 }
 
 .iconfont {
-	font-family: 'iconfont' !important;
-	// font-size: 16px;
-	font-style: normal;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
+  font-family: "iconfont" !important;
+  // font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 .icon-caozuochenggong:before {
-	content: '\e60f';
+  content: "\e60f";
 }
 
 .icon-tishi:before {
-	content: '\e654';
+  content: "\e654";
 }
 
 .page {
-	width: 100%;
-	min-height: 100%;
-	box-sizing: border-box;
-	font-size: 3.6vw;
-	text-align: left;
-	background: #f4f4f4;
-	padding-bottom: 30vw;
-	.tip {
-		display: flex;
-		font-size: 3.3vw;
-		padding: 6vw 4vw;
-		justify-content: space-between;
-		align-items: center;
-		background: white;
+  width: 100%;
+  min-height: 100%;
+  box-sizing: border-box;
+  font-size: 3.6vw;
+  text-align: left;
+  background: #f4f4f4;
+  padding-bottom: 30vw;
+  .tip {
+    display: flex;
+    font-size: 3.3vw;
+    padding: 6vw 4vw;
+    justify-content: space-between;
+    align-items: center;
+    background: white;
 
-		.icon {
-			overflow: hidden;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			width: 40px;
-			height: 40px;
-			color: #ff865a;
-			font-size: 6vw;
-			border-radius: 50%;
-			background: #fff5f1;
-		}
-		.info {
-			width: calc(100% - 50px);
-			line-height: 20px;
-			text-align: left;
-			.titie {
-				color: #ff865a;
-			}
-			.content {
-				color: gray;
-			}
-		}
-	}
-	.step {
-		margin-top: 3vw;
-		padding: 4vw 8vw;
-		padding-right: 4vw;
-		background: white;
+    .icon {
+      overflow: hidden;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 40px;
+      height: 40px;
+      color: #ff865a;
+      font-size: 6vw;
+      border-radius: 50%;
+      background: #fff5f1;
+    }
+    .info {
+      width: calc(100% - 50px);
+      line-height: 20px;
+      text-align: left;
+      .titie {
+        color: #ff865a;
+      }
+      .content {
+        color: gray;
+      }
+    }
+  }
+  .step {
+    margin-top: 3vw;
+    padding: 4vw 8vw;
+    padding-right: 4vw;
+    background: white;
 
-		.name {
-			display: flex;
-			align-items: center;
-			font-size: 3.8vw;
-			padding-bottom: 2vw;
+    .name {
+      display: flex;
+      align-items: center;
+      font-size: 3.8vw;
+      padding-bottom: 2vw;
 
-			&::before {
-				content: '';
-				display: block;
-				width: 1vw;
-				height: 1vw;
-				border: 2px solid #638ee4;
-				border-radius: 50%;
-				margin-left: calc(-2vw - 4px);
-				margin-right: 1vw;
-			}
-		}
-		.title {
-			display: flex;
-			justify-content: space-between;
-			padding: 3vw 0;
+      &::before {
+        content: "";
+        display: block;
+        width: 1vw;
+        height: 1vw;
+        border: 2px solid #638ee4;
+        border-radius: 50%;
+        margin-left: calc(-2vw - 4px);
+        margin-right: 1vw;
+      }
+    }
+    .title {
+      display: flex;
+      justify-content: space-between;
+      padding: 3vw 0;
 
-			.status {
-				color: #ff865a;
-			}
-			.success {
-				color: #638ee4;
+      .status {
+        color: #ff865a;
+      }
+      .success {
+        color: #638ee4;
 
-				.icon {
-					font-size: 4vw;
-					margin-right: 1vw;
-				}
-			}
-		}
-		.sub_title {
-			padding: 3vw 0;
-			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;
-            }
+        .icon {
+          font-size: 4vw;
+          margin-right: 1vw;
         }
-	.button {
-		position: fixed;
-		left: 0;
-		right: 0;
-		bottom: 15vw;
-		width: 75vw;
-		height: 14vw;
-		margin: auto;
+      }
+    }
+    .sub_title {
+      padding: 3vw 0;
+      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 {
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 15vw;
+    width: 75vw;
+    height: 14vw;
+    margin: auto;
 
-		.van-button--info {
-			background-color: #638ee4;
-			border: 1px solid #638ee4;
-		}
-	}
+    .van-button--info {
+      background-color: #638ee4;
+      border: 1px solid #638ee4;
+    }
+  }
 }
 </style>