-
显示条数:
-
-
-
-
-
-
-
-
-
-
搜索匹配:
-
-
(在全部数据中匹配)
+
+ 显示条数
+
+
+
+
+
+
+
+
+
+
+
@@ -846,6 +854,10 @@ export default {
width: 100% !important;
max-width: 100% !important;
}
+
+ .button-group-primary.is-mobile-compact {
+ grid-template-columns: repeat(2, 1fr) !important;
+ }
/* 次要按钮组:腾峰、凡、纹、鸿、拼多多、拼多多-纹 - 每行4个 */
.button-group-secondary {
@@ -872,7 +884,9 @@ export default {
/* 历史记录控制条 */
.history-controls {
display: flex;
- align-items: center;
+ flex-wrap: wrap;
+ align-items: flex-end;
+ gap: 12px 20px;
margin-top: 16px;
margin-bottom: 12px;
padding: 12px 16px;
@@ -881,21 +895,56 @@ export default {
border: 1px solid #DCDFE6;
}
+.history-field {
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ gap: 8px;
+}
+
+.history-field-limit .history-limit-select {
+ width: 120px;
+}
+
+.history-field-search {
+ flex: 1;
+ min-width: 220px;
+ align-items: center;
+}
+
+.history-search-input-wrap {
+ flex: 1;
+ min-width: 160px;
+}
+
+.history-search-input-wrap ::v-deep .el-input {
+ width: 100%;
+}
+
.history-label {
font-size: 14px;
color: #606266;
- margin-right: 12px;
font-weight: 500;
+ white-space: nowrap;
+ flex-shrink: 0;
}
-.history-search-label {
- margin-left: 16px;
+.history-label::after {
+ content: ':';
}
.history-search-tip {
font-size: 12px;
color: #909399;
- margin-left: 8px;
+ flex-basis: 100%;
+ margin-top: 2px;
+}
+
+/* 桌面:搜索提示与输入同一行时不占满宽 */
+.history-field-search .history-search-tip {
+ flex-basis: auto;
+ margin-top: 0;
+ margin-left: 4px;
}
/* 历史消息容器 */
@@ -922,14 +971,42 @@ export default {
.history-controls {
flex-direction: column;
- align-items: flex-start;
- gap: 10px;
- padding: 10px 12px;
+ align-items: stretch;
+ gap: 14px;
+ padding: 12px;
}
-
+
+ .history-field {
+ flex-direction: column;
+ align-items: stretch;
+ gap: 6px;
+ width: 100%;
+ }
+
+ .history-field-limit .history-limit-select {
+ width: 100% !important;
+ }
+
+ .history-field-search {
+ min-width: 0;
+ flex-direction: column;
+ align-items: stretch;
+ }
+
+ .history-search-input-wrap {
+ min-width: 0;
+ width: 100%;
+ }
+
.history-label {
- margin-right: 0;
- margin-bottom: 0;
+ font-size: 13px;
+ }
+
+ .history-field-search .history-search-tip {
+ flex-basis: auto;
+ margin-left: 0;
+ margin-top: 4px;
+ line-height: 1.4;
}
}
diff --git a/src/views/system/jdorder/orderList.vue b/src/views/system/jdorder/orderList.vue
index ed40391..8c3d621 100644
--- a/src/views/system/jdorder/orderList.vue
+++ b/src/views/system/jdorder/orderList.vue
@@ -139,7 +139,7 @@
-