108 lines
2.1 KiB
TypeScript
108 lines
2.1 KiB
TypeScript
// pages/main/travel/travel.ts
|
|
|
|
import config from "../../../config/index";
|
|
|
|
export type Luggage = {
|
|
gao: LuggageItem[];
|
|
yu: LuggageItem[];
|
|
}
|
|
|
|
export type LuggageItem = {
|
|
name: string;
|
|
isTaken: boolean;
|
|
}
|
|
|
|
type Guide = {
|
|
title: string;
|
|
images: string[];
|
|
}
|
|
|
|
interface ITravelData {
|
|
luggage?: Luggage;
|
|
guides: Guide[];
|
|
guidesDB: Guide[];
|
|
activeCollapse?: number;
|
|
}
|
|
|
|
Page({
|
|
data: <ITravelData>{
|
|
luggage: undefined,
|
|
guides: [],
|
|
guidesDB: [],
|
|
activeCollapse: undefined
|
|
},
|
|
onLoad() {
|
|
wx.request({
|
|
url: `${config.url}/journal/travel`,
|
|
method: "GET",
|
|
header: {
|
|
Key: wx.getStorageSync("key")
|
|
},
|
|
success: async (resp: any) => {
|
|
this.setData({
|
|
luggage: resp.data.data.luggage,
|
|
guides: resp.data.data.guides.map((item: any) => {
|
|
return {
|
|
title: item.title,
|
|
images: [] // 留空分批加载
|
|
}
|
|
}),
|
|
guidesDB: resp.data.data.guides
|
|
})
|
|
}
|
|
});
|
|
},
|
|
onShow() {
|
|
wx.request({
|
|
url: `${config.url}/journal/travel`,
|
|
method: "GET",
|
|
header: {
|
|
Key: wx.getStorageSync("key")
|
|
},
|
|
success: async (resp: any) => {
|
|
this.setData({
|
|
luggage: resp.data.data.luggage
|
|
});
|
|
}
|
|
});
|
|
},
|
|
toLuggageList(e: WechatMiniprogram.BaseEvent) {
|
|
const name = e.target.dataset.name;
|
|
wx.setStorageSync("luggage", {
|
|
name,
|
|
luggage: this.data.luggage
|
|
});
|
|
wx.navigateTo({
|
|
"url": "/pages/main/travel/luggage/index"
|
|
})
|
|
},
|
|
onCollapseChange(e: any) {
|
|
const index = e.detail.value;
|
|
if (this.data.guides[index].images.length === 0) {
|
|
this.data.guides[index].images = this.data.guidesDB[index].images.map((item: any) => {
|
|
return `${config.url}/attachment/read/${item}`;
|
|
});
|
|
this.setData({
|
|
guides: this.data.guides
|
|
})
|
|
}
|
|
this.setData({
|
|
activeCollapse: index
|
|
})
|
|
},
|
|
preview(e: WechatMiniprogram.BaseEvent) {
|
|
const index = e.target.dataset.index;
|
|
const imageIndex = e.target.dataset.imageIndex;
|
|
const images = this.data.guides[index].images;
|
|
wx.previewMedia({
|
|
current: imageIndex,
|
|
sources: images.map((image: any) => {
|
|
return {
|
|
url: image,
|
|
type: "image"
|
|
}
|
|
})
|
|
})
|
|
},
|
|
});
|