1

src/views/system/jd-instruction/index.vue

@@ -38,6 +38,19 @@
 
       <el-divider>历史消息记录</el-divider>
 
+      <div class="history-controls">
+        <span class="history-label">显示条数：</span>
+        <el-select v-model="historyLimit" size="small" style="width: 120px;" @change="loadHistory">
+          <el-option label="10条" :value="10"></el-option>
+          <el-option label="20条" :value="20"></el-option>
+          <el-option label="50条" :value="50"></el-option>
+          <el-option label="100条" :value="100"></el-option>
+          <el-option label="200条" :value="200"></el-option>
+          <el-option label="500条" :value="500"></el-option>
+          <el-option label="1000条" :value="1000"></el-option>
+        </el-select>
+      </div>
+
       <div class="history-container">
         <div class="history-column">
           <div class="history-header">
@@ -316,11 +329,30 @@ export default {
 .msg-block { margin-bottom: 12px; }
 .msg-header { display: flex; align-items: center; justify-content: space-between; margin: 6px 0; }
 
+/* 历史记录控制条 */
+.history-controls {
+  display: flex;
+  align-items: center;
+  margin-top: 16px;
+  margin-bottom: 12px;
+  padding: 12px 16px;
+  background-color: #F5F7FA;
+  border-radius: 4px;
+  border: 1px solid #DCDFE6;
+}
+
+.history-label {
+  font-size: 14px;
+  color: #606266;
+  margin-right: 12px;
+  font-weight: 500;
+}
+
 /* 历史消息容器 */
 .history-container {
   display: flex;
   gap: 20px;
-  margin-top: 20px;
+  margin-top: 8px;
 }
 
 .history-column {