style: 修改delivery筛选项样式

src/views/DestinationDelivery/src/DestinationDelivery.vue

@@ -110,11 +110,14 @@ const tableRef = ref()
       </div>
     </div>
     <div class="display">
-      <div class="heaer_top">
-        <div class="date-tips_filter">
-          <CalendarDate @DateChange="DateChange"></CalendarDate>
+      <div class="header_top">
+        <div class="date-tips_filter filter-item">
+          <span class="label">Delivery Date:</span>
+          <DeliveryDate :Date="DateStart" />
         </div>
-        <div class="tips_filter">
+
+        <div class="tips_filter filter-item">
+          <span class="label">Delivery Mode:</span>
           <el-select v-model="searchData.userType" placeholder="User Type">
             <el-option
               v-for="item in userTypeList"
@@ -124,10 +127,11 @@ const tableRef = ref()
             />
           </el-select>
         </div>
-        <div class="date-tips_filter">
-          <DeliveryDate :Date="DateStart" />
+        <div class="date-tips_filter filter-item">
+          <span class="label">Creation Date</span>
+          <CalendarDate @DateChange="DateChange"></CalendarDate>
         </div>
-        <div class="input-tips_filter">
+        <div class="input-tips_filter filter-item">
           <el-input
             placeholder="Search Question ID、User"
             v-model="OperationSearch"
@@ -182,11 +186,11 @@ const tableRef = ref()
   align-items: center;
   justify-content: space-between;
 }
-.heaer_top {
-  margin-top: 6.57px;
+.header_top {
   margin-bottom: 8px;
   padding-right: 8px;
   display: flex;
+  align-items: flex-end;
 }
 .number-cards {
   display: flex;
@@ -249,35 +253,33 @@ const tableRef = ref()
   height: 32px;
   background-color: var(--color-mode) !important;
 }
-.tips_filter {
+.filter-item {
   flex: 1;
-  height: 30px;
-  max-width: 170px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: flex-end;
   margin-right: 8px;
+  .label {
+    align-self: flex-start;
+    font-size: 12px;
+    margin-bottom: 3px;
+  }
+}
+.tips_filter {
+  min-width: 170px;
 }
 .input-tips_filter {
-  flex: 1;
   max-width: 320px;
-  height: 32px;
-  margin-right: 8px;
   :deep(.el-input__wrapper) {
     height: 32px;
   }
 }
 .date-tips_filter {
-  flex: 1;
   max-width: 250px;
-  height: 32px;
-  margin-right: 8px;
-}
-.comparator-tips_filter {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  max-width: 260px;
-  height: 32px;
-  margin-right: 8px;
+  height: 56px;
 }
+
 .destination-delivery {
   position: relative;
   background-color: var(--color-mode);

src/views/Layout/src/components/Menu/MenuView.vue

@@ -73,11 +73,21 @@ const getMenuList = () => {
         },
         {
           index: '4-3',
+          label: 'Chat Log',
+          path: '/chat-log'
+        },
+        {
+          index: '4-4',
+          label: 'AI API Log',
+          path: '/ai-api-log'
+        },
+        {
+          index: '4-5',
           label: 'Operation Log',
           path: '/Operationlog'
         },
         {
-          index: '4-4',
+          index: '4-6',
           label: 'Prompt Configuration',
           path: '/PromptConfiguration'
         }