add customer photo tips

src/pages/home/QuickEntryPage.vue

@@ -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);