修改样式

src/school/attendance/components/attend-student.tsx

@@ -232,6 +232,9 @@ export default defineComponent({
                 // v-model:loading={loading.value}
                 finished={finished.value}
                 finished-text=" "
+                style={{
+                  paddingTop: '12px'
+                }}
                 onLoad={getList}
               >
                 {list.value.map((item: any) => (

src/school/attendance/student-att-day.tsx

@@ -11,6 +11,7 @@ import styles from './index.module.less'
 import request from '@/helpers/request'
 import { state as globalState } from '@/state'
 import StudentCell from './modals/student-cell'
+import OSticky from '@/components/o-sticky'
 export default defineComponent({
   name: 'student-att-day',
   setup() {
@@ -95,42 +96,52 @@ export default defineComponent({
     return () => (
       <>
         {/* </OSticky> */}
-        <OHeader border={false}>
-          {{
-            title: () => (
-              <div class={styles.NavTitle} onClick={() => (state.showPopoverTime = true)}>
-                {forms.timeName}{' '}
-                <img
-                  class={[styles.sanIcons, state.showPopoverTime ? styles.isReversal : '']}
-                  src={sanIcon}
-                  alt=""
-                />
-              </div>
-            )
+        <OSticky
+          position="top"
+          onGetHeight={(height: any) => {
+            document.documentElement.style.setProperty('--header-height', height + 'px')
           }}
-        </OHeader>
-        <OSearch
-          placeholder="请输入学生姓名"
-          // inputBackground="white"
-          // background="#f6f6f6"
-          onSearch={(val: any) => {
-            forms.nickName = val
-            refreshing.value = true
-            getList()
-          }}
-          modelValue={forms.nickName}
-        ></OSearch>
+        >
+          <OHeader border={false}>
+            {{
+              title: () => (
+                <div class={styles.NavTitle} onClick={() => (state.showPopoverTime = true)}>
+                  {forms.timeName}{' '}
+                  <img
+                    class={[styles.sanIcons, state.showPopoverTime ? styles.isReversal : '']}
+                    src={sanIcon}
+                    alt=""
+                  />
+                </div>
+              )
+            }}
+          </OHeader>
+          <OSearch
+            placeholder="请输入学生姓名"
+            // inputBackground="white"
+            // background="#f6f6f6"
+            onSearch={(val: any) => {
+              forms.nickName = val
+              refreshing.value = true
+              getList()
+            }}
+            modelValue={forms.nickName}
+          ></OSearch>
+        </OSticky>
         {showContact.value ? (
           <OFullRefresh
             v-model:modelValue={refreshing.value}
             onRefresh={onRefresh}
-            style="min-height: 100vh;"
+            style="min-height: calc(100vh - var(--header-height));"
           >
             <List
               loading-text=" "
               // v-model:loading={loading.value}
               finished={finished.value}
               finished-text="没有更多了"
+              style={{
+                paddingTop: '12px'
+              }}
               onLoad={getList}
             >
               {list.value.map((item: any) => (

src/views/unit-test/unit-list/index.tsx

@@ -45,6 +45,10 @@ export default defineComponent({
     const refreshing = ref(false)
     const loading = ref(false)
     const getList = async () => {
+      if (form.isClick) {
+        return
+      }
+      form.isClick = true
       loading.value = true
       try {
         if (refreshing.value) {
@@ -80,6 +84,7 @@ export default defineComponent({
         form.listState.dataShow = false
         form.listState.finished = true
       }
+      form.isClick = false
     }
     const onRefresh = () => {
       form.listState.finished = true

src/views/unit-test/unit-list/models/unit-student-list.tsx

@@ -183,7 +183,7 @@ export default defineComponent({
             v-model:modelValue={form.listState.refreshing}
             onRefresh={onSearch}
             style={{
-              minHeight: `calc(100vh - ${form.listState.height}px)`
+              minHeight: `calc(50vh)`
             }}
           >
             <List
@@ -206,7 +206,9 @@ export default defineComponent({
                           <p class={[styles.name, 'van-ellipsis']}>
                             {item.studentName ? item.studentName : '--'}
                           </p>
-                          <div class={[styles.studentTag]}>{unitTestStatus[item.status]}</div>
+                          <div class={[styles.studentTag, styles[item.status]]}>
+                            {unitTestStatus[item.status]}
+                          </div>
                         </div>
 
                         <p class={styles.phone}>{item.submitTime}</p>

src/views/unit-test/unit-list/models/unit-student.module.less

@@ -37,15 +37,24 @@
         padding: 0 8px;
         color: #fff;
         margin-left: 6px;
+        font-weight: 500;
+        font-size: 12px;
       }
       .A_PASS {
-        background-color: #ff8057;
-      }
-      .D_NO_SUBMIT {
-        background-color: #8f80ff;
+        background: rgba(255, 128, 87, 0.18);
+        color: #f67146;
       }
       .B_NO_PASS {
-        background-color: #ff5c5f;
+        background: rgba(255, 92, 95, 0.18);
+        color: #f67146;
+      }
+      .C_ING {
+        background: rgba(96, 218, 161, 0.18);
+        color: #4ab78e;
+      }
+      .D_NO_SUBMIT {
+        background: rgba(100, 169, 255, 0.18);
+        color: #64a9ff;
       }
     }
     .img {