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 label-width="0">
<photo-scroller
v-model="photoList"
:photo-items="photoItemList"
:add-actions="photoAddActions"
:loading="isPhotoUploading"
@add-photo="openPhotoPicker('PHOTO')"
@add-point-card="openPhotoPicker('POINT_CARD')"
@add-other="openPhotoPicker('OTHER')"
/>
<div class="photo">
<photo-scroller
v-model="photoList"
:photo-items="photoItemList"
:add-actions="photoAddActions"
:loading="isPhotoUploading"
@add-photo="openPhotoPicker('PHOTO')"
@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 label="性别">
<t-radio-group class="sex" v-model="formData.gender" variant="default-filled">
@@ -684,6 +687,15 @@ function buildAttachmentList(): Attachment[] {
display: flex;
}
.photo {
width: 100%;
.tips {
font-size: .875rem;
text-align: center;
margin-top: .5rem;
}
}
}
.file-input {
src/pages/home/QuickEntryPage.vue
+24 -20
View File
@@ -49,16 +49,19 @@
</t-input>
</t-form-item>
<t-form-item label-width="0">
<photo-scroller
title="客户照片列表"
v-model="customerPhotoList"
:photo-items="customerPhotoItemList"
:add-actions="customerPhotoAddActions"
:loading="customerPhotoUploading"
@add-photo="openCustomerPhotoPicker('PHOTO')"
@add-point-card="openCustomerPhotoPicker('POINT_CARD')"
@add-other="openCustomerPhotoPicker('OTHER')"
/>
<div class="photo">
<photo-scroller
title="客户照片列表"
v-model="customerPhotoList"
:photo-items="customerPhotoItemList"
:add-actions="customerPhotoAddActions"
:loading="customerPhotoUploading"
@add-photo="openCustomerPhotoPicker('PHOTO')"
@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 label-width="0">
<event-selector
@@ -818,20 +821,22 @@ watch(scanCode, (value) => {
border-radius: .75rem;
}
}
.photo {
width: 100%;
.tips {
font-size: .875rem;
text-align: center;
margin-top: .5rem;
}
}
}
.file-input {
display: none;
}
.empty-block {
padding: 1rem;
color: #52607a;
text-align: center;
background: #f8fbff;
border-radius: 1rem;
}
}
:global(html.theme-dark) {
@@ -848,8 +853,7 @@ watch(scanCode, (value) => {
.registration-event-selector {
:deep(.item),
.empty-block {
:deep(.item) {
color: #e2e8f0;
background: rgba(15, 23, 42, .72);
border-color: rgba(148, 163, 184, .16);