diff --git a/README.md b/README.md
index 3527899..2d39ce0 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 <!--
  * @Date: 2022-08-17 16:19:13
  * @LastEditors: JinxChen
- * @LastEditTime: 2023-05-13 22:19:45
+ * @LastEditTime: 2023-06-25 16:08:26
  * @FilePath: \TelpoH5FrontendWeb\README.md
  * @description: 项目说明
 -->
@@ -425,3 +425,113 @@ feature
 update
 - 告警
     - 修改 误报文字为 免告警
+
+## v1.0.52
+`2023.5.30`
+feature
+- 增加 心理监测详情页面，抑郁，压力和疲劳当天图表展示
+- 增加 echarts图表依赖
+- 王泽林
+    - 增加 心理监测-问卷调查页面
+    - 增加 心理监测-建模查询页面
+
+## v1.0.53
+`2023.5.30`
+update
+- 心理监测详情页面
+    - 增加 返回功能
+    - 修改 页面标题
+
+## v1.0.54
+`2023.5.31`
+update
+- 心理监测详情页面
+    - 优化 图表显示内容，两边增加留白区域
+    - 优化 7天和30天图表圆角柱形图展示
+
+## v1.0.55
+`2023.5.31`
+update
+- 心理监测详情页面
+    - 增加 动态填充uid
+- 问卷调查页面
+    - 修复 toast无限加载的问题
+
+## v1.0.56
+`2023.6.1`
+feature
+- 增加 一个心理详情汇总页面
+
+## v1.0.57
+`2023.6.1`
+update
+- 心理健康
+    - 建模进度查询，问卷调查，心理详情汇总和心理健康抑郁，压力和疲劳详情页面
+        - 增加 接口请求时带上从随手精灵传过来的token
+
+## v1.0.58
+`2023.6.7`
+update
+- ai语音告警
+    - 增加 一个ai语音呼叫中间页
+    - 增加 获取long_link的接口
+- vue.config.js
+    - 增加 关于ai水域告警接口跨域代理设置
+    - 因项目接口地址不同，发布线上时取消ai水域告警接口跨域代理，仅在本地调试开启
+
+## v1.0.59
+`2023.6.9`
+update
+- 加油包充值购买
+    - 修改 支付成功提示
+
+
+## v1.0.60
+`2023.6.14`
+update
+- 心理健康详情页面
+    - 修复 历史监测选中非今天的日期后日期显示今天的问题
+- vue.config.js
+    - 注释 proxy代理相关代码
+
+## v1.0.61
+`2023.6.16`
+update
+- 心理建模进度查询
+    - 增加 返回按钮
+
+## v1.0.62
+`2023.6.17`
+feature
+- 心理建模进度查询
+    - 增加 具体返回url
+
+## v1.0.63
+`2023.6.19`
+update
+- 心理建模进度查询
+    - 修改 返回逻辑
+
+
+## v1.0.64
+`2023.6.21`
+update
+- 心理建模进度查询
+    - 增加 建模中，有2个步骤，如果任一步骤已经完成，则该步骤可以隐藏显示。
+    - 修复 图表时间格式转换错误的问题
+    - 增加 Advice字段显示
+
+## v1.0.65
+`2023.6.22`
+update
+- 心理监测详情
+    - 今天趋势饼状图
+        - 修改 百分比显示值，取小数点后面一位
+
+## v1.0.66
+`2023.6.25`
+update
+- 心理监测详情
+    - 增加 7天 和 30天数据查看功能
+    - 优化 页面样式内容
+    - 增加 返回到随手精灵逻辑
diff --git a/package-lock.json b/package-lock.json
index c273b21..e7eae5c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,6 +14,7 @@
         "clipboard": "^2.0.11",
         "core-js": "^3.6.5",
         "dayjs": "^1.11.7",
+        "echarts": "^5.4.1",
         "html2canvas": "^1.4.1",
         "nprogress": "^0.2.0",
         "rxjs": "^7.8.0",
@@ -7174,6 +7175,20 @@
         "safer-buffer": "^2.1.0"
       }
     },
+    "node_modules/echarts": {
+      "version": "5.4.2",
+      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.4.2.tgz",
+      "integrity": "sha512-2W3vw3oI2tWJdyAz+b8DuWS0nfXtSDqlDmqgin/lfzbkB01cuMEN66KWBlmur3YMp5nEDEEt5s23pllnAzB4EA==",
+      "dependencies": {
+        "tslib": "2.3.0",
+        "zrender": "5.4.3"
+      }
+    },
+    "node_modules/echarts/node_modules/tslib": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
+    },
     "node_modules/editorconfig": {
       "version": "0.15.3",
       "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-0.15.3.tgz",
@@ -20052,6 +20067,19 @@
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
       "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
       "dev": true
+    },
+    "node_modules/zrender": {
+      "version": "5.4.3",
+      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.4.3.tgz",
+      "integrity": "sha512-DRUM4ZLnoaT0PBVvGBDO9oWIDBKFdAVieNWxWwK0niYzJCMwGchRk21/hsE+RKkIveH3XHCyvXcJDkgLVvfizQ==",
+      "dependencies": {
+        "tslib": "2.3.0"
+      }
+    },
+    "node_modules/zrender/node_modules/tslib": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
     }
   },
   "dependencies": {
@@ -25702,6 +25730,22 @@
         "safer-buffer": "^2.1.0"
       }
     },
+    "echarts": {
+      "version": "5.4.2",
+      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.4.2.tgz",
+      "integrity": "sha512-2W3vw3oI2tWJdyAz+b8DuWS0nfXtSDqlDmqgin/lfzbkB01cuMEN66KWBlmur3YMp5nEDEEt5s23pllnAzB4EA==",
+      "requires": {
+        "tslib": "2.3.0",
+        "zrender": "5.4.3"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+          "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
+        }
+      }
+    },
     "editorconfig": {
       "version": "0.15.3",
       "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-0.15.3.tgz",
@@ -36093,6 +36137,21 @@
           "dev": true
         }
       }
+    },
+    "zrender": {
+      "version": "5.4.3",
+      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.4.3.tgz",
+      "integrity": "sha512-DRUM4ZLnoaT0PBVvGBDO9oWIDBKFdAVieNWxWwK0niYzJCMwGchRk21/hsE+RKkIveH3XHCyvXcJDkgLVvfizQ==",
+      "requires": {
+        "tslib": "2.3.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+          "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
+        }
+      }
     }
   }
 }
diff --git a/package.json b/package.json
index 2949606..c3e55b7 100644
--- a/package.json
+++ b/package.json
@@ -25,7 +25,8 @@
     "vue-router": "^3.2.0",
     "vuex": "^3.4.0",
     "weixin-js-sdk": "^1.6.0",
-    "clipboard": "^2.0.11"
+    "clipboard": "^2.0.11",
+    "echarts": "^5.4.1"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^4.5.0",
diff --git a/src/assets/css/public.scss b/src/assets/css/public.scss
index e8444a8..4985566 100644
--- a/src/assets/css/public.scss
+++ b/src/assets/css/public.scss
@@ -3,6 +3,8 @@ $blue: #2599ff;
 $next: #8bc6fa;
 $red: #ff8c8c;
 $background: #f2f4f5;
+// 灰色线条
+$lineGray: #F5F5F5;
 $border_color: #d1d1d1;
 /* 绑定时选择人物关系图片head.png */
 $spriteWidthHead: 180;
diff --git a/src/assets/img/moderate.png b/src/assets/img/moderate.png
new file mode 100644
index 0000000..d106db9
Binary files /dev/null and b/src/assets/img/moderate.png differ
diff --git a/src/assets/img/no_data_01.png b/src/assets/img/no_data_01.png
new file mode 100644
index 0000000..9a84f95
Binary files /dev/null and b/src/assets/img/no_data_01.png differ
diff --git a/src/assets/img/regardless.png b/src/assets/img/regardless.png
new file mode 100644
index 0000000..0f3b203
Binary files /dev/null and b/src/assets/img/regardless.png differ
diff --git a/src/config/models.js b/src/config/models.js
index 53c7907..b3c84c4 100644
--- a/src/config/models.js
+++ b/src/config/models.js
@@ -1,11 +1,11 @@
 /*
  * @Date: 2021-11-20 10:26:39
  * @LastEditors: JinxChen
- * @LastEditTime: 2023-05-13 22:16:53
+ * @LastEditTime: 2023-06-16 17:19:45
  * @FilePath: \TelpoH5FrontendWeb\src\config\models.js
  * @description:
  */
-export const VERSION_MODEL = '1.0.51F'; //版本号
+export const VERSION_MODEL = '1.0.66F'; //版本号
 export const IMAGE_URL = {
     production: 'http://zfb.ssjlai.com/web/',
     test: 'http://zfb.ssjlai.com/web/',
@@ -23,4 +23,22 @@ export const BaiduStatisticsModel = {
     production:  "https://hm.baidu.com/hm.js?b33e6f07636c9fd9ec8cfe04979f1664", // 随手精灵百度流量统计 正式环境
     test:        "https://hm.baidu.com/hm.js?edb76b471e997167b7782c1513382771", // 随手精灵百度流量统计 测试环境
     development: "https://hm.baidu.com/hm.js?edb76b471e997167b7782c1513382771", // 随手精灵百度流量统计 测试环境
-}
\ No newline at end of file
+};
+// 情绪模型
+export const EmotionModel = {
+    // 抑郁
+    depression: {
+        name: '抑郁',
+        type: 2
+    },
+    // 压力
+    stress: {
+        name: '压力',
+        type: 1
+    },
+     // 疲劳
+    tiredness: {
+        name: '疲劳',
+        type: 3
+    }
+};
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index d507f3e..ba11b5f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,7 +1,7 @@
 /*
  * @Date: 2022-01-19 10:08:26
  * @LastEditors: JinxChen
- * @LastEditTime: 2023-05-10 09:15:16
+ * @LastEditTime: 2023-05-30 10:58:58
  * @FilePath: \TelpoH5FrontendWeb\src\main.js
  * @description:
  */
@@ -14,6 +14,8 @@ import '@/assets/css/reset.scss';
 import dayjs from 'dayjs';
 // ui库按需引入
 import 'vant/lib/index.css';
+// 引入echarts
+import * as echarts from 'echarts';
 import { BaiduStatisticsModel } from '@/config/models';
 import {
     Button,
@@ -55,6 +57,7 @@ import {
     Tabs,
     Toast,
     ActionSheet,
+    Progress,
 } from 'vant'; //按需加载vant组件
 
 Vue
@@ -97,16 +100,18 @@ Vue
 .use(Tabs)
 .use(Toast)
 .use(ActionSheet)
+.use(Progress)
 
 Vue.config.productionTip = false;
 Vue.config.devtools = true;
+
 // 全局配置 loading
 Toast.setDefaultOptions('success', {
-    duration: 2500,
+    duration: 1500,
     forbidClick: true,
 });
 Toast.setDefaultOptions('loading', {
-    duration: 0,
+    duration: 1500,
     forbidClick: true,
 });
 Dialog.setDefaultOptions({
@@ -115,6 +120,7 @@ Dialog.setDefaultOptions({
 });
 Vue.config.productionTip = false;
 Vue.prototype.$dayjs = dayjs;
+Vue.prototype.$echarts = echarts;
 Vue.prototype.$bus =  new Vue();
 router.afterEach((to, from, next) => {
     // 创建百度统计js
diff --git a/src/router/index.js b/src/router/index.js
index 88fa066..56885cd 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,7 +1,21 @@
+/*
+ * @Date: 2023-06-01 18:41:50
+ * @LastEditors: JinxChen
+ * @LastEditTime: 2023-06-07 10:40:03
+ * @FilePath: \TelpoH5FrontendWeb\src\router\index.js
+ * @description:
+ */
+/*
+ * @Date: 2023-05-30 15:37:06
+ * @LastEditors: JinxChen
+ * @LastEditTime: 2023-06-01 09:48:23
+ * @FilePath: \TelpoH5FrontendWeb\src\router\index.js
+ * @description:
+ */
 /*
  * @Date: 2023-02-25 16:34:35
  * @LastEditors: JinxChen
- * @LastEditTime: 2023-03-24 14:40:54
+ * @LastEditTime: 2023-05-30 11:05:35
  * @FilePath: \TelpoH5FrontendWeb\src\router\index.js
  * @description:
  */
@@ -31,6 +45,18 @@ const routes = [
     { path: '/cardActive', name: 'cardActive', component: resolve => require(['@/views/card-active'], resolve) },
 
     { path: '/alarmDetails', name: 'alarmDetails', component: resolve => require(['@/views/alarm/alarm-details'], resolve) },
+
+    // 心理监测
+    { path: '/PsychologicalModeling', name: 'PsychologicalModeling', component: resolve => require(['@/views/psychological-modeling'], resolve) },
+    { path: '/PsychologicalQuestionnaire', name: 'PsychologicalQuestionnaire', component: resolve => require(['@/views/psychological-questionnaire'], resolve) },
+
+    // 健康-心理监测详情，抑郁，压力和疲劳
+    { path: '/psychological', name: 'psychological', component: resolve => require(['@/views/health/psychological'], resolve) },
+    // 健康-抑郁，压力和疲劳汇总入口
+    { path: '/psychologicalMain', name: 'psychologicalMain', component: resolve => require(['@/views/health/psychological-main'], resolve) },
+
+    // 告警详情-中间页
+    { path: '/aiCallAlarm', name: 'aiCallAlarm', component: resolve => require(['@/views/ai-call-alarm'], resolve) },
 ];
 
 const router = new VueRouter({
diff --git a/src/store/index.js b/src/store/index.js
index 46ea7a6..99df87e 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,7 +1,7 @@
 /*
  * @Date: 2022-08-17 16:18:02
  * @LastEditors: JinxChen
- * @LastEditTime: 2023-02-25 15:23:43
+ * @LastEditTime: 2023-06-19 11:26:22
  * @FilePath: \TelpoH5FrontendWeb\src\store\index.js
  * @description:
  */
@@ -19,7 +19,9 @@ export default new Vuex.Store({
         wxAuthCode: '',
         openId: '',
         appId: '',
-        isFromWx: null
+        isFromWx: null,
+        ssjlToken: '',
+        fromSsjl: '',
     },
     mutations: {
         imei(state, imei) {
@@ -50,6 +52,14 @@ export default new Vuex.Store({
             state.isFromWx = isFromWx;
             window.localStorage[prefix + 'isFromWx'] = isFromWx;
         },
+        ssjlToken(state, ssjlToken) {
+            state.ssjlToken = ssjlToken;
+            window.localStorage[prefix + 'ssjlToken'] = ssjlToken;
+        },
+        fromSsjl(state, fromSsjl) {
+            state.fromSsjl = fromSsjl;
+            window.localStorage[prefix + 'fromSsjl'] = fromSsjl;
+        },
     },
     getters: {
         imei: state => {
@@ -80,6 +90,14 @@ export default new Vuex.Store({
             if (state.isFromWx != '') return state.isFromWx;
             return window.localStorage[prefix + 'isFromWx'] == null ? '' : window.localStorage[prefix + 'isFromWx'];
         },
+        ssjlToken: state => {
+            if (state.ssjlToken != '') return state.ssjlToken;
+            return window.localStorage[prefix + 'ssjlToken'] == null ? '' : window.localStorage[prefix + 'ssjlToken'];
+        },
+        fromSsjl: state => {
+            if (state.fromSsjl != '') return state.fromSsjl;
+            return window.localStorage[prefix + 'fromSsjl'] == null ? '' : window.localStorage[prefix + 'fromSsjl'];
+        },
     },
     actions: {},
     modules: {}
diff --git a/src/views/ai-call-alarm/index.vue b/src/views/ai-call-alarm/index.vue
new file mode 100644
index 0000000..509c61a
--- /dev/null
+++ b/src/views/ai-call-alarm/index.vue
@@ -0,0 +1,77 @@
+<template>
+    <div class="ai-call-container"></div>
+</template>
+
+<script>
+import axios from 'axios';
+export default {
+  name:'',
+  data(){
+   return {
+       code: '',
+       createTime: '',
+   }
+  },
+  created() {
+    this.loadParams();
+  },
+  methods: {
+    loadParams() {
+        let params = this.$route.query;
+        if( params ) {
+            this.code = params.code;
+            this.getLongLink();
+        }
+    },
+    getLongLink() {
+        let reqParams = {
+            code: this.code
+        };
+        let baseUrl = process.env.NODE_ENV === "production" ? 'https://ai.ssjlai.com' : 'https://id.ssjlai.com';
+        //let reqUrl = '/api/id/getLongLink';
+        let reqUrl = `${baseUrl}/watersoutboundapi/getLongLink`;
+        axios.get(reqUrl, {
+            params: { ...reqParams },
+        }).then(res =>{
+            const data = res.data.data;
+            if(data.length > 0) {
+                let longLink = '';
+                // 把接口中关于随手精灵公众号的链接地址替换成h5的链接地址
+                if(data[0].long_link.indexOf('ai.ssjlai.com/parentweb') > -1) {
+                    // ai是正式环境
+                    longLink = data[0].long_link.replace('https://ai.ssjlai.com/parentweb/#/dangerAreaDetails', 'https://ai.ssjlai.com/h5-frontendweb/#/alarmDetails');
+                } else if( data[0].long_link.indexOf('id.ssjlai.com/parentweb') > -1 ) {
+                    // id是测试环境
+                    longLink = data[0].long_link.replace('https://id.ssjlai.com/parentweb/#/dangerAreaDetails', 'https://id.ssjlai.com/h5-frontendweb/#/alarmDetails');
+                } else {
+                    // 防止链接已经是h5的链接地址
+                    longLink = data[0].long_link;
+                }
+                const createTime = data[0].create_time;
+                // 13位时间戳 除以 1000 再取整
+                const nowTime = (new Date().getTime() / 1000).toFixed();
+                const twoHours = 7200;
+                if(nowTime - createTime > twoHours) {
+                    // 增加过期失效判断，根据接口返回的创建时间与现在时间比较，超过两个小时提示链接过期并且不再跳转
+                    this.$dialog.confirm({
+                        message: '链接已失效',
+                        showCancelButton: false
+                    })
+                } else {
+                    window.open(longLink);
+                }
+            } else {
+                this.$dialog.confirm({
+                    message: '参数错误',
+                    showCancelButton: false
+                })
+            }
+        })
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/health/psychological-main/index.scss b/src/views/health/psychological-main/index.scss
new file mode 100644
index 0000000..f132716
--- /dev/null
+++ b/src/views/health/psychological-main/index.scss
@@ -0,0 +1,98 @@
+.psychological-main-container {
+    height: 100vh;
+    width: 100%;
+    overflow: hidden;
+    background-color: #F4F8FB;
+    .nav-bar-title {
+        display: flex;
+        -webkit-box-align: center;
+        -ms-flex-align: center;
+        align-items: center;
+    }
+    .main {
+        height: calc(100vh - 45px);
+        background-color: #F4F8FB;
+        padding: 15px;
+        .list {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            background-color: #FFFFFF;
+            border-radius: 15px;
+            padding: 10px;
+            .item {
+                display: flex;
+                justify-content: center;
+                align-items: flex-start;
+                flex-direction: column;
+                height: 103px;
+                width: 93px;
+               /*  margin: 0 5px;
+                padding: 5px; */
+                padding: 5px;
+                border-radius: 10px;
+                &.depression {
+                    background: linear-gradient(-29deg, #F2F9FE, #D7E8FD);
+                }
+                &.stress {
+                    background: linear-gradient(-29deg, #F9E2E6, #FEF8F4);
+                }
+                &.tiredness {
+                    background: linear-gradient(-29deg, #FDFBEE, #FAE4CC);
+                }
+                p {
+                    font-size: 16px;
+                }
+                .health-value {
+                    font-size: 24px;
+                    font-weight: bold;
+                }
+                .health-name {
+                    color: #282828;
+                    font-size: 14px;
+                }
+                .health-result {
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    .left {
+                        @include center();
+                        border-radius: 8px;
+                        padding: 2px 5px;
+                        margin: 6px 0;
+                        &.depression {
+                            background: #BCCDE5;
+                        }
+                        &.stress {
+                            background: #F0D1D4;
+                        }
+                        &.tiredness {
+                            background: #EAD9C5;
+                        }
+                        .result {
+                            font-size: 12px;
+                            color: #ffffff;
+                        }
+                    }
+                    .right {
+                        @include center();
+                       img {
+                           height: 18px;
+                           width: 18px;
+                           margin-left: 3px
+                       }
+                    }
+                }
+                .health-time {
+                    display: flex;
+                    justify-content: flex-start;
+                    align-items: flex-start;
+                    .time {
+                        font-size: 12px;
+                        color: #8B8B8B;
+                    }
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/views/health/psychological-main/index.vue b/src/views/health/psychological-main/index.vue
new file mode 100644
index 0000000..441a6d6
--- /dev/null
+++ b/src/views/health/psychological-main/index.vue
@@ -0,0 +1,160 @@
+<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>
+        </div>
+    </div>
+</template>
+
+<script>
+import axios from "axios";
+export default {
+  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: '',
+
+   }
+  },
+  computed: {
+    isShowLeft() {
+        return this.$route.query.fromUrl !== undefined;
+    }
+  },
+  created() {
+    this.loadParams();
+    this.getHomeData();
+  },
+  mounted() {
+    window.document.title = '心理监测';
+  },
+  methods: {
+    loadParams() {
+        let params = this.$route.query;
+        if (params) {
+            this.uid = params.uid;
+        }
+    },
+    getHomeData() {
+        this.$toast.loading('数据加载中');
+        console.log("this.$store.getters.ssjlToken", this.$store.getters.ssjlToken);
+        let reqUrl = `https://dbmq.rzliot.com/heart/api/Data/GetHomeData`;
+        let reqParams = {
+            uid: this.uid,
+            date: this.$dayjs(new Date()).format('YYYY-MM-DD')
+        };
+        axios.get(reqUrl, {
+            params: { ...reqParams },
+            headers: { 'AuthToken': this.$store.getters.ssjlToken }
+        }).then(res => {
+            console.log("res", res);
+            const data = res.data.response;
+            this.healhtList = [
+                // 抑郁
+                { value: data.DepScore,  name: '抑郁倾向', class: 'depression', result: data.DepDesc, time: data.DepMeasureTime ? this.$dayjs(data.DepMeasureTime).format('HH:mm'): '', level: data.DepLevel, img: this.calcImg(data.DepLevel) },
+                // 压力
+                { value: data.StressScore,  name: '压力', class: 'stress', result: data.StressDesc, time: data.StressMeasureTime ? this.$dayjs(data.StressMeasureTime).format('HH:mm') : '', level: data.StressLevel, img: this.calcImg(data.StressLevel) },
+                // 疲劳
+                { value: data.TirScore,  name: '疲劳', class: 'tiredness', result: data.TirDesc, time: data.TirMeasureTime ? this.$dayjs(data.TirMeasureTime).format('HH:mm') : '', level: data.TirLevel, img: this.calcImg(data.TirLevel) },
+            ];
+            this.$toast.success('数据加载完成');
+        }).catch(() =>{}).finally(() => { this.$toast.clear() })
+
+    },
+    onClick(item) {
+        this.$router.push({
+            name: 'psychological',
+            query: {
+                name: item.class,
+                uid: this.uid
+            }
+        })
+    },
+    onNavBack() {
+        if(this.isShowLeft && this.$route.query.fromUrl !== undefined) {
+            window.location.href = `${this.$route.query.fromUrl}/#/device`;
+        } else {
+            this.$router.go(-1);
+        }
+    },
+    // 计算表情
+    calcImg(level) {
+        let imgUrl = '';
+        switch(level) {
+            case '0':
+                imgUrl = require('@/assets/img/regardless.png');
+            break;
+            case '1':
+                imgUrl = require('@/assets/img/regardless.png');
+            break;
+            case '2':
+                imgUrl = require('@/assets/img/moderate.png');
+            break;
+            case '3':
+                imgUrl = require('@/assets/img/moderate.png');
+            break;
+        }
+        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;
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+    @import "./index.scss";
+</style>
diff --git a/src/views/health/psychological/index.scss b/src/views/health/psychological/index.scss
new file mode 100644
index 0000000..ab3c915
--- /dev/null
+++ b/src/views/health/psychological/index.scss
@@ -0,0 +1,312 @@
+$newBlue: #638EE4;
+.psychological-container{
+    height: 100vh;
+    width: 100%;
+    overflow: hidden;
+    background-color: #fff;
+    .main {
+        height: calc(100vh - 45px);
+        overflow: scroll;
+        .top {
+            flex: 1;
+
+            .tab-bar {
+                padding: 0 13px 0 13px;
+                .date-tab-con {
+                    padding: 10px 0;
+                    height: 35px;
+                    display: flex;
+                    justify-content: flex-start;
+                    align-items: center;
+                    .date-tab-list {
+                        display: flex;
+                        justify-content: flex-start;
+                        align-items: center;
+                        flex: 1;
+                        border-radius: 15px;
+                        color: #fff;
+                        .date-tab-item {
+                            height: 35px;
+                            width: 100%;
+                            color: #6D6D6D;
+                            font-size: 18px;
+                            @include center();
+                            border: 1px solid $newBlue;
+                            &.active {
+                                background-color: $newBlue;
+                                color: #fff;
+                            }
+                            &.notClick {
+                                background-color: $border_color;
+                                color: #fff;
+                                border: 1px solid #fff;
+                            }
+                        }
+                        .date-tab-item:first-child {
+                            border-top-left-radius: 15px;
+                            border-bottom-left-radius: 15px;
+                        }
+                        .date-tab-item:last-child {
+                            border-top-right-radius: 15px;
+                            border-bottom-right-radius: 15px;
+                        }
+                    }
+                }
+            }
+            .title {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                padding: 16px 16px 16px 13px;
+                font-size: 18px;
+                .title-left {
+                    font-weight: bold;
+                }
+            }
+            .monitoring-count {
+                text-align: left;
+                padding: 3px 14px;
+                line-height: 20px;
+                p {
+                    font-size: 12px;
+                    color: #8B8B8B;
+                }
+            }
+            .pie-chart-con {
+                flex: 1;
+                padding: 17px 0 45px 0;
+                display: flex;
+                justify-content: space-between;
+                align-items: flex-start;
+                .pie-chart-left {
+                    position: relative;
+                    height: 180px;
+                    padding-left: 15px;
+                    width: 40%;
+                    @include center();
+                    #pieChart {
+                        height: 106px;
+                        width: 106px;
+                    }
+                }
+                .pie-chart-right {
+                    height: 180px;
+                    width: 55%;
+                    padding-right: 20px;
+                    @include center();
+                    .list {
+                        flex-direction: column;
+                        .item {
+                            width: 100%;
+                            display: flex;
+                            justify-content: space-between;
+                            align-items: center;
+                            font-size: 15px;
+                            padding: 9px 0;
+                            .item-left {
+                                display: flex;
+                                justify-content: flex-start;
+                                align-items: center;
+                                padding-right: 10px;
+                                .circle {
+                                    height: 12px;
+                                    width: 12px;
+                                    margin: 0 4px;
+                                }
+                                span {
+                                    font-size: 15px;
+                                }
+                                .text {
+                                    color: #000;
+                                }
+                            }
+                            .item-right {
+                                display: flex;
+                                justify-content: center;
+                                align-items: center;
+                            }
+                        }
+                    }
+                }
+            }
+            .statistics {
+                position: relative;
+                padding: 10px 14px;
+                .list {
+                    flex: 1;
+                    width: 100%;
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    font-size: 16px;
+                    .item {
+                        @include center();
+                        width: 58px;
+                        /* height: px2rem(136); */
+                        flex-direction: column;
+                        .top {
+                            font-size: 12px;
+                        }
+                        .middle {
+                            font-size: 24px;
+                            font-weight: bold;
+                            padding: 16px 5px 11px 5px;
+                        }
+                        .bottom {
+                            font-size: 9px
+                        }
+                    }
+                }
+            }
+        }
+        .line {
+            position: relative;
+            height: 11px;
+            background-color: $lineGray;
+        }
+        .bottom {
+           flex: 1;
+            .echart-container {
+                height: 400px;
+                background-color:#fff;
+                padding: 0 5px;
+                .echart {
+                    height: 400px;
+                    padding: 0 5px;
+                }
+            }
+            .line-gray {
+                height: 11px;
+                width: 100%;
+                background-color: $lineGray;
+                margin-top: 30px;
+            }
+            .result {
+                .result-con {
+                    height: 100%;
+                    background-color: #fff;
+                    border-radius: 10px;
+                    &.reminder {
+                        padding: 0 16px 20px 16px;
+                    }
+                    .title {
+                        display: flex;
+                        justify-content: flex-start;
+                        align-items: flex-start;
+                        flex-direction: column;
+                        margin-bottom: 10px;
+                        span {
+                            font-size: 18px;
+                            font-weight: bold;
+                        }
+                        .font-28 {
+                            font-weight: 400;
+                            font-size: 13px;
+                            color: #8B8B8B;
+                            text-align: left;
+                        }
+                        .title-no-data {
+                            padding: 34px 0 13px 15px;
+                        }
+                        p {
+                            font-size: 12px;
+                            color: $newBlue;
+                        }
+                        .title-emo {
+                            font-size: 24px;
+                            padding: 14px 0 21px 0;
+                        }
+                        .no-data {
+                            height: 250px;
+                            width: 100%;
+                            @include center();
+                            flex-direction: column;
+                            img {
+                                height: 110px;
+                                width: 175px;
+                            }
+                            p {
+                                color: #999;
+                                font-size: 12px;
+                                padding: 20px 0 65px 0;
+                            }
+                        }
+                    }
+                    .title-text {
+                        padding: 34px 0 13px 15px;
+                    }
+                    .title-reminder {
+                        padding: 34px 0 0 0;
+                    }
+                    .friendly-reminder, .warm-reminder {
+                        display: flex;
+                        justify-content: flex-start;
+                        align-items: flex-start;
+                        flex-direction: column;
+                        margin-bottom: 10px;
+                        background-color: #F2F2F2;
+                        padding: 20px 19px 19px 14px;
+                        p {
+                            font-weight: bold;
+                            text-align: left;
+                            padding-bottom: 11px;
+                            font-size: 15px;
+                        }
+                        span {
+                            text-align: left;
+                            font-size: 12px;
+                        }
+                    }
+                    .mood-list {
+                        display: grid;
+                        grid-template-columns: repeat(2, 1fr); //定义了一个 2x2 的网格布
+                        grid-template-rows: repeat(2, 1fr);
+                        gap: 21px;
+                        //width: 100%;
+                        padding: 0 44px 20px 37px;
+                        .item {
+                            width: 137px;
+                            height: 94px;
+                            /* padding: px2rem(47) px2rem(57) px2rem(49) px2rem(57); */
+                            background-color: #F2F6FF;
+                            @include center();
+                            flex-direction: column;
+                            p {
+                                font-size: 14px;
+                                padding: 0;
+                                color: #666666;
+                                .day {
+                                    padding: 5px;
+                                    font-size: 28px;
+                                }
+                                .day-text {
+                                    font-size: 12px
+                                }
+                            }
+                        }
+                    }
+                    .mood-list-no-data {
+                        height: 250px;
+                        width: 100%;
+                        .no-data {
+                            @include center();
+                            flex-direction: column;
+                            img {
+                                height: 110px;
+                                width: 175px;
+                            }
+                            p {
+                                color: #999;
+                                font-size: 12px;
+                                padding: 20px 0 65px 0;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+    .title {
+        font-size: 16px;
+    }
+}
\ No newline at end of file
diff --git a/src/views/health/psychological/index.vue b/src/views/health/psychological/index.vue
new file mode 100644
index 0000000..bb651f6
--- /dev/null
+++ b/src/views/health/psychological/index.vue
@@ -0,0 +1,1166 @@
+<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"/>
+            </template>
+        </van-nav-bar>
+        <div class="main">
+            <div class="top">
+                <!-- 日期选择 -->
+                <!-- TODO 后续可做成一个组件，方便调用 -->
+                <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"
+                            >
+                                <span>{{item.text}}</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- 标题 -->
+                <div class="title">
+                    <div class="title-left">{{ titleLeft }}</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>
+
+                <!-- 监测次数 -->
+                <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-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, paddingTop: '3px'}">{{ 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="middle">
+                                <span
+                                    :style="{ color: calcColor(item.value)}"
+                                >{{ item.value || '--' }}</span>
+                            </div>
+
+                            <div class="bottom">
+                                <span>{{ item.time || '--' }}</span>
+                            </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="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>
+
+                            <p class="title-emo" :style="{color: currentColor}">{{ result }}</p>
+
+                            <span class="font-28"><!-- 继续保持积极乐观，培养健康的生活习惯，预防消极事件对情绪带来的不良影响。 -->{{ advice }}</span>
+                        </div>
+
+                        <div class="friendly-reminder">
+                            <p :style="{color: currentColor}">友情提示：</p>
+
+                            <span>继续保持积极乐观，培养健康的生活习惯，预防消极事件对情绪带来的不良影响。</span>
+                        </div>
+
+                        <div class="warm-reminder">
+                            <p :style="{color: currentColor}">温馨提示：</p>
+
+                            <span>继续保持积极乐观，培养健康的生活习惯，预防消极事件对情绪带来的不良影响。</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>
+
+                                    <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>
+        </div>
+    </div>
+</template>
+
+<script>
+import { EmotionModel } 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 }
+            ],
+            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",
+                    color: "#62BD48"
+                },
+                {
+                    text: "轻度情绪倾向",
+                    count: 2,
+                    percentage: "80",
+                    color: "#FEC350"
+                },
+                {
+                    text: "中度情绪倾向",
+                    count: 1,
+                    percentage: "80",
+                    color: "#F86825"
+                },
+                {
+                    text: "重度情绪倾向",
+                    count: 1,
+                    percentage: "80",
+                    color: "#EB1D15"
+                } */
+            ],
+            // 情绪状态列表
+            statisticsList: [
+               /*  { label: "最大值", value: "75", time: "08:15" },
+                { label: "最小值", value: "40", time: "10:15" },
+                { label: "最近值", value: "50", time: "18:15" } */
+            ],
+            // 折线图标题
+            echartsTitle: "",
+            // 周报-情绪计算
+            emotionList: [
+               /*  { days: "5", text: "无情绪倾向", color: "#62BD48" },
+                { days: "4", text: "轻度情绪倾向", color: "#FEC350" },
+                { days: "3", text: "中度情绪倾向", color: "#F86825" },
+                { 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: null,
+            // 左边标题
+            titleLeft: null,
+            // 默认折线图 Series 配置
+            defaultSeries: null,
+            // 非日报折线图 Series 配置
+            weekAndMonthSeries: null,
+            // 当前情绪颜色
+            currentColor: null || "#62BD48",
+            // 当前情绪类型
+            emoType: null,
+            // 结果解读
+            result: "",
+            // 需要高亮的日期数组
+            highlightDates: [
+                "2023-05-21",
+                "2023-05-25",
+                "2023-05-28",
+                "2023-05-24"
+            ],
+            // 选中的日历日期
+            selectDate: '',
+            uid: '',
+            advice: '',
+            surveyTitle: '' || '本周概览'
+        };
+    },
+    computed: {
+        // 默认折线图配置，echarts 具体配置 见 https://echarts.apache.org/zh/option.html#title
+        defaultOptions() {
+            return {
+                time: {
+                    useUTC: false
+                },
+                title: {
+                    text: this.echartsTitle,
+                    left: "1%",
+                    right: 20,
+                    bottom: 20,
+                    top: "3%",
+                    textStyle: {
+                        fontSize: 18,
+                        fontWeight: "bold"
+                    }
+                },
+                legend: {
+                    width: "60%",
+                    orient: "horizontal",
+                    left: 'right',
+                    top: "3%",
+                    bottom: "3%",
+                    itemHeight: 12,
+                    itemWidth: 12,
+                    itemGap: 14,
+                    align: 'auto',
+                    selectedMode: false,
+                    data: [
+
+                        {
+                            name: `轻度${this.emoName}倾向`,
+                            icon: "rect",
+                            itemStyle: {
+                                color: "#FFB481"
+                            },
+                            textStyle: {
+                                fontSize: 12
+                            }
+                        },
+                        {
+                            name: `中度${this.emoName}倾向`,
+                            itemStyle: {
+                                color: "#F86825"
+                            },
+                            icon: "rect",
+                            textStyle: {
+                                fontSize: 12
+                            }
+                        },
+                        {
+                            name: `重度${this.emoName}倾向`,
+                            itemStyle: {
+                                color: "#F86825",
+                            },
+                            icon: "rect",
+                            textStyle: {
+                                fontSize: 12
+                            }
+                        },
+                        {
+                            name: `无${this.emoName}倾向`,
+                            icon: "rect",
+                            itemStyle: {
+                                color: "#62BD48"
+                            },
+                            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: '3%',
+                    right: '5%',
+                    bottom: '15%',
+                    containLabel: true
+                },
+                xAxis: {
+                    type: "category",
+                    axisLine: {
+                        show: false
+                    },
+                    textStyle: {
+                        fontSize: 13
+                    },
+                    axisTick: {
+                        show: false
+                    },
+                    splitLine: {
+                        show: false,
+                        lineStyle: {
+                            color: "#ddd",
+                            width: 2
+                        }
+                    },
+                    showMinLabel: true, //显示最小值
+                    showMaxLabel: true, //显示最大值
+                    nameLocation: 'center',
+                    boundaryGap: ['20%', '20%'],
+                    axisLabel: {
+                        show: true,
+                        fontSize: 12,
+                        /* padding: [0, -15, -20, 0], */ //表示 [上, 右, 下, 左] 的边距
+                        margin: 10,
+                       /*  verticalAlign: "bottom" */
+                    },
+                    data: this.xAxisData
+                },
+                dataZoom: [
+                    {
+                        type: "inside",
+                        start: 0,
+                        end: 100,
+                    },
+                    {
+                        start: 0,
+                        end: 100,
+                        textStyle: {
+                            color: "#FFF",
+                            fontSize: 14
+                        },
+                        show: true,
+                       /*  height: 18, */
+                        bottom: 20,
+                        handleStyle: {
+                            borderWidth: 1,
+                            borderCap: "square"
+                        }
+                    }
+                ],
+                tooltip: {
+                    trigger: "axis",
+                    textStyle: {
+                        fontSize: 14,
+                        align: "center"
+                    },
+                    formatter: "{b0}" + "</br>" + "{c0}"
+                },
+                yAxis: {
+                    type: "value",
+                    max: 100,
+                    min: 0,
+                    interval: 20,
+                    nameTextStyle: {
+                        fontSize: 13
+                    },
+                    alignTicks: true,
+                    axisTick: {
+                        show: true
+                    },
+                    axisLabel: {
+                        show: true,
+                        fontSize: 13,
+                        margin: 10
+                    },
+                    splitLine: {
+                        show: true,
+                        lineStyle: {
+                            color: "#ddd",
+                            width: 1
+                        }
+                    }
+                },
+                series: [
+                    {
+                        name: `无${this.emoName}倾向`,
+                        type: "line",
+                        padding: 10,
+                        data: this.emotionData,
+                        symbol: "circle",
+                        symbolSize: 15, // 拐点圆的大小
+                        areaStyle: {},
+                        itemStyle: {
+                            color: function(params) {
+                                // 动态设置折线图远点颜色
+                                let value = params.data;
+                                let color = '';
+                                if (value <= 40) {
+                                    color = "#62BD48";
+                                } else if (value > 40 && value <= 65) {
+                                    color = "#FEC350";
+                                } else if (value > 65 && value <= 80) {
+                                    color = "#F86825";
+                                } else if (value > 80) {
+                                    color = "#EB1D15";
+                                }
+                                return color;
+                            }
+                        }
+                    },
+                    {
+                        name: `轻度${this.emoName}倾向`,
+                        type: "line",
+                        padding: 10,
+                        data: "",
+                        symbol: "circle",
+                        symbolSize: 15, // 拐点圆的大小
+                    },
+                    {
+                        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"
+                },
+                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
+                    }
+                ]
+            };
+        }
+    },
+    watch: {
+        // 监听数据发生变化 初始化各项图表
+        emotionData: {
+            handler(n, o) {
+                this.initEchart();
+            },
+            deep: true
+        },
+        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();
+    },
+    mounted() {
+        this.initEchart();
+        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;
+                console.log("当前情绪是", EmotionModel[params.name].name);
+            }
+        },
+        // 获取这个月中有数据的日期，控制日历组件的日期样式
+        getCalendarData() {
+            let reqUrl = `https://dbmq.rzliot.com/heart/api/Data/GetCalendarData`;
+            let reqParams = {
+                uid: this.uid,
+                month: this.$dayjs(new Date()).format('YYYY-MM')
+            };
+            axios.get(reqUrl, {
+                params: { ...reqParams },
+                headers: { 'AuthToken': this.$store.getters.ssjlToken }
+            }).then(res => {
+                 console.log("res", res);
+                    if (res.data) {
+                        let data = res.data.response;
+                        // const mergedArr = [...new Set([...arr1, ...arr2, ...arr3])];
+                        this.highlightDates = [ ...new Set([...data.Depression, ...data.Stress, ...data.Tiredness]) ]
+                    }
+            })
+
+        },
+        // 获取饼状图数据，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.$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 = `https://dbmq.rzliot.com/heart/api/Data/GetHisData`;
+            axios
+                .get(reqUrl, {
+                    params: { ...reqParams },
+                    headers: { 'AuthToken': this.$store.getters.ssjlToken }
+                })
+                .then(res => {
+                    console.log("res", 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: "#FEC350"
+                        };
+                        let Moderate = {
+                            count: data.Moderate,
+                            percentage: this.calcPercentage(
+                                data.Moderate,
+                                data.Count
+                            ),
+                            text: `中度${this.emoName}倾向`,
+                            color: "#F86825"
+                        };
+                        let Severe = {
+                            count: data.Severe,
+                            percentage: this.calcPercentage(
+                                data.Severe,
+                                data.Count
+                            ),
+                            text: `重度${this.emoName}倾向`,
+                            color: "#EB1D15"
+                        };
+                        // 饼状图右边数据
+                        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: "#FEC350"
+                        };
+                        let ModerateDay = {
+                            days: data.ModerateDay,
+                            text: `中度${this.emoName}倾向`,
+                            color: "#F86825"
+                        };
+                        let SevereDay = {
+                            days: data.SevereDay,
+                            text: `重度${this.emoName}倾向`,
+                            color: "#ACACAC"
+                        };
+                        this.emotionList.push(NoneDay);
+                        this.emotionList.push(MildDay);
+                        this.emotionList.push(ModerateDay);
+                        this.emotionList.push(SevereDay);
+                        // 图表数据
+                        this.emotionData = data.ChartDatas.map(item => {
+                            return item.Value;
+                        });
+                        // 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"
+                                );
+                            });
+                        }
+                        // 结果解读
+                        this.result = data.Result;
+                        this.advice = data.Advice;
+                        this.$toast.loading({
+                            message: '数据加载完成'
+                        });
+                    }
+                }).catch(() => {}).finally(() => { this.$toast.clear(); });
+        },
+        // 计算百分比
+        calcPercentage(value, total) {
+            if (
+                typeof value !== "number" ||
+                typeof total !== "number" ||
+                total === 0
+            ) {
+                return 0;
+            }
+            return Math.floor((value / total) * 1000) / 10;
+        },
+        // 初始化图表的文字内容
+        initEchartText() {
+            this.result = `无${this.emoName}倾向`;
+            this.echartsTitle = `${this.emoName}数据图`;
+            this.titleLeft = `今天${this.emoName}倾向趋势`;
+            this.defaultSeries = [
+                {
+                    name: `无${this.emoName}倾向`,
+                    type: "line",
+                    padding: 10,
+                    data: this.emotionData,
+                    symbol: "circle",
+                    symbolSize: 15, // 拐点圆的大小
+                    areaStyle: {},
+                    itemStyle: {
+                        color: function(params) {
+                            // 动态设置折线图远点颜色
+                            this.calcColor(params.data);
+                           /* let value = params.data;
+                                let color = '';
+                                if (value <= 40) {
+                                    color = "#62BD48";
+                                } else if (value > 40 && value <= 65) {
+                                    color = "#FEC350";
+                                } else if (value > 65 && value <= 80) {
+                                    color = "#F86825";
+                                } else if (value > 80) {
+                                    color = "#EB1D15";
+                                }
+                                return color; */
+                        }
+                    }
+                },
+                {
+                    name: `轻度${this.emoName}倾向`,
+                    type: "line",
+                    padding: 10,
+                    data: "",
+                    symbol: "circle",
+                    symbolSize: 15, // 拐点圆的大小
+                    itemStyle: {
+                        color: function(params) {
+                            // 动态设置折线图远点颜色
+                        }
+                    }
+                },
+                {
+                    name: `中度${this.emoName}倾向`,
+                    type: "line",
+                    data: ""
+                },
+                {
+                    name: `重度${this.emoName}倾向`,
+                    type: "line",
+                    data: ""
+                }
+            ];
+            this.weekAndMonthSeries = [
+                {
+                    name: `无${this.emoName}倾向`,
+                    type: "scatter",
+                    data: '',
+                    symbolSize: 15,
+                    symbol: "circle",
+                    itemStyle: {
+                        borderColor: "#6CE463",
+                        color: function(params) {
+                            // 动态设置折线图远点颜色
+                            this.calcColor(params.data);
+                        }
+                    }
+                },
+                {
+                    name: `轻度${this.emoName}倾向`,
+                    type: "scatter",
+                    /* data: [60, 60, 50, 60, 59, 60, 60], */
+                    symbol: "path://M9 0h0a9 9 0 0 2 9 9v55a9 9 0 0 2-9 9h0a9 9 0 0 2-9-9v-55a9 9 0 0 2 10-9z",
+                    symbolSize: [60, 60],
+                    symbolKeepAspect: true,
+                    itemStyle: {
+                        borderColor: "#6CE463", // 圆点边框颜色
+                        borderWidth: 0, // 圆点边框宽度
+                        opacity: 0.5,
+                        color: function(params) {
+                            // 动态设置折线图远点颜色
+                        }
+                    }
+                },
+                {
+                    name: `中度${this.emoName}倾向`,
+                    data: "",
+                    type: "line"
+                },
+                {
+                    name: `重度${this.emoName}倾向`,
+                    data: "",
+                    type: "line"
+                }
+            ];
+            /* this.defaultOptions.series = this.defaultOptions.series.map(
+                item => {
+                    item.name = item.name.replace("情绪", this.emoName);
+                    return item;
+                }
+            ); */
+            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";
+            if (this.highlightDates.includes(formatDate)) {
+                day.className = "highlight-border";
+            }else if (formatDate === currentDate) {
+                day.text = '今天'
+            }
+            return day;
+        },
+        //   返回
+        onNavBack() {
+            this.$router.go(-1);
+        },
+        // 点击日期选择
+        onTabClick(value, index) {
+            this.current = index;
+            this.currentDays = value;
+            let currentDate = new Date();
+            let leftText = value === 0 ? '今天' : value === 7 ? '7天' : '30天';
+            this.titleLeft = `${leftText}${this.emoName}倾向趋势`;
+            this.surveyTitle = value === 7 ? '本周概览' : '本月概览';
+            if (value === 7) {
+                this.defaultOptions.xAxis.data = [
+                    "周一",
+                    "周二",
+                    "周三",
+                    "周四",
+                    "周五",
+                    "周六",
+                    "周日"
+                ];
+                this.defaultOptions.series = this.weekAndMonthSeries;
+                let dateList = this.getPostDate(currentDate, 6, true);
+                console.log("dateList", dateList);
+                this.getPsychologiclData('', dateList[0], 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"));
+            } else {
+                // 30天
+                this.defaultOptions.xAxis.data = this.xAxisData;
+                this.defaultOptions.series = this.defaultSeries;
+                this.defaultOptions.series[0].data = this.emotionData;
+                let dateList = this.getCurrentMonthStaAndEnd(currentDate);
+                console.log("dateList", dateList);
+                this.getPsychologiclData('', dateList[0], dateList[1]);
+            }
+        },
+        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.getPsychologiclData(selectDate);
+        },
+        // 计算字体显示的颜色
+        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;
+        }
+    }
+};
+</script>
+
+<style lang="scss">
+.van-nav-bar .van-icon {
+    padding-left: 10px;
+}
+
+.calenddar-dialog {
+    overflow: scroll;
+}
+.calendar {
+   /*  height: 300px; */
+    overflow: scroll;
+    .van-calendar {
+        height: 300px;
+        .van-calendar__days .van-calendar__day {
+            width: 27px;
+            height: 27px;
+            font-size: 12px;
+            &.custom-calendar {
+                width: 27px;
+                height: 27px;
+                margin: 5px;
+            }
+            &.highlight-border {
+                border: 1px solid #62bd48;
+                width: 27px;
+                height: 27px;
+                margin: 5px;
+                border-radius: 50%;
+            }
+        }
+        .van-calendar__selected-day {
+            width: 27px;
+            height: 27px;
+            border-radius: 50%;
+        }
+    }
+}
+</style>
+<style scoped lang="scss">
+@import "./index.scss";
+</style>
\ No newline at end of file
diff --git a/src/views/package-buy/index.vue b/src/views/package-buy/index.vue
index 1b20390..ef9f37c 100644
--- a/src/views/package-buy/index.vue
+++ b/src/views/package-buy/index.vue
@@ -356,8 +356,9 @@ export default {
                             //res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
                             if(packageType === 1) {
                             // 加油包不用跳转，直接提示支付成功
+                             // 2023.06.09 修改充值成功提示如下:
                                 that.$toast.success({
-                                    message: '支付成功'
+                                    message: '充值成功，请重启设备后，恢复正常使用。'
                                 });
                             } else {
                                 that.$router.replace({
diff --git a/src/views/psychological-modeling/index.vue b/src/views/psychological-modeling/index.vue
new file mode 100644
index 0000000..2f7b90e
--- /dev/null
+++ b/src/views/psychological-modeling/index.vue
@@ -0,0 +1,321 @@
+<template>
+	<div class="page" v-show="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">
+					首次佩戴,需完成以下2步,建立情绪模型。完成初始化建模后,将为您计算抑郁、压力、疲劳分值。
+				</div>
+			</div>
+		</div>
+		<div v-if="info">
+			<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>待完成</div>
+				</div>
+				<div class="schedule">
+					<van-progress
+						:percentage="info.progress"
+						stroke-width="10px"
+						color="#638ee4"
+						:show-pivot="false"
+					></van-progress>
+				</div>
+				<div class="sub_title">
+					请连续佩戴不低于2小时,有助于为您输出更加精准的情绪分析指标。
+				</div>
+			</div>
+			<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>
+			<div class="button">
+				<van-button
+					round
+					type="info"
+					style="width: 100%; height: 100%"
+					@click="toQuestion"
+          v-if="info.initScaleState !== 1"
+					>去完成</van-button
+				>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+import axios from 'axios'
+
+export default {
+	name: 'PsychologicalModeling',
+	data() {
+		return {
+            info: null,
+            showLeftArrow: null,
+            isSHowPage: false,
+            fromUrl: '',
+		}
+	},
+	mounted() {
+		//页面标题
+		window.document.title = '情绪初始化建模'
+
+		//页面传参
+		let params = { ...this.$route.query }
+
+		if (params.uid) {
+            this.uid = params.uid;
+            // 缓存从随手精灵传过来的token
+            this.$store.commit('ssjlToken', params.token);
+            // 缓存从随手精灵传过来的标识
+            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: {
+        onNavBack() {
+            let fromSsjl = this.$store.getters.fromSsjl === 'true';
+            if(fromSsjl) {
+                let baseUrl = this.fromUrl;
+                window.location.href = `${baseUrl}/#/device`;
+            } else {
+                this.$router.go(-1);
+            }
+        },
+		async init() {
+            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) {
+				if (re.response && re.response.state === -1) {
+					this.$toast('用户不存在或未绑定手表')
+				} else if (re.response && re.response.initScaleState === 1 && re.response.progress === 1) {
+                    // 2023.6.1 需求变更，建模完成直接跳到心理健康汇总页面
+                    this.$router.replace(`/psychologicalMain?uid=${this.uid}&fromUrl=${this.fromUrl}`);
+                } else {
+					this.info = re.response
+				}
+			} else {
+				this.$toast(re.msg)
+            }
+            setTimeout(() => {
+                this.isSHowPage = true;
+            }, 800)
+		},
+		toQuestion() {
+			this.$router.replace(`/PsychologicalQuestionnaire?uid=${this.uid}`)
+		},
+		api(url, config, token) {
+			let baseUrl = '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: {
+                        'AuthToken': 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)
+					})
+			})
+		},
+	},
+}
+</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=');
+}
+
+.iconfont {
+	font-family: 'iconfont' !important;
+	// font-size: 16px;
+	font-style: normal;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.icon-caozuochenggong:before {
+	content: '\e60f';
+}
+
+.icon-tishi:before {
+	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;
+
+		.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;
+
+			&::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;
+
+				.icon {
+					font-size: 4vw;
+					margin-right: 1vw;
+				}
+			}
+		}
+		.sub_title {
+			padding: 3vw 0;
+			color: gray;
+		}
+	}
+
+	.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;
+		}
+	}
+}
+</style>
diff --git a/src/views/psychological-questionnaire/index.vue b/src/views/psychological-questionnaire/index.vue
new file mode 100644
index 0000000..74b1752
--- /dev/null
+++ b/src/views/psychological-questionnaire/index.vue
@@ -0,0 +1,345 @@
+<template>
+	<div class="page" v-if="topic.length">
+		<div class="top">
+			<div class="schedule">
+				<div class="progress">
+					<van-progress
+						:percentage="
+							(select.length == 0 ? 0 : select.length / topic.length) * 100
+						"
+						stroke-width="10px"
+						color="#638ee4"
+						:show-pivot="false"
+            v-if="topic.length"
+					></van-progress>
+				</div>
+				<div class="text">
+					<span class="val">{{ select.length }}</span
+					>/<span class="total">{{ topic.length }}</span>
+				</div>
+			</div>
+			<div class="title">{{ title }}</div>
+		</div>
+		<div class="list_box">
+			<div class="item" v-for="(item, index) in topic" :key="index">
+				<div class="label">
+					<span>{{ item.Title }}</span>
+					<span>({{ item.Type }})</span>
+				</div>
+				<van-radio-group
+					class="radio"
+					v-model="item.select"
+					v-if="item.Type == '单选题'"
+				>
+					<van-cell-group>
+						<van-cell
+							clickable
+							v-for="(ite, idx) in item.Option"
+							:key="idx"
+							:title="ite.label"
+							@click="onRadio(index, ite.value)"
+						>
+							<template #right-icon>
+								<van-radio :name="ite.value" />
+							</template>
+						</van-cell>
+					</van-cell-group>
+				</van-radio-group>
+				<van-checkbox-group class="checkbox" v-model="item.select" v-else>
+					<van-cell-group>
+						<van-cell
+							v-for="(ite, idx) in item.Option"
+							clickable
+							:key="idx"
+							:title="ite.label"
+							@click="onCheckbox(`checkboxes${item.QId}`, idx)"
+						>
+							<template #right-icon>
+								<van-checkbox
+									:name="ite.value"
+									:ref="`checkboxes${item.QId}`"
+								/>
+							</template>
+						</van-cell>
+					</van-cell-group>
+				</van-checkbox-group>
+			</div>
+		</div>
+		<div class="button">
+			<van-button
+				round
+				type="info"
+				:disabled="topic.length != select.length"
+				style="width: 100%; height: 100%"
+				@click="submit"
+				>提交问卷</van-button
+			>
+		</div>
+	</div>
+</template>
+
+<script>
+import axios from 'axios'
+
+export default {
+	name: 'PsychologicalModeling',
+	data() {
+		return {
+			uid: '',
+			keyCode: '',
+			title: '',
+			topic: [], //题目列表
+			select: [],
+		}
+	},
+	mounted() {
+		//页面标题
+		window.document.title = '情绪初始化评估'
+
+		//页面传参
+		let params = { ...this.$route.query }
+
+		if (params.uid) {
+			this.uid = params.uid
+
+			//初始化
+			this.init()
+		} else {
+			this.$toast('参数错误')
+		}
+	},
+	watch: {
+		selects(val) {
+			let temp = JSON.parse(val)
+			let tempt = temp.filter((item) => {
+				if (item.select) {
+					return true
+				}
+			})
+			this.select = tempt
+		},
+	},
+	computed: {
+		selects() {
+			return JSON.stringify(this.topic)
+		},
+	},
+	methods: {
+		async init() {
+			let re = await this.api('/api/Question/Get', {
+				method: 'GET',
+				sslVerify: false,
+				withCredentials: false,
+				params: {
+					// uid: this.uid,
+				},
+			}, this.$store.getters.ssjlToken)
+			if (re.success) {
+				if (re.response && re.response.length) {
+					let temp = re.response[0]
+					let code = temp.Code
+					this.title = temp.Memo
+					this.keyCode = temp.Code
+					let re1 = await this.api('/api/Question/GetQuestion', {
+						method: 'GET',
+						sslVerify: false,
+						withCredentials: false,
+						params: {
+							code: code,
+						},
+					}, this.$store.getters.ssjlToken)
+					if (re1.success) {
+						if (re1.response && re1.response.length) {
+							let topic = []
+							re1.response.forEach((item) => {
+								let tempt = { ...item }
+								let a1 = tempt.Option.split('#&')
+								let option = []
+								for (let index = 0; index < a1.length; index++) {
+									option.push({
+										label: a1[index],
+										value: index + 1,
+									})
+								}
+								tempt.Option = option
+								tempt.value = ''
+								topic.push(tempt)
+							})
+							this.topic = topic
+						} else {
+							this.$toast('问卷暂无题目')
+						}
+					} else {
+						this.$toast(re1.msg)
+					}
+				} else {
+					this.$toast('问卷不存在')
+				}
+			} else {
+				this.$toast(re.msg)
+            }
+		},
+		async submit() {
+			let temp = {
+				uid: this.uid, //客户端系统用户id
+				keyCode: this.keyCode, //问卷编号
+				answer: [],
+			}
+			this.topic.forEach((item) => {
+				temp.answer.push({
+					qid: item.QId, //问卷题目编号
+					value:
+						typeof item.select == 'object'
+							? item.select.join(',')
+							: item.select, //用户所选答案的 id
+				})
+			})
+			let re = await this.api('/api/Question/Rsults', {
+				method: 'POST',
+				sslVerify: false,
+				withCredentials: false,
+				data: temp,
+			}, this.$store.getters.ssjlToken)
+			if (re.success) {
+				this.$toast('问卷提交成功', 3000)
+				setTimeout(() => {
+					window.history.back(-1)
+				}, 3000)
+			} else {
+				this.$toast(re.msg)
+			}
+		},
+		onRadio(index, value) {
+			let temp = { ...this.topic[index] }
+			temp.select = value
+			this.$set(this.topic, index, temp)
+		},
+		onCheckbox(key, index) {
+			try {
+				this.$refs[`${key}`][index].toggle()
+			} catch (error) {
+				console.log(error)
+			}
+		},
+		api(url, config, token) {
+			setTimeout(() => {
+				this.$toast.loading({
+					message: '',
+					forbidClick: true,
+					duration: 1500,
+				})
+			}, 100)
+			let baseUrl = 'https://dbmq.rzliot.com/heart'
+			return new Promise((res) => {
+				axios({
+					url: `${baseUrl}${url}`,
+                    ...config,
+                    // 增加请求头部 token
+                    headers: {
+                        'AuthToken': 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)
+					})
+			})
+		},
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+	width: 100%;
+	min-height: 100%;
+	box-sizing: border-box;
+	font-size: 3.6vw;
+	text-align: left;
+	background: #f4f4f4;
+	padding-bottom: 8vw;
+	padding-top: 24vw;
+
+	.top {
+		box-sizing: border-box;
+		position: fixed;
+		top: 0;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+		padding: 3vw;
+		width: 100vw;
+		height: 24vw;
+		background: white;
+		z-index: 99;
+
+		.schedule {
+			display: flex;
+			align-items: center;
+
+			.progress {
+				width: 85%;
+			}
+			.text {
+				width: 15%;
+				font-size: 4.5vw;
+				text-align: center;
+
+				.val {
+					font-size: 5vw;
+					font-weight: bold;
+				}
+			}
+		}
+		.title {
+			color: #638ee4;
+		}
+	}
+
+	.list_box {
+		width: 100%;
+		margin-top: 3vw;
+
+		.item {
+			margin-top: 3vw;
+			padding: 3vw;
+			background: white;
+
+			.label {
+				font-size: 4vw;
+			}
+		}
+	}
+
+	.button {
+		width: 75vw;
+		height: 14vw;
+		margin: 0 auto;
+		margin-top: 8vw;
+
+		.van-button--info {
+			background-color: #638ee4;
+			border: 1px solid #638ee4;
+		}
+	}
+}
+</style>
diff --git a/vue.config.js b/vue.config.js
index 9e5efb5..088b3fd 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2020-04-15 10:00:32
- * @LastEditTime: 2023-02-26 09:19:56
+ * @LastEditTime: 2023-06-14 17:10:10
  * @LastEditors: JinxChen
  * @Description: In User Settings Edit
  * @FilePath: \TelpoH5FrontendWeb\vue.config.js
@@ -14,7 +14,24 @@ const pxtorem = require('postcss-pxtorem'); // 把代码中px转为rem
 
 const CompressionPlugin = require("compression-webpack-plugin");
 const port = process.env.port || process.env.npm_config_port || 8080;/* 7788 */ // dev port
-
+/* const proxy = process.env.NODE_ENV === 'development' ?{
+    // 调试完毕需要把这个代理注释掉，否则发布到线上会有问题产生
+    '/api/id': {
+        target: 'https://id.ssjlai.com/watersoutboundapi/',
+        changeOrigin: true,
+        pathRewrite: {
+            '^/api/id': ''
+        }
+    },
+    '/api/ai': {
+        target: 'https://ai.ssjlai.com/watersoutboundapi/',
+        changeOrigin: true,
+        pathRewrite: {
+            '^/api/ai': ''
+        }
+    }
+}
+: null; */
 module.exports = {
     // 注意： 多页面配置 不再使用全路径，单页面时可以开启
     publicPath: './',