修改项目图标---以及一键快速登录

src/api/login.ts

@@ -6,6 +6,8 @@ const userRegisterUrl = '/system/registerUser'
 
 //登录方法
 const userLoginUrl = '/system/login'
+const loginTestUrl = '/system/getVersion'
+
 
 const homeUrl = ''
 const updatePasUrl = '/system/updatePassword'
@@ -96,4 +98,11 @@ export const leaveRecordApi = (val: any) => {
         method: 'get',
         url: `${leaveRecordUrl}?pageNum=${val.pageNum}&pageSize=${val.pageSize}`,
     })
+}
+
+export const loginTestApi = () => {
+    return http<any>({
+        method: 'get',
+        url: `${loginTestUrl}`,
+    })
 }

src/components/CpmdHeader.vue

@@ -102,9 +102,11 @@ const leaveFun = () => {
                 <!-- <div>学生心理健康测评系统</div> -->
                 <div style="display: flex;align-items: center;">
                     <span class="home_line_1"></span>
+                    <img width="30px" style="margin-left: 10px;" src="../assets/logo_white.png" alt="">
                     <!-- <img style="width: 20vw;" src="../assets/home/group_title.png" alt=""> -->
                     <div style="display: flex;flex-direction: column;margin-left:6px">
-                        <span style="color: #ffffff;font-size: 26px;font-weight: 100;">高知人员心理压力测评系统</span>
+                        <span style="color: #ffffff;font-size: 26px;font-weight: 100;">
+                            高知人员心理压力测评系统</span>
                         <span style="color: #ffffff;font-weight: 100;font-size: 14px;">Knowledgeable personnel
                             psychological assessment
                             system</span>

src/views/HomeView.vue

@@ -209,12 +209,14 @@ const brightStatusLevel = () => {
 
       <div style="display: flex; justify-content: space-around;">
         <div class="home_two_img">
-          <img src="../assets/home/group_six2.png" style="width: 500px;" alt="">
+          <img src="../assets/home/group_six2.png"
+            style="width: 500px;height: 30vh;object-fit: cover;object-position: center;" alt="">
           <div class="home_two_des">如果在工作中感到压力过大或情绪低落时，应及时与家人、领导沟通，寻求支持和理解。在自我调节的基础上 做到多休息，健康饮食，避免这些身心问题持续加重，
             进而对工作和生活造成负面影响。</div>
         </div>
         <div class="home_two_img">
-          <img src="../assets/home/group_senven1.png" alt="" style="width: 500px;">
+          <img src="../assets/home/group_senven1.png" alt=""
+            style="width: 500px;height: 30vh;object-fit: cover;object-position: center;">
           <div class="home_two_des">对公司来说，关注员工的心理健康并积极进行心理疏导，制定合理的休假制度，不仅能激发员工更高的工作热情和创造力，还能确保员工在面对挑战时具备更强的韧性和适应力</div>
         </div>
 
@@ -234,7 +236,8 @@ const brightStatusLevel = () => {
       </div>
       <div style="display: flex; justify-content: space-around;position: relative;">
         <div class="home_two_img">
-          <img src="../assets/home/group_senven1.png" alt="" style="width: 500px;">
+          <img src="../assets/home/group_senven1.png" alt=""
+            style="width: 500px;height: 30vh;object-fit: cover;object-position: center;">
           <div class="home_two_des">
             通过持续的自我监测和专业的评估工具，可以更早地发现潜在的心理问题，从而采取预防措施或寻求适当的帮助。这不仅有助于提高个人的情绪管理和应对压力的能力，还能显著提升工作效率和生活质量。</div>
         </div>

src/views/Login.vue

@@ -8,7 +8,7 @@ import { ElMessage } from 'element-plus';
 import { onMounted, onUnmounted, reactive, ref } from 'vue'
 
 import { useRoute, useRouter } from 'vue-router'
-import { userLoginApi } from '@/api/login';
+import { loginTestApi, userLoginApi } from '@/api/login';
 
 import { userInfoStore } from '@/stores'
 const userInfo = userInfoStore()
@@ -26,8 +26,20 @@ const password = ref<string>('')
 const id = ref<string>('')
 //持久化设置 菜单状态
 //刚进入页面就将高度设置为页面需要的
-onMounted(() => {
+onMounted(async () => {
+    //调用查看是否是演示版的接口
+    const res: any = await loginTestApi()
+    if (res.code == 200) {
+
+        if (res.msg == 'test') {
+            isTest.value = true
+        } else {
+            isTest.value = false
+        }
 
+    } else {
+        ElMessage({ message: `${res.msg}`, type: 'error' })
+    }
 })
 //跳转到注册页面的方法
 const router = useRouter()
@@ -37,15 +49,40 @@ const registerFun = () => {
 }
 
 
-
+const isTest = ref<boolean>(false)
 
 //轮旋切换页面的方法
 
 //退出页面销毁 方法
-onUnmounted(() => {
+onUnmounted(async () => {
 
 })
+const loginTest = async () => {
+
+    let params = {
+        userNo: '20250126386',
+        password: md5('123456')
+    }
+    const res: any = await userLoginApi(params)
+    if (res.code == 200) {
+        if (res.data.type == '1' || res.data.type == '2') {
+            userInfo.saveToken(res.data.token)
+            userInfo.saveUserInfo(res.data.user)
+            ElMessage({ message: `${res.msg}`, type: 'success' })
+            //跳转到首页
+            router.push({ name: 'homeView' })
+        } else {
+            ElMessage({ message: `请使用普通账户登录`, type: 'error' })
+        }
+        //登录成功后将信息存入缓存  
+
+    } else {
+        ElMessage({ message: `${res.msg}`, type: 'error' })
+    }
+    //登录成功后将信息存入缓存  
+
 
+}
 
 
 //登录方法
@@ -133,6 +170,15 @@ const loginFun = async () => {
                         <div @click="loginFun" class="start_button_self">登录</div>
                     </div>
 
+                    <div v-show="isTest">
+                        <el-divider>
+                            演示账号一键登录
+                        </el-divider>
+                    </div>
+                    <div style="text-align: center;" v-show="isTest">
+                        <el-button size="small" @click="loginTest">演示账号一键登录</el-button>
+                    </div>
+
 
                 </div>