timi/gao-customer-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add customer photo tips

Browse Source
This commit is contained in:
Timi
2026-08-20 22:15:16 +08:00
parent e1fc007a67
commit 5ee7bf7980
2 changed files with 45 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/customer/CustomerEdit.vue
+21 -9
View File
@@ -53,15 +53,18 @@
/> />
</t-form-item> </t-form-item>
<t-form-item label-width="0"> <t-form-item label-width="0">
<photo-scroller <div class="photo">
v-model="photoList" <photo-scroller
:photo-items="photoItemList" v-model="photoList"
:add-actions="photoAddActions" :photo-items="photoItemList"
:loading="isPhotoUploading" :add-actions="photoAddActions"
@add-photo="openPhotoPicker('PHOTO')" :loading="isPhotoUploading"
@add-point-card="openPhotoPicker('POINT_CARD')" @add-photo="openPhotoPicker('PHOTO')"
@add-other="openPhotoPicker('OTHER')" @add-point-card="openPhotoPicker('POINT_CARD')"
/> @add-other="openPhotoPicker('OTHER')"
/>
<div class="tips orange" v-if="!hasCustomerDeletePermission">当前账户权限编辑客户需要上传照片和积分卡</div>
</div>
</t-form-item> </t-form-item>
<t-form-item label="性别"> <t-form-item label="性别">
<t-radio-group class="sex" v-model="formData.gender" variant="default-filled"> <t-radio-group class="sex" v-model="formData.gender" variant="default-filled">
@@ -684,6 +687,15 @@ function buildAttachmentList(): Attachment[] {
display: flex; display: flex;
} }
.photo {
width: 100%;
.tips {
font-size: .875rem;
text-align: center;
margin-top: .5rem;
}
}
} }
.file-input { .file-input {
src/pages/home/QuickEntryPage.vue
+24 -20
View File
@@ -49,16 +49,19 @@
</t-input> </t-input>
</t-form-item> </t-form-item>
<t-form-item label-width="0"> <t-form-item label-width="0">
<photo-scroller <div class="photo">
title="客户照片列表" <photo-scroller
v-model="customerPhotoList" title="客户照片列表"
:photo-items="customerPhotoItemList" v-model="customerPhotoList"
:add-actions="customerPhotoAddActions" :photo-items="customerPhotoItemList"
:loading="customerPhotoUploading" :add-actions="customerPhotoAddActions"
@add-photo="openCustomerPhotoPicker('PHOTO')" :loading="customerPhotoUploading"
@add-point-card="openCustomerPhotoPicker('POINT_CARD')" @add-photo="openCustomerPhotoPicker('PHOTO')"
@add-other="openCustomerPhotoPicker('OTHER')" @add-point-card="openCustomerPhotoPicker('POINT_CARD')"
/> @add-other="openCustomerPhotoPicker('OTHER')"
/>
<div class="tips orange" v-if="!hasCustomerDeletePermission">当前账户权限新增客户需要上传照片和积分卡</div>
</div>
</t-form-item> </t-form-item>
<t-form-item label-width="0"> <t-form-item label-width="0">
<event-selector <event-selector
@@ -818,20 +821,22 @@ watch(scanCode, (value) => {
border-radius: .75rem; border-radius: .75rem;
} }
} }
.photo {
width: 100%;
.tips {
font-size: .875rem;
text-align: center;
margin-top: .5rem;
}
}
} }
.file-input { .file-input {
display: none; display: none;
} }
.empty-block {
padding: 1rem;
color: #52607a;
text-align: center;
background: #f8fbff;
border-radius: 1rem;
}
} }
:global(html.theme-dark) { :global(html.theme-dark) {
@@ -848,8 +853,7 @@ watch(scanCode, (value) => {
.registration-event-selector { .registration-event-selector {
:deep(.item), :deep(.item) {
.empty-block {
color: #e2e8f0; color: #e2e8f0;
background: rgba(15, 23, 42, .72); background: rgba(15, 23, 42, .72);
border-color: rgba(148, 163, 184, .16); border-color: rgba(148, 163, 184, .16);