修改

src/components/common/customRight.vue

@@ -269,18 +269,24 @@
               <q-timeline color="secondary">
                 <q-timeline-entry v-for="(tItem,tIndex) in data.tripDataList" :key="tIndex">
                   <template v-slot:title>
-                    {{tItem.Remark}}
+                    <div style="font-size:14px;">{{tItem.Description}}</div>
                   </template>
                   <template v-slot:subtitle>
-                    {{tItem.UpdateTime}}
+                    <div class="customUpdateTime">
+                      <div>{{tItem.UpdateTime}}</div>
+                      <div>{{tItem.UpdateByName}}</div>
+                    </div>
                   </template>
                   <div>
-                    {{tItem.Description}}
+                    {{tItem.Remark}}
                   </div>
                 </q-timeline-entry>
               </q-timeline>
             </div>
           </div>
+          <!-- <q-pagination v-model="current" :max="5" direction-links/> -->
+          <q-pagination class="full-width justify-end" v-model="customTripMsg.pageIndex" color="primary" :max="data.TripPageCount"
+              :input="true" @update:model-value ="changePage" />
         </div>
       </div>
       <div class="dialog-out-close" @click="closeCutomer">
@@ -351,7 +357,8 @@
         ckedTab:'1',
         First:1,
         tripTypeArr:[],
-        tripDataList:[]
+        tripDataList:[],
+        TripPageCount:0
       })
       //获取详情数据
       const getCustomInfo = (param: msgParam) => {
@@ -488,8 +495,13 @@
         customer2.getCustomerTripPage(customTripMsg).then(res=>{
           console.log(res,'旅程分页数据');
           data.tripDataList = res.data.Data.PageData;
+          data.TripPageCount = res.data.Data.PageCount;
         })
       }
+      const changePage = (e) => {
+        customTripMsg.pageIndex = e;
+        getCustomerPage();
+      }
       onMounted(() => {
         getCustomInfo(msg);
         getCustomStage({});
@@ -512,7 +524,8 @@
         getlabel,
         getCustomerTripType,
         customTripMsg,
-        getckedType
+        getckedType,
+        changePage
       }
     }
   }
@@ -731,5 +744,19 @@
     margin-top:20px;
     overflow: auto;
     height:620px;
+    padding-right:20px;
+  }
+  .q-timeline__title{
+    margin-bottom:5px;
+  }
+  .customUpdateTime{
+    display: flex;
+    justify-content: space-between;
+    font-size:14px;
+    color:#9696a6;
+  }
+  .q-timeline__subtitle{
+    opacity: 1;
+    font-weight: normal;
   }
 </style>