timi/gaoYuJournal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fuck wechat reviewer

Browse Source
This commit is contained in:
Timi
2026-01-29 14:37:46 +08:00
parent 8269a29100
commit b2cf9572a4
16 changed files with 917 additions and 677 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
miniprogram/pages/main/journal/editor/index.json
View File

@ -7,6 +7,7 @@
"t-button": "tdesign-miniprogram/button/button", "t-button": "tdesign-miniprogram/button/button",
"t-navbar": "tdesign-miniprogram/navbar/navbar", "t-navbar": "tdesign-miniprogram/navbar/navbar",
"t-dialog": "tdesign-miniprogram/dialog/dialog", "t-dialog": "tdesign-miniprogram/dialog/dialog",
"t-empty": "tdesign-miniprogram/empty/empty",
"t-radio-group": "tdesign-miniprogram/radio-group/radio-group" "t-radio-group": "tdesign-miniprogram/radio-group/radio-group"
} }
} }

11
miniprogram/pages/main/journal/editor/index.less
View File

@ -170,3 +170,14 @@
margin-bottom: 24rpx; margin-bottom: 24rpx;
} }
} }
page {
.no-permission {
width: 100%;
display: flex;
background: var(--td-bg-color-page);
min-height: 100vh;
align-items: center;
justify-content: center;
}
}

42
miniprogram/pages/main/journal/editor/index.ts
View File

@ -8,6 +8,7 @@ import { JournalType } from "../../../../types/Journal";
import { MediaAttachType, PreviewImageMetadata } from "../../../../types/Attachment"; import { MediaAttachType, PreviewImageMetadata } from "../../../../types/Attachment";
import IOSize, { Unit } from "../../../../utils/IOSize"; import IOSize, { Unit } from "../../../../utils/IOSize";
import { JournalApi } from "../../../../api/JournalApi"; import { JournalApi } from "../../../../api/JournalApi";
import Permission from "../../../../utils/Permission";
interface JournalEditorData { interface JournalEditorData {
/** 模式：create 或 edit */ /** 模式：create 或 edit */
@ -48,6 +49,10 @@ interface JournalEditorData {
deleteDialogVisible: boolean; deleteDialogVisible: boolean;
/** 删除确认文本 */ /** 删除确认文本 */
deleteConfirmText: string; deleteConfirmText: string;
/** 是否拥有上传权限 */
canUpload: boolean;
/** 是否已检查权限 */
permissionChecked: boolean;
} }
Page({ Page({
@ -72,10 +77,16 @@ Page({
}, },
isAuthLocation: false, isAuthLocation: false,
deleteDialogVisible: false, deleteDialogVisible: false,
deleteConfirmText: "" deleteConfirmText: "",
canUpload: false,
permissionChecked: false
}, },
async onLoad(options: any) { async onLoad(options: any) {
const canUpload = await this.ensureUploadPermission();
if (!canUpload) {
return;
}
// 授权定位 // 授权定位
const setting = await wx.getSetting(); const setting = await wx.getSetting();
wx.setStorageSync("isAuthLocation", setting.authSetting["scope.userLocation"] || false); wx.setStorageSync("isAuthLocation", setting.authSetting["scope.userLocation"] || false);
@ -116,6 +127,35 @@ Page({
this.getDefaultLocation(); this.getDefaultLocation();
} }
}, },
async ensureUploadPermission(): Promise<boolean> {
const cached = Permission.getCachedUploadPermission();
if (cached !== null) {
this.setData({
canUpload: cached,
permissionChecked: true
});
if (!cached) {
this.redirectNoPermission();
return false;
}
return true;
}
const canUpload = await Permission.checkAndCacheUploadPermission();
this.setData({
canUpload,
permissionChecked: true
});
if (!canUpload) {
this.redirectNoPermission();
return false;
}
return true;
},
redirectNoPermission() {
wx.switchTab({
url: "/pages/main/tabs/journal/index"
});
},
/** 获取默认定位（创建模式） */ /** 获取默认定位（创建模式） */
getDefaultLocation() { getDefaultLocation() {
wx.getLocation({ wx.getLocation({

425
miniprogram/pages/main/journal/editor/index.wxml
View File

@ -1,108 +1,99 @@
<!--pages/main/journal/editor/index.wxml--> <!--pages/main/journal/editor/index.wxml-->
<t-navbar title="{{mode === 'create' ? '新纪录' : '编辑记录'}}" placeholder> <block wx:if="{{canUpload}}">
<text slot="left" bindtap="cancel">取消</text> <t-navbar title="{{mode === 'create' ? '新纪录' : '编辑记录'}}" placeholder>
</t-navbar> <text slot="left" bindtap="cancel">取消</text>
<scroll-view </t-navbar>
class="container" <scroll-view
type="custom" class="container"
scroll-y type="custom"
show-scrollbar="{{false}}" scroll-y
scroll-into-view="{{intoView}}" show-scrollbar="{{false}}"
> scroll-into-view="{{intoView}}"
<view class="content"> >
<view wx:if="{{isLoading}}" class="loading"> <view class="content">
<text>加载中...</text> <view wx:if="{{isLoading}}" class="loading">
</view> <text>加载中...</text>
<block wx:else>
<view class="section">
<textarea
class="idea"
placeholder="这一刻的想法..."
model:value="{{idea}}"
/>
</view> </view>
<view class="section type"> <block wx:else>
<text class="label">类型：</text> <view class="section">
<t-radio-group bind:change="onChangeType" default-value="{{type}}" borderless t-class="box"> <textarea
<t-radio class="radio" block="{{false}}" label="日常" value="NORMAL" /> class="idea"
<t-radio class="radio" block="{{false}}" label="专拍" value="PORTFOLIO" /> placeholder="这一刻的想法..."
</t-radio-group> model:value="{{idea}}"
</view> />
<view class="section time"> </view>
<text class="label">时间：</text> <view class="section type">
<picker class="picker" mode="date" model:value="{{date}}"> <text class="label">类型：</text>
<view class="picker"> <t-radio-group bind:change="onChangeType" default-value="{{type}}" borderless t-class="box">
{{date}} <t-radio class="radio" block="{{false}}" label="日常" value="NORMAL" />
</view> <t-radio class="radio" block="{{false}}" label="专拍" value="PORTFOLIO" />
</picker> </t-radio-group>
<picker class="picker" mode="time" model:value="{{time}}"> </view>
<view class="picker"> <view class="section time">
{{time}} <text class="label">时间：</text>
</view> <picker class="picker" mode="date" model:value="{{date}}">
</picker> <view class="picker">
</view> {{date}}
<view class="section location"> </view>
<text class="label">位置：</text> </picker>
<text wx:if="{{location}}" bind:tap="chooseLocation">{{location.text}}</text> <picker class="picker" mode="time" model:value="{{time}}">
<text wx:else bind:tap="chooseLocation">选择位置..</text> <view class="picker">
</view> {{time}}
<view class="section media"> </view>
<view class="gallery"> </picker>
<!-- 创建模式：mediaList 显示新选择的媒体 --> </view>
<block wx:if="{{mode === 'create'}}"> <view class="section location">
<block wx:for="{{mediaList}}" wx:key="index"> <text class="label">位置：</text>
<view class="item"> <text wx:if="{{location}}" bind:tap="chooseLocation">{{location.text}}</text>
<!-- 图片 --> <text wx:else bind:tap="chooseLocation">选择位置..</text>
<image </view>
wx:if="{{item.type === mediaItemTypeEnum.IMAGE}}" <view class="section media">
src="{{item.path}}" <view class="gallery">
class="thumbnail" <!-- 创建模式：mediaList 显示新选择的媒体 -->
mode="aspectFill" <block wx:if="{{mode === 'create'}}">
bindtap="preview" <block wx:for="{{mediaList}}" wx:key="index">
data-index="{{index}}" <view class="item">
data-new-media="{{true}}" <!-- 图片 -->
></image>
<!-- 视频 -->
<view wx:if="{{item.type === mediaItemTypeEnum.VIDEO}}" class="video-container">
<image <image
src="{{item.thumbPath}}" wx:if="{{item.type === mediaItemTypeEnum.IMAGE}}"
src="{{item.path}}"
class="thumbnail" class="thumbnail"
mode="aspectFill" mode="aspectFill"
bindtap="preview" bindtap="preview"
data-index="{{index}}" data-index="{{index}}"
data-new-media="{{true}}" data-new-media="{{true}}"
></image> ></image>
<t-icon class="play-icon" name="play" /> <!-- 视频 -->
<view wx:if="{{item.type === mediaItemTypeEnum.VIDEO}}" class="video-container">
<image
src="{{item.thumbPath}}"
class="thumbnail"
mode="aspectFill"
bindtap="preview"
data-index="{{index}}"
data-new-media="{{true}}"
></image>
<t-icon class="play-icon" name="play" />
</view>
<!-- 删除 -->
<t-icon
class="delete"
name="close"
bindtap="deleteMedia"
data-index="{{index}}"
data-new-media="{{true}}"
/>
</view> </view>
<!-- 删除 --> </block>
<t-icon
class="delete"
name="close"
bindtap="deleteMedia"
data-index="{{index}}"
data-new-media="{{true}}"
/>
</view>
</block> </block>
</block> <!-- 编辑模式：mediaList 显示现有附件，newMediaList 显示新添加的附件 -->
<!-- 编辑模式：mediaList 显示现有附件，newMediaList 显示新添加的附件 --> <block wx:else>
<block wx:else> <!-- 现有附件 -->
<!-- 现有附件 --> <block wx:for="{{mediaList}}" wx:key="attachmentId">
<block wx:for="{{mediaList}}" wx:key="attachmentId"> <view class="item">
<view class="item"> <!-- 图片 -->
<!-- 图片 -->
<image
wx:if="{{item.type === mediaItemTypeEnum.IMAGE}}"
src="{{item.thumbURL}}"
class="thumbnail"
mode="aspectFill"
bindtap="preview"
data-index="{{index}}"
data-new-media="{{false}}"
></image>
<!-- 视频 -->
<view wx:if="{{item.type === mediaItemTypeEnum.VIDEO}}" class="video-container">
<image <image
wx:if="{{item.type === mediaItemTypeEnum.IMAGE}}"
src="{{item.thumbURL}}" src="{{item.thumbURL}}"
class="thumbnail" class="thumbnail"
mode="aspectFill" mode="aspectFill"
@ -110,134 +101,150 @@
data-index="{{index}}" data-index="{{index}}"
data-new-media="{{false}}" data-new-media="{{false}}"
></image> ></image>
<t-icon class="play-icon" name="play" /> <!-- 视频 -->
<view wx:if="{{item.type === mediaItemTypeEnum.VIDEO}}" class="video-container">
<image
src="{{item.thumbURL}}"
class="thumbnail"
mode="aspectFill"
bindtap="preview"
data-index="{{index}}"
data-new-media="{{false}}"
></image>
<t-icon class="play-icon" name="play" />
</view>
<!-- 删除 -->
<t-icon
class="delete"
name="close"
bindtap="deleteMedia"
data-index="{{index}}"
data-new-media="{{false}}"
/>
</view> </view>
<!-- 删除 --> </block>
<t-icon <!-- 新选择附件 -->
class="delete" <block wx:for="{{newMediaList}}" wx:key="index">
name="close" <view class="item new-item">
bindtap="deleteMedia" <!-- 图片 -->
data-index="{{index}}"
data-new-media="{{false}}"
/>
</view>
</block>
<!-- 新选择附件 -->
<block wx:for="{{newMediaList}}" wx:key="index">
<view class="item new-item">
<!-- 图片 -->
<image
wx:if="{{item.type === mediaItemTypeEnum.IMAGE}}"
src="{{item.path}}"
class="thumbnail"
mode="aspectFill"
bindtap="preview"
data-index="{{index}}"
data-new-media="{{true}}"
></image>
<!-- 视频 -->
<view wx:if="{{item.type === mediaItemTypeEnum.VIDEO}}" class="video-container">
<image <image
src="{{item.thumbPath}}" wx:if="{{item.type === mediaItemTypeEnum.IMAGE}}"
src="{{item.path}}"
class="thumbnail" class="thumbnail"
mode="aspectFill" mode="aspectFill"
bindtap="preview" bindtap="preview"
data-index="{{index}}" data-index="{{index}}"
data-new-media="{{true}}" data-new-media="{{true}}"
></image> ></image>
<t-icon class="play-icon" name="play" /> <!-- 视频 -->
<view wx:if="{{item.type === mediaItemTypeEnum.VIDEO}}" class="video-container">
<image
src="{{item.thumbPath}}"
class="thumbnail"
mode="aspectFill"
bindtap="preview"
data-index="{{index}}"
data-new-media="{{true}}"
></image>
<t-icon class="play-icon" name="play" />
</view>
<!-- 新增标识 -->
<t-icon class="new-badge" name="add" />
<!-- 删除 -->
<t-icon
class="delete"
name="close"
bindtap="deleteMedia"
data-index="{{index}}"
data-new-media="{{true}}"
/>
</view> </view>
<!-- 新增标识 --> </block>
<t-icon class="new-badge" name="add" />
<!-- 删除 -->
<t-icon
class="delete"
name="close"
bindtap="deleteMedia"
data-index="{{index}}"
data-new-media="{{true}}"
/>
</view>
</block> </block>
</block>
<!-- 添加按钮 --> <!-- 添加按钮 -->
<t-button <t-button
class="item add" class="item add"
theme="primary" theme="primary"
plain="true" plain="true"
disabled="{{isSaving}}" disabled="{{isSaving}}"
bind:tap="addMedia" bind:tap="addMedia"
> >
<t-icon name="add" /> <t-icon name="add" />
</t-button> </t-button>
</view>
</view> </view>
</view> <view wx:if="{{isSaving}}" class="uploading">
<view wx:if="{{isSaving}}" class="uploading"> <progress
<progress class="progress"
class="progress" percent="{{uploadProgress}}"
percent="{{uploadProgress}}" stroke-width="6"
stroke-width="6" />
/> <view class="text">
<view class="text"> <view>{{uploaded}} / {{uploadTotal}}</view>
<view>{{uploaded}} / {{uploadTotal}}</view> <view>{{uploadSpeed}}</view>
<view>{{uploadSpeed}}</view> </view>
</view> </view>
</view> <!-- 控制按钮 -->
<!-- 控制按钮 --> <view class="ctrl">
<view class="ctrl"> <!-- 创建模式 -->
<!-- 创建模式 --> <block wx:if="{{mode === 'create'}}">
<block wx:if="{{mode === 'create'}}"> <t-button
<t-button class="clear"
class="clear" theme="danger"
theme="danger" variant="outline"
variant="outline" disabled="{{isSaving}}"
disabled="{{isSaving}}" bind:tap="clearMedia"
bind:tap="clearMedia" disabled="{{mediaList.length === 0}}"
disabled="{{mediaList.length === 0}}" >清空已选</t-button>
>清空已选</t-button> <t-button
<t-button class="submit"
class="submit" theme="primary"
theme="primary" bind:tap="submit"
bind:tap="submit" disabled="{{(!idea && mediaList.length === 0) || isSaving}}"
disabled="{{(!idea && mediaList.length === 0) || isSaving}}" >提交</t-button>
>提交</t-button> </block>
</block> <!-- 编辑模式 -->
<!-- 编辑模式 --> <block wx:else>
<block wx:else> <t-button
<t-button class="delete"
class="delete" theme="danger"
theme="danger" bind:tap="deleteJournal"
bind:tap="deleteJournal" disabled="{{isSaving}}"
disabled="{{isSaving}}" >删除记录</t-button>
>删除记录</t-button> <t-button
<t-button class="save"
class="save" theme="primary"
theme="primary" bind:tap="submit"
bind:tap="submit" disabled="{{(!idea && mediaList.length === 0 && newMediaList.length === 0) || isSaving}}"
disabled="{{(!idea && mediaList.length === 0 && newMediaList.length === 0) || isSaving}}" >保存</t-button>
>保存</t-button> </block>
</block> </view>
</view> </block>
</block>
</view>
</scroll-view>
<!-- 删除对话框（仅编辑模式） -->
<t-dialog
wx:if="{{mode === 'edit'}}"
visible="{{deleteDialogVisible}}"
title="删除记录"
confirm-btn="{{ {content: '删除', variant: 'text', theme: 'danger'} }}"
cancel-btn="取消"
bind:confirm="confirmDelete"
bind:cancel="cancelDelete"
>
<view slot="content" class="delete-dialog">
<view class="tips">
<text>此记录的照片和视频也会同步删除，删除后无法恢复，请输入 "</text>
<text style="color: var(--theme-error)">确认删除</text>
<text>" 以继续</text>
</view> </view>
<t-input model:value="{{deleteConfirmText}}" placeholder="请输入：确认删除" /> </scroll-view>
<!-- 删除对话框（仅编辑模式） -->
<t-dialog
wx:if="{{mode === 'edit'}}"
visible="{{deleteDialogVisible}}"
title="删除记录"
confirm-btn="{{ {content: '删除', variant: 'text', theme: 'danger'} }}"
cancel-btn="取消"
bind:confirm="confirmDelete"
bind:cancel="cancelDelete"
>
<view slot="content" class="delete-dialog">
<view class="tips">
<text>此记录的照片和视频也会同步删除，删除后无法恢复，请输入 "</text>
<text style="color: var(--theme-error)">确认删除</text>
<text>" 以继续</text>
</view>
<t-input model:value="{{deleteConfirmText}}" placeholder="请输入：确认删除" />
</view>
</t-dialog>
</block>
<block wx:elif="{{permissionChecked}}">
<view class="no-permission">
<t-empty icon="error-circle" description="无权限操作" />
</view> </view>
</t-dialog> </block>

1
miniprogram/pages/main/other/memo/index.json
View File

@ -1,6 +1,7 @@
{ {
"usingComponents": { "usingComponents": {
"t-icon": "tdesign-miniprogram/icon/icon", "t-icon": "tdesign-miniprogram/icon/icon",
"t-empty": "tdesign-miniprogram/empty/empty",
"t-navbar": "tdesign-miniprogram/navbar/navbar" "t-navbar": "tdesign-miniprogram/navbar/navbar"
}, },
"disableScroll": true "disableScroll": true

11
miniprogram/pages/main/other/memo/index.less
View File

@ -64,3 +64,14 @@
} }
} }
} }
page {
.no-permission {
width: 100%;
display: flex;
background: var(--td-bg-color-page);
min-height: 100vh;
align-items: center;
justify-content: center;
}
}

46
miniprogram/pages/main/other/memo/index.ts
View File

@ -1,5 +1,6 @@
// 备忘录页面逻辑 // 备忘录页面逻辑
import { ToolApi } from "../../../../api/ToolApi"; import { ToolApi } from "../../../../api/ToolApi";
import Permission from "../../../../utils/Permission";
type EditorInputEvent = WechatMiniprogram.CustomEvent<{ type EditorInputEvent = WechatMiniprogram.CustomEvent<{
html?: string; html?: string;
@ -16,6 +17,8 @@ interface MemoData {
isEditorReady: boolean; isEditorReady: boolean;
contentHtml: string; contentHtml: string;
contentText: string; contentText: string;
canUpload: boolean;
permissionChecked: boolean;
} }
Page({ Page({
@ -28,13 +31,19 @@ Page({
isSaving: false, isSaving: false,
isEditorReady: false, isEditorReady: false,
contentHtml: "", contentHtml: "",
contentText: "" contentText: "",
canUpload: false,
permissionChecked: false
}, },
editorCtx: null as WechatMiniprogram.EditorContext | null, editorCtx: null as WechatMiniprogram.EditorContext | null,
pendingHtml: "", pendingHtml: "",
hasSavedOnLeave: false, hasSavedOnLeave: false,
hasLoadFailed: false, hasLoadFailed: false,
async onLoad() { async onLoad() {
const canUpload = await this.ensureUploadPermission();
if (!canUpload) {
return;
}
const platform = wx.getSystemInfoSync().platform; const platform = wx.getSystemInfoSync().platform;
const isIOS = platform === "ios"; const isIOS = platform === "ios";
this.setData({ isIOS }); this.setData({ isIOS });
@ -46,11 +55,46 @@ Page({
this.hasSavedOnLeave = false; this.hasSavedOnLeave = false;
}, },
async onUnload() { async onUnload() {
if (!this.data.canUpload) {
return;
}
await this.saveMemoOnLeave(); await this.saveMemoOnLeave();
}, },
async onHide() { async onHide() {
if (!this.data.canUpload) {
return;
}
await this.saveMemoOnLeave(); await this.saveMemoOnLeave();
}, },
async ensureUploadPermission(): Promise<boolean> {
const cached = Permission.getCachedUploadPermission();
if (cached !== null) {
this.setData({
canUpload: cached,
permissionChecked: true
});
if (!cached) {
this.redirectNoPermission();
return false;
}
return true;
}
const canUpload = await Permission.checkAndCacheUploadPermission();
this.setData({
canUpload,
permissionChecked: true
});
if (!canUpload) {
this.redirectNoPermission();
return false;
}
return true;
},
redirectNoPermission() {
wx.switchTab({
url: "/pages/main/tabs/journal/index"
});
},
bindKeyboardHeightChange() { bindKeyboardHeightChange() {
let keyboardHeight = 0; let keyboardHeight = 0;
wx.onKeyboardHeightChange((res) => { wx.onKeyboardHeightChange((res) => {

131
miniprogram/pages/main/other/memo/index.wxml
View File

@ -1,65 +1,72 @@
<!-- 备忘录页面 --> <!-- 备忘录页面 -->
<view class="custom-navbar"> <block wx:if="{{canUpload}}">
<t-navbar class="custom-navbar" title="备忘录" left-arrow placeholder /> <view class="custom-navbar">
</view> <t-navbar class="custom-navbar" title="备忘录" left-arrow placeholder />
<view class="memo setting-bg"> </view>
<view class="content"> <view class="memo setting-bg">
<view class="container" style="height:{{editorHeight}}px;"> <view class="content">
<editor <view class="container" style="height:{{editorHeight}}px;">
id="memo-editor" <editor
class="editor" id="memo-editor"
placeholder="{{placeholder}}" class="editor"
bindready="onEditorReady" placeholder="{{placeholder}}"
bindinput="onEditorInput" bindready="onEditorReady"
bindstatuschange="onStatusChange" bindinput="onEditorInput"
show-img-size="{{false}}" bindstatuschange="onStatusChange"
show-img-toolbar="{{false}}" show-img-size="{{false}}"
show-img-resize="{{false}}" show-img-toolbar="{{false}}"
/> show-img-resize="{{false}}"
</view> />
<view </view>
class="toolbar" <view
catchtouchend="format" class="toolbar"
hidden="{{0 < keyboardHeight ? false : true}}" catchtouchend="format"
style="bottom: {{isIOS ? keyboardHeight : 0}}px" hidden="{{0 < keyboardHeight ? false : true}}"
> style="bottom: {{isIOS ? keyboardHeight : 0}}px"
<text >
class="icon {{formats.header === 2 ? 'active' : ''}}" <text
data-name="header" class="icon {{formats.header === 2 ? 'active' : ''}}"
data-value="{{2}}" data-name="header"
>H2</text> data-value="{{2}}"
<text >H2</text>
class="icon {{formats.header === 3 ? 'active' : ''}}" <text
data-name="header" class="icon {{formats.header === 3 ? 'active' : ''}}"
data-value="{{3}}" data-name="header"
>H3</text> data-value="{{3}}"
<t-icon >H3</text>
class="icon {{formats.bold ? 'active' : ''}}" <t-icon
name="textformat-bold" class="icon {{formats.bold ? 'active' : ''}}"
data-name="bold" name="textformat-bold"
/> data-name="bold"
<t-icon />
class="icon {{formats.italic ? 'active' : ''}}" <t-icon
name="textformat-italic" class="icon {{formats.italic ? 'active' : ''}}"
data-name="italic" name="textformat-italic"
/> data-name="italic"
<t-icon />
class="icon {{formats.underline ? 'active' : ''}}" <t-icon
name="textformat-underline" class="icon {{formats.underline ? 'active' : ''}}"
data-name="underline" name="textformat-underline"
/> data-name="underline"
<t-icon />
class="icon" <t-icon
name="task" class="icon"
data-name="list" name="task"
data-value="check" data-name="list"
/> data-value="check"
<t-icon />
class="icon {{formats.list === 'bullet' ? 'active' : ''}}" <t-icon
name="bulletpoint" class="icon {{formats.list === 'bullet' ? 'active' : ''}}"
data-name="list" name="bulletpoint"
data-value="bullet" data-name="list"
/> data-value="bullet"
/>
</view>
</view> </view>
</view> </view>
</view> </block>
<block wx:elif="{{permissionChecked}}">
<view class="no-permission">
<t-empty icon="error-circle" description="无权限操作" />
</view>
</block>

1
miniprogram/pages/main/travel/editor/index.json
View File

@ -11,6 +11,7 @@
"t-loading": "tdesign-miniprogram/loading/loading", "t-loading": "tdesign-miniprogram/loading/loading",
"t-stepper": "tdesign-miniprogram/stepper/stepper", "t-stepper": "tdesign-miniprogram/stepper/stepper",
"t-textarea": "tdesign-miniprogram/textarea/textarea", "t-textarea": "tdesign-miniprogram/textarea/textarea",
"t-empty": "tdesign-miniprogram/empty/empty",
"t-cell-group": "tdesign-miniprogram/cell-group/cell-group" "t-cell-group": "tdesign-miniprogram/cell-group/cell-group"
}, },
"styleIsolation": "shared" "styleIsolation": "shared"

11
miniprogram/pages/main/travel/editor/index.less
View File

@ -110,3 +110,14 @@
margin-bottom: 24rpx; margin-bottom: 24rpx;
} }
} }
page {
.no-permission {
width: 100%;
display: flex;
background: var(--td-bg-color-page);
min-height: 100vh;
align-items: center;
justify-content: center;
}
}

46
miniprogram/pages/main/travel/editor/index.ts
View File

@ -3,6 +3,7 @@
import Time from "../../../../utils/Time"; import Time from "../../../../utils/Time";
import { TravelApi } from "../../../../api/TravelApi"; import { TravelApi } from "../../../../api/TravelApi";
import { TravelStatus, TransportationType } from "../../../../types/Travel"; import { TravelStatus, TransportationType } from "../../../../types/Travel";
import Permission from "../../../../utils/Permission";
interface TravelEditorData { interface TravelEditorData {
/** 模式：create 或 edit */ /** 模式：create 或 edit */
@ -43,6 +44,10 @@ interface TravelEditorData {
deleteDialogVisible: boolean; deleteDialogVisible: boolean;
/** 删除确认文本 */ /** 删除确认文本 */
deleteConfirmText: string; deleteConfirmText: string;
/** 是否拥有上传权限 */
canUpload: boolean;
/** 是否已检查权限 */
permissionChecked: boolean;
} }
Page({ Page({
@ -76,9 +81,15 @@ Page({
{ label: "已完成", value: TravelStatus.COMPLETED } { label: "已完成", value: TravelStatus.COMPLETED }
], ],
deleteDialogVisible: false, deleteDialogVisible: false,
deleteConfirmText: "" deleteConfirmText: "",
canUpload: false,
permissionChecked: false
}, },
onLoad(options: any) { async onLoad(options: any) {
const canUpload = await this.ensureUploadPermission();
if (!canUpload) {
return;
}
// 判断模式：有 ID 是编辑，无 ID 是创建 // 判断模式：有 ID 是编辑，无 ID 是创建
const id = options.id ? parseInt(options.id) : undefined; const id = options.id ? parseInt(options.id) : undefined;
@ -89,7 +100,7 @@ Page({
id, id,
isLoading: true isLoading: true
}); });
this.loadTravelDetail(id); await this.loadTravelDetail(id);
} else { } else {
// 创建模式 // 创建模式
this.setData({ this.setData({
@ -105,6 +116,35 @@ Page({
}); });
} }
}, },
async ensureUploadPermission(): Promise<boolean> {
const cached = Permission.getCachedUploadPermission();
if (cached !== null) {
this.setData({
canUpload: cached,
permissionChecked: true
});
if (!cached) {
this.redirectNoPermission();
return false;
}
return true;
}
const canUpload = await Permission.checkAndCacheUploadPermission();
this.setData({
canUpload,
permissionChecked: true
});
if (!canUpload) {
this.redirectNoPermission();
return false;
}
return true;
},
redirectNoPermission() {
wx.switchTab({
url: "/pages/main/tabs/journal/index"
});
},
/** 加载出行详情（编辑模式） */ /** 加载出行详情（编辑模式） */
async loadTravelDetail(id: number) { async loadTravelDetail(id: number) {
wx.showLoading({ title: "加载中...", mask: true }); wx.showLoading({ title: "加载中...", mask: true });

299
miniprogram/pages/main/travel/editor/index.wxml
View File

@ -1,154 +1,161 @@
<!--pages/main/travel/editor/index.wxml--> <!--pages/main/travel/editor/index.wxml-->
<t-navbar title="{{mode === 'create' ? '新建出行' : '编辑出行'}}" placeholder> <block wx:if="{{canUpload}}">
<text slot="left" bindtap="cancel">取消</text> <t-navbar title="{{mode === 'create' ? '新建出行' : '编辑出行'}}" placeholder>
</t-navbar> <text slot="left" bindtap="cancel">取消</text>
</t-navbar>
<scroll-view class="travel-editor setting-bg" 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" />
<text class="loading-text">加载中...</text> <text class="loading-text">加载中...</text>
</view> </view>
<block wx:else> <block wx:else>
<t-cell-group class="section"> <t-cell-group class="section">
<view slot="title" class="title">基本信息</view> <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"
> >
<text slot="label">标题</text> <text slot="label">标题</text>
</t-input> </t-input>
<t-textarea <t-textarea
class="textarea" class="textarea"
placeholder="添加详细说明（选填）" placeholder="添加详细说明（选填）"
model:value="{{content}}" model:value="{{content}}"
maxlength="500" maxlength="500"
indicator indicator
> >
<text slot="label">内容</text> <text slot="label">内容</text>
</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> <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}}">
<view slot="content" class="slot"> <view slot="content" class="slot">
<t-icon name="calendar" size="20px" class="icon" /> <t-icon name="calendar" size="20px" class="icon" />
<text>{{date}}</text> <text>{{date}}</text>
</view>
</picker>
<view wx:else class="slot" bindtap="selectTravelAt">
<text class="undecided-text">未定</text>
</view> </view>
</picker> <t-icon
<view wx:else class="slot" bindtap="selectTravelAt"> wx:if="{{!travelAtUndecided}}"
<text class="undecided-text">未定</text> name="close-circle-filled"
size="20px"
class="clear-icon"
bindtap="clearTravelAt"
/>
</view> </view>
<t-icon </t-cell>
wx:if="{{!travelAtUndecided}}" <t-cell title="出行天数" class="days {{daysUndecided ? 'undecided' : 'decided'}}">
name="close-circle-filled" <view slot="right-icon" class="days-content">
size="20px" <t-stepper
class="clear-icon" wx:if="{{!daysUndecided}}"
bindtap="clearTravelAt" theme="filled"
/> model:value="{{days}}"
</view> size="large"
</t-cell> min="{{1}}"
<t-cell title="出行天数" class="days {{daysUndecided ? 'undecided' : 'decided'}}"> max="{{999}}"
<view slot="right-icon" class="days-content"> t-class="stepper"
<t-stepper />
wx:if="{{!daysUndecided}}" <view wx:else class="slot" bindtap="selectDays">
theme="filled" <text class="undecided-text">未定</text>
model:value="{{days}}" </view>
size="large" <t-icon
min="{{1}}" wx:if="{{!daysUndecided}}"
max="{{999}}" name="close-circle-filled"
t-class="stepper" size="20px"
/> class="clear-icon"
<view wx:else class="slot" bindtap="selectDays"> bindtap="clearDays"
<text class="undecided-text">未定</text> />
</view> </view>
<t-icon
wx:if="{{!daysUndecided}}"
name="close-circle-filled"
size="20px"
class="clear-icon"
bindtap="clearDays"
/>
</view>
</t-cell>
<picker
mode="selector"
range="{{transportationTypes}}"
range-key="label"
value="{{transportationTypeIndex}}"
bindchange="onChangeTransportationType"
>
<t-cell title="交通方式" arrow>
<view slot="note" class="note">{{transportationTypes[transportationTypeIndex].label}}</view>
</t-cell> </t-cell>
</picker> <picker
<picker mode="selector"
mode="selector" range="{{transportationTypes}}"
range="{{statuses}}" range-key="label"
range-key="label" value="{{transportationTypeIndex}}"
value="{{statusIndex}}" bindchange="onChangeTransportationType"
bindchange="onChangeStatus" >
> <t-cell title="交通方式" arrow>
<t-cell title="状态" arrow> <view slot="note" class="note">{{transportationTypes[transportationTypeIndex].label}}</view>
<view slot="note" class="note">{{statuses[statusIndex].label}}</view> </t-cell>
</t-cell> </picker>
</picker> <picker
</t-cell-group> mode="selector"
<view wx:if="{{mode === 'create'}}" class="submit-section"> range="{{statuses}}"
<t-button range-key="label"
theme="primary" value="{{statusIndex}}"
size="large" bindchange="onChangeStatus"
block >
bind:tap="submit" <t-cell title="状态" arrow>
disabled="{{isSaving}}" <view slot="note" class="note">{{statuses[statusIndex].label}}</view>
> </t-cell>
创建出行 </picker>
</t-button> </t-cell-group>
</view> <view wx:if="{{mode === 'create'}}" class="submit-section">
<view wx:else class="submit-section horizontal"> <t-button
<t-button theme="primary"
theme="danger" size="large"
variant="outline" block
size="large" bind:tap="submit"
icon="delete" disabled="{{isSaving}}"
t-class="delete-btn" >
bind:tap="deleteTravel" 创建出行
> </t-button>
删除 </view>
</t-button> <view wx:else class="submit-section horizontal">
<t-button <t-button
theme="primary" theme="danger"
size="large" variant="outline"
t-class="save-btn" size="large"
bind:tap="submit" icon="delete"
disabled="{{isSaving}}" t-class="delete-btn"
> bind:tap="deleteTravel"
保存修改 >
</t-button> 删除
</view> </t-button>
</block> <t-button
</view> theme="primary"
</scroll-view> size="large"
t-class="save-btn"
<!-- 删除确认对话框 --> bind:tap="submit"
<t-dialog disabled="{{isSaving}}"
visible="{{deleteDialogVisible}}" >
title="删除出行计划" 保存修改
confirm-btn="{{ {content: '删除', variant: 'text', theme: 'danger'} }}" </t-button>
cancel-btn="取消" </view>
bind:confirm="confirmDelete" </block>
bind:cancel="cancelDelete"
>
<view slot="content" class="delete-dialog">
<view class="tips">
<text>此计划的地点、图片和视频也会同步删除，删除后无法恢复，请输入 "</text>
<text style="color: var(--theme-error)">确认删除</text>
<text>" 以继续</text>
</view> </view>
<t-input placeholder="请输入：确认删除" model:value="{{deleteConfirmText}}" /> </scroll-view>
<!-- 删除确认对话框 -->
<t-dialog
visible="{{deleteDialogVisible}}"
title="删除出行计划"
confirm-btn="{{ {content: '删除', variant: 'text', theme: 'danger'} }}"
cancel-btn="取消"
bind:confirm="confirmDelete"
bind:cancel="cancelDelete"
>
<view slot="content" class="delete-dialog">
<view class="tips">
<text>此计划的地点、图片和视频也会同步删除，删除后无法恢复，请输入 "</text>
<text style="color: var(--theme-error)">确认删除</text>
<text>" 以继续</text>
</view>
<t-input placeholder="请输入：确认删除" model:value="{{deleteConfirmText}}" />
</view>
</t-dialog>
</block>
<block wx:elif="{{permissionChecked}}">
<view class="no-permission">
<t-empty icon="error-circle" description="无权限操作" />
</view> </view>
</t-dialog> </block>

1
miniprogram/pages/main/travel/location-editor/index.json
View File

@ -11,6 +11,7 @@
"t-loading": "tdesign-miniprogram/loading/loading", "t-loading": "tdesign-miniprogram/loading/loading",
"t-stepper": "tdesign-miniprogram/stepper/stepper", "t-stepper": "tdesign-miniprogram/stepper/stepper",
"t-textarea": "tdesign-miniprogram/textarea/textarea", "t-textarea": "tdesign-miniprogram/textarea/textarea",
"t-empty": "tdesign-miniprogram/empty/empty",
"t-cell-group": "tdesign-miniprogram/cell-group/cell-group" "t-cell-group": "tdesign-miniprogram/cell-group/cell-group"
}, },
"styleIsolation": "shared" "styleIsolation": "shared"

11
miniprogram/pages/main/travel/location-editor/index.less
View File

@ -199,3 +199,14 @@
margin-bottom: 24rpx; margin-bottom: 24rpx;
} }
} }
page {
.no-permission {
width: 100%;
display: flex;
background: var(--td-bg-color-page);
min-height: 100vh;
align-items: center;
justify-content: center;
}
}

46
miniprogram/pages/main/travel/location-editor/index.ts
View File

@ -6,6 +6,7 @@ import { TravelLocationType, TravelLocationTypeLabel } from "../../../../types/T
import { MediaAttachType, PreviewImageMetadata } from "../../../../types/Attachment"; import { MediaAttachType, PreviewImageMetadata } from "../../../../types/Attachment";
import config from "../../../../config/index"; import config from "../../../../config/index";
import { MediaItem, MediaItemType } from "../../../../types/UI"; import { MediaItem, MediaItemType } from "../../../../types/UI";
import Permission from "../../../../utils/Permission";
interface TravelLocationEditorData { interface TravelLocationEditorData {
/** 模式：create 或 edit */ /** 模式：create 或 edit */
@ -64,6 +65,10 @@ interface TravelLocationEditorData {
deleteConfirmText: string; deleteConfirmText: string;
/** 媒体类型枚举 */ /** 媒体类型枚举 */
mediaItemTypeEnum: any; mediaItemTypeEnum: any;
/** 是否拥有上传权限 */
canUpload: boolean;
/** 是否已检查权限 */
permissionChecked: boolean;
} }
Page({ Page({
@ -105,10 +110,16 @@ Page({
], ],
locationTypeIndex: 0, locationTypeIndex: 0,
deleteDialogVisible: false, deleteDialogVisible: false,
deleteConfirmText: "" deleteConfirmText: "",
canUpload: false,
permissionChecked: false
}, },
onLoad(options: any) { async onLoad(options: any) {
const canUpload = await this.ensureUploadPermission();
if (!canUpload) {
return;
}
// 获取 travelId（必填） // 获取 travelId（必填）
const travelId = options.travelId ? parseInt(options.travelId) : 0; const travelId = options.travelId ? parseInt(options.travelId) : 0;
if (!travelId) { if (!travelId) {
@ -133,7 +144,7 @@ Page({
travelId, travelId,
isLoading: true isLoading: true
}); });
this.loadLocationDetail(id); await this.loadLocationDetail(id);
} else { } else {
// 创建模式 // 创建模式
this.setData({ this.setData({
@ -143,6 +154,35 @@ Page({
}); });
} }
}, },
async ensureUploadPermission(): Promise<boolean> {
const cached = Permission.getCachedUploadPermission();
if (cached !== null) {
this.setData({
canUpload: cached,
permissionChecked: true
});
if (!cached) {
this.redirectNoPermission();
return false;
}
return true;
}
const canUpload = await Permission.checkAndCacheUploadPermission();
this.setData({
canUpload,
permissionChecked: true
});
if (!canUpload) {
this.redirectNoPermission();
return false;
}
return true;
},
redirectNoPermission() {
wx.switchTab({
url: "/pages/main/tabs/journal/index"
});
},
/** 加载地点详情（编辑模式） */ /** 加载地点详情（编辑模式） */
async loadLocationDetail(id: number) { async loadLocationDetail(id: number) {

507
miniprogram/pages/main/travel/location-editor/index.wxml
View File

@ -1,168 +1,159 @@
<!--pages/main/travel/location-editor/index.wxml--> <!--pages/main/travel/location-editor/index.wxml-->
<t-navbar title="{{mode === 'create' ? '添加地点' : '编辑地点'}}" placeholder> <block wx:if="{{canUpload}}">
<text slot="left" bindtap="cancel">取消</text> <t-navbar title="{{mode === 'create' ? '添加地点' : '编辑地点'}}" placeholder>
</t-navbar> <text slot="left" bindtap="cancel">取消</text>
</t-navbar>
<scroll-view class="travel-location-editor setting-bg" 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 location"> <t-cell-group class="section location">
<view slot="title" class="title">位置信息</view> <view slot="title" class="title">位置信息</view>
<picker mode="selector" range="{{locationTypes}}" value="{{locationTypeIndex}}" bindchange="onChangeLocationType"> <picker mode="selector" range="{{locationTypes}}" value="{{locationTypeIndex}}" bindchange="onChangeLocationType">
<t-cell title="地点类型" arrow> <t-cell title="地点类型" arrow>
<view slot="note" class="note">{{locationTypes[locationTypeIndex]}}</view> <view slot="note" class="note">{{locationTypes[locationTypeIndex]}}</view>
</t-cell>
</picker>
<t-cell class="value" required arrow bind:click="chooseLocation">
<view slot="title" class="title">位置</view>
<view slot="note" class="note">{{location}}</view>
</t-cell> </t-cell>
</picker> </t-cell-group>
<t-cell class="value" required arrow bind:click="chooseLocation"> <t-cell-group class="section">
<view slot="title" class="title">位置</view> <view slot="title" class="title">基本信息</view>
<view slot="note" class="note">{{location}}</view> <t-input
</t-cell> class="input"
</t-cell-group> placeholder="请输入地点名称"
<t-cell-group class="section"> model:value="{{title}}"
<view slot="title" class="title">基本信息</view> label="标题"
<t-input maxlength="50"
class="input" />
placeholder="请输入地点名称" <t-textarea
model:value="{{title}}" class="textarea"
label="标题" placeholder="添加地点说明（选填）"
maxlength="50" model:value="{{description}}"
/> maxlength="500"
<t-textarea indicator
class="textarea" >
placeholder="添加地点说明（选填）" <text slot="label">说明</text>
model:value="{{description}}" </t-textarea>
maxlength="500" </t-cell-group>
indicator <t-cell-group class="section">
> <view slot="title" class="title">详细信息</view>
<text slot="label">说明</text> <t-input
</t-textarea> model:value="{{amount}}"
</t-cell-group> placeholder="0"
<t-cell-group class="section"> label="费用"
<view slot="title" class="title">详细信息</view> suffix="元"
<t-input type="digit"
model:value="{{amount}}" align="right"
placeholder="0" />
label="费用" <t-cell title="需要身份证">
suffix="元" <view slot="right-icon">
type="digit" <switch checked="{{requireIdCard}}" bindchange="onChangeRequireIdCard" />
align="right"
/>
<t-cell title="需要身份证">
<view slot="right-icon">
<switch checked="{{requireIdCard}}" bindchange="onChangeRequireIdCard" />
</view>
</t-cell>
<t-cell title="需要预约">
<view slot="right-icon">
<switch checked="{{requireAppointment}}" bindchange="onChangeRequireAppointment" />
</view>
</t-cell>
<t-cell title="重要程度" class="rate-cell importance {{importanceUndecided ? 'undecided' : 'decided'}}">
<view slot="note">
<view class="rate">
<t-rate
value="{{importance}}"
count="{{5}}"
size="20px"
bind:change="onChangeImportance"
/>
<t-icon
name="close-circle-filled"
size="20px"
class="clear-icon"
bindtap="clearImportance"
/>
</view> </view>
<view class="text" bindtap="selectImportance"> </t-cell>
未定 <t-cell title="需要预约">
<view slot="right-icon">
<switch checked="{{requireAppointment}}" bindchange="onChangeRequireAppointment" />
</view> </view>
</view> </t-cell>
</t-cell> <t-cell title="重要程度" class="rate-cell importance {{importanceUndecided ? 'undecided' : 'decided'}}">
<t-cell title="评分" class="rate-cell score {{scoreUndecided ? 'undecided' : 'decided'}}"> <view slot="note">
<view slot="note"> <view class="rate">
<view class="rate"> <t-rate
<t-rate value="{{importance}}"
value="{{score}}" count="{{5}}"
count="{{5}}" size="20px"
size="20px" bind:change="onChangeImportance"
bind:change="onChangeScore" />
/> <t-icon
<t-icon name="close-circle-filled"
name="close-circle-filled" size="20px"
size="20px" class="clear-icon"
class="clear-icon" bindtap="clearImportance"
bindtap="clearScore" />
/> </view>
<view class="text" bindtap="selectImportance">
未定
</view>
</view> </view>
<view class="text" bindtap="selectScore"> </t-cell>
未定 <t-cell title="评分" class="rate-cell score {{scoreUndecided ? 'undecided' : 'decided'}}">
<view slot="note">
<view class="rate">
<t-rate
value="{{score}}"
count="{{5}}"
size="20px"
bind:change="onChangeScore"
/>
<t-icon
name="close-circle-filled"
size="20px"
class="clear-icon"
bindtap="clearScore"
/>
</view>
<view class="text" bindtap="selectScore">
未定
</view>
</view> </view>
</view> </t-cell>
</t-cell> </t-cell-group>
</t-cell-group> <t-cell-group class="section media">
<t-cell-group class="section media"> <view slot="title" class="title">图片视频</view>
<view slot="title" class="title">图片视频</view> <t-cell>
<t-cell> <view slot="title" class="gallery">
<view slot="title" class="gallery"> <!-- 创建模式：mediaList 显示新选择的媒体 -->
<!-- 创建模式：mediaList 显示新选择的媒体 --> <block wx:if="{{mode === 'create'}}">
<block wx:if="{{mode === 'create'}}"> <block wx:for="{{mediaList}}" wx:key="index">
<block wx:for="{{mediaList}}" wx:key="index"> <view class="item">
<view class="item"> <!-- 图片 -->
<!-- 图片 -->
<image
wx:if="{{item.type === mediaItemTypeEnum.IMAGE}}"
src="{{item.path}}"
class="thumbnail"
mode="aspectFill"
bindtap="preview"
data-index="{{index}}"
data-new-media="{{true}}"
></image>
<!-- 视频 -->
<view wx:if="{{item.type === mediaItemTypeEnum.VIDEO}}" class="video-container">
<image <image
src="{{item.thumbPath}}" wx:if="{{item.type === mediaItemTypeEnum.IMAGE}}"
src="{{item.path}}"
class="thumbnail" class="thumbnail"
mode="aspectFill" mode="aspectFill"
bindtap="preview" bindtap="preview"
data-index="{{index}}" data-index="{{index}}"
data-new-media="{{true}}" data-new-media="{{true}}"
></image> ></image>
<t-icon class="play-icon" name="play" /> <!-- 视频 -->
<view wx:if="{{item.type === mediaItemTypeEnum.VIDEO}}" class="video-container">
<image
src="{{item.thumbPath}}"
class="thumbnail"
mode="aspectFill"
bindtap="preview"
data-index="{{index}}"
data-new-media="{{true}}"
></image>
<t-icon class="play-icon" name="play" />
</view>
<!-- 删除 -->
<t-icon
class="delete"
name="close"
bindtap="deleteMedia"
data-index="{{index}}"
data-new-media="{{true}}"
/>
</view> </view>
<!-- 删除 --> </block>
<t-icon
class="delete"
name="close"
bindtap="deleteMedia"
data-index="{{index}}"
data-new-media="{{true}}"
/>
</view>
</block> </block>
</block> <!-- 编辑模式：mediaList 显示现有附件，newMediaList 显示新添加的附件 -->
<!-- 编辑模式：mediaList 显示现有附件，newMediaList 显示新添加的附件 --> <block wx:else>
<block wx:else> <!-- 现有附件 -->
<!-- 现有附件 --> <block wx:for="{{mediaList}}" wx:key="attachmentId">
<block wx:for="{{mediaList}}" wx:key="attachmentId"> <view class="item">
<view class="item"> <!-- 图片 -->
<!-- 图片 -->
<image
wx:if="{{item.type === mediaItemTypeEnum.IMAGE}}"
src="{{item.thumbURL}}"
class="thumbnail"
mode="aspectFill"
bindtap="preview"
data-index="{{index}}"
data-new-media="{{false}}"
></image>
<!-- 视频 -->
<view wx:if="{{item.type === mediaItemTypeEnum.VIDEO}}" class="video-container">
<image <image
wx:if="{{item.type === mediaItemTypeEnum.IMAGE}}"
src="{{item.thumbURL}}" src="{{item.thumbURL}}"
class="thumbnail" class="thumbnail"
mode="aspectFill" mode="aspectFill"
@ -170,119 +161,135 @@
data-index="{{index}}" data-index="{{index}}"
data-new-media="{{false}}" data-new-media="{{false}}"
></image> ></image>
<t-icon class="play-icon" name="play" /> <!-- 视频 -->
<view wx:if="{{item.type === mediaItemTypeEnum.VIDEO}}" class="video-container">
<image
src="{{item.thumbURL}}"
class="thumbnail"
mode="aspectFill"
bindtap="preview"
data-index="{{index}}"
data-new-media="{{false}}"
></image>
<t-icon class="play-icon" name="play" />
</view>
<!-- 删除 -->
<t-icon
class="delete"
name="close"
bindtap="deleteMedia"
data-index="{{index}}"
data-new-media="{{false}}"
/>
</view> </view>
<!-- 删除 --> </block>
<t-icon <!-- 新选择附件 -->
class="delete" <block wx:for="{{newMediaList}}" wx:key="index">
name="close" <view class="item new-item">
bindtap="deleteMedia" <!-- 图片 -->
data-index="{{index}}"
data-new-media="{{false}}"
/>
</view>
</block>
<!-- 新选择附件 -->
<block wx:for="{{newMediaList}}" wx:key="index">
<view class="item new-item">
<!-- 图片 -->
<image
wx:if="{{item.type === mediaItemTypeEnum.IMAGE}}"
src="{{item.path}}"
class="thumbnail"
mode="aspectFill"
bindtap="preview"
data-index="{{index}}"
data-new-media="{{true}}"
></image>
<!-- 视频 -->
<view wx:if="{{item.type === mediaItemTypeEnum.VIDEO}}" class="video-container">
<image <image
src="{{item.thumbPath}}" wx:if="{{item.type === mediaItemTypeEnum.IMAGE}}"
src="{{item.path}}"
class="thumbnail" class="thumbnail"
mode="aspectFill" mode="aspectFill"
bindtap="preview" bindtap="preview"
data-index="{{index}}" data-index="{{index}}"
data-new-media="{{true}}" data-new-media="{{true}}"
></image> ></image>
<t-icon class="play-icon" name="play" /> <!-- 视频 -->
<view wx:if="{{item.type === mediaItemTypeEnum.VIDEO}}" class="video-container">
<image
src="{{item.thumbPath}}"
class="thumbnail"
mode="aspectFill"
bindtap="preview"
data-index="{{index}}"
data-new-media="{{true}}"
></image>
<t-icon class="play-icon" name="play" />
</view>
<!-- 新增标识 -->
<t-icon class="new-badge" name="add" />
<!-- 删除 -->
<t-icon
class="delete"
name="close"
bindtap="deleteNewMedia"
data-index="{{index}}"
data-new-media="{{true}}"
/>
</view> </view>
<!-- 新增标识 --> </block>
<t-icon class="new-badge" name="add" />
<!-- 删除 -->
<t-icon
class="delete"
name="close"
bindtap="deleteNewMedia"
data-index="{{index}}"
data-new-media="{{true}}"
/>
</view>
</block> </block>
</block> <!-- 添加按钮 -->
<!-- 添加按钮 --> <t-button
<t-button class="item add"
class="item add" theme="primary"
theme="primary" plain="true"
plain="true" disabled="{{isSaving}}"
disabled="{{isSaving}}" bind:tap="addMedia"
bind:tap="addMedia" >
> <t-icon name="add" />
<t-icon name="add" /> </t-button>
</t-button> </view>
</view> </t-cell>
</t-cell> </t-cell-group>
</t-cell-group>
<!-- 上传进度提示 --> <!-- 上传进度提示 -->
<view wx:if="{{isUploading}}" class="section upload"> <view wx:if="{{isUploading}}" class="section upload">
<t-loading theme="circular" size="32rpx" /> <t-loading theme="circular" size="32rpx" />
<text class="text">{{uploadInfo}}</text> <text class="text">{{uploadInfo}}</text>
</view> </view>
<!-- 按钮 --> <!-- 按钮 -->
<view class="section action"> <view class="section action">
<t-button <t-button
wx:if="{{mode === 'edit'}}" wx:if="{{mode === 'edit'}}"
class="delete" class="delete"
theme="danger" theme="danger"
variant="outline" variant="outline"
size="large" size="large"
bind:tap="deleteLocation" bind:tap="deleteLocation"
disabled="{{isSaving || isUploading}}" disabled="{{isSaving || isUploading}}"
> >
删除 删除
</t-button> </t-button>
<t-button <t-button
class="submit" class="submit"
theme="primary" theme="primary"
size="large" size="large"
bind:tap="submit" bind:tap="submit"
loading="{{isSaving}}" loading="{{isSaving}}"
disabled="{{isSaving || isUploading}}" disabled="{{isSaving || isUploading}}"
> >
{{mode === 'create' ? '创建地点' : '保存修改'}} {{mode === 'create' ? '创建地点' : '保存修改'}}
</t-button> </t-button>
</view> </view>
</block> </block>
</view>
</scroll-view>
<!-- 删除确认对话框 -->
<t-dialog
visible="{{deleteDialogVisible}}"
title="删除地点"
confirm-btn="{{ {content: '删除', variant: 'text', theme: 'danger'} }}"
cancel-btn="取消"
bind:confirm="confirmDelete"
bind:cancel="cancelDelete"
>
<view slot="content" class="delete-dialog">
<view class="tips">
<text>此地点的图片和视频也会同步删除，删除后无法恢复，请输入 "</text>
<text style="color: var(--theme-error)">确认删除</text>
<text>" 以继续</text>
</view> </view>
<t-input placeholder="请输入：确认删除" model:value="{{deleteConfirmText}}" /> </scroll-view>
<!-- 删除确认对话框 -->
<t-dialog
visible="{{deleteDialogVisible}}"
title="删除地点"
confirm-btn="{{ {content: '删除', variant: 'text', theme: 'danger'} }}"
cancel-btn="取消"
bind:confirm="confirmDelete"
bind:cancel="cancelDelete"
>
<view slot="content" class="delete-dialog">
<view class="tips">
<text>此地点的图片和视频也会同步删除，删除后无法恢复，请输入 "</text>
<text style="color: var(--theme-error)">确认删除</text>
<text>" 以继续</text>
</view>
<t-input placeholder="请输入：确认删除" model:value="{{deleteConfirmText}}" />
</view>
</t-dialog>
</block>
<block wx:elif="{{permissionChecked}}">
<view class="no-permission">
<t-empty icon="error-circle" description="无权限操作" />
</view> </view>
</t-dialog> </block>