fix SalesOrderPayment.vue style

src/pages/package/FundRecordRevoke.vue

@@ -11,7 +11,16 @@
 			<t-form-item label="冲正时间" arrow @click="pickerVisible = true"><span class="picker-text" v-text="occurredAtText || '使用当前时间'" /></t-form-item>
 			<t-form-item label="备注"><t-textarea v-model.trim="remark" borderless autosize maxlength="500" placeholder="备注（可选）" /></t-form-item>
 		</t-form>
-		<package-photo-field v-if="record" v-model="photoItems" required title="冲正凭证照片" />
+		<photo-scroller
+			v-if="record"
+			:model-value="photoUrlList"
+			v-model:photo-items="photoItems"
+			class="photo-field"
+			:upload="uploadPhotoList"
+			:edit-mode="true"
+			required
+			title="冲正凭证照片"
+		/>
 		<t-empty v-if="!record" :description="isLoading ? '正在加载资金记录' : '资金记录不存在'" />
 		<t-popup v-model="pickerVisible" placement="bottom">
 			<t-date-time-picker v-model="draftTime" format="YYYY-MM-DD HH:mm" :mode="['date', 'minute']" title="冲正时间" @cancel="pickerVisible = false" @confirm="confirmTime" />
@@ -22,7 +31,7 @@
 <script setup lang="ts">
 import { useUserStore, type Attachment } from "timi-web-api";
 import SalesOrderAPI from "@/api/SalesOrderAPI";
-import PackagePhotoField from "@/components/PackagePhotoField.vue";
+import PhotoScroller from "@/components/PhotoScroller.vue";
 import { useNavBarStore } from "@/store/navBarStore";
 import type { FundRecord } from "@/types/SalesOrder";
 import type { PhotoItem } from "@/types/Photo";
@@ -31,6 +40,7 @@ import { getFundOperationText, getFundStatusText } from "@/utils/salesOrder";
 import { getErrorMessage } from "@/utils/error";
 import { Message } from "@/utils/message";
 import { permissionCodes } from "@/utils/permission";
+import { uploadPhotoList } from "@/utils/photo";
 
 defineOptions({ name: "FundRecordRevoke" });
 
@@ -48,6 +58,7 @@ const photoItems = ref<PhotoItem[]>([]);
 const isLoading = ref(false);
 const isSaving = ref(false);
 const requestNo = ref("");
+const photoUrlList = computed(() => photoItems.value.map(item => item.url));
 
 function confirmTime(value: string | number): void {
 	occurredAtText.value = String(value);
@@ -154,7 +165,7 @@ onUnmounted(() => navBarStore.clearRight());
 		text-align: right;
 	}
 
-	.package-photo-field {
+	.photo-field {
 		padding: 0 1rem;
 	}
 }