-
+
![缩略图]()
{{ $t('admin.disassemblyOrders.detail.preview') }}
@@ -84,8 +84,8 @@
{{ $t('admin.disassemblyOrders.detail.disassembly') }}
@@ -152,22 +152,25 @@
-
@@ -230,7 +233,7 @@
-
+ -->
@@ -276,9 +279,10 @@
@@ -497,6 +439,7 @@ onMounted(() => {
padding: 8px 12px;
white-space: nowrap;
vertical-align: middle;
+ text-align: center !important;
}
.disassembly-table :deep(.el-table__row) {
@@ -513,7 +456,7 @@ onMounted(() => {
font-weight: 600;
border-bottom: 2px solid #e5e7eb;
white-space: nowrap !important;
- text-align: center;
+ text-align: center !important;
text-overflow: ellipsis;
overflow: hidden;
}
@@ -523,6 +466,15 @@ onMounted(() => {
word-break: keep-all;
overflow: hidden;
text-overflow: ellipsis;
+ text-align: center !important;
+}
+
+/* 表格内容居中 */
+.disassembly-table :deep(.el-table__body td .cell) {
+ text-align: center !important;
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
/* 操作按钮容器 */
@@ -531,13 +483,26 @@ onMounted(() => {
gap: 6px;
flex-wrap: nowrap;
align-items: center;
- justify-content: flex-start;
+ justify-content: center;
overflow: hidden;
}
.actions-container .el-button {
flex-shrink: 0;
white-space: nowrap;
+ min-width: 80px;
+}
+
+/* 完成拆件按钮样式 */
+.actions-container .el-button--success {
+ background: linear-gradient(135deg, #10b981 0%, #059669 100%);
+ border: none;
+ transition: all 0.3s ease;
+}
+
+.actions-container .el-button--success:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);
}
/* 分页样式 */
@@ -595,6 +560,19 @@ onMounted(() => {
.disassembly-table :deep(.el-table) {
min-width: 800px;
}
+
+ /* 移动端操作按钮适配 */
+ .actions-container {
+ flex-direction: column;
+ gap: 8px;
+ align-items: stretch;
+ }
+
+ .actions-container .el-button {
+ width: 100%;
+ min-width: auto;
+ margin: 0;
+ }
}
@media (min-width: 769px) and (max-width: 1024px) {
diff --git a/apps/FrontendDesigner/src/views/admin/AdminOrders/AdminOrders.js b/apps/FrontendDesigner/src/views/admin/AdminOrders/AdminOrders.js
new file mode 100644
index 0000000..a3512f6
--- /dev/null
+++ b/apps/FrontendDesigner/src/views/admin/AdminOrders/AdminOrders.js
@@ -0,0 +1,73 @@
+import { adminApi,requestUtils} from '@deotaland/utils';
+
+export class AdminOrders {
+ constructor() {
+ // 初始化防抖函数
+ this.debouncedSaveProgress = this.createDebouncedSaveProgress();
+ }
+
+ /**
+ * 创建防抖的保存进度函数
+ * 防止频繁调用API，延迟1秒执行
+ */
+ createDebouncedSaveProgress() {
+ let timeout;
+ return (params) => {
+ return new Promise((resolve, reject) => {
+ clearTimeout(timeout);
+ timeout = setTimeout(async () => {
+ try {
+ const result = await requestUtils.common(adminApi.default.updateOrderStatus, params);
+ resolve(result);
+ } catch (error) {
+ reject(error);
+ }
+ }, 1000); // 1秒防抖延迟
+ });
+ };
+ }
+ //获取订单详情
+ getOrderDetail(params){
+ return requestUtils.common(adminApi.default.getOrderDetailt,params);
+ }
+ //获取订单列表
+ getOrderList(params){
+ return requestUtils.common(adminApi.default.getOrderList,params);
+ }
+ //同意退款
+ refundApprove(params){
+ return requestUtils.common(adminApi.default.refundApprove,params);
+ }
+ //拒绝退款
+ refundReject(params){
+ return requestUtils.common(adminApi.default.refundReject,params);
+ }
+ //同意/拒绝订单
+ updateOrderStatus(type=0,audit_reject_reason='',data){//0未通过，1已通过
+ let params = {
+ id:data.id,
+ order_status:type==0?1:2
+ }
+ if(audit_reject_reason&&type==0){
+ params.audit_reject_reason = audit_reject_reason;
+ }
+ return requestUtils.common(adminApi.default.updateOrderStatus,params);
+ }
+ //完成拆件
+ completeDisassembly(data){
+ let params = {
+ order_status:3,
+ id:data.id
+ }
+ return requestUtils.common(adminApi.default.updateOrderStatus,params);
+ }
+ //订单统计
+ getOrderStatistics(){
+ return requestUtils.common(adminApi.default.getOrderStatistics);
+ }
+ //保存拆件进度（带防抖功能）
+ saveDisassemblyProgress(params){
+ // 使用防抖函数来避免频繁调用API
+ return this.debouncedSaveProgress(params);
+ }
+}
\ No newline at end of file
diff --git a/apps/FrontendDesigner/src/views/admin/AdminOrders.vue b/apps/FrontendDesigner/src/views/admin/AdminOrders/AdminOrders.vue
similarity index 57%
rename from apps/FrontendDesigner/src/views/admin/AdminOrders.vue
rename to apps/FrontendDesigner/src/views/admin/AdminOrders/AdminOrders.vue
index 37fb73d..a4d8eec 100644
--- a/apps/FrontendDesigner/src/views/admin/AdminOrders.vue
+++ b/apps/FrontendDesigner/src/views/admin/AdminOrders/AdminOrders.vue
@@ -37,7 +37,7 @@