114 lines
2.8 KiB
TypeScript
114 lines
2.8 KiB
TypeScript
// index.ts
|
||
|
||
import { composeFileUrl } from "../../../../src/utils/extraFile";
|
||
|
||
export default OakPage({
|
||
path: 'user:manage',
|
||
entity: 'user',
|
||
projection: {
|
||
id: 1,
|
||
nickname: 1,
|
||
name: 1,
|
||
userState: 1,
|
||
extraFile$entity: {
|
||
$entity: 'extraFile',
|
||
data: {
|
||
id: 1,
|
||
tag1: 1,
|
||
origin: 1,
|
||
bucket: 1,
|
||
objectId: 1,
|
||
filename: 1,
|
||
extra1: 1,
|
||
type: 1,
|
||
entity: 1,
|
||
extension: 1,
|
||
},
|
||
filter: {
|
||
tag1: 'avatar',
|
||
},
|
||
indexFrom: 0,
|
||
count: 1,
|
||
},
|
||
mobile$user: {
|
||
$entity: 'mobile',
|
||
data: {
|
||
id: 1,
|
||
mobile: 1,
|
||
},
|
||
},
|
||
},
|
||
isList: true,
|
||
formData: async function({ data: users, features }) {
|
||
const pagination = this.getPagination();
|
||
const userArr = users.map((user) => {
|
||
const {
|
||
id,
|
||
nickname,
|
||
userState,
|
||
name,
|
||
mobile$user,
|
||
extraFile$entity,
|
||
} = user || {};
|
||
const mobile = mobile$user && mobile$user[0]?.mobile;
|
||
const avatar =
|
||
extraFile$entity &&
|
||
extraFile$entity[0] &&
|
||
composeFileUrl(extraFile$entity[0]);
|
||
return {
|
||
id,
|
||
nickname,
|
||
name,
|
||
mobile,
|
||
avatar,
|
||
userState,
|
||
};
|
||
});
|
||
return {
|
||
userArr,
|
||
pagination,
|
||
};
|
||
},
|
||
properties: {
|
||
event: String,
|
||
},
|
||
data: {
|
||
stateColor: {
|
||
shadow: 'primary',
|
||
normal: 'success',
|
||
disabled: 'danger',
|
||
},
|
||
},
|
||
methods: {
|
||
async bindClicked(input: any) {
|
||
// resolveInput拿的是target，原来代码拿的是currentTarget
|
||
const { dataset, event } = this.resolveInput(input);
|
||
const { id } = dataset!;
|
||
this.onCellClicked(id, event);
|
||
},
|
||
async onCellClicked(id: any, event: any) {
|
||
if (event) {
|
||
this.pub(
|
||
event,
|
||
this.state.userArr.find((ele) => ele.id === id)
|
||
);
|
||
// this.navigateBack();
|
||
} else {
|
||
this.navigateTo({
|
||
url: '/user/manage/detail',
|
||
oakId: id,
|
||
});
|
||
}
|
||
},
|
||
goNewUser() {
|
||
this.navigateTo({
|
||
url: '/user/manage/upsert',
|
||
});
|
||
},
|
||
},
|
||
lifetimes: {
|
||
detached() {
|
||
this.unsubAll(this.props.event);
|
||
},
|
||
},
|
||
}); |