- 返回保存返回
+ 保存
+
.payment-form-page__actions {
display: flex;
- justify-content: center;
- gap: 16px;
- padding: 24px 0;
+ justify-content: flex-end;
+ gap: 12px;
+ padding: 12px 24px;
+ position: sticky;
+ bottom: 0;
+ z-index: 10;
+ background: #fff;
border-top: 1px solid #eff1f7;
+ box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
}
.payment-form-page__section-actions {
display: flex;
diff --git a/src/views/payment/receipt-claim-record-form.vue b/src/views/payment/receipt-claim-record-form.vue
index 9abbc6a..78c22ca 100644
--- a/src/views/payment/receipt-claim-record-form.vue
+++ b/src/views/payment/receipt-claim-record-form.vue
@@ -312,8 +312,15 @@ export default {
diff --git a/src/views/payment/bill-ledger-form.vue b/src/views/payment/bill-ledger-form.vue
index ca58d1c..f728435 100644
--- a/src/views/payment/bill-ledger-form.vue
+++ b/src/views/payment/bill-ledger-form.vue
@@ -594,13 +594,22 @@ export default {
justify-content: flex-end;
gap: 12px;
padding: 12px 24px;
- position: sticky;
+ position: fixed;
+ right: 0;
+ left: 230px;
bottom: 0;
+ margin: 0;
z-index: 10;
background: #fff;
border-top: 1px solid #eff1f7;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
}
+:global(.avue--collapse .bill-ledger-form-page__actions) {
+ left: 60px;
+}
+:global(.avue-layout--horizontal .bill-ledger-form-page__actions) {
+ left: 0;
+}
.bill-ledger-form-page :deep(.el-table) {
--el-table-border-color: #eff1f7;
}
diff --git a/src/views/payment/bill-payment-form.vue b/src/views/payment/bill-payment-form.vue
index f0e359a..3b867ec 100644
--- a/src/views/payment/bill-payment-form.vue
+++ b/src/views/payment/bill-payment-form.vue
@@ -401,13 +401,22 @@ export default {
justify-content: flex-end;
gap: 12px;
padding: 12px 24px;
- position: sticky;
+ position: fixed;
+ right: 0;
+ left: 230px;
bottom: 0;
+ margin: 0;
z-index: 10;
background: #fff;
border-top: 1px solid #eff1f7;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
}
+:global(.avue--collapse .bill-payment-form-page__actions) {
+ left: 60px;
+}
+:global(.avue-layout--horizontal .bill-payment-form-page__actions) {
+ left: 0;
+}
.bill-payment-form-page__dialog-search {
display: flex;
justify-content: flex-end;
diff --git a/src/views/payment/invoice-application-form.vue b/src/views/payment/invoice-application-form.vue
index 32ee56a..4b27c35 100644
--- a/src/views/payment/invoice-application-form.vue
+++ b/src/views/payment/invoice-application-form.vue
@@ -982,13 +982,22 @@ export default {
justify-content: flex-end;
gap: 12px;
padding: 12px 24px;
- position: sticky;
+ position: fixed;
+ right: 0;
+ left: 230px;
bottom: 0;
+ margin: 0;
z-index: 10;
background: #fff;
border-top: 1px solid #eff1f7;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
}
+:global(.avue--collapse .invoice-form-page__actions) {
+ left: 60px;
+}
+:global(.avue-layout--horizontal .invoice-form-page__actions) {
+ left: 0;
+}
.invoice-form-page__attachment-upload {
display: flex;
justify-content: flex-start;
diff --git a/src/views/payment/invoice-receipt-form.vue b/src/views/payment/invoice-receipt-form.vue
index a00752c..e1b86ac 100644
--- a/src/views/payment/invoice-receipt-form.vue
+++ b/src/views/payment/invoice-receipt-form.vue
@@ -779,13 +779,22 @@ export default {
justify-content: flex-end;
gap: 12px;
padding: 12px 24px;
- position: sticky;
+ position: fixed;
+ right: 0;
+ left: 230px;
bottom: 0;
+ margin: 0;
z-index: 10;
background: #fff;
border-top: 1px solid #eff1f7;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
}
+:global(.avue--collapse .receipt-form-page__actions) {
+ left: 60px;
+}
+:global(.avue-layout--horizontal .receipt-form-page__actions) {
+ left: 0;
+}
.receipt-form-page__dialog-search {
display: flex;
justify-content: flex-end;
diff --git a/src/views/payment/payment-application-form.vue b/src/views/payment/payment-application-form.vue
index 32cbf16..3accf0c 100644
--- a/src/views/payment/payment-application-form.vue
+++ b/src/views/payment/payment-application-form.vue
@@ -1285,13 +1285,22 @@ export default {
justify-content: flex-end;
gap: 12px;
padding: 12px 24px;
- position: sticky;
+ position: fixed;
+ right: 0;
+ left: 230px;
bottom: 0;
+ margin: 0;
z-index: 10;
background: #fff;
border-top: 1px solid #eff1f7;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
}
+:global(.avue--collapse .payment-form-page__actions) {
+ left: 60px;
+}
+:global(.avue-layout--horizontal .payment-form-page__actions) {
+ left: 0;
+}
.payment-form-page__section-actions {
display: flex;
justify-content: flex-end;
diff --git a/src/views/payment/receipt-claim-record-form.vue b/src/views/payment/receipt-claim-record-form.vue
index 78c22ca..4356540 100644
--- a/src/views/payment/receipt-claim-record-form.vue
+++ b/src/views/payment/receipt-claim-record-form.vue
@@ -315,13 +315,22 @@ export default {
justify-content: flex-end;
gap: 12px;
padding: 12px 24px;
- position: sticky;
+ position: fixed;
+ right: 0;
+ left: 230px;
bottom: 0;
+ margin: 0;
z-index: 10;
background: #fff;
border-top: 1px solid #eff1f7;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
}
+:global(.avue--collapse .claim-record-form-page__actions) {
+ left: 60px;
+}
+:global(.avue-layout--horizontal .claim-record-form-page__actions) {
+ left: 0;
+}
.claim-record-form-page__links {
display: flex;
justify-content: center;
diff --git a/src/views/payment/receipt-flow-form.vue b/src/views/payment/receipt-flow-form.vue
index 4b12d1b..1a9081e 100644
--- a/src/views/payment/receipt-flow-form.vue
+++ b/src/views/payment/receipt-flow-form.vue
@@ -474,13 +474,22 @@ export default {
justify-content: flex-end;
gap: 12px;
padding: 12px 24px;
- position: sticky;
+ position: fixed;
+ right: 0;
+ left: 230px;
bottom: 0;
+ margin: 0;
z-index: 10;
background: #fff;
border-top: 1px solid #eff1f7;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
}
+:global(.avue--collapse .receipt-claim-form-page__actions) {
+ left: 60px;
+}
+:global(.avue-layout--horizontal .receipt-claim-form-page__actions) {
+ left: 0;
+}
.receipt-claim-form-page__dialog-search {
display: flex;
justify-content: flex-end;
diff --git a/src/views/settlement/components/formal-settlement-editor.vue b/src/views/settlement/components/formal-settlement-editor.vue
index 47750b0..1a82dd2 100644
--- a/src/views/settlement/components/formal-settlement-editor.vue
+++ b/src/views/settlement/components/formal-settlement-editor.vue
@@ -1549,12 +1549,21 @@ export default {
padding: 12px 24px;
border-top: 1px solid #eff1f7;
gap: 12px;
- position: sticky;
+ position: fixed;
+ right: 0;
+ left: 230px;
bottom: 0;
z-index: 10;
+ margin: 0;
background: #fff;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
}
+:global(.avue--collapse) .formal-editor__page-actions {
+ left: 60px;
+}
+:global(.avue-layout--horizontal) .formal-editor__page-actions {
+ left: 0;
+}
.formal-editor__links {
display: flex;
flex-wrap: wrap;
diff --git a/src/views/settlement/components/pre-settlement-editor.vue b/src/views/settlement/components/pre-settlement-editor.vue
index 9cd4527..74cb6b7 100644
--- a/src/views/settlement/components/pre-settlement-editor.vue
+++ b/src/views/settlement/components/pre-settlement-editor.vue
@@ -1532,8 +1532,11 @@ export default {
padding: 12px 24px;
border-top: 1px solid #eff1f7;
gap: 12px;
- position: sticky;
+ position: fixed;
+ right: 0;
+ left: 230px;
bottom: 0;
+ margin: 0;
z-index: 10;
background: #fff;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
@@ -1651,4 +1654,10 @@ export default {
:deep(.pre-settlement-candidate-dialog .el-table__body tr:nth-child(even) > td.el-table__cell) {
background: #fafafa;
}
+:global(.avue--collapse .pre-settlement-editor__page-actions) {
+ left: 60px;
+}
+:global(.avue-layout--horizontal .pre-settlement-editor__page-actions) {
+ left: 0;
+}