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:
Leo
2026-01-06 23:00:41 +08:00
parent 3779523047
commit 9dc148400c
1 changed files with 63 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
src/views/system/jdorder/orderList.vue
View File

@@ -288,10 +288,9 @@
</el-dropdown> </el-dropdown>
</div> </div>
<!-- 桌面端：优化后的按钮布局 --> <!-- 桌面端：所有按钮直接显示 -->
<div v-else class="desktop-action-buttons-wrapper"> <div v-else class="desktop-action-buttons-wrapper">
<!-- 主要操作按钮（第一行） --> <div class="action-row-all">
<div class="action-row-primary">
<el-button <el-button
type="text" type="text"
size="mini" size="mini"
@@ -326,6 +325,30 @@
title="复制物流链接"> title="复制物流链接">
物流 物流
</el-button> </el-button>
<el-button
type="text"
size="mini"
@click="copyReturnInfo(scope.row)"
title="复制退货信息">
退货复制
</el-button>
<el-button
type="text"
size="mini"
icon="el-icon-document-copy"
@click="copySingleOrderExcelText(scope.row)"
:style="isExcelTextCopied(scope.row.id) ? 'color: #67C23A;' : ''"
:title="isExcelTextCopied(scope.row.id) ? '已复制录单格式（Excel可粘贴）' : '复制录单格式（Excel可粘贴）'">
录单格式
</el-button>
<el-button
type="text"
size="mini"
icon="el-icon-document-copy"
@click="copyRebateRecordText(scope.row)"
title="复制后返录表格式（Excel可粘贴）">
后返录表
</el-button>
<el-button <el-button
type="text" type="text"
size="mini" size="mini"
@@ -334,61 +357,24 @@
:title="scope.row.distributionMark"> :title="scope.row.distributionMark">
获取物流 获取物流
</el-button> </el-button>
</div> <el-switch
v-model="scope.row.isCountEnabled"
<!-- 次要操作按钮（第二行，使用下拉菜单） --> :active-value="1"
<div class="action-row-secondary"> :inactive-value="0"
<el-dropdown @change="handleCountEnabledChange(scope.row)"
trigger="hover" active-text="统计"
placement="bottom-end" inactive-text=""
@command="handleActionCommand" size="mini"
size="small"> style="margin-left: 4px;">
<el-button </el-switch>
type="text" <el-button
size="mini" type="text"
icon="el-icon-more" size="mini"
class="more-action-btn"> style="color: #f56c6c;"
更多操作<i class="el-icon-arrow-down el-icon--right"></i> @click="handleDelete(scope.row)"
</el-button> title="删除订单">
<el-dropdown-menu slot="dropdown" class="desktop-action-dropdown"> 删除
<el-dropdown-item </el-button>
:command="{action: 'copyReturn', row: scope.row}"
icon="el-icon-document-copy">
退货复制
</el-dropdown-item>
<el-dropdown-item
:command="{action: 'copyExcel', row: scope.row}"
icon="el-icon-document-copy"
:class="{'is-copied': isExcelTextCopied(scope.row.id)}">
{{ isExcelTextCopied(scope.row.id) ? '✓ 录单格式（已复制）' : '录单格式' }}
</el-dropdown-item>
<el-dropdown-item
:command="{action: 'copyRebate', row: scope.row}"
icon="el-icon-document-copy">
后返录表
</el-dropdown-item>
<el-dropdown-item divided>
<div style="display: flex; align-items: center; justify-content: space-between; padding: 0 10px;">
<span>统计</span>
<el-switch
v-model="scope.row.isCountEnabled"
:active-value="1"
:inactive-value="0"
@change="handleCountEnabledChange(scope.row)"
size="mini"
style="margin-left: 10px;">
</el-switch>
</div>
</el-dropdown-item>
<el-dropdown-item
:command="{action: 'delete', row: scope.row}"
icon="el-icon-delete"
divided
style="color: #f56c6c;">
删除
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div> </div>
</div> </div>
</template> </template>
@@ -1909,18 +1895,19 @@ export default {
} }
} }
/* 桌面端操作按钮优化布局 */ /* 桌面端操作按钮优化布局 - 所有按钮一行显示 */
.desktop-action-buttons-wrapper { .desktop-action-buttons-wrapper {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
gap: 3px; align-items: center;
align-items: flex-start;
width: 100%; width: 100%;
padding: 2px 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
flex-wrap: wrap;
gap: 2px;
} }
.desktop-action-buttons-wrapper .action-row-primary { .desktop-action-buttons-wrapper .action-row-all {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 2px; gap: 2px;
@@ -1928,31 +1915,25 @@ export default {
align-items: center; align-items: center;
width: 100%; width: 100%;
line-height: 1.2; line-height: 1.2;
min-height: 24px;
}
.desktop-action-buttons-wrapper .action-row-secondary {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 1px;
min-height: 24px;
} }
.desktop-action-buttons-wrapper .el-button { .desktop-action-buttons-wrapper .el-button {
padding: 3px 5px !important; padding: 3px 6px !important;
font-size: 12px !important; font-size: 12px !important;
white-space: nowrap !important; white-space: nowrap !important;
margin: 0 !important; margin: 0 !important;
height: auto !important; height: 24px !important;
line-height: 1.2 !important; line-height: 1.2 !important;
min-height: 20px !important; min-height: 24px !important;
border: none !important; border: none !important;
flex-shrink: 0;
display: inline-flex !important;
align-items: center !important;
} }
.desktop-action-buttons-wrapper .more-action-btn { .desktop-action-buttons-wrapper .el-switch {
padding: 3px 8px !important; margin-left: 4px !important;
flex-shrink: 0;
} }
/* 桌面端下拉菜单样式 */ /* 桌面端下拉菜单样式 */
@@ -1972,15 +1953,15 @@ export default {
/* 桌面端确保操作列正常显示 */ /* 桌面端确保操作列正常显示 */
@media (min-width: 769px) { @media (min-width: 769px) {
.order-table ::v-deep .action-column { .order-table ::v-deep .action-column {
width: 240px !important; width: 380px !important;
} }
.order-table ::v-deep .el-table__fixed-right { .order-table ::v-deep .el-table__fixed-right {
width: 240px !important; width: 380px !important;
} }
.order-table ::v-deep .el-table__fixed-right-patch { .order-table ::v-deep .el-table__fixed-right-patch {
width: 240px !important; width: 380px !important;
} }
/* 隐藏移动端按钮 */ /* 隐藏移动端按钮 */