fix SalesOrderPayment.vue style

src/pages/salesOrder/SalesOrderCreate.vue

@@ -143,7 +143,7 @@
 				<t-textarea v-model.trim="remark" class="textarea" borderless autosize maxlength="500" placeholder="记录本单需要注意的内容" />
 			</t-form-item>
 			<div class="photo-part">
-				<package-photo-field v-model="photoItems" title="订单照片（选填）" />
+				<photo-scroller :model-value="photoUrlList" v-model:photo-items="photoItems" :upload="uploadPhotoList" :edit-mode="true" title="订单照片（选填）" />
 			</div>
 		</t-form>
 		<div class="submit-wrap glass-white bg-white">
@@ -178,7 +178,7 @@ import SalesOrderAPI from "@/api/SalesOrderAPI";
 import CodeScanner from "@/components/CodeScanner.vue";
 import CustomerProfileCard from "@/components/CustomerProfileCard.vue";
 import CustomerSelector from "@/components/CustomerSelector.vue";
-import PackagePhotoField from "@/components/PackagePhotoField.vue";
+import PhotoScroller from "@/components/PhotoScroller.vue";
 import type { Customer } from "@/types/Customer";
 import type { Product, ProductUnit } from "@/types/Product";
 import type { PhotoItem } from "@/types/Photo";
@@ -188,6 +188,7 @@ import { formatProductAmount } from "@/utils/product";
 import { getErrorMessage } from "@/utils/error";
 import { Message } from "@/utils/message";
 import { permissionCodes } from "@/utils/permission";
+import { uploadPhotoList } from "@/utils/photo";
 import { useNavBarStore } from "@/store/navBarStore";
 import { useSettingStore } from "@/store/settingStore";
 
@@ -208,6 +209,7 @@ const draftTime = ref("");
 const pickerVisible = ref(false);
 const isSaving = ref(false);
 const photoItems = ref<PhotoItem[]>([]);
+const photoUrlList = computed(() => photoItems.value.map(item => item.url));
 const maxQuantity = Number.MAX_SAFE_INTEGER;
 const productCache = new Map<string, Product>();
 const requestNo = ref("");