59 lines
1.7 KiB
JavaScript
59 lines
1.7 KiB
JavaScript
|
/**
|
|||
|
|
* PhotoUploader 照片上传器（规范 §22, §115 PHOTO_STATUS）
|
|||
|
|
*
|
|||
|
|
* 多图上传 + 审核状态展示 + 排序 + 删除。
|
|||
|
|
* 不变量（AGENTS.md 第 8 条）：本组件不接收身份证号/手机号等敏感字段，
|
|||
|
|
* 仅处理生活照 URL（已上传至 OSS 后由 Profile.photos 引用）。
|
|||
|
|
* 上传凭证由调用方通过 profileService.requestUploadToken 获取后注入。
|
|||
|
|
*
|
|||
|
|
* 用法：
|
|||
|
|
* <ui-photo-uploader photos="{{photos}}" max="{{6}}"
|
|||
|
|
* bind:add="onAddPhoto" bind:remove="onRemovePhoto" bind:tap="onPreviewPhoto" />
|
|||
|
|
*/
|
|||
|
|
Component({
|
|||
|
|
options: { addGlobalClass: true },
|
|||
|
|
properties: {
|
|||
|
|
photos: { type: Array, value: [] },
|
|||
|
|
max: { type: Number, value: 6 },
|
|||
|
|
readonly: { type: Boolean, value: false },
|
|||
|
|
// 是否显示审核状态徽标
|
|||
|
|
showReviewStatus: { type: Boolean, value: true },
|
|||
|
|
},
|
|||
|
|
data: {
|
|||
|
|
photoStatusKindMap: {
|
|||
|
|
local: 'warning',
|
|||
|
|
uploading: 'info',
|
|||
|
|
uploaded: 'success',
|
|||
|
|
failed: 'danger',
|
|||
|
|
review_pending: 'warning',
|
|||
|
|
},
|
|||
|
|
photoStatusLabelMap: {
|
|||
|
|
local: '本地',
|
|||
|
|
uploading: '上传中',
|
|||
|
|
uploaded: '已上传',
|
|||
|
|
failed: '失败',
|
|||
|
|
review_pending: '审核中',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
onAdd() {
|
|||
|
|
if (this.data.readonly) return;
|
|||
|
|
if (this.data.photos.length >= this.data.max) return;
|
|||
|
|
this.triggerEvent('add', {});
|
|||
|
|
},
|
|||
|
|
onRemove(e) {
|
|||
|
|
if (this.data.readonly) return;
|
|||
|
|
const { index } = e.currentTarget.dataset;
|
|||
|
|
this.triggerEvent('remove', { index });
|
|||
|
|
},
|
|||
|
|
onTap(e) {
|
|||
|
|
const { index } = e.currentTarget.dataset;
|
|||
|
|
this.triggerEvent('tap', { index });
|
|||
|
|
},
|
|||
|
|
onRetry(e) {
|
|||
|
|
const { index } = e.currentTarget.dataset;
|
|||
|
|
this.triggerEvent('retry', { index });
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
});
|