fix SalesOrderPayment.vue style

src/pages/fulfillment/OrderFulfillmentDetail.vue

@@ -52,7 +52,14 @@
 				<t-form-item label="冲正原因" required-mark><t-textarea v-model.trim="revokeReason" borderless autosize /></t-form-item>
 				<t-form-item label="库存是否退回门店"><t-switch v-model="returnedToStore" /></t-form-item>
 			</t-form>
-			<package-photo-field v-model="photoItems" required title="冲正凭证照片" />
+			<photo-scroller
+				:model-value="photoUrlList"
+				v-model:photo-items="photoItems"
+				:upload="uploadPhotoList"
+				:edit-mode="true"
+				required
+				title="冲正凭证照片"
+			/>
 		</bottom-popup>
 	</div>
 </template>
@@ -62,7 +69,7 @@ import { BottomPopup } from "timi-tdesign-mobile";
 import { Time } from "timi-web";
 import { useUserStore } from "timi-web-api";
 import FulfillmentAPI from "@/api/FulfillmentAPI";
-import PackagePhotoField from "@/components/PackagePhotoField.vue";
+import PhotoScroller from "@/components/PhotoScroller.vue";
 import { useNavBarStore } from "@/store/navBarStore";
 import type { OrderFulfillment } from "@/types/Fulfillment";
 import type { PhotoItem } from "@/types/Photo";
@@ -72,6 +79,7 @@ import { getErrorMessage } from "@/utils/error";
 import { getFulfillmentStatusText, getFulfillmentTypeText, getStatusTheme } from "@/utils/salesOrder";
 import { Message } from "@/utils/message";
 import { permissionCodes } from "@/utils/permission";
+import { uploadPhotoList } from "@/utils/photo";
 
 type ReasonAction = "reject" | "cancel";
 defineOptions({ name: "OrderFulfillmentDetail" });
@@ -90,6 +98,7 @@ const revokeReason = ref("");
 const returnedToStore = ref(true);
 const revokeRequestNo = ref("");
 const photoItems = ref<PhotoItem[]>([]);
+const photoUrlList = computed(() => photoItems.value.map(item => item.url));
 const isWaitingStock = computed(() => fulfillment.value?.status === "WAITING_STOCK");
 const isPending = computed(() => fulfillment.value?.status === "PENDING");
 const isVerified = computed(() => fulfillment.value?.status === "VERIFIED");