修改样式变小测试计划数量问题

src/components/CpmdHeader.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-// import router from '@/router';
 import { ref } from 'vue'
 import { useRouter } from 'vue-router'
 const router = useRouter()
@@ -112,12 +111,6 @@ const comT = () => {
             <span v-if="!userInfo.userInfo?.userName">登录账号</span>
 
         </div>
-        <!-- <div class="menu_gen">首页</div>
-        <div class="menu_gen">科普乐园</div>
-        <div class="menu_gen">留言社区</div>
-        <div class="menu_gen">测试计划</div>
-        <div class="menu_gen">测试记录</div>
-        <div class="menu_gen">登录账号</div> -->
         <el-dialog v-model="visible" :show-close="true" width="500" style="border-radius: 20px;">
             <template #header="{ close, titleId, titleClass }">
                 <div class="my-header" style="text-align: center;">

src/views/Community.vue

@@ -354,7 +354,7 @@ onUnmounted(() => {
         <div class=" home_header_inner">
             <CpmdHeader />
             <div style="text-align: center;">
-                <img class="xlts_img" style="margin-top:100px" src="../assets/home/other_text.png" />
+                <img class="xlts_img" style="margin-top:40px" src="../assets/home/other_text.png" />
             </div>
         </div>
         <div class="kply">
@@ -632,13 +632,13 @@ label {
         width: 1200px;
 
         .xlts_img {
-            height: 80px;
+            height: 60px;
         }
     }
 
     .kply {
         width: 100%;
-        margin-top: 100px;
+        margin-top: 40px;
         // background-color: #FAFAFA;
 
         .kply_inner {

src/views/Plan.vue

@@ -157,13 +157,13 @@ onUnmounted(() => {
         <div class=" home_header_inner">
             <CpmdHeader />
             <div style="text-align: center;">
-                <img class="xlts_img" style="margin-top:100px" src="../assets/home/other_text.png" />
+                <img class="xlts_img" style="margin-top:40px" src="../assets/home/other_text.png" />
             </div>
         </div>
         <div class="kply">
             <div class="kply_inner">
                 <div>
-                    <div style="padding: 20px 40px;">
+                    <div style="padding: 20px 40px;" v-show="planList.length == 0">
                         <div style="padding:10% 20% ;" v-show="planList.length == 0">
                             <img width="100%" src="../assets/planNo.png">
                         </div>
@@ -191,6 +191,10 @@ onUnmounted(() => {
                                     src="../assets/kepu/xlwht_active.png">
                                 <img class="record_img" v-show="item.list[0].isCompleted == 0"
                                     src="../assets/kepu/xlwht_default.png">
+                                <div class="record_img_inner_name">
+                                    <span class="test_des_name"
+                                        :style="{ color: item.list[0].isCompleted != 0 ? '#ffffff' : '#000000' }">情绪晴雨表</span>
+                                </div>
                                 <div v-show="item.list[0].isCompleted != 0" class="record_img_inner">
                                     <span class="test_des">测试时间：</span>
                                     <span class="test_time1">{{ item.list[0].createTime }}</span>
@@ -203,12 +207,19 @@ onUnmounted(() => {
                                 </div>
                             </div>
 
-                            <img class="record_diceng" src="../assets/kepu/diceng.png">
+                            <img class="record_diceng" v-show="item.list[0].isCompleted != 0"
+                                src="../assets/kepu/diceng_active.png">
+                            <img class="record_diceng" v-show="item.list[0].isCompleted == 0"
+                                src="../assets/kepu/diceng_default.png">
                             <div class="record_img_out">
                                 <img class="record_img" v-show="item.list[1].isCompleted != 0"
                                     src="../assets/kepu/czscz_active.png">
                                 <img class="record_img" v-show="item.list[1].isCompleted == 0"
                                     src="../assets/kepu/czscz_default.png">
+                                <div class="record_img_inner_name">
+                                    <span class="test_des_name"
+                                        :style="{ color: item.list[1].isCompleted != 0 ? '#ffffff' : '#000000' }">成长三重奏</span>
+                                </div>
                                 <div v-show="item.list[1].isCompleted != 0" class="record_img_inner">
                                     <span class="test_des">测试时间：</span>
                                     <span class="test_time1">{{ item.list[1].createTime }}</span>
@@ -218,29 +229,41 @@ onUnmounted(() => {
 
                                 </div>
                             </div>
-
-                            <img class="record_diceng" src="../assets/kepu/diceng.png">
+                            <img class="record_diceng" v-show="item.list[1].isCompleted != 0"
+                                src="../assets/kepu/diceng_active.png">
+                            <img class="record_diceng" v-show="item.list[1].isCompleted == 0"
+                                src="../assets/kepu/diceng_default.png">
                             <div class="record_img_out">
                                 <img class="record_img" v-show="item.list[2].isCompleted != 0"
                                     src="../assets/kepu/cdzkds_active.png">
                                 <img class="record_img" v-show="item.list[2].isCompleted == 0"
                                     src="../assets/kepu/cdzkds_default.png">
+                                <div class="record_img_inner_name">
+                                    <span class="test_des_name"
+                                        :style="{ color: item.list[2].isCompleted != 0 ? '#ffffff' : '#000000' }">冲动掌控大师</span>
+                                </div>
                                 <div v-show="item.list[2].isCompleted != 0" class="record_img_inner">
                                     <span class="test_des">测试时间：</span>
                                     <span class="test_time1">{{ item.list[2].createTime }}</span>
                                     <span style="display: flex;align-items: center;"><span
                                             class="test_des">测试用时:</span><span class="test_time1">{{
                                                 item.list[2].useTime }}</span></span>
-
                                 </div>
                             </div>
 
-                            <img class="record_diceng" src="../assets/kepu/diceng.png">
+                            <img class="record_diceng" v-show="item.list[2].isCompleted != 0"
+                                src="../assets/kepu/diceng_active.png">
+                            <img class="record_diceng" v-show="item.list[2].isCompleted == 0"
+                                src="../assets/kepu/diceng_default.png">
                             <div class="record_img_out">
                                 <img class="record_img" v-show="item.list[3].isCompleted != 0"
                                     src="../assets/kepu/qxbd_active.png">
                                 <img class="record_img" v-show="item.list[3].isCompleted == 0"
                                     src="../assets/kepu/qxbd_default.png">
+                                <div class="record_img_inner_name">
+                                    <span class="test_des_name"
+                                        :style="{ color: item.list[3].isCompleted != 0 ? '#ffffff' : '#000000' }">情绪波动探测器</span>
+                                </div>
                                 <div v-show="item.list[3].isCompleted != 0" class="record_img_inner">
                                     <span class="test_des">测试时间：</span>
                                     <span class="test_time1">{{ item.list[3].createTime }}</span>
@@ -255,14 +278,9 @@ onUnmounted(() => {
                         </div>
                     </div>
                 </div>
-
             </div>
-
         </div>
-
     </div>
-
-
 </template>
 <style lang="scss" scoped>
 .home_header_out {
@@ -285,13 +303,13 @@ onUnmounted(() => {
         width: 1200px;
 
         .xlts_img {
-            height: 80px;
+            height: 60px;
         }
     }
 
     .kply {
         width: 100%;
-        margin-top: 100px;
+        margin-top: 40px;
         // background-color: #FAFAFA;
 
         .kply_inner {
@@ -408,6 +426,22 @@ onUnmounted(() => {
                 .record_img_out {
                     position: relative;
 
+                    .record_img_inner_name {
+                        position: absolute;
+                        margin-top: -150px;
+                        height: 100%;
+                        width: 100%;
+                        text-align: center;
+
+                        .test_des_name {
+                            font-weight: 700;
+                            color: #000000;
+                            font-size: 20px;
+                            letter-spacing: 3px;
+                            line-height: 15px;
+                        }
+                    }
+
                     .record_img_inner {
                         bottom: 0;
                         margin-bottom: 10px;
@@ -425,7 +459,7 @@ onUnmounted(() => {
                             line-height: 15px;
 
                             .test_time1 {
-                                color: #E4FF00;
+                                color: #ffffff;
                                 font-size: 10px;
                                 // line-height: 30px;
                                 line-height: 15px;
@@ -433,7 +467,7 @@ onUnmounted(() => {
                         }
 
                         .test_time1 {
-                            color: #E4FF00;
+                            color: #ffffff;
                             font-size: 10px;
                             line-height: 15px;
                         }

src/views/PopularizationScience.vue

@@ -43,7 +43,7 @@ onUnmounted(() => {
         <div class=" home_header_inner">
             <CpmdHeader />
             <div style="text-align: center;">
-                <img class="xlts_img" style="margin-top:100px" src="../assets/home/other_text.png" />
+                <img class="xlts_img" style="margin-top:40px" src="../assets/home/other_text.png" />
             </div>
         </div>
         <div class="kply">
@@ -115,13 +115,13 @@ onUnmounted(() => {
         width: 1200px;
 
         .xlts_img {
-            height: 80px;
+            height: 60px;
         }
     }
 
     .kply {
         width: 100%;
-        margin-top: 100px;
+        margin-top: 40px;
         // background-color: #FAFAFA;
 
         .kply_inner {
@@ -143,20 +143,15 @@ onUnmounted(() => {
                 align-items: center;
 
                 .kepu_title_des {
-
-
                     width: 406px;
-
                     font-family: Alibaba PuHuiTi 2.0;
                     font-weight: 600;
                     font-size: 44px;
                     color: #48D68E;
-
                 }
 
                 img {
                     width: 480px;
-
                 }
             }
 

src/views/ScaleMid.vue

@@ -106,12 +106,27 @@ onMounted(() => {
     planName.value = route.params.planName as string
     flagName.value = route.params.flagName as string
     num.value = route.params.num as string
+    debugger;
     //进到界面开始轮询
-    if (num.value !== '4') {
+    if (num.value != '4') {
         planNumGet()
     }
+    if (num.value == '4') {
+        planN()
+    }
 
 })
+//刷新测试计划总条数
+const planN = async () => {
+    let userNo = ''
+    //登录的话
+    //判断当前是否有后台管理
+    userNo = userInfo.userInfo.userNo
+    //调用根据用户查询计划的API
+    let res: any = await userPlanApi(userNo)
+
+    userInfo.savePlanCurrentNum(res.data.length)
+}
 const planNumGet = async () => {
     //如果在就是登录了
     if (userInfo.token) {
@@ -124,7 +139,6 @@ const planNumGet = async () => {
         //调用根据用户查询计划的API
         let res: any = await userPlanApi(userNo)
 
-
         userInfo.savePlanCurrentNum(res.data.length)
         planList.value = res.data
 
@@ -137,10 +151,8 @@ const planNumGet = async () => {
             let temp: any = await userPlanDetailApi(params)
             planList.value[i].list = temp.data
         }
-        console.log(planList.value)
 
         for (let i = 0; i < planList.value.length; i++) {
-
             if (planId.value == planList.value[i].id) {
                 for (let k = 0; k < planList.value[i].list.length; k++) {
                     if (planList.value[i].list[k].flag == flag.value) {

src/views/TestRecord.vue

@@ -116,7 +116,7 @@ onUnmounted(() => {
         <div class=" home_header_inner">
             <CpmdHeader />
             <div style="text-align: center;">
-                <img class="xlts_img" style="margin-top:100px" src="../assets/home/other_text.png" />
+                <img class="xlts_img" style="margin-top:40px" src="../assets/home/other_text.png" />
             </div>
         </div>
         <div class="kply">
@@ -187,13 +187,13 @@ onUnmounted(() => {
         width: 1200px;
 
         .xlts_img {
-            height: 80px;
+            height: 60px;
         }
     }
 
     .kply {
         width: 100%;
-        margin-top: 100px;
+        margin-top: 40px;
         // background-color: #FAFAFA;
 
         .kply_inner {