add customer photo tips

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
+12
View File
@@ -53,6 +53,7 @@
/>
</t-form-item>
<t-form-item label-width="0">
<div class="photo">
<photo-scroller
v-model="photoList"
:photo-items="photoItemList"
@@ -62,6 +63,8 @@
@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 {
+14 -10
View File
@@ -49,6 +49,7 @@
</t-input>
</t-form-item>
<t-form-item label-width="0">
<div class="photo">
<photo-scroller
title="客户照片列表"
v-model="customerPhotoList"
@@ -59,6 +60,8 @@
@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);