refactor(功能模块): 将"时间银行"重命名为"互助中心"并完善相关功能
重构项目中的"时间银行"模块,统一更名为"互助中心",涉及前端路由、组件、文档及多处文本替换。新增互助中心页面功能,包括: 1. 通证兑换服务弹窗 2. 互助任务列表展示 3. 区块链存证交互流程 同时优化护理记录页面,增加筛选、导出功能,完善监管端仪表盘交互
This commit is contained in:
@@ -27,6 +27,37 @@
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Manual Control Toggle -->
|
||||
<div class="absolute top-16 right-4 z-10">
|
||||
<button @click="toggleManualMode"
|
||||
class="px-4 py-2 text-xs font-bold border rounded-lg backdrop-blur-md transition-all flex items-center space-x-2"
|
||||
:class="isManualMode ? 'bg-orange-500 text-white border-orange-500 animate-pulse' : 'bg-black/50 text-white/50 border-white/20 hover:border-white/50'">
|
||||
<span>🎮</span>
|
||||
<span>{{ isManualMode ? '人工接管中' : '自动巡航模式' }}</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Manual Control Pad -->
|
||||
<div v-if="isManualMode" class="absolute bottom-8 left-1/2 -translate-x-1/2 z-20 flex flex-col items-center space-y-2 animate-fade-in-up">
|
||||
<button class="w-12 h-12 bg-white/10 hover:bg-white/30 backdrop-blur border border-white/20 rounded-lg flex items-center justify-center text-white text-xl active:bg-orange-500 active:scale-95 transition-all">
|
||||
▲
|
||||
</button>
|
||||
<div class="flex space-x-4">
|
||||
<button class="w-12 h-12 bg-white/10 hover:bg-white/30 backdrop-blur border border-white/20 rounded-lg flex items-center justify-center text-white text-xl active:bg-orange-500 active:scale-95 transition-all">
|
||||
◀
|
||||
</button>
|
||||
<button class="w-12 h-12 bg-red-500/80 hover:bg-red-500 backdrop-blur border border-red-400 rounded-full flex items-center justify-center text-white text-xl active:scale-95 transition-all shadow-[0_0_15px_rgba(239,68,68,0.5)]">
|
||||
🛑
|
||||
</button>
|
||||
<button class="w-12 h-12 bg-white/10 hover:bg-white/30 backdrop-blur border border-white/20 rounded-lg flex items-center justify-center text-white text-xl active:bg-orange-500 active:scale-95 transition-all">
|
||||
▶
|
||||
</button>
|
||||
</div>
|
||||
<button class="w-12 h-12 bg-white/10 hover:bg-white/30 backdrop-blur border border-white/20 rounded-lg flex items-center justify-center text-white text-xl active:bg-orange-500 active:scale-95 transition-all">
|
||||
▼
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- SVG Filters for Edge Detection Effect -->
|
||||
<svg class="absolute w-0 h-0">
|
||||
<filter id="edge-detection">
|
||||
@@ -329,6 +360,17 @@ const blockchainStore = useBlockchainStore()
|
||||
|
||||
// State
|
||||
const currentLevel = computed(() => store.robotStatus.level)
|
||||
const isManualMode = ref(false)
|
||||
|
||||
const toggleManualMode = () => {
|
||||
isManualMode.value = !isManualMode.value
|
||||
if (isManualMode.value) {
|
||||
addLog('操作:已切换至人工遥控模式,自动巡航暂停。', 'info')
|
||||
} else {
|
||||
addLog('操作:恢复自动巡航模式。', 'info')
|
||||
}
|
||||
}
|
||||
|
||||
const fps = ref(30)
|
||||
const latency = ref(12)
|
||||
const logs = ref([])
|
||||
|
||||
Reference in New Issue
Block a user