CC/ruoyi-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
van
2026-04-07 17:29:30 +08:00
parent a2263eeef9
commit 8addb6080c
9 changed files with 835 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

149
src/views/system/jd-instruction/index.vue
View File

@@ -5,13 +5,15 @@
<el-form-item label="输入指令">
<el-input v-model="form.command" type="textarea" :rows="8" placeholder="💰💰💰💰💰💰💰💰" />
</el-form-item>
<div class="button-group button-group-primary">
<div class="button-group button-group-primary" :class="{ 'is-mobile-compact': isMobile }">
<el-button type="success" size="medium" @click="run" :loading="loading">执行</el-button>
<el-button type="danger" size="medium" @click="clearAll">清空</el-button>
<el-button size="warning" @click="fillMan">慢单</el-button>
<el-button size="success" @click="fillSheng">通用格式</el-button>
<template v-if="!isMobile">
<el-button size="warning" @click="fillMan">慢单</el-button>
<el-button size="success" @click="fillSheng">通用格式</el-button>
</template>
</div>
<div class="button-group button-group-secondary">
<div v-if="!isMobile" class="button-group button-group-secondary">
<el-button type="primary" size="medium" @click="fillTF">腾峰</el-button>
<el-button type="primary" size="medium" @click="fillFan">凡</el-button>
<!-- <el-button type="primary" size="medium" @click="fillWen">纹</el-button> -->
@@ -60,27 +62,33 @@
<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>
<span class="history-label history-search-label">搜索匹配：</span>
<el-input
v-model="historySearchKeyword"
size="small"
placeholder="输入关键词，在全部历史数据中搜索"
clearable
style="width: 240px;"
prefix-icon="el-icon-search"
@input="onHistorySearchInput"
/>
<span v-if="historySearchKeyword.trim()" class="history-search-tip">（在全部数据中匹配）</span>
<div class="history-field history-field-limit">
<span class="history-label">显示条数</span>
<el-select v-model="historyLimit" size="small" class="history-limit-select" @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-field history-field-search">
<span class="history-label">搜索匹配</span>
<div class="history-search-input-wrap">
<el-input
v-model="historySearchKeyword"
size="small"
placeholder="关键词，搜索全部历史"
clearable
class="history-search-input"
prefix-icon="el-icon-search"
@input="onHistorySearchInput"
/>
</div>
<span v-if="historySearchKeyword.trim()" class="history-search-tip">全部数据中匹配</span>
</div>
</div>
<div class="history-container">
@@ -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;
}
}