feat: 完成前端业务闭环与后端联调

pages/records/relative-record-editor.vue

@@ -351,6 +351,11 @@ const saveRelative = async () => {
       "上次提交结果暂时无法确认，请先返回贺礼簿检查，避免重复创建。";
     return;
   }
+  const giftAmount = form.giftAmount.trim();
+  if (giftAmount && !/^(?:0|[1-9]\d{0,9})(?:\.\d{1,2})?$/.test(giftAmount)) {
+    submitError.value = "礼金金额应为 0 至 9999999999.99，最多保留两位小数";
+    return;
+  }
 
   isSubmitting.value = true;
   submitError.value = "";
@@ -423,13 +428,15 @@ onUnload(() => {
   z-index: 1;
 }
 .page-content {
-  padding: 18rpx 24rpx 72rpx;
+  flex: 1;
+  padding: 18rpx 24rpx calc(72rpx + env(safe-area-inset-bottom));
 }
 .form-card,
 .state-card {
   box-sizing: border-box;
   padding: 46rpx;
   @include adaptive-records-content;
+  background-color: rgba($paper, 0.82);
 }
 .form-card > text:first-child,
 .state-card > text:first-child {
@@ -485,9 +492,10 @@ onUnload(() => {
 }
 .field-row--picker picker {
   min-width: 0;
+  width: 100%;
 }
 .field-row--picker picker > view {
-  min-height: 48rpx;
+  min-height: 80rpx;
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -512,7 +520,7 @@ onUnload(() => {
 }
 .upload-button {
   justify-self: start;
-  min-height: 60rpx;
+  min-height: 80rpx;
   margin: 0;
   padding: 0 20rpx;
   border: 1rpx solid rgba(159, 23, 15, 0.42);