363 lines
11 KiB
JavaScript
363 lines
11 KiB
JavaScript
import { OakUserUnpermittedException } from 'oak-domain/lib/types';
|
||
import { firstLetterUpperCase } from 'oak-domain/lib/utils/string';
|
||
import { generateNewId } from 'oak-domain/lib/utils/uuid';
|
||
import { assert } from 'oak-domain/lib/utils/assert';
|
||
export default OakComponent({
|
||
entity: 'user',
|
||
projection() {
|
||
const userId = this.features.token.getUserId();
|
||
const isRoot = this.features.token.isRoot();
|
||
assert(userId);
|
||
const { entity, entityId } = this.props;
|
||
const userRelationFilter = {
|
||
entity: entity,
|
||
entityId,
|
||
};
|
||
if (!isRoot) {
|
||
userRelationFilter.relation = {
|
||
relationAuth$destRelation: {
|
||
sourceRelation: {
|
||
userRelation$relation: {
|
||
userId,
|
||
},
|
||
},
|
||
},
|
||
};
|
||
}
|
||
return {
|
||
id: 1,
|
||
$$createAt$$: 1,
|
||
name: 1,
|
||
nickname: 1,
|
||
mobile$user: {
|
||
$entity: 'mobile',
|
||
data: {
|
||
id: 1,
|
||
userId: 1,
|
||
mobile: 1,
|
||
},
|
||
},
|
||
userRelation$user: {
|
||
$entity: 'userRelation',
|
||
data: {
|
||
id: 1,
|
||
entity: 1,
|
||
entityId: 1,
|
||
userId: 1,
|
||
relationId: 1,
|
||
relation: {
|
||
id: 1,
|
||
name: 1,
|
||
display: 1,
|
||
relationAuth$destRelation: {
|
||
$entity: 'relationAuth',
|
||
data: {
|
||
id: 1,
|
||
sourceRelation: {
|
||
userRelation$relation: {
|
||
$entity: 'userRelation',
|
||
data: {
|
||
id: 1,
|
||
userId: 1,
|
||
},
|
||
},
|
||
},
|
||
},
|
||
},
|
||
},
|
||
},
|
||
filter: userRelationFilter,
|
||
},
|
||
extraFile$entity: {
|
||
$entity: 'extraFile',
|
||
data: {
|
||
id: 1,
|
||
tag1: 1,
|
||
origin: 1,
|
||
bucket: 1,
|
||
objectId: 1,
|
||
filename: 1,
|
||
extra1: 1,
|
||
type: 1,
|
||
entity: 1,
|
||
entityId: 1,
|
||
extension: 1,
|
||
sort: 1,
|
||
},
|
||
filter: {
|
||
tag1: 'avatar',
|
||
},
|
||
indexFrom: 0,
|
||
count: 1,
|
||
},
|
||
};
|
||
},
|
||
sorters: [
|
||
{
|
||
sorter() {
|
||
return {
|
||
$attr: {
|
||
$$createAt$$: 1,
|
||
},
|
||
$direction: 'desc',
|
||
};
|
||
},
|
||
},
|
||
],
|
||
filters: [
|
||
{
|
||
filter() {
|
||
const userId = this.features.token.getUserId();
|
||
const isRoot = this.features.token.isRoot();
|
||
const { entityId, entity } = this.props;
|
||
const filter = {
|
||
entity,
|
||
entityId,
|
||
};
|
||
if (!isRoot) {
|
||
filter.relation = {
|
||
relationAuth$destRelation: {
|
||
sourceRelation: {
|
||
userRelation$relation: {
|
||
userId,
|
||
},
|
||
},
|
||
},
|
||
};
|
||
}
|
||
return {
|
||
userRelation$user: filter,
|
||
};
|
||
},
|
||
},
|
||
],
|
||
isList: true,
|
||
formData({ data: rows, props, features }) {
|
||
const { entity, entityId } = props;
|
||
const filter = this.getFilterByName('fulltext');
|
||
const users = props.disableDisplay
|
||
? rows?.filter((ele) => {
|
||
const userRelations = ele.userRelation$user?.filter((ele) => !ele.$$deleteAt$$);
|
||
return !!(userRelations && userRelations.length > 0);
|
||
})
|
||
: rows;
|
||
return {
|
||
users: users?.map((ele) => {
|
||
const { mobile$user, extraFile$entity } = ele;
|
||
const mobile = mobile$user && mobile$user[0]?.mobile;
|
||
const avatar = features.extraFile.getUrl(extraFile$entity && extraFile$entity[0]);
|
||
const user2 = Object.assign({}, ele, {
|
||
mobile,
|
||
avatar,
|
||
});
|
||
return user2;
|
||
}),
|
||
searchValue: filter?.$text && filter.$text.$search,
|
||
};
|
||
},
|
||
properties: {
|
||
entity: '',
|
||
entityId: '',
|
||
redirectToAfterConfirm: {},
|
||
claimUrl: '',
|
||
qrCodeType: '',
|
||
onUpdate: (id) => { },
|
||
onCreate: () => { },
|
||
disableDisplay: false,
|
||
},
|
||
data: {
|
||
searchValue: '',
|
||
showActionSheet: false,
|
||
itemList: [
|
||
{
|
||
name: '从现有人员中选择（通过手机号）',
|
||
mode: 'byMobile',
|
||
},
|
||
{
|
||
name: '通过分享二维码',
|
||
mode: 'byQrCode',
|
||
},
|
||
],
|
||
idRemoveMp: '',
|
||
},
|
||
listeners: {
|
||
'entity,entityId'(prev, next) {
|
||
if (this.state.oakFullpath) {
|
||
if (prev.entity !== next.entity ||
|
||
prev.entityId !== next.entityId) {
|
||
this.refresh();
|
||
}
|
||
}
|
||
},
|
||
},
|
||
lifetimes: {
|
||
attached() {
|
||
// this.calcRelations();
|
||
},
|
||
ready() {
|
||
// console.log('ready', this.props.relations);
|
||
},
|
||
},
|
||
methods: {
|
||
goUpsert() {
|
||
const { entity, entityId, redirectToAfterConfirm, qrCodeType, claimUrl, onCreate, } = this.props;
|
||
if (onCreate) {
|
||
onCreate();
|
||
}
|
||
else {
|
||
if (process.env.NODE_ENV === 'development') {
|
||
console.warn('userRelation将不再作为page直接使用，请使用回调函数处理');
|
||
}
|
||
this.navigateTo({
|
||
url: '/userRelation/upsert',
|
||
entity,
|
||
entityId,
|
||
}, {
|
||
redirectToAfterConfirm,
|
||
qrCodeType,
|
||
claimUrl,
|
||
});
|
||
}
|
||
},
|
||
goUpdate(id) {
|
||
const { entity, entityId, onUpdate } = this.props;
|
||
if (onUpdate) {
|
||
onUpdate(id);
|
||
}
|
||
else {
|
||
if (process.env.NODE_ENV === 'development') {
|
||
console.warn('userRelation将不再作为page直接使用，请使用回调函数处理');
|
||
}
|
||
this.navigateTo({
|
||
url: '/userRelation/upsert/byUser',
|
||
entity,
|
||
entityId,
|
||
oakId: id,
|
||
});
|
||
}
|
||
},
|
||
async confirmDelete(idRemove) {
|
||
const { entity, entityId } = this.props;
|
||
const entityStr = firstLetterUpperCase(entity);
|
||
const { users } = this.state;
|
||
const user = users.find((ele) => ele.id === idRemove);
|
||
const relations = user.userRelation$user;
|
||
try {
|
||
this.updateItem({
|
||
userRelation$user: [
|
||
{
|
||
id: generateNewId(),
|
||
action: 'remove',
|
||
data: {},
|
||
filter: {
|
||
id: {
|
||
$in: relations.map((ele) => ele.id),
|
||
},
|
||
},
|
||
},
|
||
],
|
||
}, idRemove, 'revoke');
|
||
await this.execute();
|
||
}
|
||
catch (err) {
|
||
if (err instanceof OakUserUnpermittedException) {
|
||
this.setMessage({
|
||
type: 'error',
|
||
content: err.message,
|
||
});
|
||
return;
|
||
}
|
||
}
|
||
},
|
||
searchChangeMp(event) {
|
||
const { value } = event.detail;
|
||
this.addNamedFilter({
|
||
filter: {
|
||
$text: {
|
||
$search: value,
|
||
},
|
||
},
|
||
'#name': 'fulltext',
|
||
});
|
||
},
|
||
searchCancelMp() {
|
||
this.removeNamedFilterByName('fulltext', true);
|
||
},
|
||
searchConfirmMp() {
|
||
this.refresh();
|
||
},
|
||
chooseActionMp(e) {
|
||
const { entity, entityId, redirectToAfterConfirm, qrCodeType } = this.props;
|
||
const { item: { mode }, } = e.detail;
|
||
if (mode === 'byMobile') {
|
||
this.navigateTo({
|
||
url: '/userRelation/upsert/byMobile',
|
||
entity,
|
||
entityId,
|
||
});
|
||
}
|
||
else {
|
||
this.navigateTo({
|
||
url: '/userRelation/upsert/byUserEntityGrant',
|
||
entity,
|
||
entityId,
|
||
redirectToAfterConfirm,
|
||
qrCodeType,
|
||
});
|
||
}
|
||
},
|
||
cancelActionMp(e) {
|
||
this.setState({
|
||
showActionSheet: false,
|
||
});
|
||
},
|
||
showActionSheetMp() {
|
||
this.setState({
|
||
showActionSheet: true,
|
||
});
|
||
},
|
||
onItemTapMp(e) {
|
||
const { entity, entityId } = this.props;
|
||
const { id } = e.currentTarget.dataset;
|
||
this.navigateTo({
|
||
url: '/userRelation/upsert/byUser',
|
||
oakId: id,
|
||
entity,
|
||
entityId,
|
||
});
|
||
},
|
||
onDeleteMp(e) {
|
||
const { id } = e.currentTarget.dataset;
|
||
this.setState({
|
||
idRemoveMp: id,
|
||
});
|
||
},
|
||
cancelDeleteMp() {
|
||
this.setState({
|
||
idRemoveMp: '',
|
||
});
|
||
},
|
||
async confirmDeleteMp() {
|
||
const { idRemoveMp } = this.state;
|
||
try {
|
||
await this.confirmDelete(idRemoveMp);
|
||
}
|
||
catch (err) {
|
||
this.setState({
|
||
idRemoveMp: '',
|
||
});
|
||
if (err instanceof OakUserUnpermittedException) {
|
||
this.setMessage({
|
||
type: 'error',
|
||
content: err.message,
|
||
});
|
||
return;
|
||
}
|
||
}
|
||
this.setState({
|
||
idRemoveMp: '',
|
||
});
|
||
},
|
||
},
|
||
});
|