Compare commits
4 Commits
f0f2815971
...
9f7df3cfed
| Author | SHA1 | Date | |
|---|---|---|---|
| 9f7df3cfed | |||
| 62186abdb8 | |||
| 369cfe2bf2 | |||
| 423775c255 |
89
miniprogram/api/JournalApi.ts
Normal file
89
miniprogram/api/JournalApi.ts
Normal file
@ -0,0 +1,89 @@
|
|||||||
|
import { Network } from "../utils/Network";
|
||||||
|
import { Journal, JournalPage } from "../types/Journal";
|
||||||
|
import { QueryPageResult } from "../types/Model";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Journal 日记 API
|
||||||
|
*
|
||||||
|
* 按业务模块封装网络请求,使代码更清晰、可维护
|
||||||
|
*/
|
||||||
|
export class JournalApi {
|
||||||
|
/**
|
||||||
|
* 获取日记详情
|
||||||
|
*
|
||||||
|
* @param id - 日记 ID
|
||||||
|
*/
|
||||||
|
static getDetail(id: number | string): Promise<Journal> {
|
||||||
|
return Network.post<Journal>(`/journal/${id}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 日记分页列表
|
||||||
|
*
|
||||||
|
* @param pageParams - 分页参数
|
||||||
|
*/
|
||||||
|
static getList(pageParams: JournalPage): Promise<QueryPageResult<Journal>> {
|
||||||
|
return Network.post<QueryPageResult<Journal>>("/journal/list", pageParams);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 创建日记
|
||||||
|
*
|
||||||
|
* @param data - 日记数据
|
||||||
|
*/
|
||||||
|
static create(data: Partial<Journal> & {
|
||||||
|
pusher?: string;
|
||||||
|
tempFileIds?: string[];
|
||||||
|
}): Promise<Journal> {
|
||||||
|
return Network.post<Journal>("/journal/create", data, {
|
||||||
|
showLoading: true,
|
||||||
|
loadingText: "正在保存.."
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 更新日记
|
||||||
|
*
|
||||||
|
* @param data - 日记数据(必须包含 id)
|
||||||
|
*/
|
||||||
|
static update(data: Partial<Journal> & {
|
||||||
|
id: number;
|
||||||
|
attachmentIds?: number[];
|
||||||
|
tempFileIds?: string[];
|
||||||
|
}): Promise<Journal> {
|
||||||
|
return Network.post<Journal>("/journal/update", data, {
|
||||||
|
showLoading: true,
|
||||||
|
loadingText: "正在保存.."
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 删除日记
|
||||||
|
*
|
||||||
|
* @param id - 日记 ID
|
||||||
|
*/
|
||||||
|
static delete(id: number): Promise<void> {
|
||||||
|
return Network.post<void>("/journal/delete", { id }, {
|
||||||
|
showLoading: true,
|
||||||
|
loadingText: "删除中..."
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取 openId(用于推送)
|
||||||
|
*
|
||||||
|
* @param code - 微信登录 code
|
||||||
|
*/
|
||||||
|
static getOpenId(code: string): Promise<string> {
|
||||||
|
return Network.post<string>("/journal/openid", { code });
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 根据 ID 列表获取日记
|
||||||
|
*
|
||||||
|
* @param ids - 日记 ID 列表
|
||||||
|
*/
|
||||||
|
static getListByIds(ids: number[]): Promise<Journal[]> {
|
||||||
|
return Network.post<Journal[]>("/journal/list/ids", ids);
|
||||||
|
}
|
||||||
|
}
|
||||||
69
miniprogram/api/MomentApi.ts
Normal file
69
miniprogram/api/MomentApi.ts
Normal file
@ -0,0 +1,69 @@
|
|||||||
|
import { Network } from "../utils/Network";
|
||||||
|
import { Attachment } from "../types/Attachment";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Moment 瞬间 API
|
||||||
|
*
|
||||||
|
* 管理临时照片/视频上传、归档到日记等操作
|
||||||
|
*/
|
||||||
|
export class MomentApi {
|
||||||
|
/**
|
||||||
|
* 获取 moment 列表
|
||||||
|
*/
|
||||||
|
static getList(): Promise<Attachment[]> {
|
||||||
|
return Network.post<Attachment[]>("/journal/moment/list");
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* MD5 查重过滤
|
||||||
|
*
|
||||||
|
* @param md5s - MD5 值数组
|
||||||
|
* @returns 未重复的 MD5 数组
|
||||||
|
*/
|
||||||
|
static filterByMD5(md5s: string[]): Promise<string[]> {
|
||||||
|
return Network.post<string[]>("/journal/moment/filter", md5s);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 创建 moment 附件
|
||||||
|
*
|
||||||
|
* @param tempFileIds - 临时文件 ID 数组
|
||||||
|
* @returns 创建的附件列表
|
||||||
|
*/
|
||||||
|
static create(tempFileIds: string[]): Promise<Attachment[]> {
|
||||||
|
return Network.post<Attachment[]>("/journal/moment/create", tempFileIds, {
|
||||||
|
showLoading: true,
|
||||||
|
loadingText: "正在保存.."
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 归档 moments 到日记
|
||||||
|
*
|
||||||
|
* @param data - 归档数据
|
||||||
|
*/
|
||||||
|
static archive(data: {
|
||||||
|
id?: number;
|
||||||
|
type: string;
|
||||||
|
idea: string;
|
||||||
|
lat?: number;
|
||||||
|
lng?: number;
|
||||||
|
location?: string;
|
||||||
|
pusher: string;
|
||||||
|
thumbIds: number[];
|
||||||
|
}): Promise<void> {
|
||||||
|
return Network.post<void>("/journal/moment/archive", data, {
|
||||||
|
showLoading: true,
|
||||||
|
loadingText: "正在归档.."
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 删除 moments
|
||||||
|
*
|
||||||
|
* @param ids - 附件 ID 数组
|
||||||
|
*/
|
||||||
|
static delete(ids: number[]): Promise<void> {
|
||||||
|
return Network.post<void>("/journal/moment/delete", ids);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -3,22 +3,22 @@ import { Travel } from "../types/Travel";
|
|||||||
import { QueryPage, QueryPageResult } from "../types/Model";
|
import { QueryPage, QueryPageResult } from "../types/Model";
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Travel 旅行计划 API
|
* Travel 出行计划 API
|
||||||
*
|
*
|
||||||
* 按业务模块封装网络请求,使代码更清晰、可维护
|
* 按业务模块封装网络请求,使代码更清晰、可维护
|
||||||
*/
|
*/
|
||||||
export class TravelApi {
|
export class TravelApi {
|
||||||
/**
|
/**
|
||||||
* 获取旅行详情
|
* 获取出行详情
|
||||||
*
|
*
|
||||||
* @param id - 旅行 ID
|
* @param id - 出行 ID
|
||||||
*/
|
*/
|
||||||
static getDetail(id: number | string): Promise<Travel> {
|
static getDetail(id: number | string): Promise<Travel> {
|
||||||
return Network.get<Travel>(`/journal/travel/${id}`);
|
return Network.get<Travel>(`/journal/travel/${id}`);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 旅行分页列表
|
* 出行分页列表
|
||||||
*
|
*
|
||||||
* @param pageParams - 分页参数
|
* @param pageParams - 分页参数
|
||||||
*/
|
*/
|
||||||
@ -27,9 +27,9 @@ export class TravelApi {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 创建旅行
|
* 创建出行
|
||||||
*
|
*
|
||||||
* @param data - 旅行数据
|
* @param data - 出行数据
|
||||||
*/
|
*/
|
||||||
static create(data: Partial<Travel>): Promise<Travel> {
|
static create(data: Partial<Travel>): Promise<Travel> {
|
||||||
return Network.post<Travel>("/journal/travel/create", data, {
|
return Network.post<Travel>("/journal/travel/create", data, {
|
||||||
@ -39,9 +39,9 @@ export class TravelApi {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 更新旅行
|
* 更新出行
|
||||||
*
|
*
|
||||||
* @param data - 旅行数据(必须包含 id)
|
* @param data - 出行数据(必须包含 id)
|
||||||
*/
|
*/
|
||||||
static update(data: Partial<Travel> & { id: number }): Promise<Travel> {
|
static update(data: Partial<Travel> & { id: number }): Promise<Travel> {
|
||||||
return Network.post<Travel>("/journal/travel/update", data, {
|
return Network.post<Travel>("/journal/travel/update", data, {
|
||||||
@ -51,9 +51,9 @@ export class TravelApi {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 删除旅行
|
* 删除出行
|
||||||
*
|
*
|
||||||
* @param id - 旅行 ID
|
* @param id - 出行 ID
|
||||||
*/
|
*/
|
||||||
static delete(id: number): Promise<void> {
|
static delete(id: number): Promise<void> {
|
||||||
return Network.post<void>("/journal/travel/delete", { id });
|
return Network.post<void>("/journal/travel/delete", { id });
|
||||||
|
|||||||
@ -3,13 +3,13 @@ import { TravelLocation } from "../types/Travel";
|
|||||||
import { QueryPage, QueryPageResult } from "../types/Model";
|
import { QueryPage, QueryPageResult } from "../types/Model";
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* TravelLocation 旅行地点 API
|
* TravelLocation 出行地点 API
|
||||||
*
|
*
|
||||||
* 按业务模块封装网络请求,使代码更清晰、可维护
|
* 按业务模块封装网络请求,使代码更清晰、可维护
|
||||||
*/
|
*/
|
||||||
export class TravelLocationApi {
|
export class TravelLocationApi {
|
||||||
/**
|
/**
|
||||||
* 获取旅行地点详情
|
* 获取出行地点详情
|
||||||
*
|
*
|
||||||
* @param id - 地点 ID
|
* @param id - 地点 ID
|
||||||
*/
|
*/
|
||||||
@ -18,7 +18,7 @@ export class TravelLocationApi {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 获取旅行地点分页列表
|
* 获取出行地点分页列表
|
||||||
*
|
*
|
||||||
* @param pageParams - 分页参数(通常包含 travelId 筛选)
|
* @param pageParams - 分页参数(通常包含 travelId 筛选)
|
||||||
*/
|
*/
|
||||||
@ -27,7 +27,7 @@ export class TravelLocationApi {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 创建旅行地点
|
* 创建出行地点
|
||||||
*
|
*
|
||||||
* @param data - 地点数据
|
* @param data - 地点数据
|
||||||
*/
|
*/
|
||||||
@ -39,7 +39,7 @@ export class TravelLocationApi {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 更新旅行地点
|
* 更新出行地点
|
||||||
*
|
*
|
||||||
* @param data - 地点数据(必须包含 id)
|
* @param data - 地点数据(必须包含 id)
|
||||||
*/
|
*/
|
||||||
@ -51,7 +51,7 @@ export class TravelLocationApi {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 删除旅行地点
|
* 删除出行地点
|
||||||
*
|
*
|
||||||
* @param id - 地点 ID
|
* @param id - 地点 ID
|
||||||
*/
|
*/
|
||||||
@ -60,7 +60,7 @@ export class TravelLocationApi {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 批量获取旅行地点
|
* 批量获取出行地点
|
||||||
*
|
*
|
||||||
* @param ids - 地点 ID 数组
|
* @param ids - 地点 ID 数组
|
||||||
*/
|
*/
|
||||||
|
|||||||
@ -49,7 +49,7 @@
|
|||||||
"selectedIconPath": "@tabBarIconMomentActive"
|
"selectedIconPath": "@tabBarIconMomentActive"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"text": "旅行",
|
"text": "出行",
|
||||||
"pagePath": "pages/main/travel/index",
|
"pagePath": "pages/main/travel/index",
|
||||||
"iconPath": "@tabBarIconTravel",
|
"iconPath": "@tabBarIconTravel",
|
||||||
"selectedIconPath": "@tabBarIconTravelActive"
|
"selectedIconPath": "@tabBarIconTravelActive"
|
||||||
|
|||||||
@ -1,4 +1,6 @@
|
|||||||
{
|
{
|
||||||
"component": true,
|
"component": true,
|
||||||
"usingComponents": {}
|
"usingComponents": {
|
||||||
|
"t-icon": "tdesign-miniprogram/icon/icon"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -23,31 +23,9 @@ page {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.snowflake {
|
.snowflake {
|
||||||
width: 10px;
|
color: var(--theme-brand-gao);
|
||||||
height: 10px;
|
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
animation: snowflakeFall linear infinite;
|
animation: snowflakeFall linear infinite;
|
||||||
|
|
||||||
&::before,
|
|
||||||
&::after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
background: var(--theme-brand-gao);
|
|
||||||
opacity: .8;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
top: 45%;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 10%;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
left: 45%;
|
|
||||||
width: 10%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -20,7 +20,7 @@ Component({
|
|||||||
createSnowflake() {
|
createSnowflake() {
|
||||||
const snowflake = {
|
const snowflake = {
|
||||||
x: Toolkit.random(0, this.data.docWidth),
|
x: Toolkit.random(0, this.data.docWidth),
|
||||||
s: Toolkit.random(6, 20),
|
s: Toolkit.random(16, 64),
|
||||||
speed: Toolkit.random(14, 26)
|
speed: Toolkit.random(14, 26)
|
||||||
};
|
};
|
||||||
this.setData({
|
this.setData({
|
||||||
|
|||||||
@ -1,9 +1,10 @@
|
|||||||
<!--components/background/snow/index.wxml-->
|
<!--components/background/snow/index.wxml-->
|
||||||
<view class="snowflakes" style="width: {{docWidth}}px; height: {{docHeight}}px;">
|
<view class="snowflakes" style="width: {{docWidth}}px; height: {{docHeight}}px;">
|
||||||
<view
|
<t-icon
|
||||||
class="snowflake"
|
class="snowflake"
|
||||||
wx:for="{{snowflakes}}"
|
wx:for="{{snowflakes}}"
|
||||||
wx:key="index"
|
wx:key="index"
|
||||||
style="left: {{item.x}}px; width: {{item.s}}px; height: {{item.s}}px; animation-duration: {{item.speed}}s;"
|
style="left: {{item.x}}px; font-size: {{item.s}}rpx; animation-duration: {{item.speed}}s;"
|
||||||
></view>
|
name="snowflake"
|
||||||
|
/>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@ -57,7 +57,7 @@
|
|||||||
padding: 4rpx 12rpx;
|
padding: 4rpx 12rpx;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background: var(--theme-bg-journal);
|
background: var(--theme-bg-card);
|
||||||
border-radius: 12rpx;
|
border-radius: 12rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -5,6 +5,7 @@ import Toolkit from "../../utils/Toolkit";
|
|||||||
import { ImageMetadata, MediaAttachExt, MediaAttachType } from "../../types/Attachment";
|
import { ImageMetadata, MediaAttachExt, MediaAttachType } from "../../types/Attachment";
|
||||||
import { MediaItem, MediaItemType } from "../../types/UI";
|
import { MediaItem, MediaItemType } from "../../types/UI";
|
||||||
import Time from "../../utils/Time";
|
import Time from "../../utils/Time";
|
||||||
|
import { JournalApi } from "../../api/JournalApi";
|
||||||
|
|
||||||
interface JournalDetailPanelData {
|
interface JournalDetailPanelData {
|
||||||
journals: Journal[];
|
journals: Journal[];
|
||||||
@ -35,24 +36,7 @@ Component({
|
|||||||
if (visible && ids && 0 < ids.length) {
|
if (visible && ids && 0 < ids.length) {
|
||||||
wx.showLoading({ title: "加载中...", mask: true });
|
wx.showLoading({ title: "加载中...", mask: true });
|
||||||
try {
|
try {
|
||||||
const journals: Journal[] = await new Promise((resolve, reject) => {
|
const journals = await JournalApi.getListByIds(ids);
|
||||||
wx.request({
|
|
||||||
url: `${config.url}/journal/list/ids`,
|
|
||||||
method: "POST",
|
|
||||||
header: {
|
|
||||||
Key: wx.getStorageSync("key")
|
|
||||||
},
|
|
||||||
data: ids,
|
|
||||||
success: (resp: any) => {
|
|
||||||
if (resp.data.code === 20000) {
|
|
||||||
resolve(resp.data.data);
|
|
||||||
} else {
|
|
||||||
reject(new Error(resp.data.message || "加载失败"));
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fail: reject
|
|
||||||
});
|
|
||||||
}) || [];
|
|
||||||
journals.forEach(journal => {
|
journals.forEach(journal => {
|
||||||
journal.date = Time.toPassedDate(journal.createdAt);
|
journal.date = Time.toPassedDate(journal.createdAt);
|
||||||
journal.time = Time.toTime(journal.createdAt);
|
journal.time = Time.toTime(journal.createdAt);
|
||||||
|
|||||||
@ -4,6 +4,7 @@ import { JournalPage, JournalPageType } from "../../types/Journal";
|
|||||||
import { OrderType } from "../../types/Model";
|
import { OrderType } from "../../types/Model";
|
||||||
import Time from "../../utils/Time";
|
import Time from "../../utils/Time";
|
||||||
import Toolkit from "../../utils/Toolkit";
|
import Toolkit from "../../utils/Toolkit";
|
||||||
|
import { JournalApi } from "../../api/JournalApi";
|
||||||
|
|
||||||
export type JournalListItem = {
|
export type JournalListItem = {
|
||||||
id: number;
|
id: number;
|
||||||
@ -19,14 +20,10 @@ interface JournalListData {
|
|||||||
isFinished: boolean;
|
isFinished: boolean;
|
||||||
page: JournalPage;
|
page: JournalPage;
|
||||||
searchValue: string;
|
searchValue: string;
|
||||||
|
debouncedSearch?: any;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 组件实例类型扩展
|
Component({
|
||||||
interface ComponentInstance {
|
|
||||||
debouncedSearch?: ((keyword: string) => void) & { cancel(): void };
|
|
||||||
}
|
|
||||||
|
|
||||||
Component<JournalListData, {}, {}, ComponentInstance>({
|
|
||||||
options: {
|
options: {
|
||||||
styleIsolation: 'apply-shared'
|
styleIsolation: 'apply-shared'
|
||||||
},
|
},
|
||||||
@ -64,25 +61,28 @@ Component<JournalListData, {}, {}, ComponentInstance>({
|
|||||||
createdAt: OrderType.DESC
|
createdAt: OrderType.DESC
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
searchValue: ""
|
searchValue: "",
|
||||||
|
debouncedSearch: undefined
|
||||||
},
|
},
|
||||||
lifetimes: {
|
lifetimes: {
|
||||||
ready() {
|
ready() {
|
||||||
// 创建防抖搜索函数
|
// 创建防抖搜索函数
|
||||||
this.debouncedSearch = Toolkit.debounce(
|
this.setData({
|
||||||
(keyword: string) => {
|
debouncedSearch: Toolkit.debounce(
|
||||||
this.resetAndSearch(keyword);
|
(keyword: string) => {
|
||||||
},
|
this.resetAndSearch(keyword);
|
||||||
false, // 不立即执行,等待输入停止
|
},
|
||||||
400 // 400ms 延迟
|
false, // 不立即执行,等待输入停止
|
||||||
);
|
400 // 400ms 延迟
|
||||||
|
)
|
||||||
|
})
|
||||||
// 组件加载时就获取数据
|
// 组件加载时就获取数据
|
||||||
this.fetch();
|
this.fetch();
|
||||||
},
|
},
|
||||||
detached() {
|
detached() {
|
||||||
// 组件销毁时取消防抖
|
// 组件销毁时取消防抖
|
||||||
if (this.debouncedSearch) {
|
if (this.data.debouncedSearch) {
|
||||||
this.debouncedSearch.cancel();
|
this.data.debouncedSearch.cancel();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -125,77 +125,74 @@ Component<JournalListData, {}, {}, ComponentInstance>({
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
/** 获取数据 */
|
/** 获取数据 */
|
||||||
fetch() {
|
async fetch() {
|
||||||
if (this.data.isFetching || this.data.isFinished) {
|
if (this.data.isFetching || this.data.isFinished) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
this.setData({ isFetching: true });
|
this.setData({ isFetching: true });
|
||||||
wx.request({
|
try {
|
||||||
url: `${config.url}/journal/list`,
|
const pageResult = await JournalApi.getList(this.data.page);
|
||||||
method: "POST",
|
const list = pageResult.list;
|
||||||
header: {
|
if (!list || list.length === 0) {
|
||||||
Key: wx.getStorageSync("key")
|
|
||||||
},
|
|
||||||
data: this.data.page,
|
|
||||||
success: (resp: any) => {
|
|
||||||
const list = resp.data.data.list;
|
|
||||||
if (!list || list.length === 0) {
|
|
||||||
this.setData({ isFinished: true });
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const result = list.map((journal: any) => {
|
|
||||||
const firstThumb = journal.items.find((item: any) => item.attachType === "THUMB");
|
|
||||||
return {
|
|
||||||
id: journal.id,
|
|
||||||
date: Time.toPassedDate(journal.createdAt),
|
|
||||||
idea: journal.idea,
|
|
||||||
location: journal.location,
|
|
||||||
thumbUrl: firstThumb ? `${config.url}/attachment/read/${firstThumb.mongoId}` : undefined
|
|
||||||
} as JournalListItem;
|
|
||||||
});
|
|
||||||
this.setData({
|
this.setData({
|
||||||
page: {
|
isFinished: true,
|
||||||
...this.data.page,
|
isFetching: false
|
||||||
index: this.data.page.index + 1,
|
|
||||||
type: JournalPageType.PREVIEW,
|
|
||||||
equalsExample: this.data.page.equalsExample,
|
|
||||||
likeExample: this.data.page.likeExample,
|
|
||||||
orderMap: {
|
|
||||||
createdAt: OrderType.DESC
|
|
||||||
}
|
|
||||||
},
|
|
||||||
list: this.data.list.concat(result),
|
|
||||||
isFinished: list.length < this.data.page.size
|
|
||||||
});
|
});
|
||||||
},
|
return;
|
||||||
complete: () => {
|
|
||||||
this.setData({ isFetching: false });
|
|
||||||
}
|
}
|
||||||
});
|
const result = list.map((journal: any) => {
|
||||||
|
const firstThumb = journal.items.find((item: any) => item.attachType === "THUMB");
|
||||||
|
return {
|
||||||
|
id: journal.id,
|
||||||
|
date: Time.toPassedDate(journal.createdAt),
|
||||||
|
idea: journal.idea,
|
||||||
|
location: journal.location,
|
||||||
|
thumbUrl: firstThumb ? `${config.url}/attachment/read/${firstThumb.mongoId}` : undefined
|
||||||
|
} as JournalListItem;
|
||||||
|
});
|
||||||
|
this.setData({
|
||||||
|
page: {
|
||||||
|
...this.data.page,
|
||||||
|
index: this.data.page.index + 1,
|
||||||
|
type: JournalPageType.PREVIEW,
|
||||||
|
equalsExample: this.data.page.equalsExample,
|
||||||
|
likeExample: this.data.page.likeExample,
|
||||||
|
orderMap: {
|
||||||
|
createdAt: OrderType.DESC
|
||||||
|
}
|
||||||
|
},
|
||||||
|
list: this.data.list.concat(result),
|
||||||
|
isFinished: list.length < this.data.page.size,
|
||||||
|
isFetching: false
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.error("加载日记列表失败:", error);
|
||||||
|
this.setData({ isFetching: false });
|
||||||
|
}
|
||||||
},
|
},
|
||||||
/** 输入搜索 */
|
/** 输入搜索 */
|
||||||
onSearchChange(e: WechatMiniprogram.CustomEvent) {
|
onSearchChange(e: WechatMiniprogram.CustomEvent) {
|
||||||
const value = e.detail.value.trim();
|
const value = e.detail.value.trim();
|
||||||
this.setData({ searchValue: value });
|
this.setData({ searchValue: value });
|
||||||
// 使用防抖自动搜索(包括清空的情况)
|
// 使用防抖自动搜索(包括清空的情况)
|
||||||
if (this.debouncedSearch) {
|
if (this.data.debouncedSearch) {
|
||||||
this.debouncedSearch(value);
|
this.data.debouncedSearch(value);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
/** 提交搜索 */
|
/** 提交搜索 */
|
||||||
onSearchSubmit(e: WechatMiniprogram.CustomEvent) {
|
onSearchSubmit(e: WechatMiniprogram.CustomEvent) {
|
||||||
const value = e.detail.value.trim();
|
const value = e.detail.value.trim();
|
||||||
// 立即搜索,取消防抖
|
// 立即搜索,取消防抖
|
||||||
if (this.debouncedSearch) {
|
if (this.data.debouncedSearch) {
|
||||||
this.debouncedSearch.cancel();
|
this.data.debouncedSearch.cancel();
|
||||||
}
|
}
|
||||||
this.resetAndSearch(value);
|
this.resetAndSearch(value);
|
||||||
},
|
},
|
||||||
/** 清空搜索 */
|
/** 清空搜索 */
|
||||||
onSearchClear() {
|
onSearchClear() {
|
||||||
// 取消防抖,立即搜索
|
// 取消防抖,立即搜索
|
||||||
if (this.debouncedSearch) {
|
if (this.data.debouncedSearch) {
|
||||||
this.debouncedSearch.cancel();
|
this.data.debouncedSearch.cancel();
|
||||||
}
|
}
|
||||||
this.resetAndSearch("");
|
this.resetAndSearch("");
|
||||||
},
|
},
|
||||||
|
|||||||
@ -81,7 +81,7 @@
|
|||||||
padding: 4rpx 12rpx;
|
padding: 4rpx 12rpx;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background: var(--theme-bg-journal);
|
background: var(--theme-bg-card);
|
||||||
border-radius: 12rpx;
|
border-radius: 12rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
// components/travel-location-popup/index.ts
|
// components/travel-location-popup/index.ts
|
||||||
import { TravelLocation, TravelLocationTypeLabel, TravelLocationTypeIcon } from "../../types/Travel";
|
import { TravelLocation, TravelLocationTypeLabel, TravelLocationTypeIcon } from "../../types/Travel";
|
||||||
import { TravelLocationApi } from "../../api/TravelLocationApi";
|
import { TravelLocationApi } from "../../api/TravelLocationApi";
|
||||||
import { MediaAttachExt, MediaAttachType } from "../../types/Attachment";
|
import { ImageMetadata, MediaAttachType } from "../../types/Attachment";
|
||||||
import { MediaItem, MediaItemType } from "../../types/UI";
|
import { MediaItem, MediaItemType } from "../../types/UI";
|
||||||
import config from "../../config/index";
|
import config from "../../config/index";
|
||||||
import Toolkit from "../../utils/Toolkit";
|
import Toolkit from "../../utils/Toolkit";
|
||||||
@ -39,11 +39,11 @@ Component({
|
|||||||
|
|
||||||
// 处理附件数据
|
// 处理附件数据
|
||||||
const attachments = location.items || [];
|
const attachments = location.items || [];
|
||||||
const thumbItems = attachments.filter((item: any) => item.attachType === MediaAttachType.THUMB);
|
const thumbItems = attachments.filter(item => item.attachType === MediaAttachType.THUMB);
|
||||||
|
|
||||||
if (0 < thumbItems.length) {
|
if (0 < thumbItems.length) {
|
||||||
const mediaItems: MediaItem[] = thumbItems.map((thumbItem: any, index: number) => {
|
const mediaItems: MediaItem[] = thumbItems.map((thumbItem, index) => {
|
||||||
const metadata = thumbItem.metadata;
|
const metadata = thumbItem.metadata as ImageMetadata;
|
||||||
const ext = typeof thumbItem.ext === "string" ? JSON.parse(thumbItem.ext) : thumbItem.ext;
|
const ext = typeof thumbItem.ext === "string" ? JSON.parse(thumbItem.ext) : thumbItem.ext;
|
||||||
const thumbURL = `${config.url}/attachment/read/${thumbItem.mongoId}`;
|
const thumbURL = `${config.url}/attachment/read/${thumbItem.mongoId}`;
|
||||||
const sourceURL = `${config.url}/attachment/read/${ext.sourceMongoId}`;
|
const sourceURL = `${config.url}/attachment/read/${ext.sourceMongoId}`;
|
||||||
|
|||||||
@ -43,9 +43,6 @@
|
|||||||
<t-tag wx:if="{{item.importance}}" theme="success" variant="outline">
|
<t-tag wx:if="{{item.importance}}" theme="success" variant="outline">
|
||||||
重要性 {{item.importance}}
|
重要性 {{item.importance}}
|
||||||
</t-tag>
|
</t-tag>
|
||||||
<t-tag wx:if="{{item.travelCount > 0}}" theme="default" variant="outline">
|
|
||||||
已出行 {{item.travelCount}} 次
|
|
||||||
</t-tag>
|
|
||||||
<t-tag wx:if="{{item.requireIdCard}}" theme="danger" variant="outline">
|
<t-tag wx:if="{{item.requireIdCard}}" theme="danger" variant="outline">
|
||||||
需要身份证
|
需要身份证
|
||||||
</t-tag>
|
</t-tag>
|
||||||
|
|||||||
@ -1,6 +1,11 @@
|
|||||||
const envArgs = {
|
const envArgs = {
|
||||||
develop: {
|
develop: {
|
||||||
url: "http://192.168.3.137:8091"
|
// url: "https://api.imyeyu.dev"
|
||||||
|
// url: "https://api.imyeyu.com"
|
||||||
|
// url: "http://192.168.3.123:8091"
|
||||||
|
// url: "http://192.168.3.137:8091"
|
||||||
|
// url: "http://192.168.3.173:8091"
|
||||||
|
url: "http://192.168.3.174:8091"
|
||||||
},
|
},
|
||||||
trial: {
|
trial: {
|
||||||
url: "https://api.imyeyu.com"
|
url: "https://api.imyeyu.com"
|
||||||
|
|||||||
@ -2,6 +2,7 @@
|
|||||||
|
|
||||||
import config from "../../config/index"
|
import config from "../../config/index"
|
||||||
import { JournalPage, JournalPageType } from "../../types/Journal";
|
import { JournalPage, JournalPageType } from "../../types/Journal";
|
||||||
|
import { JournalApi } from "../../api/JournalApi";
|
||||||
|
|
||||||
interface IndexData {
|
interface IndexData {
|
||||||
key: string;
|
key: string;
|
||||||
@ -19,32 +20,23 @@ Page({
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
navigateToMain() {
|
async navigateToMain() {
|
||||||
wx.request({
|
try {
|
||||||
url: `${config.url}/journal/list`,
|
await JournalApi.getList({
|
||||||
method: "POST",
|
|
||||||
header: {
|
|
||||||
Key: this.data.key
|
|
||||||
},
|
|
||||||
data: <JournalPage> {
|
|
||||||
index: 0,
|
index: 0,
|
||||||
size: 1,
|
size: 1,
|
||||||
type: JournalPageType.PREVIEW
|
type: JournalPageType.PREVIEW
|
||||||
},
|
});
|
||||||
success: (resp) => {
|
wx.setStorageSync("key", this.data.key);
|
||||||
const data = resp.data as any;
|
wx.switchTab({
|
||||||
if (data.code === 20000) {
|
url: "/pages/main/journal/index",
|
||||||
wx.setStorageSync("key", this.data.key);
|
})
|
||||||
wx.switchTab({
|
} catch (error: any) {
|
||||||
url: "/pages/main/journal/index",
|
if (error?.code === 40100) {
|
||||||
})
|
wx.showToast({ title: "密码错误", icon: "error" });
|
||||||
} else if (data.code === 40100) {
|
} else {
|
||||||
wx.showToast({ title: "密码错误", icon: "error" });
|
wx.showToast({ title: "验证失败", icon: "error" });
|
||||||
} else {
|
}
|
||||||
wx.showToast({ title: "服务异常", icon: "error" });
|
}
|
||||||
}
|
|
||||||
},
|
|
||||||
fail: () => wx.showToast({ title: "验证失败", icon: "error" })
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
/* pages/info/info.less */
|
/* pages/info/info.less */
|
||||||
page {
|
page {
|
||||||
display: flex;
|
display: flex;
|
||||||
background: var(--theme-bg-wx);
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -26,7 +26,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="item">
|
<view class="item">
|
||||||
<text class="label">版本:</text>
|
<text class="label">版本:</text>
|
||||||
<text>1.6.1</text>
|
<text>1.6.2</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="item copyright">
|
<view class="item copyright">
|
||||||
<text>{{copyright}}</text>
|
<text>{{copyright}}</text>
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
// pages/main/journal-date/index.ts
|
// pages/main/journal-date/index.ts
|
||||||
import config from "../../../config/index";
|
|
||||||
import { Journal, JournalPageType } from "../../../types/Journal";
|
import { Journal, JournalPageType } from "../../../types/Journal";
|
||||||
import Time from "../../../utils/Time";
|
import Time from "../../../utils/Time";
|
||||||
|
import { JournalApi } from "../../../api/JournalApi";
|
||||||
|
|
||||||
interface JournalDateData {
|
interface JournalDateData {
|
||||||
// 存储每个日期的日记 id 列表
|
// 存储每个日期的日记 id 列表
|
||||||
@ -27,28 +27,12 @@ Page({
|
|||||||
async loadJournals() {
|
async loadJournals() {
|
||||||
this.setData({ isLoading: true });
|
this.setData({ isLoading: true });
|
||||||
try {
|
try {
|
||||||
const list: Journal[] = await new Promise((resolve, reject) => {
|
const pageResult = await JournalApi.getList({
|
||||||
wx.request({
|
index: 0,
|
||||||
url: `${config.url}/journal/list`,
|
size: 9007199254740992,
|
||||||
method: "POST",
|
type: JournalPageType.PREVIEW
|
||||||
header: {
|
});
|
||||||
Key: wx.getStorageSync("key")
|
const list: Journal[] = pageResult.list || [];
|
||||||
},
|
|
||||||
data: {
|
|
||||||
page: 0,
|
|
||||||
size: 9007199254740992,
|
|
||||||
type: JournalPageType.PREVIEW
|
|
||||||
},
|
|
||||||
success: (resp: any) => {
|
|
||||||
if (resp.data.code === 20000) {
|
|
||||||
resolve(resp.data.data.list);
|
|
||||||
} else {
|
|
||||||
reject(new Error(resp.data.message || "加载失败"));
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fail: reject
|
|
||||||
});
|
|
||||||
}) || [];
|
|
||||||
// 按日期分组,只存储 id
|
// 按日期分组,只存储 id
|
||||||
const journalMap: Record<string, number[]> = {};
|
const journalMap: Record<string, number[]> = {};
|
||||||
list.forEach((journal: any) => {
|
list.forEach((journal: any) => {
|
||||||
|
|||||||
@ -26,6 +26,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
.radio {
|
.radio {
|
||||||
|
background: transparent;
|
||||||
margin-right: 1em;
|
margin-right: 1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -4,9 +4,10 @@ import Time from "../../../utils/Time";
|
|||||||
import Toolkit from "../../../utils/Toolkit";
|
import Toolkit from "../../../utils/Toolkit";
|
||||||
import config from "../../../config/index";
|
import config from "../../../config/index";
|
||||||
import { Location, MediaItem, MediaItemType, WechatMediaItem } from "../../../types/UI";
|
import { Location, MediaItem, MediaItemType, WechatMediaItem } from "../../../types/UI";
|
||||||
import { Journal, JournalType } from "../../../types/Journal";
|
import { JournalType } from "../../../types/Journal";
|
||||||
import { MediaAttachExt, MediaAttachType } from "../../../types/Attachment";
|
import { MediaAttachExt, MediaAttachType } from "../../../types/Attachment";
|
||||||
import IOSize, { Unit } from "../../../utils/IOSize";
|
import IOSize, { Unit } from "../../../utils/IOSize";
|
||||||
|
import { JournalApi } from "../../../api/JournalApi";
|
||||||
|
|
||||||
interface JournalEditorData {
|
interface JournalEditorData {
|
||||||
/** 模式:create 或 edit */
|
/** 模式:create 或 edit */
|
||||||
@ -77,7 +78,7 @@ Page({
|
|||||||
async onLoad(options: any) {
|
async onLoad(options: any) {
|
||||||
// 授权定位
|
// 授权定位
|
||||||
const setting = await wx.getSetting();
|
const setting = await wx.getSetting();
|
||||||
wx.setStorageSync("isAuthLocation", setting.authSetting["scope.userLocation"]);
|
wx.setStorageSync("isAuthLocation", setting.authSetting["scope.userLocation"] || false);
|
||||||
let isAuthLocation = JSON.parse(wx.getStorageSync("isAuthLocation"));
|
let isAuthLocation = JSON.parse(wx.getStorageSync("isAuthLocation"));
|
||||||
this.setData({ isAuthLocation });
|
this.setData({ isAuthLocation });
|
||||||
if (!isAuthLocation) {
|
if (!isAuthLocation) {
|
||||||
@ -148,25 +149,8 @@ Page({
|
|||||||
},
|
},
|
||||||
/** 加载日记详情(编辑模式) */
|
/** 加载日记详情(编辑模式) */
|
||||||
async loadJournalDetail(id: number) {
|
async loadJournalDetail(id: number) {
|
||||||
wx.showLoading({ title: "加载中...", mask: true });
|
|
||||||
try {
|
try {
|
||||||
const journal: Journal = await new Promise((resolve, reject) => {
|
const journal = await JournalApi.getDetail(id);
|
||||||
wx.request({
|
|
||||||
url: `${config.url}/journal/${id}`,
|
|
||||||
method: "POST",
|
|
||||||
header: {
|
|
||||||
Key: wx.getStorageSync("key")
|
|
||||||
},
|
|
||||||
success: (res: any) => {
|
|
||||||
if (res.data.code === 20000) {
|
|
||||||
resolve(res.data.data);
|
|
||||||
} else {
|
|
||||||
reject(new Error(res.data.message || "加载失败"));
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fail: reject
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
const items = journal.items || [];
|
const items = journal.items || [];
|
||||||
const thumbItems = items.filter((item) => item.attachType === MediaAttachType.THUMB);
|
const thumbItems = items.filter((item) => item.attachType === MediaAttachType.THUMB);
|
||||||
@ -293,7 +277,7 @@ Page({
|
|||||||
// 创建模式:只有 mediaList
|
// 创建模式:只有 mediaList
|
||||||
const sources = (this.data.mediaList as WechatMediaItem[]).map(item => ({
|
const sources = (this.data.mediaList as WechatMediaItem[]).map(item => ({
|
||||||
url: item.path,
|
url: item.path,
|
||||||
type: MediaItemType[item.type].toLowerCase()
|
type: item.type.toLowerCase()
|
||||||
}));
|
}));
|
||||||
|
|
||||||
const total = sources.length;
|
const total = sources.length;
|
||||||
@ -309,11 +293,11 @@ Page({
|
|||||||
// 编辑模式:mediaList + newMediaList
|
// 编辑模式:mediaList + newMediaList
|
||||||
const sources = (this.data.mediaList as MediaItem[]).map(item => ({
|
const sources = (this.data.mediaList as MediaItem[]).map(item => ({
|
||||||
url: item.sourceURL,
|
url: item.sourceURL,
|
||||||
type: MediaItemType[item.type].toLowerCase()
|
type: item.type
|
||||||
}));
|
}));
|
||||||
const newSources = this.data.newMediaList.map(item => ({
|
const newSources = this.data.newMediaList.map(item => ({
|
||||||
url: item.path,
|
url: item.path,
|
||||||
type: MediaItemType[item.type].toLowerCase()
|
type: item.type
|
||||||
}));
|
}));
|
||||||
const allSources = [...sources, ...newSources];
|
const allSources = [...sources, ...newSources];
|
||||||
const itemIndex = isNewMedia ? this.data.mediaList.length + index : index;
|
const itemIndex = isNewMedia ? this.data.mediaList.length + index : index;
|
||||||
@ -392,45 +376,21 @@ Page({
|
|||||||
this.executeDelete();
|
this.executeDelete();
|
||||||
},
|
},
|
||||||
/** 执行删除 */
|
/** 执行删除 */
|
||||||
executeDelete() {
|
async executeDelete() {
|
||||||
wx.showLoading({ title: "删除中...", mask: true });
|
try {
|
||||||
wx.request({
|
await JournalApi.delete(this.data.id!);
|
||||||
url: `${config.url}/journal/delete`,
|
Events.emit("JOURNAL_REFRESH");
|
||||||
method: "POST",
|
Events.emit("JOURNAL_LIST_REFRESH");
|
||||||
header: {
|
wx.showToast({
|
||||||
Key: wx.getStorageSync("key"),
|
title: "删除成功",
|
||||||
"Content-Type": "application/json"
|
icon: "success"
|
||||||
},
|
});
|
||||||
data: {
|
setTimeout(() => {
|
||||||
id: this.data.id
|
wx.navigateBack();
|
||||||
},
|
}, 1000);
|
||||||
success: (res: any) => {
|
} catch (error) {
|
||||||
wx.hideLoading();
|
console.error("删除日记失败:", error);
|
||||||
if (res.data.code === 20000 || res.statusCode === 200) {
|
}
|
||||||
Events.emit("JOURNAL_REFRESH");
|
|
||||||
Events.emit("JOURNAL_LIST_REFRESH");
|
|
||||||
wx.showToast({
|
|
||||||
title: "删除成功",
|
|
||||||
icon: "success"
|
|
||||||
});
|
|
||||||
setTimeout(() => {
|
|
||||||
wx.navigateBack();
|
|
||||||
}, 1000);
|
|
||||||
} else {
|
|
||||||
wx.showToast({
|
|
||||||
title: res.data.message || "删除失败",
|
|
||||||
icon: "error"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fail: () => {
|
|
||||||
wx.hideLoading();
|
|
||||||
wx.showToast({
|
|
||||||
title: "删除失败",
|
|
||||||
icon: "error"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
/** 提交/保存 */
|
/** 提交/保存 */
|
||||||
submit() {
|
submit() {
|
||||||
@ -441,10 +401,9 @@ Page({
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
/** 创建日记 */
|
/** 创建日记 */
|
||||||
createJournal() {
|
async createJournal() {
|
||||||
const handleFail = () => {
|
const handleFail = () => {
|
||||||
wx.showToast({ title: "上传失败", icon: "error" });
|
wx.showToast({ title: "上传失败", icon: "error" });
|
||||||
wx.hideLoading();
|
|
||||||
this.setData({
|
this.setData({
|
||||||
isSaving: false
|
isSaving: false
|
||||||
});
|
});
|
||||||
@ -452,83 +411,64 @@ Page({
|
|||||||
this.setData({
|
this.setData({
|
||||||
isSaving: true
|
isSaving: true
|
||||||
});
|
});
|
||||||
// 获取 openId
|
try {
|
||||||
const getOpenId = new Promise<string>((resolve, reject) => {
|
// 获取 openId
|
||||||
wx.login({
|
const getOpenId = new Promise<string>((resolve, reject) => {
|
||||||
success: (res) => {
|
wx.login({
|
||||||
if (res.code) {
|
success: async (res) => {
|
||||||
wx.request({
|
if (res.code) {
|
||||||
url: `${config.url}/journal/openid`,
|
try {
|
||||||
method: "POST",
|
const openId = await JournalApi.getOpenId(res.code);
|
||||||
header: {
|
resolve(openId);
|
||||||
Key: wx.getStorageSync("key")
|
} catch (error) {
|
||||||
},
|
reject(new Error("获取 openId 失败"));
|
||||||
data: {
|
}
|
||||||
code: res.code
|
} else {
|
||||||
},
|
reject(new Error("获取登录凭证失败"));
|
||||||
success: (resp) => {
|
}
|
||||||
const data = resp.data as any;
|
},
|
||||||
if (data.code === 20000) {
|
fail: () => reject(new Error("登录失败"))
|
||||||
resolve(data.data);
|
});
|
||||||
} else {
|
|
||||||
reject(new Error("获取 openId 失败"));
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fail: () => reject(new Error("获取 openId 请求失败"))
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
reject(new Error("获取登录凭证失败"));
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fail: () => reject(new Error("登录失败"))
|
|
||||||
});
|
});
|
||||||
});
|
// 文件上传
|
||||||
// 文件上传
|
const uploadFiles = this.uploadMediaFiles(this.data.mediaList as WechatMediaItem[]);
|
||||||
const uploadFiles = this.uploadMediaFiles(this.data.mediaList as WechatMediaItem[]);
|
// 并行执行获取 openId 和文件上传
|
||||||
// 并行执行获取 openId 和文件上传
|
const [openId, tempFileIds] = await Promise.all([getOpenId, uploadFiles]);
|
||||||
Promise.all([getOpenId, uploadFiles]).then(([openId, tempFileIds]) => {
|
|
||||||
wx.showLoading({ title: "正在保存..", mask: true });
|
await JournalApi.create({
|
||||||
wx.request({
|
idea: this.data.idea,
|
||||||
url: `${config.url}/journal/create`,
|
type: this.data.type,
|
||||||
method: "POST",
|
lat: this.data.location?.lat,
|
||||||
header: {
|
lng: this.data.location?.lng,
|
||||||
Key: wx.getStorageSync("key")
|
location: this.data.location?.text,
|
||||||
},
|
pusher: openId,
|
||||||
data: {
|
createdAt: Date.parse(`${this.data.date} ${this.data.time}`),
|
||||||
idea: this.data.idea,
|
tempFileIds
|
||||||
type: this.data.type,
|
|
||||||
lat: this.data.location?.lat,
|
|
||||||
lng: this.data.location?.lng,
|
|
||||||
location: this.data.location?.text,
|
|
||||||
pusher: openId,
|
|
||||||
createdAt: Date.parse(`${this.data.date} ${this.data.time}`),
|
|
||||||
tempFileIds
|
|
||||||
},
|
|
||||||
success: async () => {
|
|
||||||
Events.emit("JOURNAL_REFRESH");
|
|
||||||
wx.showToast({ title: "提交成功", icon: "success" });
|
|
||||||
this.setData({
|
|
||||||
idea: "",
|
|
||||||
mediaList: [],
|
|
||||||
isSaving: false,
|
|
||||||
uploaded: "0",
|
|
||||||
uploadTotal: "0 MB",
|
|
||||||
uploadProgress: 0
|
|
||||||
});
|
|
||||||
await Toolkit.sleep(1000);
|
|
||||||
wx.switchTab({
|
|
||||||
url: "/pages/main/journal/index"
|
|
||||||
});
|
|
||||||
},
|
|
||||||
fail: handleFail
|
|
||||||
});
|
});
|
||||||
}).catch(handleFail);
|
|
||||||
|
Events.emit("JOURNAL_REFRESH");
|
||||||
|
wx.showToast({ title: "提交成功", icon: "success" });
|
||||||
|
this.setData({
|
||||||
|
idea: "",
|
||||||
|
mediaList: [],
|
||||||
|
isSaving: false,
|
||||||
|
uploaded: "0",
|
||||||
|
uploadTotal: "0 MB",
|
||||||
|
uploadProgress: 0
|
||||||
|
});
|
||||||
|
await Toolkit.sleep(1000);
|
||||||
|
wx.switchTab({
|
||||||
|
url: "/pages/main/journal/index"
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.error("创建日记失败:", error);
|
||||||
|
handleFail();
|
||||||
|
}
|
||||||
},
|
},
|
||||||
/** 更新日记 */
|
/** 更新日记 */
|
||||||
updateJournal() {
|
async updateJournal() {
|
||||||
const handleFail = () => {
|
const handleFail = () => {
|
||||||
wx.showToast({ title: "保存失败", icon: "error" });
|
wx.showToast({ title: "保存失败", icon: "error" });
|
||||||
wx.hideLoading();
|
|
||||||
this.setData({
|
this.setData({
|
||||||
isSaving: false
|
isSaving: false
|
||||||
});
|
});
|
||||||
@ -536,53 +476,39 @@ Page({
|
|||||||
this.setData({
|
this.setData({
|
||||||
isSaving: true
|
isSaving: true
|
||||||
});
|
});
|
||||||
// 收集保留的附件 ID(缩略图 ID)
|
try {
|
||||||
const attachmentIds = (this.data.mediaList as MediaItem[]).map(item => item.attachmentId);
|
// 收集保留的附件 ID(缩略图 ID)
|
||||||
// 上传新媒体文件
|
const attachmentIds = (this.data.mediaList as MediaItem[]).map(item => item.attachmentId);
|
||||||
const uploadFiles = this.uploadMediaFiles(this.data.newMediaList);
|
// 上传新媒体文件
|
||||||
|
const tempFileIds = await this.uploadMediaFiles(this.data.newMediaList);
|
||||||
|
|
||||||
// 提交保存
|
await JournalApi.update({
|
||||||
uploadFiles.then((tempFileIds) => {
|
id: this.data.id!,
|
||||||
wx.showLoading({ title: "正在保存..", mask: true });
|
idea: this.data.idea,
|
||||||
wx.request({
|
type: this.data.type,
|
||||||
url: `${config.url}/journal/update`,
|
lat: this.data.location?.lat,
|
||||||
method: "POST",
|
lng: this.data.location?.lng,
|
||||||
header: {
|
location: this.data.location?.text,
|
||||||
Key: wx.getStorageSync("key")
|
createdAt: new Date(`${this.data.date}T${this.data.time}:00`).getTime(),
|
||||||
},
|
attachmentIds,
|
||||||
data: {
|
tempFileIds
|
||||||
id: this.data.id,
|
|
||||||
idea: this.data.idea,
|
|
||||||
type: this.data.type,
|
|
||||||
lat: this.data.location?.lat,
|
|
||||||
lng: this.data.location?.lng,
|
|
||||||
location: this.data.location?.text,
|
|
||||||
createdAt: new Date(`${this.data.date}T${this.data.time}:00`).getTime(),
|
|
||||||
// 保留的现有附件 ID
|
|
||||||
attachmentIds,
|
|
||||||
// 新上传的临时文件 ID
|
|
||||||
tempFileIds
|
|
||||||
},
|
|
||||||
success: async (resp: any) => {
|
|
||||||
if (resp.data.code === 20000 || resp.statusCode === 200) {
|
|
||||||
Events.emit("JOURNAL_REFRESH");
|
|
||||||
Events.emit("JOURNAL_LIST_REFRESH");
|
|
||||||
wx.showToast({ title: "保存成功", icon: "success" });
|
|
||||||
this.setData({
|
|
||||||
isSaving: false,
|
|
||||||
uploaded: "0",
|
|
||||||
uploadTotal: "0 MB",
|
|
||||||
uploadProgress: 0
|
|
||||||
});
|
|
||||||
await Toolkit.sleep(1000);
|
|
||||||
wx.navigateBack();
|
|
||||||
} else {
|
|
||||||
handleFail();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fail: handleFail
|
|
||||||
});
|
});
|
||||||
}).catch(handleFail);
|
|
||||||
|
Events.emit("JOURNAL_REFRESH");
|
||||||
|
Events.emit("JOURNAL_LIST_REFRESH");
|
||||||
|
wx.showToast({ title: "保存成功", icon: "success" });
|
||||||
|
this.setData({
|
||||||
|
isSaving: false,
|
||||||
|
uploaded: "0",
|
||||||
|
uploadTotal: "0 MB",
|
||||||
|
uploadProgress: 0
|
||||||
|
});
|
||||||
|
await Toolkit.sleep(1000);
|
||||||
|
wx.navigateBack();
|
||||||
|
} catch (error) {
|
||||||
|
console.error("更新日记失败:", error);
|
||||||
|
handleFail();
|
||||||
|
}
|
||||||
},
|
},
|
||||||
/** 上传媒体文件 */
|
/** 上传媒体文件 */
|
||||||
uploadMediaFiles(mediaList: WechatMediaItem[]): Promise<string[]> {
|
uploadMediaFiles(mediaList: WechatMediaItem[]): Promise<string[]> {
|
||||||
|
|||||||
@ -14,7 +14,7 @@
|
|||||||
width: fit-content;
|
width: fit-content;
|
||||||
min-width: 350rpx;
|
min-width: 350rpx;
|
||||||
max-width: 450rpx;
|
max-width: 450rpx;
|
||||||
background: #fff;
|
background: var(--theme-bg-card-secondary);
|
||||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, .15);
|
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, .15);
|
||||||
border-radius: 6rpx;
|
border-radius: 6rpx;
|
||||||
|
|
||||||
@ -56,7 +56,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
.location {
|
.location {
|
||||||
color: #333;
|
color: var(--theme-text-primary);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
@ -68,7 +68,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
.date {
|
.date {
|
||||||
color: #999;
|
color: var(--theme-text-secondary);
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
margin-right: 16rpx;
|
margin-right: 16rpx;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,21 +1,10 @@
|
|||||||
// pages/main/journal-map/index.ts
|
// pages/main/journal-map/index.ts
|
||||||
import config from "../../../config/index";
|
import config from "../../../config/index";
|
||||||
import Time from "../../../utils/Time";
|
import Time from "../../../utils/Time";
|
||||||
import { Journal, JournalPageType } from "../../../types/Journal";
|
import { JournalPageType } from "../../../types/Journal";
|
||||||
import Toolkit from "../../../utils/Toolkit";
|
import Toolkit from "../../../utils/Toolkit";
|
||||||
|
import { MapMarker } from "../../../types/UI";
|
||||||
interface MapMarker {
|
import { JournalApi } from "../../../api/JournalApi";
|
||||||
id: number;
|
|
||||||
latitude: number;
|
|
||||||
longitude: number;
|
|
||||||
width: number;
|
|
||||||
height: number;
|
|
||||||
customCallout: {
|
|
||||||
anchorY: number;
|
|
||||||
anchorX: number;
|
|
||||||
display: string;
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
interface LocationMarker {
|
interface LocationMarker {
|
||||||
locationKey: string; // 位置键 "lat,lng"
|
locationKey: string; // 位置键 "lat,lng"
|
||||||
@ -62,28 +51,12 @@ Page({
|
|||||||
async loadJournals() {
|
async loadJournals() {
|
||||||
this.setData({ isLoading: true });
|
this.setData({ isLoading: true });
|
||||||
try {
|
try {
|
||||||
const list: Journal[] = await new Promise((resolve, reject) => {
|
const result = await JournalApi.getList({
|
||||||
wx.request({
|
index: 0,
|
||||||
url: `${config.url}/journal/list`,
|
size: 9007199254740992,
|
||||||
method: "POST",
|
type: JournalPageType.PREVIEW
|
||||||
header: {
|
});
|
||||||
Key: wx.getStorageSync("key")
|
const list = result.list || [];
|
||||||
},
|
|
||||||
data: {
|
|
||||||
page: 0,
|
|
||||||
size: 9007199254740992,
|
|
||||||
type: JournalPageType.PREVIEW
|
|
||||||
},
|
|
||||||
success: (resp: any) => {
|
|
||||||
if (resp.data.code === 20000) {
|
|
||||||
resolve(resp.data.data.list);
|
|
||||||
} else {
|
|
||||||
reject(new Error(resp.data.message || "加载失败"));
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fail: reject
|
|
||||||
});
|
|
||||||
}) || [];
|
|
||||||
// 过滤有位置信息的记录,并按位置分组
|
// 过滤有位置信息的记录,并按位置分组
|
||||||
const locationMap = new Map<string, LocationMarker>();
|
const locationMap = new Map<string, LocationMarker>();
|
||||||
list.filter((journal: any) => journal.lat && journal.lng).forEach((journal: any) => {
|
list.filter((journal: any) => journal.lat && journal.lng).forEach((journal: any) => {
|
||||||
|
|||||||
@ -5,9 +5,10 @@ import config from "../../../config/index"
|
|||||||
import Events from "../../../utils/Events";
|
import Events from "../../../utils/Events";
|
||||||
import Toolkit from "../../../utils/Toolkit";
|
import Toolkit from "../../../utils/Toolkit";
|
||||||
import { Journal, JournalPage, JournalPageType } from "../../../types/Journal";
|
import { Journal, JournalPage, JournalPageType } from "../../../types/Journal";
|
||||||
import { OrderType, QueryPageResult } from "../../../types/Model";
|
import { OrderType } from "../../../types/Model";
|
||||||
import { ImageMetadata, MediaAttachExt } from "../../../types/Attachment";
|
import { ImageMetadata, MediaAttachExt } from "../../../types/Attachment";
|
||||||
import { MediaItem, MediaItemType } from "../../../types/UI";
|
import { MediaItem, MediaItemType } from "../../../types/UI";
|
||||||
|
import { JournalApi } from "../../../api/JournalApi";
|
||||||
|
|
||||||
interface JournalData {
|
interface JournalData {
|
||||||
page: JournalPage;
|
page: JournalPage;
|
||||||
@ -143,79 +144,71 @@ Page({
|
|||||||
url: "/pages/main/journal-date/index"
|
url: "/pages/main/journal-date/index"
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
fetch() {
|
async fetch() {
|
||||||
if (this.data.isFetching || this.data.isFinished) {
|
if (this.data.isFetching || this.data.isFinished) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
this.setData({
|
this.setData({
|
||||||
isFetching: true
|
isFetching: true
|
||||||
});
|
});
|
||||||
wx.request({
|
try {
|
||||||
url: `${config.url}/journal/list`,
|
const pageResult = await JournalApi.getList(this.data.page);
|
||||||
method: "POST",
|
const list = pageResult.list;
|
||||||
header: {
|
if (!list || list.length === 0) {
|
||||||
Key: wx.getStorageSync("key")
|
|
||||||
},
|
|
||||||
data: this.data.page,
|
|
||||||
success: async (resp: any) => {
|
|
||||||
const pageResult = resp.data.data as QueryPageResult<Journal>;
|
|
||||||
const list = pageResult.list;
|
|
||||||
if (!list || list.length === 0) {
|
|
||||||
this.setData({
|
|
||||||
isFinished: true
|
|
||||||
})
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
list.forEach(journal => {
|
|
||||||
const mediaItems = journal.items!.filter((item) => item.attachType === "THUMB").map((thumbItem, index) => {
|
|
||||||
const metadata = thumbItem.metadata as ImageMetadata;
|
|
||||||
const ext = thumbItem.ext = JSON.parse(thumbItem.ext!.toString()) as MediaAttachExt;
|
|
||||||
const thumbURL = `${config.url}/attachment/read/${thumbItem.mongoId}`;
|
|
||||||
const sourceURL = `${config.url}/attachment/read/${ext.sourceMongoId}`;
|
|
||||||
return {
|
|
||||||
type: ext.isVideo ? MediaItemType.VIDEO : MediaItemType.IMAGE,
|
|
||||||
thumbURL,
|
|
||||||
sourceURL,
|
|
||||||
size: thumbItem.size || 0,
|
|
||||||
attachmentId: thumbItem.id,
|
|
||||||
width: metadata.width,
|
|
||||||
height: metadata.height,
|
|
||||||
originalIndex: index
|
|
||||||
} as MediaItem;
|
|
||||||
});
|
|
||||||
journal.date = Time.toDate(journal.createdAt);
|
|
||||||
journal.time = Time.toTime(journal.createdAt);
|
|
||||||
journal.datetime = Time.toPassedDateTime(journal.createdAt);
|
|
||||||
journal.mediaItems = mediaItems;
|
|
||||||
journal.columnedItems = Toolkit.splitItemsIntoColumns(mediaItems, 3, (item) => {
|
|
||||||
if (item.width && item.height && 0 < item.width) {
|
|
||||||
return item.height / item.width;
|
|
||||||
}
|
|
||||||
return 1;
|
|
||||||
})
|
|
||||||
})
|
|
||||||
this.setData({
|
|
||||||
page: {
|
|
||||||
index: this.data.page.index + 1,
|
|
||||||
size: 8,
|
|
||||||
type: JournalPageType.NORMAL,
|
|
||||||
equalsExample: {
|
|
||||||
type: "NORMAL"
|
|
||||||
},
|
|
||||||
orderMap: {
|
|
||||||
createdAt: OrderType.DESC
|
|
||||||
}
|
|
||||||
},
|
|
||||||
list: this.data.list.concat(list),
|
|
||||||
isFinished: list.length < this.data.page.size
|
|
||||||
});
|
|
||||||
},
|
|
||||||
complete: () => {
|
|
||||||
this.setData({
|
this.setData({
|
||||||
|
isFinished: true,
|
||||||
isFetching: false
|
isFetching: false
|
||||||
});
|
});
|
||||||
|
return;
|
||||||
}
|
}
|
||||||
});
|
list.forEach(journal => {
|
||||||
|
const mediaItems = journal.items!.filter((item) => item.attachType === "THUMB").map((thumbItem, index) => {
|
||||||
|
const metadata = thumbItem.metadata as ImageMetadata;
|
||||||
|
const ext = thumbItem.ext = JSON.parse(thumbItem.ext!.toString()) as MediaAttachExt;
|
||||||
|
const thumbURL = `${config.url}/attachment/read/${thumbItem.mongoId}`;
|
||||||
|
const sourceURL = `${config.url}/attachment/read/${ext.sourceMongoId}`;
|
||||||
|
return {
|
||||||
|
type: ext.isVideo ? MediaItemType.VIDEO : MediaItemType.IMAGE,
|
||||||
|
thumbURL,
|
||||||
|
sourceURL,
|
||||||
|
size: thumbItem.size || 0,
|
||||||
|
attachmentId: thumbItem.id,
|
||||||
|
width: metadata.width,
|
||||||
|
height: metadata.height,
|
||||||
|
originalIndex: index
|
||||||
|
} as MediaItem;
|
||||||
|
});
|
||||||
|
journal.date = Time.toDate(journal.createdAt);
|
||||||
|
journal.time = Time.toTime(journal.createdAt);
|
||||||
|
journal.datetime = Time.toPassedDateTime(journal.createdAt);
|
||||||
|
journal.mediaItems = mediaItems;
|
||||||
|
journal.columnedItems = Toolkit.splitItemsIntoColumns(mediaItems, 3, (item) => {
|
||||||
|
if (item.width && item.height && 0 < item.width) {
|
||||||
|
return item.height / item.width;
|
||||||
|
}
|
||||||
|
return 1;
|
||||||
|
})
|
||||||
|
});
|
||||||
|
this.setData({
|
||||||
|
page: {
|
||||||
|
index: this.data.page.index + 1,
|
||||||
|
size: 8,
|
||||||
|
type: JournalPageType.NORMAL,
|
||||||
|
equalsExample: {
|
||||||
|
type: "NORMAL"
|
||||||
|
},
|
||||||
|
orderMap: {
|
||||||
|
createdAt: OrderType.DESC
|
||||||
|
}
|
||||||
|
},
|
||||||
|
list: this.data.list.concat(list),
|
||||||
|
isFinished: list.length < this.data.page.size,
|
||||||
|
isFetching: false
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.error("加载日记失败:", error);
|
||||||
|
this.setData({ isFetching: false });
|
||||||
|
}
|
||||||
},
|
},
|
||||||
preview(e: WechatMiniprogram.BaseEvent) {
|
preview(e: WechatMiniprogram.BaseEvent) {
|
||||||
const { journalIndex, itemIndex } = e.currentTarget.dataset;
|
const { journalIndex, itemIndex } = e.currentTarget.dataset;
|
||||||
|
|||||||
@ -41,7 +41,7 @@
|
|||||||
<view wx:for="{{journal.columnedItems}}" wx:for-item="column" wx:for-index="columnIndex" wx:key="columnIndex" class="column">
|
<view wx:for="{{journal.columnedItems}}" wx:for-item="column" wx:for-index="columnIndex" wx:key="columnIndex" class="column">
|
||||||
<block wx:for="{{column}}" wx:for-item="item" wx:for-index="itemIndex" wx:key="attachmentId">
|
<block wx:for="{{column}}" wx:for-item="item" wx:for-index="itemIndex" wx:key="attachmentId">
|
||||||
<image
|
<image
|
||||||
class="item thumbnail {{item.type === 0 ? 'image' : 'video'}}"
|
class="item thumbnail {{item.type}}"
|
||||||
src="{{item.thumbURL}}"
|
src="{{item.thumbURL}}"
|
||||||
mode="widthFix"
|
mode="widthFix"
|
||||||
bindtap="preview"
|
bindtap="preview"
|
||||||
|
|||||||
@ -4,22 +4,20 @@ import Events from "../../../utils/Events";
|
|||||||
import IOSize, { Unit } from "../../../utils/IOSize";
|
import IOSize, { Unit } from "../../../utils/IOSize";
|
||||||
import Time from "../../../utils/Time";
|
import Time from "../../../utils/Time";
|
||||||
import Toolkit from "../../../utils/Toolkit";
|
import Toolkit from "../../../utils/Toolkit";
|
||||||
import type { Location } from "../../../types/UI";
|
import { Location, MediaItemType } from "../../../types/UI";
|
||||||
|
import { MediaAttachExt } from "../../../types/Attachment";
|
||||||
|
import { MomentApi } from "../../../api/MomentApi";
|
||||||
|
import { JournalApi } from "../../../api/JournalApi";
|
||||||
|
import { Network } from "../../../utils/Network";
|
||||||
|
|
||||||
type Item = {
|
type Item = {
|
||||||
id: number;
|
id: number;
|
||||||
type: ItemType;
|
type: MediaItemType;
|
||||||
mongoId: string;
|
thumbURL: string;
|
||||||
thumbUrl: string;
|
sourceURL: string;
|
||||||
sourceMongoId: string;
|
|
||||||
checked: boolean;
|
checked: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
enum ItemType {
|
|
||||||
IMAGE,
|
|
||||||
VIDEO
|
|
||||||
}
|
|
||||||
|
|
||||||
type MD5Result = {
|
type MD5Result = {
|
||||||
path: string;
|
path: string;
|
||||||
md5: string;
|
md5: string;
|
||||||
@ -73,7 +71,7 @@ Page({
|
|||||||
|
|
||||||
// 授权定位
|
// 授权定位
|
||||||
const setting = await wx.getSetting();
|
const setting = await wx.getSetting();
|
||||||
wx.setStorageSync("isAuthLocation", setting.authSetting["scope.userLocation"]);
|
wx.setStorageSync("isAuthLocation", setting.authSetting["scope.userLocation"] || false);
|
||||||
let isAuthLocation = JSON.parse(wx.getStorageSync("isAuthLocation"));
|
let isAuthLocation = JSON.parse(wx.getStorageSync("isAuthLocation"));
|
||||||
this.setData({ isAuthLocation });
|
this.setData({ isAuthLocation });
|
||||||
if (!isAuthLocation) {
|
if (!isAuthLocation) {
|
||||||
@ -128,33 +126,29 @@ Page({
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
fetch() {
|
async fetch() {
|
||||||
wx.request({
|
try {
|
||||||
url: `${config.url}/journal/moment/list`,
|
const list = await MomentApi.getList();
|
||||||
method: "POST",
|
if (!list || list.length === 0) {
|
||||||
header: {
|
return;
|
||||||
Key: wx.getStorageSync("key")
|
|
||||||
},
|
|
||||||
success: async (resp: any) => {
|
|
||||||
const list = resp.data.data;
|
|
||||||
if (!list || list.length === 0) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.setData({
|
|
||||||
list: list.map((item: any) => {
|
|
||||||
const extData = JSON.parse(item.ext);
|
|
||||||
return {
|
|
||||||
id: item.id,
|
|
||||||
type: extData.isImage ? ItemType.IMAGE : ItemType.VIDEO,
|
|
||||||
mongoId: item.mongoId,
|
|
||||||
thumbUrl: `${config.url}/attachment/read/${item.mongoId}`,
|
|
||||||
sourceMongoId: extData.sourceMongoId,
|
|
||||||
checked: false
|
|
||||||
} as Item;
|
|
||||||
})
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
});
|
this.setData({
|
||||||
|
list: list.map((item: any) => {
|
||||||
|
const ext = JSON.parse(item.ext) as MediaAttachExt;
|
||||||
|
const thumbURL = `${config.url}/attachment/read/${item.mongoId}`;
|
||||||
|
const sourceURL = `${config.url}/attachment/read/${ext.sourceMongoId}`;
|
||||||
|
return {
|
||||||
|
id: item.id,
|
||||||
|
type: ext.isImage ? MediaItemType.IMAGE : MediaItemType.VIDEO,
|
||||||
|
thumbURL,
|
||||||
|
sourceURL,
|
||||||
|
checked: false
|
||||||
|
} as Item;
|
||||||
|
})
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.error("加载 moment 列表失败:", error);
|
||||||
|
}
|
||||||
},
|
},
|
||||||
updateHasChecked() {
|
updateHasChecked() {
|
||||||
this.setData({ hasChecked: this.data.list.some(item => item.checked) });
|
this.setData({ hasChecked: this.data.list.some(item => item.checked) });
|
||||||
@ -176,8 +170,8 @@ Page({
|
|||||||
|
|
||||||
const sources = this.data.list.slice(startIndex, endIndex).map((item: Item) => {
|
const sources = this.data.list.slice(startIndex, endIndex).map((item: Item) => {
|
||||||
return {
|
return {
|
||||||
url: `${config.url}/attachment/read/${item.sourceMongoId}`,
|
url: item.sourceURL,
|
||||||
type: item.type === 0 ? "image" : "video"
|
type: item.type.toLowerCase()
|
||||||
}
|
}
|
||||||
}) as any;
|
}) as any;
|
||||||
wx.previewMedia({
|
wx.previewMedia({
|
||||||
@ -230,154 +224,65 @@ Page({
|
|||||||
} as MD5Result);
|
} as MD5Result);
|
||||||
}));
|
}));
|
||||||
// 查重
|
// 查重
|
||||||
const filterMD5Result: string[] = await new Promise((resolve, reject) => {
|
const filterMD5Result: string[] = await MomentApi.filterByMD5(
|
||||||
wx.request({
|
md5Results.map(item => item.md5)
|
||||||
url: `${config.url}/journal/moment/filter`,
|
);
|
||||||
method: "POST",
|
|
||||||
header: {
|
|
||||||
Key: wx.getStorageSync("key")
|
|
||||||
},
|
|
||||||
data: md5Results.map(item => item.md5),
|
|
||||||
success: async (resp: any) => {
|
|
||||||
resolve(resp.data.data);
|
|
||||||
},
|
|
||||||
fail: reject
|
|
||||||
});
|
|
||||||
});
|
|
||||||
// 过滤文件
|
// 过滤文件
|
||||||
const filterPath = md5Results.filter(item => filterMD5Result.indexOf(item.md5) !== -1)
|
const filterPath = md5Results.filter(item => filterMD5Result.indexOf(item.md5) !== -1)
|
||||||
.map(item => item.path);
|
.map(item => item.path);
|
||||||
files = files.filter(file => filterPath.indexOf(file.tempFilePath) !== -1);
|
files = files.filter(file => filterPath.indexOf(file.tempFilePath) !== -1);
|
||||||
if (files.length === 0) {
|
if (files.length === 0) {
|
||||||
wx.hideLoading();
|
wx.hideLoading();
|
||||||
|
that.setData({ isUploading: false });
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
wx.showLoading({
|
|
||||||
title: "正在上传..",
|
|
||||||
mask: true
|
|
||||||
})
|
|
||||||
// 计算上传大小
|
|
||||||
const sizePromises = files.map(file => {
|
|
||||||
return new Promise<number>((sizeResolve, sizeReject) => {
|
|
||||||
wx.getFileSystemManager().getFileInfo({
|
|
||||||
filePath: file.tempFilePath,
|
|
||||||
success: (res) => sizeResolve(res.size),
|
|
||||||
fail: (err) => sizeReject(err)
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
Promise.all(sizePromises).then(fileSizes => {
|
|
||||||
const totalSize = fileSizes.reduce((acc, size) => acc + size, 0);
|
|
||||||
const uploadTasks: WechatMiniprogram.UploadTask[] = [];
|
|
||||||
let uploadedSize = 0;
|
|
||||||
let lastUploadedSize = 0;
|
|
||||||
|
|
||||||
|
// 使用 Network.uploadFiles 上传文件
|
||||||
|
try {
|
||||||
|
const tempFileIds = await Network.uploadFiles({
|
||||||
|
mediaList: files.map(file => ({
|
||||||
|
path: file.tempFilePath,
|
||||||
|
size: file.size
|
||||||
|
})),
|
||||||
|
onProgress: (progress) => {
|
||||||
|
that.setData({
|
||||||
|
uploaded: IOSize.formatWithoutUnit(progress.uploaded, 2, Unit.MB),
|
||||||
|
uploadTotal: IOSize.format(progress.total, 2, Unit.MB),
|
||||||
|
uploadSpeed: `${IOSize.format(progress.speed)} / s`,
|
||||||
|
uploadProgress: progress.percent
|
||||||
|
});
|
||||||
|
},
|
||||||
|
showLoading: true
|
||||||
|
});
|
||||||
|
|
||||||
|
// 上传完成转附件
|
||||||
|
const list = await MomentApi.create(tempFileIds);
|
||||||
|
wx.showToast({ title: "上传成功", icon: "success" });
|
||||||
|
const added = list.map((item: any) => {
|
||||||
|
const ext = JSON.parse(item.ext) as MediaAttachExt;
|
||||||
|
const thumbURL = `${config.url}/attachment/read/${item.mongoId}`;
|
||||||
|
const sourceURL = `${config.url}/attachment/read/${ext.sourceMongoId}`;
|
||||||
|
return {
|
||||||
|
id: item.id,
|
||||||
|
type: ext.isImage ? MediaItemType.IMAGE : MediaItemType.VIDEO,
|
||||||
|
thumbURL,
|
||||||
|
sourceURL,
|
||||||
|
checked: false
|
||||||
|
} as Item;
|
||||||
|
});
|
||||||
|
// 前插列表
|
||||||
|
that.data.list.unshift(...added);
|
||||||
that.setData({
|
that.setData({
|
||||||
uploadTotal: IOSize.format(totalSize, 2, Unit.MB)
|
list: that.data.list,
|
||||||
|
isUploading: false,
|
||||||
|
uploaded: "0",
|
||||||
|
uploadTotal: "0 MB",
|
||||||
|
uploadProgress: 0
|
||||||
});
|
});
|
||||||
|
that.updateHasChecked();
|
||||||
// 计算上传速度
|
} catch (error) {
|
||||||
const speedUpdateInterval = setInterval(() => {
|
handleFail(error);
|
||||||
const chunkSize = uploadedSize - lastUploadedSize;
|
}
|
||||||
that.setData({
|
|
||||||
uploadSpeed: `${IOSize.format(chunkSize)} / s`
|
|
||||||
});
|
|
||||||
lastUploadedSize = uploadedSize;
|
|
||||||
}, 1000);
|
|
||||||
// 上传文件
|
|
||||||
const uploadPromises = files.map(file => {
|
|
||||||
return new Promise<string>((uploadResolve, uploadReject) => {
|
|
||||||
const task = wx.uploadFile({
|
|
||||||
url: `${config.url}/temp/file/upload`,
|
|
||||||
filePath: file.tempFilePath,
|
|
||||||
name: "file",
|
|
||||||
success: (resp) => {
|
|
||||||
const result = JSON.parse(resp.data);
|
|
||||||
if (result && result.code === 20000) {
|
|
||||||
// 更新进度
|
|
||||||
const progress = totalSize > 0 ? uploadedSize / totalSize : 1;
|
|
||||||
that.setData({
|
|
||||||
uploadProgress: Math.round(progress * 10000) / 100
|
|
||||||
});
|
|
||||||
uploadResolve(result.data[0].id);
|
|
||||||
} else {
|
|
||||||
uploadReject(new Error(`文件上传失败: ${result?.message || "未知错误"}`));
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fail: (err) => uploadReject(new Error(`文件上传失败: ${err.errMsg}`))
|
|
||||||
});
|
|
||||||
// 监听上传进度事件
|
|
||||||
let prevProgress = 0;
|
|
||||||
task.onProgressUpdate((res) => {
|
|
||||||
const fileUploaded = (res.totalBytesExpectedToSend * res.progress) / 100;
|
|
||||||
const delta = fileUploaded - prevProgress;
|
|
||||||
uploadedSize += delta;
|
|
||||||
// 保存当前进度
|
|
||||||
prevProgress = fileUploaded;
|
|
||||||
// 更新进度条
|
|
||||||
that.setData({
|
|
||||||
uploaded: IOSize.formatWithoutUnit(uploadedSize, 2, Unit.MB),
|
|
||||||
uploadProgress: Math.round((uploadedSize / totalSize) * 10000) / 100
|
|
||||||
});
|
|
||||||
});
|
|
||||||
uploadTasks.push(task);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
Promise.all(uploadPromises).then((tempFileIds) => {
|
|
||||||
wx.showLoading({
|
|
||||||
title: "正在保存..",
|
|
||||||
mask: true
|
|
||||||
})
|
|
||||||
// 清除定时器
|
|
||||||
clearInterval(speedUpdateInterval);
|
|
||||||
uploadTasks.forEach(task => task.offProgressUpdate());
|
|
||||||
that.setData({
|
|
||||||
uploadProgress: 100,
|
|
||||||
uploadSpeed: "0 MB / s"
|
|
||||||
});
|
|
||||||
// 上传完成转附件
|
|
||||||
wx.request({
|
|
||||||
url: `${config.url}/journal/moment/create`,
|
|
||||||
method: "POST",
|
|
||||||
header: {
|
|
||||||
Key: wx.getStorageSync("key")
|
|
||||||
},
|
|
||||||
data: tempFileIds,
|
|
||||||
success: async (resp: any) => {
|
|
||||||
wx.showToast({ title: "上传成功", icon: "success" });
|
|
||||||
const list = resp.data.data;
|
|
||||||
const added = list.map((item: any) => {
|
|
||||||
const extData = JSON.parse(item.ext);
|
|
||||||
return {
|
|
||||||
id: item.id,
|
|
||||||
type: extData.isImage ? ItemType.IMAGE : ItemType.VIDEO,
|
|
||||||
mongoId: item.mongoId,
|
|
||||||
thumbUrl: `${config.url}/attachment/read/${item.mongoId}`,
|
|
||||||
sourceMongoId: extData.sourceMongoId,
|
|
||||||
checked: false
|
|
||||||
} as Item;
|
|
||||||
});
|
|
||||||
// 前插列表
|
|
||||||
that.data.list.unshift(...added);
|
|
||||||
that.setData({
|
|
||||||
list: that.data.list,
|
|
||||||
isUploading: false,
|
|
||||||
uploaded: "0",
|
|
||||||
uploadTotal: "0 MB",
|
|
||||||
uploadProgress: 0
|
|
||||||
});
|
|
||||||
that.updateHasChecked();
|
|
||||||
wx.hideLoading();
|
|
||||||
},
|
|
||||||
fail: handleFail
|
|
||||||
});
|
|
||||||
}).catch((e: Error) => {
|
|
||||||
// 取消所有上传任务
|
|
||||||
uploadTasks.forEach(task => task.abort());
|
|
||||||
that.updateHasChecked();
|
|
||||||
handleFail(e);
|
|
||||||
});
|
|
||||||
}).catch(handleFail);
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
@ -453,27 +358,14 @@ Page({
|
|||||||
})
|
})
|
||||||
const openId = await new Promise<string>((resolve, reject) => {
|
const openId = await new Promise<string>((resolve, reject) => {
|
||||||
wx.login({
|
wx.login({
|
||||||
success: (res) => {
|
success: async (res) => {
|
||||||
if (res.code) {
|
if (res.code) {
|
||||||
wx.request({
|
try {
|
||||||
url: `${config.url}/journal/openid`,
|
const openId = await JournalApi.getOpenId(res.code);
|
||||||
method: "POST",
|
resolve(openId);
|
||||||
header: {
|
} catch (error) {
|
||||||
Key: wx.getStorageSync("key")
|
reject(new Error("获取 openId 失败"));
|
||||||
},
|
}
|
||||||
data: {
|
|
||||||
code: res.code
|
|
||||||
},
|
|
||||||
success: (resp) => {
|
|
||||||
const data = resp.data as any;
|
|
||||||
if (data.code === 20000) {
|
|
||||||
resolve(data.data);
|
|
||||||
} else {
|
|
||||||
reject(new Error("获取 openId 失败"));
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fail: () => reject(new Error("获取 openId 请求失败"))
|
|
||||||
});
|
|
||||||
} else {
|
} else {
|
||||||
reject(new Error("获取登录凭证失败"));
|
reject(new Error("获取登录凭证失败"));
|
||||||
}
|
}
|
||||||
@ -494,36 +386,23 @@ Page({
|
|||||||
if (this.data.selectedJournalId) {
|
if (this.data.selectedJournalId) {
|
||||||
archiveData.id = this.data.selectedJournalId;
|
archiveData.id = this.data.selectedJournalId;
|
||||||
}
|
}
|
||||||
wx.request({
|
try {
|
||||||
url: `${config.url}/journal/moment/archive`,
|
await MomentApi.archive(archiveData);
|
||||||
method: "POST",
|
Events.emit("JOURNAL_REFRESH");
|
||||||
header: {
|
wx.showToast({ title: "归档成功", icon: "success" });
|
||||||
Key: wx.getStorageSync("key")
|
this.setData({
|
||||||
},
|
idea: "",
|
||||||
data: archiveData,
|
list: [],
|
||||||
success: async (resp: any) => {
|
hasChecked: false,
|
||||||
if (resp.data && resp.data.code === 20000) {
|
isArchiving: false,
|
||||||
Events.emit("JOURNAL_REFRESH");
|
selectedJournalId: undefined,
|
||||||
wx.showToast({ title: "归档成功", icon: "success" });
|
isVisibleArchivePopup: false
|
||||||
this.setData({
|
});
|
||||||
idea: "",
|
await Toolkit.sleep(1000);
|
||||||
list: [],
|
this.fetch();
|
||||||
hasChecked: false,
|
} catch (error) {
|
||||||
isArchiving: false,
|
handleFail();
|
||||||
selectedJournalId: undefined,
|
}
|
||||||
isVisibleArchivePopup: false
|
|
||||||
});
|
|
||||||
await Toolkit.sleep(1000);
|
|
||||||
this.fetch();
|
|
||||||
} else {
|
|
||||||
wx.showToast({ title: "归档失败", icon: "error" });
|
|
||||||
this.setData({
|
|
||||||
isArchiving: false
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
fail: handleFail
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
allChecked() {
|
allChecked() {
|
||||||
this.data.list.forEach(item => item.checked = true);
|
this.data.list.forEach(item => item.checked = true);
|
||||||
@ -559,27 +438,21 @@ Page({
|
|||||||
confirmText: "删除已选",
|
confirmText: "删除已选",
|
||||||
confirmColor: "#E64340",
|
confirmColor: "#E64340",
|
||||||
cancelText: "取消",
|
cancelText: "取消",
|
||||||
success: res => {
|
success: async (res) => {
|
||||||
if (res.confirm) {
|
if (res.confirm) {
|
||||||
const selected = this.data.list.filter(item => item.checked);
|
const selected = this.data.list.filter(item => item.checked);
|
||||||
wx.request({
|
try {
|
||||||
url: `${config.url}/journal/moment/delete`,
|
await MomentApi.delete(selected.map(item => item.id));
|
||||||
method: "POST",
|
wx.showToast({ title: "删除成功", icon: "success" });
|
||||||
header: {
|
const list = this.data.list.filter(item => !item.checked);
|
||||||
Key: wx.getStorageSync("key")
|
this.setData({
|
||||||
},
|
list
|
||||||
data: selected.map(item => item.id),
|
});
|
||||||
success: async (resp: any) => {
|
this.updateHasChecked();
|
||||||
if (resp.data && resp.data.code === 20000) {
|
} catch (error) {
|
||||||
wx.showToast({ title: "删除成功", icon: "success" });
|
console.error("删除 moment 失败:", error);
|
||||||
const list = this.data.list.filter(item => !item.checked);
|
wx.showToast({ title: "删除失败", icon: "error" });
|
||||||
this.setData({
|
}
|
||||||
list
|
|
||||||
});
|
|
||||||
this.updateHasChecked();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
@ -63,8 +63,8 @@
|
|||||||
<view class="items">
|
<view class="items">
|
||||||
<view class="item" wx:for="{{list}}" wx:key="mongoId">
|
<view class="item" wx:for="{{list}}" wx:key="mongoId">
|
||||||
<image
|
<image
|
||||||
class="thumbnail {{item.type === 0 ? 'image' : 'video'}}"
|
class="thumbnail {{item.type}}"
|
||||||
src="{{item.thumbUrl}}"
|
src="{{item.thumbURL}}"
|
||||||
mode="widthFix"
|
mode="widthFix"
|
||||||
bind:tap="preview"
|
bind:tap="preview"
|
||||||
data-index="{{index}}"
|
data-index="{{index}}"
|
||||||
|
|||||||
@ -5,9 +5,10 @@ import config from "../../../config/index"
|
|||||||
import Events from "../../../utils/Events";
|
import Events from "../../../utils/Events";
|
||||||
import Toolkit from "../../../utils/Toolkit";
|
import Toolkit from "../../../utils/Toolkit";
|
||||||
import { Journal, JournalPage, JournalPageType } from "../../../types/Journal";
|
import { Journal, JournalPage, JournalPageType } from "../../../types/Journal";
|
||||||
import { OrderType, QueryPageResult } from "../../../types/Model";
|
import { OrderType, } from "../../../types/Model";
|
||||||
import { ImageMetadata, MediaAttachExt } from "../../../types/Attachment";
|
import { ImageMetadata, MediaAttachExt } from "../../../types/Attachment";
|
||||||
import { MediaItem, MediaItemType } from "../../../types/UI";
|
import { MediaItem, MediaItemType } from "../../../types/UI";
|
||||||
|
import { JournalApi } from "../../../api/JournalApi";
|
||||||
|
|
||||||
interface IPortfolioData {
|
interface IPortfolioData {
|
||||||
page: JournalPage;
|
page: JournalPage;
|
||||||
@ -72,79 +73,71 @@ Page({
|
|||||||
this.setData({ stickyOffset: height });
|
this.setData({ stickyOffset: height });
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
fetch() {
|
async fetch() {
|
||||||
if (this.data.isFetching || this.data.isFinished) {
|
if (this.data.isFetching || this.data.isFinished) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
this.setData({
|
this.setData({
|
||||||
isFetching: true
|
isFetching: true
|
||||||
});
|
});
|
||||||
wx.request({
|
try {
|
||||||
url: `${config.url}/journal/list`,
|
const pageResult = await JournalApi.getList(this.data.page);
|
||||||
method: "POST",
|
const list = pageResult.list;
|
||||||
header: {
|
if (!list || list.length === 0) {
|
||||||
Key: wx.getStorageSync("key")
|
|
||||||
},
|
|
||||||
data: this.data.page,
|
|
||||||
success: async (resp: any) => {
|
|
||||||
const pageResult = resp.data.data as QueryPageResult<Journal>;
|
|
||||||
const list = pageResult.list;
|
|
||||||
if (!list || list.length === 0) {
|
|
||||||
this.setData({
|
|
||||||
isFinished: true
|
|
||||||
})
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
list.forEach(journal => {
|
|
||||||
const mediaItems = journal.items!.filter((item) => item.attachType === "THUMB").map((thumbItem, index) => {
|
|
||||||
const metadata = thumbItem.metadata as ImageMetadata;
|
|
||||||
const ext = thumbItem.ext = JSON.parse(thumbItem.ext!.toString()) as MediaAttachExt;
|
|
||||||
const thumbURL = `${config.url}/attachment/read/${thumbItem.mongoId}`;
|
|
||||||
const sourceURL = `${config.url}/attachment/read/${ext.sourceMongoId}`;
|
|
||||||
return {
|
|
||||||
type: ext.isVideo ? MediaItemType.VIDEO : MediaItemType.IMAGE,
|
|
||||||
thumbURL,
|
|
||||||
sourceURL,
|
|
||||||
size: thumbItem.size || 0,
|
|
||||||
attachmentId: thumbItem.id,
|
|
||||||
width: metadata.width,
|
|
||||||
height: metadata.height,
|
|
||||||
originalIndex: index
|
|
||||||
} as MediaItem;
|
|
||||||
});
|
|
||||||
journal.date = Time.toDate(journal.createdAt);
|
|
||||||
journal.time = Time.toTime(journal.createdAt);
|
|
||||||
journal.datetime = Time.toPassedDateTime(journal.createdAt);
|
|
||||||
journal.mediaItems = mediaItems;
|
|
||||||
journal.columnedItems = Toolkit.splitItemsIntoColumns(mediaItems, 3, (item) => {
|
|
||||||
if (item.width && item.height && 0 < item.width) {
|
|
||||||
return item.height / item.width;
|
|
||||||
}
|
|
||||||
return 1;
|
|
||||||
})
|
|
||||||
})
|
|
||||||
this.setData({
|
|
||||||
page: {
|
|
||||||
index: this.data.page.index + 1,
|
|
||||||
size: 8,
|
|
||||||
type: JournalPageType.NORMAL,
|
|
||||||
equalsExample: {
|
|
||||||
type: "PORTFOLIO"
|
|
||||||
},
|
|
||||||
orderMap: {
|
|
||||||
createdAt: OrderType.DESC
|
|
||||||
}
|
|
||||||
},
|
|
||||||
list: this.data.list.concat(list),
|
|
||||||
isFinished: list.length < this.data.page.size
|
|
||||||
});
|
|
||||||
},
|
|
||||||
complete: () => {
|
|
||||||
this.setData({
|
this.setData({
|
||||||
|
isFinished: true,
|
||||||
isFetching: false
|
isFetching: false
|
||||||
});
|
})
|
||||||
|
return;
|
||||||
}
|
}
|
||||||
});
|
list.forEach(journal => {
|
||||||
|
const mediaItems = journal.items!.filter((item) => item.attachType === "THUMB").map((thumbItem, index) => {
|
||||||
|
const metadata = thumbItem.metadata as ImageMetadata;
|
||||||
|
const ext = thumbItem.ext = JSON.parse(thumbItem.ext!.toString()) as MediaAttachExt;
|
||||||
|
const thumbURL = `${config.url}/attachment/read/${thumbItem.mongoId}`;
|
||||||
|
const sourceURL = `${config.url}/attachment/read/${ext.sourceMongoId}`;
|
||||||
|
return {
|
||||||
|
type: ext.isVideo ? MediaItemType.VIDEO : MediaItemType.IMAGE,
|
||||||
|
thumbURL,
|
||||||
|
sourceURL,
|
||||||
|
size: thumbItem.size || 0,
|
||||||
|
attachmentId: thumbItem.id,
|
||||||
|
width: metadata.width,
|
||||||
|
height: metadata.height,
|
||||||
|
originalIndex: index
|
||||||
|
} as MediaItem;
|
||||||
|
});
|
||||||
|
journal.date = Time.toDate(journal.createdAt);
|
||||||
|
journal.time = Time.toTime(journal.createdAt);
|
||||||
|
journal.datetime = Time.toPassedDateTime(journal.createdAt);
|
||||||
|
journal.mediaItems = mediaItems;
|
||||||
|
journal.columnedItems = Toolkit.splitItemsIntoColumns(mediaItems, 3, (item) => {
|
||||||
|
if (item.width && item.height && 0 < item.width) {
|
||||||
|
return item.height / item.width;
|
||||||
|
}
|
||||||
|
return 1;
|
||||||
|
})
|
||||||
|
})
|
||||||
|
this.setData({
|
||||||
|
page: {
|
||||||
|
index: this.data.page.index + 1,
|
||||||
|
size: 8,
|
||||||
|
type: JournalPageType.NORMAL,
|
||||||
|
equalsExample: {
|
||||||
|
type: "PORTFOLIO"
|
||||||
|
},
|
||||||
|
orderMap: {
|
||||||
|
createdAt: OrderType.DESC
|
||||||
|
}
|
||||||
|
},
|
||||||
|
list: this.data.list.concat(list),
|
||||||
|
isFinished: list.length < this.data.page.size,
|
||||||
|
isFetching: false
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.error("加载 portfolio 列表失败:", error);
|
||||||
|
this.setData({ isFetching: false });
|
||||||
|
}
|
||||||
},
|
},
|
||||||
preview(e: WechatMiniprogram.BaseEvent) {
|
preview(e: WechatMiniprogram.BaseEvent) {
|
||||||
const { journalIndex, itemIndex } = e.currentTarget.dataset;
|
const { journalIndex, itemIndex } = e.currentTarget.dataset;
|
||||||
|
|||||||
@ -18,7 +18,7 @@
|
|||||||
<view wx:for="{{journal.columnedItems}}" wx:for-item="column" wx:for-index="columnIndex" wx:key="columnIndex" class="column">
|
<view wx:for="{{journal.columnedItems}}" wx:for-item="column" wx:for-index="columnIndex" wx:key="columnIndex" class="column">
|
||||||
<block wx:for="{{column}}" wx:for-item="item" wx:for-index="itemIndex" wx:key="attachmentId">
|
<block wx:for="{{column}}" wx:for-item="item" wx:for-index="itemIndex" wx:key="attachmentId">
|
||||||
<image
|
<image
|
||||||
class="item thumbnail {{item.type === 0 ? 'image' : 'video'}}"
|
class="item thumbnail {{item.type.toLowerCase()}}"
|
||||||
src="{{item.thumbURL}}"
|
src="{{item.thumbURL}}"
|
||||||
mode="widthFix"
|
mode="widthFix"
|
||||||
bindtap="preview"
|
bindtap="preview"
|
||||||
|
|||||||
@ -40,9 +40,8 @@
|
|||||||
|
|
||||||
&.locations {
|
&.locations {
|
||||||
|
|
||||||
.action {
|
.header {
|
||||||
gap: 32rpx;
|
padding: 16rpx 32rpx;
|
||||||
display: flex;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.location {
|
.location {
|
||||||
|
|||||||
@ -6,9 +6,9 @@ import { TravelLocationApi } from "../../../api/TravelLocationApi";
|
|||||||
import { Travel, TravelStatusLabel, TravelStatusIcon, TransportationTypeLabel, TravelLocation, TravelLocationTypeLabel, TravelLocationTypeIcon } from "../../../types/Travel";
|
import { Travel, TravelStatusLabel, TravelStatusIcon, TransportationTypeLabel, TravelLocation, TravelLocationTypeLabel, TravelLocationTypeIcon } from "../../../types/Travel";
|
||||||
|
|
||||||
interface TravelDetailData {
|
interface TravelDetailData {
|
||||||
/** 旅行详情 */
|
/** 出行详情 */
|
||||||
travel: Travel | null;
|
travel: Travel | null;
|
||||||
/** 旅行 ID */
|
/** 出行 ID */
|
||||||
travelId: string;
|
travelId: string;
|
||||||
/** 是否正在加载 */
|
/** 是否正在加载 */
|
||||||
isLoading: boolean;
|
isLoading: boolean;
|
||||||
@ -71,7 +71,7 @@ Page({
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
/** 获取旅行详情 */
|
/** 获取出行详情 */
|
||||||
async fetchDetail(id: string) {
|
async fetchDetail(id: string) {
|
||||||
this.setData({ isLoading: true });
|
this.setData({ isLoading: true });
|
||||||
|
|
||||||
@ -88,7 +88,7 @@ Page({
|
|||||||
// 获取地点列表
|
// 获取地点列表
|
||||||
this.fetchLocations(id);
|
this.fetchLocations(id);
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error("获取旅行详情失败:", error);
|
console.error("获取出行详情失败:", error);
|
||||||
wx.showToast({
|
wx.showToast({
|
||||||
title: "加载失败",
|
title: "加载失败",
|
||||||
icon: "error"
|
icon: "error"
|
||||||
@ -122,7 +122,7 @@ Page({
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
/** 编辑旅行 */
|
/** 编辑出行 */
|
||||||
toEdit() {
|
toEdit() {
|
||||||
const { travel } = this.data;
|
const { travel } = this.data;
|
||||||
if (travel && travel.id) {
|
if (travel && travel.id) {
|
||||||
@ -163,7 +163,7 @@ Page({
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
/** 删除旅行 */
|
/** 删除出行 */
|
||||||
deleteTravel() {
|
deleteTravel() {
|
||||||
this.setData({
|
this.setData({
|
||||||
deleteDialogVisible: true,
|
deleteDialogVisible: true,
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
<!--pages/main/travel-detail/index.wxml-->
|
<!--pages/main/travel-detail/index.wxml-->
|
||||||
<view class="custom-navbar">
|
<view class="custom-navbar">
|
||||||
<t-navbar title="旅行详情" leftArrow bind:go-back="goBack">
|
<t-navbar title="出行详情" leftArrow bind:go-back="goBack">
|
||||||
<view slot="right" class="edit-btn" bind:tap="toEdit">
|
<view slot="right" class="edit-btn" bind:tap="toEdit">
|
||||||
<t-icon name="edit" size="24px" />
|
<t-icon name="edit" size="24px" />
|
||||||
</view>
|
</view>
|
||||||
@ -24,7 +24,7 @@
|
|||||||
</t-tag>
|
</t-tag>
|
||||||
</view>
|
</view>
|
||||||
<!-- 标题 -->
|
<!-- 标题 -->
|
||||||
<view class="section title">{{travel.title || '未命名旅行'}}</view>
|
<view class="section title">{{travel.title || '未命名出行'}}</view>
|
||||||
<!-- 基本信息 -->
|
<!-- 基本信息 -->
|
||||||
<t-cell-group class="section info">
|
<t-cell-group class="section info">
|
||||||
<view slot="title" class="title">基本信息</view>
|
<view slot="title" class="title">基本信息</view>
|
||||||
@ -34,7 +34,7 @@
|
|||||||
<text wx:else class="undecided-value">未定</text>
|
<text wx:else class="undecided-value">未定</text>
|
||||||
</view>
|
</view>
|
||||||
</t-cell>
|
</t-cell>
|
||||||
<t-cell left-icon="calendar" title="旅行天数">
|
<t-cell left-icon="calendar" title="出行天数">
|
||||||
<view slot="note">
|
<view slot="note">
|
||||||
<text wx:if="{{travel.days}}">{{travel.days}} 天</text>
|
<text wx:if="{{travel.days}}">{{travel.days}} 天</text>
|
||||||
<text wx:else class="undecided-value">未定</text>
|
<text wx:else class="undecided-value">未定</text>
|
||||||
@ -44,18 +44,16 @@
|
|||||||
<view slot="note">{{transportLabels[travel.transportationType]}}</view>
|
<view slot="note">{{transportLabels[travel.transportationType]}}</view>
|
||||||
</t-cell>
|
</t-cell>
|
||||||
</t-cell-group>
|
</t-cell-group>
|
||||||
<!-- 旅行内容 -->
|
<!-- 出行内容 -->
|
||||||
<t-cell-group class="section">
|
<t-cell-group wx:if="{{travel.content}}" class="section">
|
||||||
<view slot="title" class="title">详细说明</view>
|
<view slot="title" class="title">详细说明</view>
|
||||||
<t-cell title="{{travel.content}}" />
|
<t-cell title="{{travel.content}}" />
|
||||||
</t-cell-group>
|
</t-cell-group>
|
||||||
<t-cell-group class="section locations">
|
<t-cell-group class="section locations">
|
||||||
<view slot="title" class="title">地点列表</view>
|
<view slot="title" class="title">地点列表</view>
|
||||||
<t-cell>
|
<t-cell class="header">
|
||||||
<view slot="right-icon" class="action">
|
<t-button slot="left-icon" theme="primary" icon="map" size="small" bind:tap="toMap">地图浏览</t-button>
|
||||||
<t-icon name="map" size="20px" color="var(--theme-wx)" bind:tap="toMap" />
|
<t-icon slot="right-icon" name="add" size="20px" color="var(--theme-wx)" bind:tap="toAddLocation" />
|
||||||
<t-icon name="add" size="20px" color="var(--theme-wx)" bind:tap="toAddLocation" />
|
|
||||||
</view>
|
|
||||||
</t-cell>
|
</t-cell>
|
||||||
<t-cell wx:if="{{isLoadingLocations}}" class="loading">
|
<t-cell wx:if="{{isLoadingLocations}}" class="loading">
|
||||||
<t-loading slot="title" theme="dots" size="40rpx" />
|
<t-loading slot="title" theme="dots" size="40rpx" />
|
||||||
@ -73,14 +71,18 @@
|
|||||||
>
|
>
|
||||||
<view slot="note" class="note">{{locationTypeLabels[item.type]}}</view>
|
<view slot="note" class="note">{{locationTypeLabels[item.type]}}</view>
|
||||||
<view slot="description" class="description">
|
<view slot="description" class="description">
|
||||||
<view wx:if="{{item.amount}}" class="item">
|
|
||||||
<t-icon name="money" size="14px" />
|
|
||||||
<text>¥{{item.amount}}</text>
|
|
||||||
</view>
|
|
||||||
<view wx:if="{{item.requireIdCard}}" class="item">
|
<view wx:if="{{item.requireIdCard}}" class="item">
|
||||||
<t-icon name="user" size="14px" />
|
<t-icon name="user" size="14px" />
|
||||||
<text>需要身份证</text>
|
<text>需要身份证</text>
|
||||||
</view>
|
</view>
|
||||||
|
<view wx:if="{{item.requireAppointment}}" class="item">
|
||||||
|
<t-icon name="user" size="14px" />
|
||||||
|
<text>需要预约</text>
|
||||||
|
</view>
|
||||||
|
<view wx:if="{{item.amount}}" class="item">
|
||||||
|
<t-icon name="money" size="14px" />
|
||||||
|
<text>¥{{item.amount}}</text>
|
||||||
|
</view>
|
||||||
<view wx:if="{{item.importance}}" class="item">
|
<view wx:if="{{item.importance}}" class="item">
|
||||||
<t-icon name="chart-bubble" size="14px" />
|
<t-icon name="chart-bubble" size="14px" />
|
||||||
<text>重要程度</text>
|
<text>重要程度</text>
|
||||||
@ -97,6 +99,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</t-cell>
|
</t-cell>
|
||||||
</block>
|
</block>
|
||||||
|
<t-cell wx:else class="empty-state" description="暂无地点信息" />
|
||||||
</t-cell-group>
|
</t-cell-group>
|
||||||
<!-- 操作按钮 -->
|
<!-- 操作按钮 -->
|
||||||
<view class="section action">
|
<view class="section action">
|
||||||
@ -117,7 +120,7 @@
|
|||||||
t-class="edit"
|
t-class="edit"
|
||||||
bind:tap="toEdit"
|
bind:tap="toEdit"
|
||||||
>
|
>
|
||||||
编辑旅行计划
|
编辑出行计划
|
||||||
</t-button>
|
</t-button>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -126,7 +129,7 @@
|
|||||||
<!-- 删除确认对话框 -->
|
<!-- 删除确认对话框 -->
|
||||||
<t-dialog
|
<t-dialog
|
||||||
visible="{{deleteDialogVisible}}"
|
visible="{{deleteDialogVisible}}"
|
||||||
title="删除旅行计划"
|
title="删除出行计划"
|
||||||
confirm-btn="{{ {content: '删除', variant: 'text', theme: 'danger'} }}"
|
confirm-btn="{{ {content: '删除', variant: 'text', theme: 'danger'} }}"
|
||||||
cancel-btn="取消"
|
cancel-btn="取消"
|
||||||
bind:confirm="confirmDelete"
|
bind:confirm="confirmDelete"
|
||||||
|
|||||||
@ -1,9 +1,8 @@
|
|||||||
// pages/main/travel-editor/index.less
|
// pages/main/travel-editor/index.less
|
||||||
|
|
||||||
.container {
|
.travel-editor {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background: var(--theme-bg-secondary);
|
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
padding-bottom: 64rpx;
|
padding-bottom: 64rpx;
|
||||||
@ -24,12 +23,23 @@
|
|||||||
.section {
|
.section {
|
||||||
margin-top: 48rpx;
|
margin-top: 48rpx;
|
||||||
|
|
||||||
|
> .title {
|
||||||
|
color: var(--theme-text-secondary);
|
||||||
|
padding: 0 32rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
line-height: 64rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.picker .slot {
|
.picker .slot {
|
||||||
gap: 16rpx;
|
gap: 16rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.note {
|
||||||
|
color: var(--theme-text-primary);
|
||||||
|
}
|
||||||
|
|
||||||
.travel-at-content,
|
.travel-at-content,
|
||||||
.days-content {
|
.days-content {
|
||||||
gap: 16rpx;
|
gap: 16rpx;
|
||||||
@ -55,9 +65,16 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.days-stepper {
|
.days {
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
&.decided {
|
||||||
|
--td-cell-vertical-padding: 24rpx;
|
||||||
|
|
||||||
|
.t-cell__title {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -7,7 +7,7 @@ import { TravelStatus, TransportationType } from "../../../types/Travel";
|
|||||||
interface TravelEditorData {
|
interface TravelEditorData {
|
||||||
/** 模式:create 或 edit */
|
/** 模式:create 或 edit */
|
||||||
mode: "create" | "edit";
|
mode: "create" | "edit";
|
||||||
/** 旅行 ID(编辑模式) */
|
/** 出行 ID(编辑模式) */
|
||||||
id?: number;
|
id?: number;
|
||||||
/** 标题 */
|
/** 标题 */
|
||||||
title: string;
|
title: string;
|
||||||
@ -105,7 +105,7 @@ Page({
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
/** 加载旅行详情(编辑模式) */
|
/** 加载出行详情(编辑模式) */
|
||||||
async loadTravelDetail(id: number) {
|
async loadTravelDetail(id: number) {
|
||||||
wx.showLoading({ title: "加载中...", mask: true });
|
wx.showLoading({ title: "加载中...", mask: true });
|
||||||
try {
|
try {
|
||||||
@ -230,7 +230,7 @@ Page({
|
|||||||
this.updateTravel();
|
this.updateTravel();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
/** 创建旅行 */
|
/** 创建出行 */
|
||||||
async createTravel() {
|
async createTravel() {
|
||||||
this.setData({ isSaving: true });
|
this.setData({ isSaving: true });
|
||||||
|
|
||||||
@ -238,9 +238,7 @@ Page({
|
|||||||
await TravelApi.create({
|
await TravelApi.create({
|
||||||
title: this.data.title.trim(),
|
title: this.data.title.trim(),
|
||||||
content: this.data.content.trim(),
|
content: this.data.content.trim(),
|
||||||
travelAt: this.data.travelAtUndecided
|
travelAt: this.data.travelAtUndecided ? null : Time.now(),
|
||||||
? null
|
|
||||||
: new Date(`${this.data.date}T${this.data.time}:00`).getTime(),
|
|
||||||
days: this.data.daysUndecided ? null : this.data.days,
|
days: this.data.daysUndecided ? null : this.data.days,
|
||||||
transportationType: this.data.transportationType,
|
transportationType: this.data.transportationType,
|
||||||
status: this.data.status
|
status: this.data.status
|
||||||
@ -256,7 +254,7 @@ Page({
|
|||||||
this.setData({ isSaving: false });
|
this.setData({ isSaving: false });
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
/** 更新旅行 */
|
/** 更新出行 */
|
||||||
async updateTravel() {
|
async updateTravel() {
|
||||||
this.setData({ isSaving: true });
|
this.setData({ isSaving: true });
|
||||||
try {
|
try {
|
||||||
@ -283,7 +281,7 @@ Page({
|
|||||||
this.setData({ isSaving: false });
|
this.setData({ isSaving: false });
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
/** 删除旅行 */
|
/** 删除出行 */
|
||||||
deleteTravel() {
|
deleteTravel() {
|
||||||
this.setData({
|
this.setData({
|
||||||
deleteDialogVisible: true,
|
deleteDialogVisible: true,
|
||||||
|
|||||||
@ -1,9 +1,9 @@
|
|||||||
<!--pages/main/travel-editor/index.wxml-->
|
<!--pages/main/travel-editor/index.wxml-->
|
||||||
<t-navbar title="{{mode === 'create' ? '新建旅行' : '编辑旅行'}}">
|
<t-navbar title="{{mode === 'create' ? '新建出行' : '编辑出行'}}">
|
||||||
<text slot="left" bindtap="cancel">取消</text>
|
<text slot="left" bindtap="cancel">取消</text>
|
||||||
</t-navbar>
|
</t-navbar>
|
||||||
|
|
||||||
<scroll-view class="container" type="custom" scroll-y show-scrollbar="{{false}}">
|
<scroll-view class="travel-editor setting-bg" type="custom" scroll-y show-scrollbar="{{false}}">
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<view wx:if="{{isLoading}}" class="loading">
|
<view wx:if="{{isLoading}}" class="loading">
|
||||||
<t-loading theme="dots" size="40rpx" />
|
<t-loading theme="dots" size="40rpx" />
|
||||||
@ -11,12 +11,12 @@
|
|||||||
</view>
|
</view>
|
||||||
<block wx:else>
|
<block wx:else>
|
||||||
<t-cell-group class="section">
|
<t-cell-group class="section">
|
||||||
|
<view slot="title" class="title">基本信息</view>
|
||||||
<t-input
|
<t-input
|
||||||
class="input"
|
class="input"
|
||||||
placeholder="请输入旅行标题"
|
placeholder="请输入出行标题"
|
||||||
model:value="{{title}}"
|
model:value="{{title}}"
|
||||||
maxlength="50"
|
maxlength="50"
|
||||||
borderless
|
|
||||||
>
|
>
|
||||||
<text slot="label">标题</text>
|
<text slot="label">标题</text>
|
||||||
</t-input>
|
</t-input>
|
||||||
@ -31,6 +31,7 @@
|
|||||||
</t-textarea>
|
</t-textarea>
|
||||||
</t-cell-group>
|
</t-cell-group>
|
||||||
<t-cell-group class="section">
|
<t-cell-group class="section">
|
||||||
|
<view slot="title" class="title">详细信息</view>
|
||||||
<t-cell class="travel-at" title="出行时间">
|
<t-cell class="travel-at" title="出行时间">
|
||||||
<view slot="right-icon" class="travel-at-content">
|
<view slot="right-icon" class="travel-at-content">
|
||||||
<picker wx:if="{{!travelAtUndecided}}" class="picker" mode="date" model:value="{{date}}">
|
<picker wx:if="{{!travelAtUndecided}}" class="picker" mode="date" model:value="{{date}}">
|
||||||
@ -51,13 +52,13 @@
|
|||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
</t-cell>
|
</t-cell>
|
||||||
<t-cell title="旅行天数" t-class="days-cell">
|
<t-cell title="出行天数" class="days {{daysUndecided ? 'undecided' : 'decided'}}">
|
||||||
<view slot="right-icon" class="days-content">
|
<view slot="right-icon" class="days-content">
|
||||||
<t-stepper
|
<t-stepper
|
||||||
wx:if="{{!daysUndecided}}"
|
wx:if="{{!daysUndecided}}"
|
||||||
theme="filled"
|
theme="filled"
|
||||||
model:value="{{days}}"
|
model:value="{{days}}"
|
||||||
size="medium"
|
size="large"
|
||||||
min="{{1}}"
|
min="{{1}}"
|
||||||
max="{{999}}"
|
max="{{999}}"
|
||||||
t-class="stepper"
|
t-class="stepper"
|
||||||
@ -74,40 +75,28 @@
|
|||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
</t-cell>
|
</t-cell>
|
||||||
<t-cell title="交通方式">
|
<picker
|
||||||
<view slot="right-icon">
|
mode="selector"
|
||||||
<picker
|
range="{{transportationTypes}}"
|
||||||
class="picker"
|
range-key="label"
|
||||||
mode="selector"
|
value="{{transportationTypeIndex}}"
|
||||||
range="{{transportationTypes}}"
|
bindchange="onChangeTransportationType"
|
||||||
range-key="label"
|
>
|
||||||
value="{{transportationTypeIndex}}"
|
<t-cell title="交通方式" arrow>
|
||||||
bindchange="onChangeTransportationType"
|
<view slot="note" class="note">{{transportationTypes[transportationTypeIndex].label}}</view>
|
||||||
>
|
</t-cell>
|
||||||
<view class="slot">
|
</picker>
|
||||||
<text>{{transportationTypes[transportationTypeIndex].label}}</text>
|
<picker
|
||||||
<t-icon name="chevron-right" size="20px" class="icon" />
|
mode="selector"
|
||||||
</view>
|
range="{{statuses}}"
|
||||||
</picker>
|
range-key="label"
|
||||||
</view>
|
value="{{statusIndex}}"
|
||||||
</t-cell>
|
bindchange="onChangeStatus"
|
||||||
<t-cell title="状态">
|
>
|
||||||
<view slot="right-icon">
|
<t-cell title="状态" arrow>
|
||||||
<picker
|
<view slot="note" class="note">{{statuses[statusIndex].label}}</view>
|
||||||
class="picker"
|
</t-cell>
|
||||||
mode="selector"
|
</picker>
|
||||||
range="{{statuses}}"
|
|
||||||
range-key="label"
|
|
||||||
value="{{statusIndex}}"
|
|
||||||
bindchange="onChangeStatus"
|
|
||||||
>
|
|
||||||
<view class="slot">
|
|
||||||
<text>{{statuses[statusIndex].label}}</text>
|
|
||||||
<t-icon name="chevron-right" size="20px" class="icon" />
|
|
||||||
</view>
|
|
||||||
</picker>
|
|
||||||
</view>
|
|
||||||
</t-cell>
|
|
||||||
</t-cell-group>
|
</t-cell-group>
|
||||||
<view wx:if="{{mode === 'create'}}" class="submit-section">
|
<view wx:if="{{mode === 'create'}}" class="submit-section">
|
||||||
<t-button
|
<t-button
|
||||||
@ -117,7 +106,7 @@
|
|||||||
bind:tap="submit"
|
bind:tap="submit"
|
||||||
disabled="{{isSaving}}"
|
disabled="{{isSaving}}"
|
||||||
>
|
>
|
||||||
创建旅行
|
创建出行
|
||||||
</t-button>
|
</t-button>
|
||||||
</view>
|
</view>
|
||||||
<view wx:else class="submit-section horizontal">
|
<view wx:else class="submit-section horizontal">
|
||||||
@ -148,7 +137,7 @@
|
|||||||
<!-- 删除确认对话框 -->
|
<!-- 删除确认对话框 -->
|
||||||
<t-dialog
|
<t-dialog
|
||||||
visible="{{deleteDialogVisible}}"
|
visible="{{deleteDialogVisible}}"
|
||||||
title="删除旅行计划"
|
title="删除出行计划"
|
||||||
confirm-btn="{{ {content: '删除', variant: 'text', theme: 'danger'} }}"
|
confirm-btn="{{ {content: '删除', variant: 'text', theme: 'danger'} }}"
|
||||||
cancel-btn="取消"
|
cancel-btn="取消"
|
||||||
bind:confirm="confirmDelete"
|
bind:confirm="confirmDelete"
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
{
|
{
|
||||||
"component": true,
|
"component": true,
|
||||||
"usingComponents": {
|
"usingComponents": {
|
||||||
"t-tag": "tdesign-miniprogram/tag/tag",
|
|
||||||
"t-cell": "tdesign-miniprogram/cell/cell",
|
"t-cell": "tdesign-miniprogram/cell/cell",
|
||||||
"t-rate": "tdesign-miniprogram/rate/rate",
|
"t-rate": "tdesign-miniprogram/rate/rate",
|
||||||
"t-icon": "tdesign-miniprogram/icon/icon",
|
"t-icon": "tdesign-miniprogram/icon/icon",
|
||||||
|
|||||||
@ -2,7 +2,6 @@
|
|||||||
.travel-location-detail {
|
.travel-location-detail {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background: var(--theme-bg-page);
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
.status-card {
|
.status-card {
|
||||||
@ -25,12 +24,6 @@
|
|||||||
line-height: 64rpx;
|
line-height: 64rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.status {
|
|
||||||
display: flex;
|
|
||||||
margin-top: 24rpx;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.title {
|
&.title {
|
||||||
color: var(--theme-text-primary);
|
color: var(--theme-text-primary);
|
||||||
padding: 24rpx;
|
padding: 24rpx;
|
||||||
@ -68,6 +61,26 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 520rpx;
|
height: 520rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.custom-callout {
|
||||||
|
width: fit-content;
|
||||||
|
max-width: 400rpx;
|
||||||
|
background: var(--theme-bg-card-secondary);
|
||||||
|
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, .15);
|
||||||
|
border-radius: 8rpx;
|
||||||
|
|
||||||
|
.callout-content {
|
||||||
|
padding: 12rpx 20rpx;
|
||||||
|
|
||||||
|
.callout-text {
|
||||||
|
color: var(--theme-text-primary);
|
||||||
|
overflow: hidden;
|
||||||
|
font-size: 28rpx;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.media {
|
&.media {
|
||||||
@ -113,12 +126,13 @@
|
|||||||
|
|
||||||
&.navigate {
|
&.navigate {
|
||||||
padding: 0 16rpx;
|
padding: 0 16rpx;
|
||||||
|
margin-top: 90rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.action {
|
&.action {
|
||||||
gap: 24rpx;
|
gap: 24rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 24rpx 16rpx 0 16rpx;
|
padding: 0 16rpx;
|
||||||
|
|
||||||
.edit {
|
.edit {
|
||||||
flex: 2;
|
flex: 2;
|
||||||
|
|||||||
@ -1,18 +1,13 @@
|
|||||||
// pages/main/travel-location-detail/index.ts
|
// pages/main/travel-location-detail/index.ts
|
||||||
|
|
||||||
import Time from "../../../utils/Time";
|
|
||||||
import config from "../../../config/index";
|
import config from "../../../config/index";
|
||||||
import { TravelLocationApi } from "../../../api/TravelLocationApi";
|
import { TravelLocationApi } from "../../../api/TravelLocationApi";
|
||||||
import { TravelLocation, TravelLocationTypeIcon, TravelLocationTypeLabel } from "../../../types/Travel";
|
import { TravelLocation, TravelLocationTypeIcon, TravelLocationTypeLabel } from "../../../types/Travel";
|
||||||
import { MediaAttachExt, MediaAttachType } from "../../../types/Attachment";
|
import { MediaAttachExt, MediaAttachType } from "../../../types/Attachment";
|
||||||
import { MediaItem, MediaItemType } from "../../../types/UI";
|
import { MapMarker, MediaItem, MediaItemType } from "../../../types/UI";
|
||||||
import Toolkit from "../../../utils/Toolkit";
|
import Toolkit from "../../../utils/Toolkit";
|
||||||
|
|
||||||
interface TravelLocationView extends TravelLocation {
|
interface TravelLocationView extends TravelLocation {
|
||||||
/** 首次出行时间 */
|
|
||||||
firstTravelTime?: string;
|
|
||||||
/** 最近出行时间 */
|
|
||||||
lastTravelTime?: string;
|
|
||||||
/** 媒体列表 */
|
/** 媒体列表 */
|
||||||
mediaItems?: MediaItem[];
|
mediaItems?: MediaItem[];
|
||||||
}
|
}
|
||||||
@ -22,7 +17,7 @@ interface TravelLocationDetailData {
|
|||||||
location: TravelLocationView | null;
|
location: TravelLocationView | null;
|
||||||
/** 地点 ID */
|
/** 地点 ID */
|
||||||
locationId: string;
|
locationId: string;
|
||||||
/** 旅行 ID */
|
/** 出行 ID */
|
||||||
travelId: string;
|
travelId: string;
|
||||||
/** 是否正在加载 */
|
/** 是否正在加载 */
|
||||||
isLoading: boolean;
|
isLoading: boolean;
|
||||||
@ -35,7 +30,7 @@ interface TravelLocationDetailData {
|
|||||||
/** 媒体类型枚举 */
|
/** 媒体类型枚举 */
|
||||||
mediaItemTypeEnum: typeof MediaItemType;
|
mediaItemTypeEnum: typeof MediaItemType;
|
||||||
/** 地图标记 */
|
/** 地图标记 */
|
||||||
mapMarkers: WechatMiniprogram.MapMarker[];
|
mapMarkers: MapMarker[];
|
||||||
/** 删除对话框可见性 */
|
/** 删除对话框可见性 */
|
||||||
deleteDialogVisible: boolean;
|
deleteDialogVisible: boolean;
|
||||||
/** 删除确认文本 */
|
/** 删除确认文本 */
|
||||||
@ -100,11 +95,7 @@ Page({
|
|||||||
|
|
||||||
thumbItems.forEach((thumbItem) => {
|
thumbItems.forEach((thumbItem) => {
|
||||||
try {
|
try {
|
||||||
const extStr = thumbItem.ext ? thumbItem.ext.toString() : "";
|
const ext = JSON.parse(thumbItem.ext!.toString()) as MediaAttachExt;
|
||||||
if (!extStr) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const ext = JSON.parse(extStr) as MediaAttachExt;
|
|
||||||
const thumbURL = `${config.url}/attachment/read/${thumbItem.mongoId}`;
|
const thumbURL = `${config.url}/attachment/read/${thumbItem.mongoId}`;
|
||||||
const sourceURL = `${config.url}/attachment/read/${ext.sourceMongoId}`;
|
const sourceURL = `${config.url}/attachment/read/${ext.sourceMongoId}`;
|
||||||
mediaItems.push({
|
mediaItems.push({
|
||||||
@ -120,35 +111,28 @@ Page({
|
|||||||
});
|
});
|
||||||
|
|
||||||
// 构建地图标记
|
// 构建地图标记
|
||||||
const mapMarkers: WechatMiniprogram.MapMarker[] = [];
|
const mapMarkers: MapMarker[] = [];
|
||||||
if (location.lat !== undefined && location.lng !== undefined) {
|
if (location.lat !== undefined && location.lng !== undefined) {
|
||||||
mapMarkers.push({
|
mapMarkers.push({
|
||||||
id: 0,
|
id: 0,
|
||||||
latitude: location.lat,
|
latitude: location.lat,
|
||||||
longitude: location.lng,
|
longitude: location.lng,
|
||||||
width: 30,
|
width: 24,
|
||||||
height: 30,
|
height: 30,
|
||||||
callout: {
|
customCallout: {
|
||||||
content: location.title || "地点",
|
anchorY: 0,
|
||||||
display: "ALWAYS",
|
anchorX: 0,
|
||||||
padding: 10,
|
display: "ALWAYS"
|
||||||
borderRadius: 5,
|
|
||||||
bgColor: "#FFFFFF",
|
|
||||||
color: "#333333",
|
|
||||||
fontSize: 12,
|
|
||||||
textAlign: "center"
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
console.log(mediaItems);
|
console.log(mediaItems);
|
||||||
|
|
||||||
this.setData({
|
this.setData({
|
||||||
location: {
|
location: {
|
||||||
...location,
|
...location,
|
||||||
mediaItems,
|
mediaItems
|
||||||
firstTravelTime: location.firstTraveledAt ? Time.toDateTime(location.firstTraveledAt) : "",
|
|
||||||
lastTravelTime: location.lastTraveledAt ? Time.toDateTime(location.lastTraveledAt) : ""
|
|
||||||
},
|
},
|
||||||
travelId: location.travelId ? String(location.travelId) : this.data.travelId,
|
travelId: location.travelId ? String(location.travelId) : this.data.travelId,
|
||||||
mapMarkers
|
mapMarkers
|
||||||
@ -214,7 +198,7 @@ Page({
|
|||||||
|
|
||||||
const sources = location.mediaItems.map(item => ({
|
const sources = location.mediaItems.map(item => ({
|
||||||
url: item.sourceURL,
|
url: item.sourceURL,
|
||||||
type: MediaItemType[item.type].toLowerCase()
|
type: item.type
|
||||||
}));
|
}));
|
||||||
|
|
||||||
const total = sources.length;
|
const total = sources.length;
|
||||||
|
|||||||
@ -20,12 +20,6 @@
|
|||||||
<t-empty icon="location" description="暂无地点信息" />
|
<t-empty icon="location" description="暂无地点信息" />
|
||||||
</view>
|
</view>
|
||||||
<view wx:else class="content">
|
<view wx:else class="content">
|
||||||
<!-- 类型标签 -->
|
|
||||||
<view class="section status">
|
|
||||||
<t-tag size="large" theme="primary" variant="light" icon="{{locationTypeIcons[location.type]}}">
|
|
||||||
{{locationTypeLabels[location.type]}}
|
|
||||||
</t-tag>
|
|
||||||
</view>
|
|
||||||
<!-- 标题 -->
|
<!-- 标题 -->
|
||||||
<view class="section title">
|
<view class="section title">
|
||||||
<text class="title-text">{{location.title || '未命名地点'}}</text>
|
<text class="title-text">{{location.title || '未命名地点'}}</text>
|
||||||
@ -33,6 +27,11 @@
|
|||||||
<!-- 位置信息 -->
|
<!-- 位置信息 -->
|
||||||
<t-cell-group wx:if="{{location.lat !== undefined && location.lng !== undefined}}" class="section location">
|
<t-cell-group wx:if="{{location.lat !== undefined && location.lng !== undefined}}" class="section location">
|
||||||
<view slot="title" class="title">位置信息</view>
|
<view slot="title" class="title">位置信息</view>
|
||||||
|
<t-cell
|
||||||
|
left-icon="{{locationTypeIcons[location.type]}}"
|
||||||
|
title="类型"
|
||||||
|
note="{{locationTypeLabels[location.type]}}"
|
||||||
|
/>
|
||||||
<t-cell class="map">
|
<t-cell class="map">
|
||||||
<map
|
<map
|
||||||
slot="description"
|
slot="description"
|
||||||
@ -42,7 +41,15 @@
|
|||||||
markers="{{mapMarkers}}"
|
markers="{{mapMarkers}}"
|
||||||
scale="15"
|
scale="15"
|
||||||
show-location
|
show-location
|
||||||
></map>
|
>
|
||||||
|
<cover-view slot="callout">
|
||||||
|
<cover-view class="custom-callout" marker-id="0">
|
||||||
|
<cover-view class="callout-content">
|
||||||
|
<cover-view class="callout-text">{{location.title || '地点'}}</cover-view>
|
||||||
|
</cover-view>
|
||||||
|
</cover-view>
|
||||||
|
</cover-view>
|
||||||
|
</map>
|
||||||
</t-cell>
|
</t-cell>
|
||||||
<t-cell
|
<t-cell
|
||||||
left-icon="location"
|
left-icon="location"
|
||||||
@ -57,13 +64,13 @@
|
|||||||
<t-cell wx:if="{{location.amount !== undefined && location.amount !== null}}" left-icon="money" title="费用">
|
<t-cell wx:if="{{location.amount !== undefined && location.amount !== null}}" left-icon="money" title="费用">
|
||||||
<view slot="note">¥{{location.amount}}</view>
|
<view slot="note">¥{{location.amount}}</view>
|
||||||
</t-cell>
|
</t-cell>
|
||||||
<t-cell left-icon="verify" title="需要身份证">
|
<t-cell left-icon="verify" title="身份证">
|
||||||
<view slot="note" class="{{location.requireIdCard ? 'red' : ''}}">
|
<view slot="note" class="{{location.requireIdCard ? 'red' : ''}}">
|
||||||
{{location.requireIdCard ? '需要' : '无需'}}
|
{{location.requireIdCard ? '需要' : '无需'}}
|
||||||
</view>
|
</view>
|
||||||
</t-cell>
|
</t-cell>
|
||||||
<t-cell left-icon="calendar" title="需要预约">
|
<t-cell left-icon="calendar" title="预约">
|
||||||
<view slot="note" class="{{location.requireAppointment ? 'warning' : ''}}">
|
<view slot="note" class="{{location.requireAppointment ? 'red' : ''}}">
|
||||||
{{location.requireAppointment ? '需要' : '无需'}}
|
{{location.requireAppointment ? '需要' : '无需'}}
|
||||||
</view>
|
</view>
|
||||||
</t-cell>
|
</t-cell>
|
||||||
@ -78,19 +85,6 @@
|
|||||||
</view>
|
</view>
|
||||||
</t-cell>
|
</t-cell>
|
||||||
</t-cell-group>
|
</t-cell-group>
|
||||||
<!-- 出行记录 -->
|
|
||||||
<t-cell-group class="section">
|
|
||||||
<view slot="title" class="title">出行记录</view>
|
|
||||||
<t-cell left-icon="flag" title="首次出行">
|
|
||||||
<view slot="note">{{location.firstTravelTime || '未记录'}}</view>
|
|
||||||
</t-cell>
|
|
||||||
<t-cell left-icon="calendar-1" title="最近出行">
|
|
||||||
<view slot="note">{{location.lastTravelTime || '未记录'}}</view>
|
|
||||||
</t-cell>
|
|
||||||
<t-cell left-icon="chart" title="累计次数">
|
|
||||||
<view slot="note">{{location.travelCount || 0}} 次</view>
|
|
||||||
</t-cell>
|
|
||||||
</t-cell-group>
|
|
||||||
<!-- 详细说明 -->
|
<!-- 详细说明 -->
|
||||||
<t-cell-group wx:if="{{location.description}}" class="section">
|
<t-cell-group wx:if="{{location.description}}" class="section">
|
||||||
<view slot="title" class="title">详细说明</view>
|
<view slot="title" class="title">详细说明</view>
|
||||||
|
|||||||
@ -3,7 +3,6 @@
|
|||||||
.travel-location-editor {
|
.travel-location-editor {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background: var(--theme-bg-secondary);
|
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
padding-bottom: 64rpx;
|
padding-bottom: 64rpx;
|
||||||
@ -31,17 +30,18 @@
|
|||||||
line-height: 64rpx;
|
line-height: 64rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.location {
|
&.location {
|
||||||
|
|
||||||
.title {
|
.note {
|
||||||
width: 2em;
|
color: var(--theme-text-primary);
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.picker .slot {
|
.value {
|
||||||
gap: 16rpx;
|
|
||||||
display: flex;
|
.title {
|
||||||
align-items: center;
|
width: 2em;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.media {
|
&.media {
|
||||||
@ -128,103 +128,36 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.media-section {
|
&.upload {
|
||||||
margin-top: 48rpx;
|
gap: 16rpx;
|
||||||
padding: 32rpx;
|
display: flex;
|
||||||
background: var(--theme-bg-card);
|
padding: 24rpx 32rpx;
|
||||||
|
margin-top: 24rpx;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 12rpx;
|
||||||
|
background: var(--theme-bg-card);
|
||||||
|
|
||||||
.section-title {
|
.text {
|
||||||
color: var(--theme-text-primary);
|
color: var(--theme-text-secondary);
|
||||||
margin-bottom: 24rpx;
|
font-size: 28rpx;
|
||||||
font-size: 32rpx;
|
}
|
||||||
font-weight: bold;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-grid {
|
&.action {
|
||||||
gap: 24rpx;
|
gap: 24rpx;
|
||||||
display: grid;
|
display: flex;
|
||||||
grid-template-columns: repeat(3, 1fr);
|
padding: 24rpx 16rpx 48rpx 16rpx;
|
||||||
|
|
||||||
.media-item {
|
.delete-btn {
|
||||||
width: 100%;
|
flex: .6;
|
||||||
height: 200rpx;
|
|
||||||
overflow: hidden;
|
|
||||||
position: relative;
|
|
||||||
border-radius: 12rpx;
|
|
||||||
|
|
||||||
.media-img {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.video-badge {
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
display: flex;
|
|
||||||
position: absolute;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.media-delete {
|
|
||||||
top: 8rpx;
|
|
||||||
right: 8rpx;
|
|
||||||
width: 48rpx;
|
|
||||||
height: 48rpx;
|
|
||||||
display: flex;
|
|
||||||
position: absolute;
|
|
||||||
background: rgba(0, 0, 0, .5);
|
|
||||||
align-items: center;
|
|
||||||
border-radius: 50%;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-add {
|
.submit-btn {
|
||||||
width: 100%;
|
flex: 1;
|
||||||
height: 200rpx;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
border-radius: 12rpx;
|
|
||||||
justify-content: center;
|
|
||||||
background: var(--theme-bg-page);
|
|
||||||
border: 2rpx dashed var(--theme-border);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.upload-info {
|
|
||||||
gap: 16rpx;
|
|
||||||
display: flex;
|
|
||||||
padding: 24rpx 32rpx;
|
|
||||||
margin-top: 24rpx;
|
|
||||||
align-items: center;
|
|
||||||
border-radius: 12rpx;
|
|
||||||
background: var(--theme-bg-card);
|
|
||||||
|
|
||||||
.upload-text {
|
|
||||||
color: var(--theme-text-secondary);
|
|
||||||
font-size: 28rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.submit-section {
|
|
||||||
gap: 24rpx;
|
|
||||||
display: flex;
|
|
||||||
padding: 24rpx 16rpx 48rpx 16rpx;
|
|
||||||
margin-top: 64rpx;
|
|
||||||
|
|
||||||
.delete-btn {
|
|
||||||
flex: .6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.submit-btn {
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -10,9 +10,9 @@ import { MediaItem, MediaItemType } from "../../../types/UI";
|
|||||||
interface TravelLocationEditorData {
|
interface TravelLocationEditorData {
|
||||||
/** 模式:create 或 edit */
|
/** 模式:create 或 edit */
|
||||||
mode: "create" | "edit";
|
mode: "create" | "edit";
|
||||||
/** 旅行地点 ID(编辑模式) */
|
/** 出行地点 ID(编辑模式) */
|
||||||
id?: number;
|
id?: number;
|
||||||
/** 关联的旅行计划 ID */
|
/** 关联的出行计划 ID */
|
||||||
travelId: number;
|
travelId: number;
|
||||||
/** 地点类型 */
|
/** 地点类型 */
|
||||||
type: TravelLocationType;
|
type: TravelLocationType;
|
||||||
@ -32,12 +32,6 @@ interface TravelLocationEditorData {
|
|||||||
requireIdCard: boolean;
|
requireIdCard: boolean;
|
||||||
/** 是否需要预约 */
|
/** 是否需要预约 */
|
||||||
requireAppointment: boolean;
|
requireAppointment: boolean;
|
||||||
/** 首次出行时间戳 */
|
|
||||||
firstTraveledAt: number;
|
|
||||||
/** 上次出行时间戳 */
|
|
||||||
lastTraveledAt: number;
|
|
||||||
/** 出行次数 */
|
|
||||||
travelCount: number;
|
|
||||||
/** 评分 */
|
/** 评分 */
|
||||||
score: number;
|
score: number;
|
||||||
/** 重要程度 */
|
/** 重要程度 */
|
||||||
@ -55,11 +49,11 @@ interface TravelLocationEditorData {
|
|||||||
/** 上传进度信息 */
|
/** 上传进度信息 */
|
||||||
uploadInfo: string;
|
uploadInfo: string;
|
||||||
/** 地点类型选项 */
|
/** 地点类型选项 */
|
||||||
locationTypes: { label: string; value: TravelLocationType }[];
|
locationTypes: string[];
|
||||||
|
/** 地点类型值数组 */
|
||||||
|
locationTypeValues: TravelLocationType[];
|
||||||
/** 地点类型选中索引 */
|
/** 地点类型选中索引 */
|
||||||
locationTypeIndex: number;
|
locationTypeIndex: number;
|
||||||
/** 地点类型选择器可见性 */
|
|
||||||
locationTypePickerVisible: boolean;
|
|
||||||
/** 删除对话框可见性 */
|
/** 删除对话框可见性 */
|
||||||
deleteDialogVisible: boolean;
|
deleteDialogVisible: boolean;
|
||||||
/** 删除确认文本 */
|
/** 删除确认文本 */
|
||||||
@ -82,9 +76,6 @@ Page({
|
|||||||
amount: 0,
|
amount: 0,
|
||||||
requireIdCard: false,
|
requireIdCard: false,
|
||||||
requireAppointment: false,
|
requireAppointment: false,
|
||||||
firstTraveledAt: 0,
|
|
||||||
lastTraveledAt: 0,
|
|
||||||
travelCount: 0,
|
|
||||||
score: 3,
|
score: 3,
|
||||||
importance: 1,
|
importance: 1,
|
||||||
mediaList: [],
|
mediaList: [],
|
||||||
@ -96,16 +87,17 @@ Page({
|
|||||||
mediaItemTypeEnum: {
|
mediaItemTypeEnum: {
|
||||||
...MediaItemType
|
...MediaItemType
|
||||||
},
|
},
|
||||||
locationTypes: [
|
locationTypes: ["美食", "酒店", "交通", "景点", "购物", "玩乐", "生活"],
|
||||||
{ label: "景点", value: TravelLocationType.ATTRACTION },
|
locationTypeValues: [
|
||||||
{ label: "酒店", value: TravelLocationType.HOTEL },
|
TravelLocationType.FOOD,
|
||||||
{ label: "餐厅", value: TravelLocationType.RESTAURANT },
|
TravelLocationType.HOTEL,
|
||||||
{ label: "交通站点", value: TravelLocationType.TRANSPORT },
|
TravelLocationType.TRANSPORT,
|
||||||
{ label: "购物", value: TravelLocationType.SHOPPING },
|
TravelLocationType.ATTRACTION,
|
||||||
{ label: "其他", value: TravelLocationType.OTHER }
|
TravelLocationType.SHOPPING,
|
||||||
|
TravelLocationType.PLAY,
|
||||||
|
TravelLocationType.LIFE
|
||||||
],
|
],
|
||||||
locationTypeIndex: 0,
|
locationTypeIndex: 0,
|
||||||
locationTypePickerVisible: false,
|
|
||||||
deleteDialogVisible: false,
|
deleteDialogVisible: false,
|
||||||
deleteConfirmText: ""
|
deleteConfirmText: ""
|
||||||
},
|
},
|
||||||
@ -115,7 +107,7 @@ Page({
|
|||||||
const travelId = options.travelId ? parseInt(options.travelId) : 0;
|
const travelId = options.travelId ? parseInt(options.travelId) : 0;
|
||||||
if (!travelId) {
|
if (!travelId) {
|
||||||
wx.showToast({
|
wx.showToast({
|
||||||
title: "缺少旅行计划 ID",
|
title: "缺少出行计划 ID",
|
||||||
icon: "error"
|
icon: "error"
|
||||||
});
|
});
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
@ -155,8 +147,8 @@ Page({
|
|||||||
|
|
||||||
// 计算地点类型索引
|
// 计算地点类型索引
|
||||||
const type = location.type || TravelLocationType.ATTRACTION;
|
const type = location.type || TravelLocationType.ATTRACTION;
|
||||||
const locationTypeIndex = this.data.locationTypes.findIndex(
|
const locationTypeIndex = this.data.locationTypeValues.findIndex(
|
||||||
item => item.value === type
|
item => item === type
|
||||||
);
|
);
|
||||||
|
|
||||||
const items = location.items || [];
|
const items = location.items || [];
|
||||||
@ -186,9 +178,6 @@ Page({
|
|||||||
amount: location.amount || 0,
|
amount: location.amount || 0,
|
||||||
requireIdCard: location.requireIdCard || false,
|
requireIdCard: location.requireIdCard || false,
|
||||||
requireAppointment: location.requireAppointment || false,
|
requireAppointment: location.requireAppointment || false,
|
||||||
firstTraveledAt: location.firstTraveledAt || 0,
|
|
||||||
lastTraveledAt: location.lastTraveledAt || 0,
|
|
||||||
travelCount: location.travelCount || 0,
|
|
||||||
score: location.score !== undefined ? location.score : 3,
|
score: location.score !== undefined ? location.score : 3,
|
||||||
importance: location.importance !== undefined ? location.importance : 1,
|
importance: location.importance !== undefined ? location.importance : 1,
|
||||||
mediaList,
|
mediaList,
|
||||||
@ -212,30 +201,10 @@ Page({
|
|||||||
const index = e.detail.value;
|
const index = e.detail.value;
|
||||||
this.setData({
|
this.setData({
|
||||||
locationTypeIndex: index,
|
locationTypeIndex: index,
|
||||||
type: this.data.locationTypes[index].value
|
type: this.data.locationTypeValues[index]
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
/** 显示地点类型选择器 */
|
|
||||||
showLocationTypePicker() {
|
|
||||||
this.setData({ locationTypePickerVisible: true });
|
|
||||||
},
|
|
||||||
|
|
||||||
/** Picker 确认 */
|
|
||||||
onPickerConfirm(e: any) {
|
|
||||||
const index = e.detail.value;
|
|
||||||
this.setData({
|
|
||||||
locationTypeIndex: index,
|
|
||||||
type: this.data.locationTypes[index].value,
|
|
||||||
locationTypePickerVisible: false
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
/** Picker 取消 */
|
|
||||||
onPickerCancel() {
|
|
||||||
this.setData({ locationTypePickerVisible: false });
|
|
||||||
},
|
|
||||||
|
|
||||||
/** 改变是否需要身份证 */
|
/** 改变是否需要身份证 */
|
||||||
onChangeRequireIdCard(e: any) {
|
onChangeRequireIdCard(e: any) {
|
||||||
this.setData({ requireIdCard: e.detail.value });
|
this.setData({ requireIdCard: e.detail.value });
|
||||||
@ -355,7 +324,7 @@ Page({
|
|||||||
// 创建模式:只有 mediaList
|
// 创建模式:只有 mediaList
|
||||||
const sources = (this.data.mediaList as WechatMediaItem[]).map(item => ({
|
const sources = (this.data.mediaList as WechatMediaItem[]).map(item => ({
|
||||||
url: item.path,
|
url: item.path,
|
||||||
type: MediaItemType[item.type].toLowerCase()
|
type: item.type!.toLowerCase()
|
||||||
}));
|
}));
|
||||||
|
|
||||||
const total = sources.length;
|
const total = sources.length;
|
||||||
@ -371,11 +340,11 @@ Page({
|
|||||||
// 编辑模式:mediaList + newMediaList
|
// 编辑模式:mediaList + newMediaList
|
||||||
const sources = (this.data.mediaList as MediaItem[]).map(item => ({
|
const sources = (this.data.mediaList as MediaItem[]).map(item => ({
|
||||||
url: item.sourceURL,
|
url: item.sourceURL,
|
||||||
type: MediaItemType[item.type].toLowerCase()
|
type: item.type.toLowerCase()
|
||||||
}));
|
}));
|
||||||
const newSources = this.data.newMediaList.map(item => ({
|
const newSources = this.data.newMediaList.map(item => ({
|
||||||
url: item.path,
|
url: item.path,
|
||||||
type: MediaItemType[item.type].toLowerCase()
|
type: item.type!.toLowerCase()
|
||||||
}));
|
}));
|
||||||
const allSources = [...sources, ...newSources];
|
const allSources = [...sources, ...newSources];
|
||||||
const itemIndex = isNewMedia ? this.data.mediaList.length + index : index;
|
const itemIndex = isNewMedia ? this.data.mediaList.length + index : index;
|
||||||
@ -514,9 +483,6 @@ Page({
|
|||||||
amount: this.data.amount,
|
amount: this.data.amount,
|
||||||
requireIdCard: this.data.requireIdCard,
|
requireIdCard: this.data.requireIdCard,
|
||||||
requireAppointment: this.data.requireAppointment,
|
requireAppointment: this.data.requireAppointment,
|
||||||
firstTraveledAt: this.data.firstTraveledAt,
|
|
||||||
lastTraveledAt: this.data.lastTraveledAt,
|
|
||||||
travelCount: this.data.travelCount,
|
|
||||||
score: this.data.score,
|
score: this.data.score,
|
||||||
importance: this.data.importance,
|
importance: this.data.importance,
|
||||||
tempFileIds
|
tempFileIds
|
||||||
@ -573,9 +539,6 @@ Page({
|
|||||||
amount: this.data.amount,
|
amount: this.data.amount,
|
||||||
requireIdCard: this.data.requireIdCard,
|
requireIdCard: this.data.requireIdCard,
|
||||||
requireAppointment: this.data.requireAppointment,
|
requireAppointment: this.data.requireAppointment,
|
||||||
firstTraveledAt: this.data.firstTraveledAt,
|
|
||||||
lastTraveledAt: this.data.lastTraveledAt,
|
|
||||||
travelCount: this.data.travelCount,
|
|
||||||
score: this.data.score,
|
score: this.data.score,
|
||||||
importance: this.data.importance,
|
importance: this.data.importance,
|
||||||
attachmentIds,
|
attachmentIds,
|
||||||
|
|||||||
@ -3,21 +3,23 @@
|
|||||||
<text slot="left" bindtap="cancel">取消</text>
|
<text slot="left" bindtap="cancel">取消</text>
|
||||||
</t-navbar>
|
</t-navbar>
|
||||||
|
|
||||||
<scroll-view class="travel-location-editor" type="custom" scroll-y show-scrollbar="{{false}}">
|
<scroll-view class="travel-location-editor setting-bg" type="custom" scroll-y show-scrollbar="{{false}}">
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<view wx:if="{{isLoading}}" class="loading">
|
<view wx:if="{{isLoading}}" class="loading">
|
||||||
<t-loading theme="dots" size="40rpx" />
|
<t-loading theme="dots" size="40rpx" />
|
||||||
<text class="text">加载中...</text>
|
<text class="text">加载中...</text>
|
||||||
</view>
|
</view>
|
||||||
<block wx:else>
|
<block wx:else>
|
||||||
<t-cell-group class="section">
|
<t-cell-group class="section location">
|
||||||
<view slot="title" class="title">位置信息</view>
|
<view slot="title" class="title">位置信息</view>
|
||||||
<t-cell title="地点类型" arrow bind:click="showLocationTypePicker">
|
<picker mode="selector" range="{{locationTypes}}" value="{{locationTypeIndex}}" bindchange="onChangeLocationType">
|
||||||
<view slot="note" class="black">{{locationTypes[locationTypeIndex].label}}</view>
|
<t-cell title="地点类型" arrow>
|
||||||
</t-cell>
|
<view slot="note" class="note">{{locationTypes[locationTypeIndex]}}</view>
|
||||||
<t-cell class="location" required arrow bind:click="chooseLocation">
|
</t-cell>
|
||||||
|
</picker>
|
||||||
|
<t-cell class="value" required arrow bind:click="chooseLocation">
|
||||||
<view slot="title" class="title">位置</view>
|
<view slot="title" class="title">位置</view>
|
||||||
<view slot="note" class="black">{{location}}</view>
|
<view slot="note" class="note">{{location}}</view>
|
||||||
</t-cell>
|
</t-cell>
|
||||||
</t-cell-group>
|
</t-cell-group>
|
||||||
<t-cell-group class="section">
|
<t-cell-group class="section">
|
||||||
@ -46,6 +48,7 @@
|
|||||||
placeholder="0"
|
placeholder="0"
|
||||||
label="费用"
|
label="费用"
|
||||||
suffix="元"
|
suffix="元"
|
||||||
|
type="digit"
|
||||||
align="right"
|
align="right"
|
||||||
/>
|
/>
|
||||||
<t-cell title="需要身份证">
|
<t-cell title="需要身份证">
|
||||||
@ -207,16 +210,16 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 上传进度提示 -->
|
<!-- 上传进度提示 -->
|
||||||
<view wx:if="{{isUploading}}" class="upload-info">
|
<view wx:if="{{isUploading}}" class="section upload">
|
||||||
<t-loading theme="circular" size="32rpx" />
|
<t-loading theme="circular" size="32rpx" />
|
||||||
<text class="upload-text">{{uploadInfo}}</text>
|
<text class="text">{{uploadInfo}}</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 按钮 -->
|
<!-- 按钮 -->
|
||||||
<view class="submit-section">
|
<view class="section action">
|
||||||
<t-button
|
<t-button
|
||||||
wx:if="{{mode === 'edit'}}"
|
wx:if="{{mode === 'edit'}}"
|
||||||
class="delete-btn"
|
class="delete"
|
||||||
theme="danger"
|
theme="danger"
|
||||||
variant="outline"
|
variant="outline"
|
||||||
size="large"
|
size="large"
|
||||||
@ -226,7 +229,7 @@
|
|||||||
删除
|
删除
|
||||||
</t-button>
|
</t-button>
|
||||||
<t-button
|
<t-button
|
||||||
class="submit-btn"
|
class="submit"
|
||||||
theme="primary"
|
theme="primary"
|
||||||
size="large"
|
size="large"
|
||||||
bind:tap="submit"
|
bind:tap="submit"
|
||||||
@ -240,18 +243,6 @@
|
|||||||
</view>
|
</view>
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
|
|
||||||
<!-- 地点类型选择器 -->
|
|
||||||
<t-picker
|
|
||||||
visible="{{locationTypePickerVisible}}"
|
|
||||||
value="{{locationTypeIndex}}"
|
|
||||||
cancelBtn="取消"
|
|
||||||
confirmBtn="确认"
|
|
||||||
bind:confirm="onPickerConfirm"
|
|
||||||
bind:cancel="onPickerCancel"
|
|
||||||
>
|
|
||||||
<t-picker-item options="{{locationTypes}}" />
|
|
||||||
</t-picker>
|
|
||||||
|
|
||||||
<!-- 删除确认对话框 -->
|
<!-- 删除确认对话框 -->
|
||||||
<t-dialog
|
<t-dialog
|
||||||
visible="{{deleteDialogVisible}}"
|
visible="{{deleteDialogVisible}}"
|
||||||
|
|||||||
@ -8,46 +8,42 @@
|
|||||||
.map {
|
.map {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
|
||||||
|
|
||||||
.custom-callout {
|
.custom-callout {
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
padding: 12rpx 16rpx;
|
padding: 12rpx 16rpx;
|
||||||
display: flex;
|
|
||||||
min-width: 300rpx;
|
|
||||||
max-width: 400rpx;
|
|
||||||
background: #fff;
|
|
||||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, .15);
|
|
||||||
border-radius: 6rpx;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
.location-item {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 6rpx 0;
|
min-width: 300rpx;
|
||||||
align-items: center;
|
max-width: 400rpx;
|
||||||
|
background: var(--theme-bg-card-secondary);
|
||||||
&:not(:last-child) {
|
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, .15);
|
||||||
border-bottom: 1px solid #eee;
|
border-radius: 6rpx;
|
||||||
}
|
flex-direction: column;
|
||||||
|
|
||||||
.type {
|
.location-item {
|
||||||
color: #fff;
|
display: flex;
|
||||||
padding: 2rpx 8rpx;
|
padding: 6rpx 0;
|
||||||
font-size: 24rpx;
|
align-items: center;
|
||||||
flex-shrink: 0;
|
|
||||||
background: var(--theme-wx, #07c160);
|
.type {
|
||||||
margin-right: 12rpx;
|
color: #fff;
|
||||||
border-radius: 4rpx;
|
padding: 4rpx 12rpx 6rpx 12rpx;
|
||||||
}
|
font-size: 28rpx;
|
||||||
|
flex-shrink: 0;
|
||||||
.title {
|
background: var(--theme-wx, #07c160);
|
||||||
flex: 1;
|
margin-right: 12rpx;
|
||||||
color: #333;
|
border-radius: 4rpx;
|
||||||
overflow: hidden;
|
}
|
||||||
font-size: 28rpx;
|
|
||||||
font-weight: bold;
|
.title {
|
||||||
white-space: nowrap;
|
flex: 1;
|
||||||
text-overflow: ellipsis;
|
color: var(--theme-text-primary, #333);
|
||||||
|
overflow: hidden;
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -60,9 +56,9 @@
|
|||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
|
|
||||||
.loading-text {
|
.loading-text {
|
||||||
color: #666;
|
color: var(--theme-text-secondary, #666);
|
||||||
padding: 24rpx 48rpx;
|
padding: 24rpx 48rpx;
|
||||||
background: #FFF;
|
background: var(--theme-bg-card, #fff);
|
||||||
border-radius: 8rpx;
|
border-radius: 8rpx;
|
||||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, .15);
|
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, .15);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -66,7 +66,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.meta {
|
.meta {
|
||||||
gap: 16rpx;
|
gap: 32rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
|||||||
@ -2,13 +2,13 @@
|
|||||||
|
|
||||||
import Time from "../../../utils/Time";
|
import Time from "../../../utils/Time";
|
||||||
import { TravelApi } from "../../../api/TravelApi";
|
import { TravelApi } from "../../../api/TravelApi";
|
||||||
import { Travel, TravelPage, TravelStatus, TravelStatusLabel, TravelStatusIcon, TransportationTypeLabel } from "../../../types/Travel";
|
import { Travel, TravelPage, TravelStatus, TravelStatusLabel, TravelStatusIcon, TransportationTypeLabel, TransportationTypeIcon } from "../../../types/Travel";
|
||||||
import { OrderType } from "../../../types/Model";
|
import { OrderType } from "../../../types/Model";
|
||||||
|
|
||||||
interface TravelData {
|
interface TravelData {
|
||||||
/** 分页参数 */
|
/** 分页参数 */
|
||||||
page: TravelPage;
|
page: TravelPage;
|
||||||
/** 旅行列表 */
|
/** 出行列表 */
|
||||||
list: Travel[];
|
list: Travel[];
|
||||||
/** 当前筛选状态 */
|
/** 当前筛选状态 */
|
||||||
currentStatus: TravelStatus | "ALL";
|
currentStatus: TravelStatus | "ALL";
|
||||||
@ -27,6 +27,8 @@ interface TravelData {
|
|||||||
statusIcons: typeof TravelStatusIcon;
|
statusIcons: typeof TravelStatusIcon;
|
||||||
/** 交通类型标签映射 */
|
/** 交通类型标签映射 */
|
||||||
transportLabels: typeof TransportationTypeLabel;
|
transportLabels: typeof TransportationTypeLabel;
|
||||||
|
/** 交通类型图标映射 */
|
||||||
|
transportIcons: typeof TransportationTypeIcon;
|
||||||
}
|
}
|
||||||
|
|
||||||
Page({
|
Page({
|
||||||
@ -47,11 +49,18 @@ Page({
|
|||||||
menuLeft: 0,
|
menuLeft: 0,
|
||||||
statusLabels: TravelStatusLabel,
|
statusLabels: TravelStatusLabel,
|
||||||
statusIcons: TravelStatusIcon,
|
statusIcons: TravelStatusIcon,
|
||||||
transportLabels: TransportationTypeLabel
|
transportLabels: TransportationTypeLabel,
|
||||||
|
transportIcons: TransportationTypeIcon
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
this.resetAndFetch();
|
this.resetAndFetch();
|
||||||
},
|
},
|
||||||
|
onShow() {
|
||||||
|
// 页面显示时刷新数据(从编辑页返回时)
|
||||||
|
if (0 < this.data.list.length) {
|
||||||
|
this.resetAndFetch();
|
||||||
|
}
|
||||||
|
},
|
||||||
onHide() {
|
onHide() {
|
||||||
this.setData({
|
this.setData({
|
||||||
isShowFilterMenu: false
|
isShowFilterMenu: false
|
||||||
@ -83,7 +92,7 @@ Page({
|
|||||||
});
|
});
|
||||||
this.fetch();
|
this.fetch();
|
||||||
},
|
},
|
||||||
/** 获取旅行列表 */
|
/** 获取出行列表 */
|
||||||
async fetch() {
|
async fetch() {
|
||||||
if (this.data.isFetching || this.data.isFinished) {
|
if (this.data.isFetching || this.data.isFinished) {
|
||||||
return;
|
return;
|
||||||
@ -117,7 +126,7 @@ Page({
|
|||||||
isFinished: list.length < this.data.page.size
|
isFinished: list.length < this.data.page.size
|
||||||
});
|
});
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error("获取旅行列表失败:", error);
|
console.error("获取出行列表失败:", error);
|
||||||
} finally {
|
} finally {
|
||||||
this.setData({ isFetching: false });
|
this.setData({ isFetching: false });
|
||||||
}
|
}
|
||||||
@ -158,7 +167,7 @@ Page({
|
|||||||
});
|
});
|
||||||
this.resetAndFetch();
|
this.resetAndFetch();
|
||||||
},
|
},
|
||||||
/** 新建旅行 */
|
/** 新建出行 */
|
||||||
toCreate() {
|
toCreate() {
|
||||||
wx.navigateTo({
|
wx.navigateTo({
|
||||||
url: "/pages/main/travel-editor/index"
|
url: "/pages/main/travel-editor/index"
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
<!--pages/main/travel/index.wxml-->
|
<!--pages/main/travel/index.wxml-->
|
||||||
<view class="custom-navbar">
|
<view class="custom-navbar">
|
||||||
<t-navbar title="旅行计划">
|
<t-navbar title="出行计划">
|
||||||
<view slot="left" class="filter-btn" bind:tap="toggleFilterMenu">
|
<view slot="left" class="filter-btn" bind:tap="toggleFilterMenu">
|
||||||
<t-icon name="filter" size="24px" />
|
<t-icon name="filter" size="24px" />
|
||||||
</view>
|
</view>
|
||||||
@ -46,13 +46,13 @@
|
|||||||
</t-cell-group>
|
</t-cell-group>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 旅行列表 -->
|
<!-- 出行列表 -->
|
||||||
<view class="travels">
|
<view class="travels">
|
||||||
<!-- 空状态 -->
|
<!-- 空状态 -->
|
||||||
<t-empty
|
<t-empty
|
||||||
wx:if="{{!isFetching && list.length === 0}}"
|
wx:if="{{!isFetching && list.length === 0}}"
|
||||||
icon="travel"
|
icon="travel"
|
||||||
description="暂无旅行计划"
|
description="暂无出行计划"
|
||||||
/>
|
/>
|
||||||
<!-- 列表内容 -->
|
<!-- 列表内容 -->
|
||||||
<view
|
<view
|
||||||
@ -74,19 +74,19 @@
|
|||||||
</t-tag>
|
</t-tag>
|
||||||
</view>
|
</view>
|
||||||
<view class="body">
|
<view class="body">
|
||||||
<view class="title">{{travel.title || '未命名旅行'}}</view>
|
<view class="title">{{travel.title || '未命名出行'}}</view>
|
||||||
<view wx:if="{{travel.content}}" class="content">{{travel.content}}</view>
|
<view wx:if="{{travel.content}}" class="content">{{travel.content}}</view>
|
||||||
<view class="meta">
|
<view class="meta">
|
||||||
<view class="item">
|
<view wx:if="{{travel.travelDate}}" class="item">
|
||||||
<t-icon name="time" size="16px" class="icon" />
|
<t-icon name="time" size="16px" class="icon" />
|
||||||
<text class="text">{{travel.travelDate}} {{travel.travelTime}}</text>
|
<text class="text">{{travel.travelDate}}</text>
|
||||||
</view>
|
</view>
|
||||||
<view wx:if="{{travel.days}}" class="item">
|
<view wx:if="{{travel.days}}" class="item">
|
||||||
<t-icon name="calendar" size="16px" class="icon" />
|
<t-icon name="calendar" size="16px" class="icon" />
|
||||||
<text class="text">{{travel.days}} 天</text>
|
<text class="text">{{travel.days}} 天</text>
|
||||||
</view>
|
</view>
|
||||||
<view wx:if="{{travel.transportationType}}" class="item">
|
<view wx:if="{{travel.transportationType}}" class="item">
|
||||||
<t-icon name="{{travel.transportationType === 'PLANE' ? 'flight-takeoff' : travel.transportationType === 'TRAIN' ? 'map-route' : travel.transportationType === 'SELF_DRIVING' ? 'control-platform' : 'location'}}" size="16px" class="icon" />
|
<t-icon name="{{transportIcons[travel.transportationType]}}" size="16px" class="icon" />
|
||||||
<text class="text">{{transportLabels[travel.transportationType]}}</text>
|
<text class="text">{{transportLabels[travel.transportationType]}}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@ -256,10 +256,10 @@ page {
|
|||||||
--td-font-size-l: var(--td-font-size-title-large);
|
--td-font-size-l: var(--td-font-size-title-large);
|
||||||
--td-font-size-xl: var(--td-font-size-title-extra-large);
|
--td-font-size-xl: var(--td-font-size-title-extra-large);
|
||||||
--td-font-size-xxl: var(--td-font-size-headline-large);
|
--td-font-size-xxl: var(--td-font-size-headline-large);
|
||||||
--td-radius-small: 2px;
|
--td-radius-small: 8rpx;
|
||||||
--td-radius-default: 4px;
|
--td-radius-default: 16rpx;
|
||||||
--td-radius-large: 6px;
|
--td-radius-large: 24px;
|
||||||
--td-radius-extraLarge: 7px;
|
--td-radius-extraLarge: 32rpx;
|
||||||
--td-radius-round: 999px;
|
--td-radius-round: 9999rpx;
|
||||||
--td-radius-circle: 50%;
|
--td-radius-circle: 50%;
|
||||||
}
|
}
|
||||||
@ -13,6 +13,7 @@ page {
|
|||||||
--theme-bg-primary: #FFF;
|
--theme-bg-primary: #FFF;
|
||||||
--theme-bg-secondary: #F5F5F5;
|
--theme-bg-secondary: #F5F5F5;
|
||||||
--theme-bg-card: #FFF;
|
--theme-bg-card: #FFF;
|
||||||
|
--theme-bg-card-secondary: #F4F4F4;
|
||||||
--theme-bg-journal: #FFF2C8;
|
--theme-bg-journal: #FFF2C8;
|
||||||
--theme-bg-overlay: rgba(0, 0, 0, .1);
|
--theme-bg-overlay: rgba(0, 0, 0, .1);
|
||||||
--theme-bg-menu: rgba(255, 255, 255, .95);
|
--theme-bg-menu: rgba(255, 255, 255, .95);
|
||||||
@ -68,7 +69,8 @@ page {
|
|||||||
--theme-bg-primary: #1A1A1A;
|
--theme-bg-primary: #1A1A1A;
|
||||||
--theme-bg-secondary: #2A2A2A;
|
--theme-bg-secondary: #2A2A2A;
|
||||||
--theme-bg-card: #2C2C2C;
|
--theme-bg-card: #2C2C2C;
|
||||||
--theme-bg-journal: #3A3A2E;
|
--theme-bg-card-secondary: #404040;
|
||||||
|
--theme-bg-journal: #404040;
|
||||||
--theme-bg-overlay: rgba(0, 0, 0, .3);
|
--theme-bg-overlay: rgba(0, 0, 0, .3);
|
||||||
--theme-bg-menu: rgba(40, 40, 40, .95);
|
--theme-bg-menu: rgba(40, 40, 40, .95);
|
||||||
|
|
||||||
|
|||||||
@ -22,28 +22,38 @@ export const TransportationTypeLabel: Record<TransportationType, string> = {
|
|||||||
[TransportationType.OTHER]: "其他"
|
[TransportationType.OTHER]: "其他"
|
||||||
};
|
};
|
||||||
|
|
||||||
/** 旅行状态 */
|
/** 交通类型图标映射 */
|
||||||
|
export const TransportationTypeIcon: Record<TransportationType, string> = {
|
||||||
|
[TransportationType.PLANE]: "flight-takeoff",
|
||||||
|
[TransportationType.TRAIN]: "map-route",
|
||||||
|
[TransportationType.CAR]: "vehicle",
|
||||||
|
[TransportationType.SHIP]: "anchor",
|
||||||
|
[TransportationType.SELF_DRIVING]: "vehicle",
|
||||||
|
[TransportationType.OTHER]: "compass"
|
||||||
|
};
|
||||||
|
|
||||||
|
/** 出行状态 */
|
||||||
export enum TravelStatus {
|
export enum TravelStatus {
|
||||||
PLANNING = "PLANNING",
|
PLANNING = "PLANNING",
|
||||||
ONGOING = "ONGOING",
|
ONGOING = "ONGOING",
|
||||||
COMPLETED = "COMPLETED"
|
COMPLETED = "COMPLETED"
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 旅行状态中文映射 */
|
/** 出行状态中文映射 */
|
||||||
export const TravelStatusLabel: Record<TravelStatus, string> = {
|
export const TravelStatusLabel: Record<TravelStatus, string> = {
|
||||||
[TravelStatus.PLANNING]: "计划中",
|
[TravelStatus.PLANNING]: "计划中",
|
||||||
[TravelStatus.ONGOING]: "进行中",
|
[TravelStatus.ONGOING]: "进行中",
|
||||||
[TravelStatus.COMPLETED]: "已完成"
|
[TravelStatus.COMPLETED]: "已完成"
|
||||||
};
|
};
|
||||||
|
|
||||||
/** 旅行状态图标映射 */
|
/** 出行状态图标映射 */
|
||||||
export const TravelStatusIcon: Record<TravelStatus, string> = {
|
export const TravelStatusIcon: Record<TravelStatus, string> = {
|
||||||
[TravelStatus.PLANNING]: "calendar",
|
[TravelStatus.PLANNING]: "calendar",
|
||||||
[TravelStatus.ONGOING]: "play-circle",
|
[TravelStatus.ONGOING]: "play-circle",
|
||||||
[TravelStatus.COMPLETED]: "check-circle"
|
[TravelStatus.COMPLETED]: "check-circle"
|
||||||
};
|
};
|
||||||
|
|
||||||
/** 旅行计划实体 */
|
/** 出行计划实体 */
|
||||||
export interface Travel extends Model {
|
export interface Travel extends Model {
|
||||||
/** 交通类型 */
|
/** 交通类型 */
|
||||||
transportationType?: TransportationType;
|
transportationType?: TransportationType;
|
||||||
@ -55,10 +65,10 @@ export interface Travel extends Model {
|
|||||||
content?: string;
|
content?: string;
|
||||||
|
|
||||||
/** 出行时间戳 */
|
/** 出行时间戳 */
|
||||||
travelAt?: number;
|
travelAt?: number | null;
|
||||||
|
|
||||||
/** 天数 */
|
/** 天数 */
|
||||||
days?: number;
|
days?: number | null;
|
||||||
|
|
||||||
/** 状态 */
|
/** 状态 */
|
||||||
status?: TravelStatus;
|
status?: TravelStatus;
|
||||||
@ -70,7 +80,7 @@ export interface Travel extends Model {
|
|||||||
travelTime?: string;
|
travelTime?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 旅行分页查询 */
|
/** 出行分页查询 */
|
||||||
export interface TravelPage extends QueryPage {
|
export interface TravelPage extends QueryPage {
|
||||||
/** 条件过滤 */
|
/** 条件过滤 */
|
||||||
equalsExample?: {
|
equalsExample?: {
|
||||||
@ -80,37 +90,40 @@ export interface TravelPage extends QueryPage {
|
|||||||
|
|
||||||
/** 地点类型 */
|
/** 地点类型 */
|
||||||
export enum TravelLocationType {
|
export enum TravelLocationType {
|
||||||
ATTRACTION = "ATTRACTION",
|
FOOD = "FOOD",
|
||||||
HOTEL = "HOTEL",
|
HOTEL = "HOTEL",
|
||||||
RESTAURANT = "RESTAURANT",
|
|
||||||
TRANSPORT = "TRANSPORT",
|
TRANSPORT = "TRANSPORT",
|
||||||
|
ATTRACTION = "ATTRACTION",
|
||||||
SHOPPING = "SHOPPING",
|
SHOPPING = "SHOPPING",
|
||||||
OTHER = "OTHER"
|
PLAY = "PLAY",
|
||||||
|
LIFE = "LEFE"
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 地点类型中文映射 */
|
/** 地点类型中文映射 */
|
||||||
export const TravelLocationTypeLabel: Record<TravelLocationType, string> = {
|
export const TravelLocationTypeLabel: Record<TravelLocationType, string> = {
|
||||||
[TravelLocationType.ATTRACTION]: "景点",
|
[TravelLocationType.FOOD]: "美食",
|
||||||
[TravelLocationType.HOTEL]: "酒店",
|
[TravelLocationType.HOTEL]: "酒店",
|
||||||
[TravelLocationType.RESTAURANT]: "餐厅",
|
[TravelLocationType.TRANSPORT]: "交通",
|
||||||
[TravelLocationType.TRANSPORT]: "交通站点",
|
[TravelLocationType.ATTRACTION]: "景点",
|
||||||
[TravelLocationType.SHOPPING]: "购物",
|
[TravelLocationType.SHOPPING]: "购物",
|
||||||
[TravelLocationType.OTHER]: "其他"
|
[TravelLocationType.PLAY]: "玩乐",
|
||||||
|
[TravelLocationType.LIFE]: "生活"
|
||||||
};
|
};
|
||||||
|
|
||||||
/** 地点类型图标映射 */
|
/** 地点类型图标映射 */
|
||||||
export const TravelLocationTypeIcon: Record<TravelLocationType, string> = {
|
export const TravelLocationTypeIcon: Record<TravelLocationType, string> = {
|
||||||
[TravelLocationType.ATTRACTION]: "location",
|
[TravelLocationType.FOOD]: "chicken",
|
||||||
[TravelLocationType.HOTEL]: "home",
|
[TravelLocationType.HOTEL]: "city-8",
|
||||||
[TravelLocationType.RESTAURANT]: "shop",
|
[TravelLocationType.TRANSPORT]: "map-route-planning",
|
||||||
[TravelLocationType.TRANSPORT]: "map-route",
|
[TravelLocationType.ATTRACTION]: "image-1",
|
||||||
[TravelLocationType.SHOPPING]: "cart",
|
[TravelLocationType.SHOPPING]: "shop",
|
||||||
[TravelLocationType.OTHER]: "ellipsis"
|
[TravelLocationType.PLAY]: "ferris-wheel",
|
||||||
|
[TravelLocationType.LIFE]: "cart"
|
||||||
};
|
};
|
||||||
|
|
||||||
/** 旅行地点实体 */
|
/** 出行地点实体 */
|
||||||
export interface TravelLocation extends Model {
|
export interface TravelLocation extends Model {
|
||||||
/** 关联的旅行计划 ID */
|
/** 关联的出行计划 ID */
|
||||||
travelId?: number;
|
travelId?: number;
|
||||||
|
|
||||||
/** 地点类型 */
|
/** 地点类型 */
|
||||||
@ -140,15 +153,6 @@ export interface TravelLocation extends Model {
|
|||||||
/** 是否需要预约 */
|
/** 是否需要预约 */
|
||||||
requireAppointment?: boolean;
|
requireAppointment?: boolean;
|
||||||
|
|
||||||
/** 首次出行时间戳 */
|
|
||||||
firstTraveledAt?: number;
|
|
||||||
|
|
||||||
/** 上次出行时间戳 */
|
|
||||||
lastTraveledAt?: number;
|
|
||||||
|
|
||||||
/** 出行次数 */
|
|
||||||
travelCount?: number;
|
|
||||||
|
|
||||||
/** 评分 */
|
/** 评分 */
|
||||||
score?: number;
|
score?: number;
|
||||||
|
|
||||||
|
|||||||
@ -55,10 +55,10 @@ export type WechatMediaItem = {
|
|||||||
export enum MediaItemType {
|
export enum MediaItemType {
|
||||||
|
|
||||||
/** 图片 */
|
/** 图片 */
|
||||||
IMAGE,
|
IMAGE = "image",
|
||||||
|
|
||||||
/** 视频 */
|
/** 视频 */
|
||||||
VIDEO
|
VIDEO = "video"
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 位置 */
|
/** 位置 */
|
||||||
@ -79,4 +79,17 @@ export enum JournalDetailType {
|
|||||||
DATE = "DATE",
|
DATE = "DATE",
|
||||||
|
|
||||||
LOCATION = "LOCATION"
|
LOCATION = "LOCATION"
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export interface MapMarker {
|
||||||
|
id: number;
|
||||||
|
latitude: number;
|
||||||
|
longitude: number;
|
||||||
|
width: number;
|
||||||
|
height: number;
|
||||||
|
customCallout: {
|
||||||
|
anchorY: number;
|
||||||
|
anchorX: number;
|
||||||
|
display: string;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|||||||
@ -1,5 +1,6 @@
|
|||||||
import config from "../config/index";
|
import config from "../config/index";
|
||||||
import { Response, QueryPage, QueryPageResult, TempFileResponse } from "../types/Model";
|
import { Response, QueryPage, QueryPageResult, TempFileResponse } from "../types/Model";
|
||||||
|
import { MediaItemType } from "../types/UI";
|
||||||
|
|
||||||
/** 微信媒体项(用于上传) */
|
/** 微信媒体项(用于上传) */
|
||||||
export interface WechatMediaItem {
|
export interface WechatMediaItem {
|
||||||
@ -13,7 +14,7 @@ export interface WechatMediaItem {
|
|||||||
size?: number;
|
size?: number;
|
||||||
|
|
||||||
/** 媒体类型 */
|
/** 媒体类型 */
|
||||||
type?: string;
|
type?: MediaItemType;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 请求选项 */
|
/** 请求选项 */
|
||||||
|
|||||||
Reference in New Issue
Block a user