1

src/components/school/student/student-record.vue

@@ -10,15 +10,30 @@
 </style>
 <template>
   <div>
-    <template v-for="(item,index) in logData">
-      <div :key="index">
-        {{item.CreateTimeStr}} <br />
-        {{item.CreateByName}} <br />
-        {{item.LogTitle}} <br />
-        {{item.LogContent}} <br />
+    <div style="display:flex;flex:1;flex-direction: column;overflow:hidden;">
+      <div class="TimeLineDiv">
+        <q-timeline color="primary">
+          <q-timeline-entry v-for="(tItem,tIndex) in logData" :key="tIndex">
+            <template v-slot:title>
+              <div class="visit_Cont">
+                <div>{{tItem.LogTitle}}</div>
+                <div>{{tItem.LogContent}}</div>
+              </div>
+            </template>
+            <template v-slot:subtitle>
+              <div class="Time_TopList">
+                <div>{{ tItem.CreateTimeStr }}</div>
+                <div>{{ tItem.CreateByName }}</div>
+              </div>
+            </template>
+          </q-timeline-entry>
+        </q-timeline>
       </div>
-
-    </template>
+    </div>
+    <div style="margin:20px 0;">
+      <q-pagination class="full-width justify-end" v-model="customMsg.pageIndex" color="primary" :max="pageCount" input
+        @input="changePage" />
+    </div>
   </div>
 </template>
 <script>
@@ -67,6 +82,10 @@
             this.pageCount = res.Data.PageCount
           }
         });
+      },
+      changePage(val){
+        this.customMsg.pageIndex = val;
+        this.getStuLogPage();
       }
     },
   }