日常开发

src/views/sunshineRun/index.vue

@@ -24,8 +24,10 @@
             <ul>
               <TransitionGroup>
                 <li v-for="(item, index) in testList" :key="item.student_id">
-                  <img v-if="item.student_id && item.student_icon_url" :src="item.student_icon_url" /><img class="noPic"
-                    v-else src="@/assets/images/common/noImg.png" />
+                  <!-- <img v-if="item.student_id && item.student_icon_url" :src="item.student_icon_url" />
+                  <img class="noPic"
+                    v-else src="@/assets/images/common/noImg.png" /> -->
+                  <div class="pic" v-if="item.student_id && item.student_icon_url" :style="{ backgroundImage: 'url(' + item.student_icon_url + ')' }"></div>
                   <div class="con">
                     <div class="name">{{ item.name }}</div>
                     <div class="score">
@@ -130,6 +132,7 @@ const getFullScreen = () => {
 */
 const confirmExit = async () => {
   if (import.meta.env.DEV) {
+    getClearTimer();
     proxy?.$modal.msgSuccess('测试环境免密退出');
     await proxy?.$http.common.logout({}).then((res: any) => {
     });
@@ -144,6 +147,7 @@ const confirmExit = async () => {
     proxy?.$modal.prompt(`【${userInfo.login_name}】，请输入密码`, 'password').then((e: any) => {
       // console.log("e", e)
       if (e.action == 'confirm' && e.value) {
+        getClearTimer();
         let params = {
           password: e.value
         };
@@ -214,7 +218,7 @@ const getPages = (data: any) => {
 */
 const getAutoplay = () => {
   getStudentList();
-  setInterval(() => {
+  timerManager.value.autoplayTime = setInterval(() => {
     // 切换页码
     if (studentPage.value.current >= studentPage.value.pages || studentPage.value.current >= 5) {
       studentPage.value.current = 1;
@@ -466,6 +470,13 @@ onBeforeUnmount(() => {
                 height: 100%;
               }
 
+              .pic {
+                width: 100%;
+                height: 100%;
+                background-size: cover;
+                background-position: center
+              }
+
               .noPic {
                 width: auto;
                 height: auto;
@@ -485,7 +496,7 @@ onBeforeUnmount(() => {
                 flex-direction: column;
                 box-sizing: border-box;
                 background: linear-gradient(180deg, rgba(0, 0, 0, 0.87) 45%, rgba(18, 133, 124, 0.7367) 135%);
-                
+
                 .name {
                   font-size: 1.5vw;
                   color: #ffffff;
@@ -506,10 +517,12 @@ onBeforeUnmount(() => {
                   text-align: right;
                   display: flex;
                   justify-content: space-between;
+
                   span {
                     font-size: 1.8vw;
                   }
-                  i{
+
+                  i {
                     font-size: 1.1vw;
                     margin-left: 2px;
                   }