新增notci-client项目
parent
a11b222bff
commit
ddad2936a7
@ -0,0 +1,17 @@
|
||||
---
|
||||
description: Prevent AI from making assumptions or implementing unrequested features
|
||||
alwaysApply: true
|
||||
---
|
||||
|
||||
## Core Behavior Constraints (P0)
|
||||
**Do NOT** implement features, code, or logic that was not explicitly requested by the user.
|
||||
**Do NOT** add comments, documentation, or explanatory text unless explicitly requested.
|
||||
**Do NOT** provide multiple solutions. Choose the optimal solution and implement it directly.
|
||||
|
||||
## Handling Ambiguity (P0)
|
||||
If the user's request is ambiguous or critical information is missing, **MUST** ask exactly **ONE** clarifying question before taking any action.
|
||||
**DO NOT** generate any code or assume the missing information.
|
||||
|
||||
## Citation Rules (P0)
|
||||
**MUST** strictly reference rules from the **actual files** located in `.cursor/rules/`.
|
||||
**DO NOT** invent, cite, or assume the existence of any rule that is not explicitly defined.
|
||||
@ -0,0 +1,25 @@
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
lerna-debug.log*
|
||||
|
||||
node_modules
|
||||
dist
|
||||
dist-ssr
|
||||
*.local
|
||||
|
||||
# Editor directories and files
|
||||
.vscode/*
|
||||
src-tauri/target/*
|
||||
!.vscode/extensions.json
|
||||
.idea
|
||||
.DS_Store
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
@ -0,0 +1,12 @@
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>信息发布屏</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.ts"></script>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,34 @@
|
||||
{
|
||||
"name": "notice-client",
|
||||
"private": true,
|
||||
"version": "0.1.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vue-tsc --noEmit && vite build",
|
||||
"build:deb": "tauri build --bundles deb --target x86_64-unknown-linux-gnu",
|
||||
"build:deb:x64": "tauri build --bundles deb --target x86_64-unknown-linux-gnu",
|
||||
"build:deb:arm64": "tauri build --bundles deb --target aarch64-unknown-linux-gnu",
|
||||
"build:deb:all": "bash ../scripts/build-linux-deb-all.sh notice-client",
|
||||
"preview": "vite preview",
|
||||
"tauri": "tauri",
|
||||
"icons:generate": "tauri icon ./src-tauri/icons/zh_icon.png"
|
||||
},
|
||||
"dependencies": {
|
||||
"@element-plus/icons-vue": "^2.3.2",
|
||||
"@tauri-apps/api": "^1",
|
||||
"element-plus": "^2.13.6",
|
||||
"sass": "^1.98.0",
|
||||
"unplugin-auto-import": "^21.0.0",
|
||||
"unplugin-vue-components": "^32.0.0",
|
||||
"vue": "^3.5.13",
|
||||
"vue-router": "^5.0.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@tauri-apps/cli": "^1",
|
||||
"@vitejs/plugin-vue": "^5.2.1",
|
||||
"typescript": "~5.6.2",
|
||||
"vite": "^6.0.3",
|
||||
"vue-tsc": "^2.1.10"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,26 @@
|
||||
[package]
|
||||
name = "notice-client"
|
||||
version = "0.1.0"
|
||||
description = "Notice display client"
|
||||
authors = ["you"]
|
||||
edition = "2021"
|
||||
|
||||
[lib]
|
||||
name = "notice_client_lib"
|
||||
crate-type = ["staticlib", "cdylib", "rlib"]
|
||||
|
||||
[build-dependencies]
|
||||
tauri-build = { version = "1", features = [] }
|
||||
|
||||
[features]
|
||||
default = ["custom-protocol"]
|
||||
custom-protocol = ["tauri/custom-protocol"]
|
||||
|
||||
[dependencies]
|
||||
tauri = { version = "1", features = ["api-all", "system-tray"] }
|
||||
serde = { version = "1", features = ["derive"] }
|
||||
serde_json = "1"
|
||||
fs2 = "0.4"
|
||||
reqwest = { version = "0.12", default-features = false, features = ["blocking", "json", "rustls-tls"] }
|
||||
chrono = { version = "0.4", default-features = false, features = ["clock"] }
|
||||
flate2 = "1"
|
||||
@ -0,0 +1,3 @@
|
||||
fn main() {
|
||||
tauri_build::build()
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 87 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 127 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
@ -0,0 +1,5 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
|
||||
<foreground android:drawable="@mipmap/ic_launcher_foreground"/>
|
||||
<background android:drawable="@color/ic_launcher_background"/>
|
||||
</adaptive-icon>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 131 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<resources>
|
||||
<color name="ic_launcher_background">#fff</color>
|
||||
</resources>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 733 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 358 KiB |
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 103 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 332 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 412 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 358 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
@ -0,0 +1,22 @@
|
||||
use serde_json::Value;
|
||||
use tauri::{AppHandle, Manager};
|
||||
|
||||
#[tauri::command]
|
||||
pub fn emit_to_window(
|
||||
app: AppHandle,
|
||||
label: String,
|
||||
event: String,
|
||||
payload: Value,
|
||||
) -> Result<(), String> {
|
||||
let Some(window) = app.get_window(label.as_str()) else {
|
||||
return Err(format!("窗口不存在: {label}"));
|
||||
};
|
||||
window
|
||||
.emit(event.as_str(), payload)
|
||||
.map_err(|error| format!("发送窗口事件失败: {error}"))
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub fn list_windows(app: AppHandle) -> Vec<String> {
|
||||
app.windows().keys().cloned().collect()
|
||||
}
|
||||
@ -0,0 +1,150 @@
|
||||
use serde::Serialize;
|
||||
use std::{
|
||||
env,
|
||||
fs::{self, OpenOptions},
|
||||
io::Write,
|
||||
path::{Path, PathBuf},
|
||||
time::{Duration, SystemTime, UNIX_EPOCH},
|
||||
};
|
||||
use chrono::{DateTime, Local};
|
||||
|
||||
const APP_NAME: &str = "com.ziyun.noticeclient";
|
||||
const LOG_FILE_NAME: &str = "app.log";
|
||||
const MAX_LOG_SIZE_BYTES: u64 = 100 * 1024 * 1024;
|
||||
const LOG_RETENTION_DAYS: u64 = 7;
|
||||
|
||||
fn get_home_dir() -> PathBuf {
|
||||
if let Ok(value) = env::var("HOME") {
|
||||
return PathBuf::from(value);
|
||||
}
|
||||
|
||||
if let Ok(value) = env::var("USERPROFILE") {
|
||||
return PathBuf::from(value);
|
||||
}
|
||||
|
||||
PathBuf::from(".")
|
||||
}
|
||||
|
||||
fn get_state_dir() -> PathBuf {
|
||||
if cfg!(target_os = "linux") {
|
||||
if let Ok(value) = env::var("XDG_CONFIG_HOME") {
|
||||
return PathBuf::from(value).join(APP_NAME);
|
||||
}
|
||||
|
||||
return get_home_dir().join(".config").join(APP_NAME);
|
||||
}
|
||||
|
||||
if let Ok(value) = env::var("APPDATA") {
|
||||
return PathBuf::from(value).join(APP_NAME);
|
||||
}
|
||||
|
||||
get_home_dir().join(".").join(APP_NAME)
|
||||
}
|
||||
|
||||
fn ensure_parent_dir(path: &Path) -> Result<(), String> {
|
||||
let Some(parent) = path.parent() else {
|
||||
return Ok(());
|
||||
};
|
||||
|
||||
fs::create_dir_all(parent).map_err(|error| format!("创建日志目录失败: {error}"))
|
||||
}
|
||||
|
||||
fn cleanup_old_logs(dir: &Path) -> Result<(), String> {
|
||||
if !dir.exists() {
|
||||
return Ok(());
|
||||
}
|
||||
|
||||
let retention = Duration::from_secs(LOG_RETENTION_DAYS * 24 * 60 * 60);
|
||||
let now = SystemTime::now();
|
||||
let entries = fs::read_dir(dir).map_err(|error| format!("读取日志目录失败: {error}"))?;
|
||||
|
||||
for entry in entries {
|
||||
let entry = entry.map_err(|error| format!("遍历日志目录失败: {error}"))?;
|
||||
let path = entry.path();
|
||||
if !path.is_file() {
|
||||
continue;
|
||||
}
|
||||
|
||||
let metadata = entry
|
||||
.metadata()
|
||||
.map_err(|error| format!("读取日志元数据失败: {error}"))?;
|
||||
|
||||
let Ok(modified_at) = metadata.modified() else {
|
||||
continue;
|
||||
};
|
||||
|
||||
if now.duration_since(modified_at).unwrap_or_default() > retention {
|
||||
fs::remove_file(&path).map_err(|error| format!("清理过期日志失败: {error}"))?;
|
||||
}
|
||||
}
|
||||
|
||||
Ok(())
|
||||
}
|
||||
|
||||
fn rotate_log_if_needed(path: &Path) -> Result<(), String> {
|
||||
if !path.exists() {
|
||||
return Ok(());
|
||||
}
|
||||
|
||||
let metadata = fs::metadata(path).map_err(|error| format!("读取日志文件失败: {error}"))?;
|
||||
if metadata.len() < MAX_LOG_SIZE_BYTES {
|
||||
return Ok(());
|
||||
}
|
||||
|
||||
let timestamp = SystemTime::now()
|
||||
.duration_since(UNIX_EPOCH)
|
||||
.map_err(|error| format!("生成日志时间戳失败: {error}"))?
|
||||
.as_secs();
|
||||
|
||||
let rotated_path = path.with_file_name(format!("app-{timestamp}.log"));
|
||||
fs::rename(path, rotated_path).map_err(|error| format!("轮转日志失败: {error}"))
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub fn app_log(level: String, message: String) -> Result<(), String> {
|
||||
let dir = get_state_dir();
|
||||
let path = dir.join(LOG_FILE_NAME);
|
||||
ensure_parent_dir(&path)?;
|
||||
cleanup_old_logs(&dir)?;
|
||||
rotate_log_if_needed(&path)?;
|
||||
|
||||
let now = SystemTime::now();
|
||||
let unix = now
|
||||
.duration_since(UNIX_EPOCH)
|
||||
.map_err(|error| format!("生成日志时间失败: {error}"))?;
|
||||
let ts_secs = unix.as_secs();
|
||||
let ts_millis = unix.as_millis();
|
||||
let local_time: DateTime<Local> = DateTime::from(now);
|
||||
let formatted_time = local_time.format("%Y-%m-%d %H:%M:%S%.3f %:z");
|
||||
let single_line_message = message.replace('\n', "\\n").replace('\r', "");
|
||||
|
||||
let mut file = OpenOptions::new()
|
||||
.create(true)
|
||||
.append(true)
|
||||
.open(&path)
|
||||
.map_err(|error| format!("打开日志文件失败: {error}"))?;
|
||||
|
||||
writeln!(
|
||||
file,
|
||||
"[{formatted_time}] [unix_s={ts_secs}] [unix_ms={ts_millis}] [{}] {single_line_message}",
|
||||
level.to_uppercase()
|
||||
)
|
||||
.map_err(|error| format!("写入日志失败: {error}"))
|
||||
}
|
||||
|
||||
#[derive(Debug, Serialize)]
|
||||
#[serde(rename_all = "camelCase")]
|
||||
pub struct LogPaths {
|
||||
pub log_dir: String,
|
||||
pub log_file: String,
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub fn get_log_paths() -> Result<LogPaths, String> {
|
||||
let dir = get_state_dir();
|
||||
let file = dir.join(LOG_FILE_NAME);
|
||||
Ok(LogPaths {
|
||||
log_dir: dir.to_string_lossy().to_string(),
|
||||
log_file: file.to_string_lossy().to_string(),
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
pub mod config;
|
||||
pub mod events;
|
||||
pub mod logger;
|
||||
pub mod update;
|
||||
pub mod window;
|
||||
@ -0,0 +1,160 @@
|
||||
use tauri::{AppHandle, LogicalSize, Manager, PhysicalPosition, Size, WindowBuilder, WindowUrl};
|
||||
|
||||
const DEV_MAIN_WIDTH: f64 = 1920.0;
|
||||
const DEV_MAIN_HEIGHT: f64 = 1080.0;
|
||||
|
||||
fn is_dev_main_window() -> bool {
|
||||
cfg!(debug_assertions)
|
||||
}
|
||||
|
||||
pub fn ensure_setup_window(app: AppHandle) -> Result<(), String> {
|
||||
if app.get_window("setup").is_some() {
|
||||
return Ok(());
|
||||
}
|
||||
|
||||
WindowBuilder::new(&app, "setup", WindowUrl::App("/#/setup".into()))
|
||||
.title("服务地址配置")
|
||||
.inner_size(480.0, 560.0)
|
||||
.resizable(false)
|
||||
.maximizable(false)
|
||||
.decorations(false)
|
||||
.always_on_top(true)
|
||||
.build()
|
||||
.map_err(|error| format!("创建配置窗口失败: {error}"))?;
|
||||
|
||||
Ok(())
|
||||
}
|
||||
|
||||
pub fn ensure_main_window(app: AppHandle) -> Result<(), String> {
|
||||
if app.get_window("main").is_some() {
|
||||
return Ok(());
|
||||
}
|
||||
|
||||
let mut builder = WindowBuilder::new(&app, "main", WindowUrl::App("/#/index".into()))
|
||||
.title("信息发布屏")
|
||||
.visible(false);
|
||||
|
||||
if is_dev_main_window() {
|
||||
builder = builder
|
||||
.inner_size(DEV_MAIN_WIDTH, DEV_MAIN_HEIGHT)
|
||||
.min_inner_size(960.0, 540.0)
|
||||
.resizable(true)
|
||||
.decorations(true)
|
||||
.fullscreen(false);
|
||||
} else {
|
||||
builder = builder
|
||||
.decorations(false)
|
||||
.fullscreen(true)
|
||||
.resizable(false)
|
||||
.maximizable(false);
|
||||
}
|
||||
|
||||
builder
|
||||
.build()
|
||||
.map_err(|error| format!("创建主窗口失败: {error}"))?;
|
||||
|
||||
Ok(())
|
||||
}
|
||||
|
||||
fn center_window_on_primary_monitor(window: &tauri::Window) {
|
||||
let Ok(Some(monitor)) = window.primary_monitor() else {
|
||||
let _ = window.center();
|
||||
return;
|
||||
};
|
||||
|
||||
let mon_pos = monitor.position();
|
||||
let mon_size = monitor.size();
|
||||
let Ok(outer) = window.outer_size() else {
|
||||
let _ = window.center();
|
||||
return;
|
||||
};
|
||||
|
||||
let w = outer.width as i32;
|
||||
let h = outer.height as i32;
|
||||
let screen_w = mon_size.width as i32;
|
||||
let screen_h = mon_size.height as i32;
|
||||
let x = mon_pos.x + (screen_w - w) / 2;
|
||||
let y = mon_pos.y + (screen_h - h) / 2;
|
||||
let _ = window.set_position(PhysicalPosition::new(x, y));
|
||||
}
|
||||
|
||||
fn present_main_window(main: &tauri::Window) {
|
||||
if is_dev_main_window() {
|
||||
let _ = main.set_fullscreen(false);
|
||||
let _ = main.set_decorations(true);
|
||||
let _ = main.set_size(Size::Logical(LogicalSize::new(
|
||||
DEV_MAIN_WIDTH,
|
||||
DEV_MAIN_HEIGHT,
|
||||
)));
|
||||
center_window_on_primary_monitor(main);
|
||||
} else {
|
||||
let _ = main.set_decorations(false);
|
||||
let _ = main.set_fullscreen(true);
|
||||
}
|
||||
|
||||
let _ = main.show();
|
||||
let _ = main.set_focus();
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub fn open_main_window(app: AppHandle) -> Result<(), String> {
|
||||
ensure_main_window(app.clone())?;
|
||||
|
||||
if let Some(setup) = app.get_window("setup") {
|
||||
let _ = setup.hide();
|
||||
}
|
||||
|
||||
if let Some(main) = app.get_window("main") {
|
||||
let _ = main.eval("window.location.hash = '#/index';");
|
||||
present_main_window(&main);
|
||||
}
|
||||
|
||||
Ok(())
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub fn open_setup_window(app: AppHandle) -> Result<(), String> {
|
||||
ensure_setup_window(app.clone())?;
|
||||
|
||||
if let Some(main) = app.get_window("main") {
|
||||
let _ = main.hide();
|
||||
}
|
||||
|
||||
if let Some(setup) = app.get_window("setup") {
|
||||
let _ = setup.show();
|
||||
let _ = setup.set_focus();
|
||||
}
|
||||
|
||||
Ok(())
|
||||
}
|
||||
|
||||
#[tauri::command]
|
||||
pub fn quit_app(app: AppHandle) {
|
||||
app.exit(0);
|
||||
}
|
||||
|
||||
pub fn toggle_main_window_from_tray(app: &AppHandle) {
|
||||
if ensure_main_window(app.clone()).is_err() {
|
||||
return;
|
||||
}
|
||||
|
||||
let Some(main) = app.get_window("main") else {
|
||||
return;
|
||||
};
|
||||
|
||||
let visible = main.is_visible().unwrap_or(false);
|
||||
let minimized = main.is_minimized().unwrap_or(false);
|
||||
|
||||
if minimized {
|
||||
let _ = main.unminimize();
|
||||
present_main_window(&main);
|
||||
return;
|
||||
}
|
||||
|
||||
if visible {
|
||||
let _ = main.minimize();
|
||||
return;
|
||||
}
|
||||
|
||||
present_main_window(&main);
|
||||
}
|
||||
@ -0,0 +1,130 @@
|
||||
mod commands;
|
||||
|
||||
use std::{
|
||||
fs::{create_dir_all, File, OpenOptions},
|
||||
io,
|
||||
};
|
||||
|
||||
use commands::{
|
||||
config::{config_get_all, config_merge},
|
||||
events::{emit_to_window, list_windows},
|
||||
logger::{app_log, get_log_paths},
|
||||
update::{
|
||||
check_apt_update, setup_zyyun_apt_source,
|
||||
spawn_background_pending_notice_client_update_sync, upgrade_notice_client_via_apt,
|
||||
},
|
||||
window::{
|
||||
ensure_main_window, ensure_setup_window, open_main_window, open_setup_window, quit_app,
|
||||
toggle_main_window_from_tray,
|
||||
},
|
||||
};
|
||||
use fs2::FileExt;
|
||||
use tauri::{
|
||||
CustomMenuItem, Manager, SystemTray, SystemTrayEvent, SystemTrayMenu,
|
||||
};
|
||||
|
||||
const TRAY_MENU_SHOW_ID: &str = "tray_show_window";
|
||||
const TRAY_MENU_QUIT_ID: &str = "tray_quit";
|
||||
|
||||
#[allow(dead_code)]
|
||||
struct SingleInstanceLock(File);
|
||||
|
||||
fn acquire_single_instance_lock(app: &tauri::App) -> Result<SingleInstanceLock, String> {
|
||||
let base_dir = app.path_resolver().app_data_dir().ok_or("无法获取应用数据目录")?;
|
||||
create_dir_all(&base_dir).map_err(|err| format!("创建锁目录失败: {err}"))?;
|
||||
|
||||
let lock_path = base_dir.join("single-instance.lock");
|
||||
let lock_file = OpenOptions::new()
|
||||
.create(true)
|
||||
.read(true)
|
||||
.write(true)
|
||||
.open(lock_path)
|
||||
.map_err(|err| format!("打开锁文件失败: {err}"))?;
|
||||
|
||||
match lock_file.try_lock_exclusive() {
|
||||
Ok(()) => Ok(SingleInstanceLock(lock_file)),
|
||||
Err(err) if err.kind() == io::ErrorKind::WouldBlock => {
|
||||
Err("duplicate instance".to_string())
|
||||
}
|
||||
Err(err) => Err(format!("加锁失败: {err}")),
|
||||
}
|
||||
}
|
||||
|
||||
fn has_server_ip_configured() -> bool {
|
||||
match config_get_all() {
|
||||
Ok(map) => map
|
||||
.get("server_ip")
|
||||
.and_then(|v| v.as_str())
|
||||
.map(|s| !s.trim().is_empty())
|
||||
.unwrap_or(false),
|
||||
Err(_) => false,
|
||||
}
|
||||
}
|
||||
|
||||
#[cfg_attr(mobile, tauri::mobile_entry_point)]
|
||||
pub fn run() {
|
||||
let tray_menu = SystemTrayMenu::new()
|
||||
.add_item(CustomMenuItem::new(TRAY_MENU_SHOW_ID, "显示/隐藏主窗口"))
|
||||
.add_item(CustomMenuItem::new(TRAY_MENU_QUIT_ID, "退出"));
|
||||
let system_tray = SystemTray::new().with_menu(tray_menu);
|
||||
|
||||
tauri::Builder::default()
|
||||
.system_tray(system_tray)
|
||||
.on_system_tray_event(|app, event| match event {
|
||||
SystemTrayEvent::DoubleClick { .. } | SystemTrayEvent::LeftClick { .. } => {
|
||||
toggle_main_window_from_tray(app);
|
||||
}
|
||||
SystemTrayEvent::MenuItemClick { id, .. } if id.as_str() == TRAY_MENU_SHOW_ID => {
|
||||
toggle_main_window_from_tray(app);
|
||||
}
|
||||
SystemTrayEvent::MenuItemClick { id, .. } if id.as_str() == TRAY_MENU_QUIT_ID => {
|
||||
app.exit(0);
|
||||
}
|
||||
_ => {}
|
||||
})
|
||||
.setup(|app| {
|
||||
match acquire_single_instance_lock(app) {
|
||||
Ok(lock) => {
|
||||
app.manage(lock);
|
||||
}
|
||||
Err(reason) if reason == "duplicate instance" => {
|
||||
tauri::api::dialog::blocking::message(
|
||||
None::<&tauri::Window>,
|
||||
"提示",
|
||||
"请勿重复打开",
|
||||
);
|
||||
app.handle().exit(0);
|
||||
return Ok(());
|
||||
}
|
||||
Err(reason) => {
|
||||
return Err(reason.into());
|
||||
}
|
||||
}
|
||||
|
||||
ensure_setup_window(app.handle())?;
|
||||
ensure_main_window(app.handle())?;
|
||||
|
||||
if has_server_ip_configured() {
|
||||
let _ = open_main_window(app.handle());
|
||||
}
|
||||
|
||||
spawn_background_pending_notice_client_update_sync(app.handle());
|
||||
Ok(())
|
||||
})
|
||||
.invoke_handler(tauri::generate_handler![
|
||||
config_get_all,
|
||||
config_merge,
|
||||
app_log,
|
||||
get_log_paths,
|
||||
emit_to_window,
|
||||
list_windows,
|
||||
check_apt_update,
|
||||
setup_zyyun_apt_source,
|
||||
upgrade_notice_client_via_apt,
|
||||
open_main_window,
|
||||
open_setup_window,
|
||||
quit_app
|
||||
])
|
||||
.run(tauri::generate_context!())
|
||||
.expect("error while running tauri application");
|
||||
}
|
||||
@ -0,0 +1,6 @@
|
||||
// Prevents additional console window on Windows in release, DO NOT REMOVE!!
|
||||
#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
|
||||
|
||||
fn main() {
|
||||
notice_client_lib::run()
|
||||
}
|
||||
@ -0,0 +1,49 @@
|
||||
{
|
||||
"$schema": "../node_modules/@tauri-apps/cli/schema.json",
|
||||
"package": {
|
||||
"productName": "notice-client",
|
||||
"version": "0.1.0"
|
||||
},
|
||||
"build": {
|
||||
"beforeDevCommand": "npm run dev",
|
||||
"beforeBuildCommand": "npm run build",
|
||||
"devPath": "http://localhost:1422",
|
||||
"distDir": "../dist"
|
||||
},
|
||||
"tauri": {
|
||||
"allowlist": {
|
||||
"all": true,
|
||||
"http": {
|
||||
"all": true,
|
||||
"request": true,
|
||||
"scope": ["http://*/*", "https://*/*"]
|
||||
}
|
||||
},
|
||||
"windows": [],
|
||||
"systemTray": {
|
||||
"iconPath": "icons/icon.ico"
|
||||
},
|
||||
"security": {
|
||||
"csp": null
|
||||
},
|
||||
"bundle": {
|
||||
"active": true,
|
||||
"targets": ["deb"],
|
||||
"identifier": "com.ziyun.noticeclient",
|
||||
"deb": {
|
||||
"depends": []
|
||||
},
|
||||
"appimage": {
|
||||
"bundleMediaFramework": false
|
||||
},
|
||||
"icon": [
|
||||
"icons/32x32.png",
|
||||
"icons/128x128.png",
|
||||
"icons/128x128@2x.png",
|
||||
"icons/icon.icns",
|
||||
"icons/icon.ico",
|
||||
"icons/icon.png"
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
<template>
|
||||
<RouterView />
|
||||
</template>
|
||||
@ -0,0 +1,126 @@
|
||||
import { http } from "../utils/service";
|
||||
|
||||
const VIDEO_LIST_PATH = "/notice/videolist";
|
||||
const TICKET_LIST_PATH = "/notice/ticketlist";
|
||||
|
||||
let cachedVideoUrls: string[] = [];
|
||||
let videoListPromise: Promise<string[]> | null = null;
|
||||
|
||||
export interface NoticeCallingItem {
|
||||
ticketId: string;
|
||||
winName: string;
|
||||
isTransfer?: boolean;
|
||||
}
|
||||
|
||||
export interface NoticeTicketListData {
|
||||
total: number;
|
||||
waitingNum: number;
|
||||
completedNum: number;
|
||||
dealingNum: number;
|
||||
callinglist: NoticeCallingItem[];
|
||||
abandonedlist: string[];
|
||||
waitinglist: string[];
|
||||
}
|
||||
|
||||
function normalizeCallingItem(raw: unknown): NoticeCallingItem | null {
|
||||
if (!raw || typeof raw !== "object") {
|
||||
return null;
|
||||
}
|
||||
const item = raw as Record<string, unknown>;
|
||||
const ticketId = item.ticketId ?? item.ticket_id;
|
||||
const winName = item.winName ?? item.win_name;
|
||||
if (ticketId == null || winName == null) {
|
||||
return null;
|
||||
}
|
||||
const isTransfer = item.isTransfer ?? item.is_transfer;
|
||||
return {
|
||||
ticketId: String(ticketId),
|
||||
winName: String(winName),
|
||||
isTransfer: Boolean(isTransfer),
|
||||
};
|
||||
}
|
||||
|
||||
function normalizeTicketIdFromListItem(raw: unknown): string | null {
|
||||
if (raw == null) {
|
||||
return null;
|
||||
}
|
||||
if (typeof raw === "string" || typeof raw === "number") {
|
||||
const value = String(raw).trim();
|
||||
return value.length > 0 ? value : null;
|
||||
}
|
||||
if (typeof raw === "object") {
|
||||
const item = raw as Record<string, unknown>;
|
||||
const ticketId = item.ticketId ?? item.ticket_id;
|
||||
if (ticketId == null) {
|
||||
return null;
|
||||
}
|
||||
const value = String(ticketId).trim();
|
||||
return value.length > 0 ? value : null;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
function normalizeTicketIdList(raw: unknown): string[] {
|
||||
if (!Array.isArray(raw)) {
|
||||
return [];
|
||||
}
|
||||
return raw
|
||||
.map(normalizeTicketIdFromListItem)
|
||||
.filter((ticketId): ticketId is string => ticketId !== null);
|
||||
}
|
||||
|
||||
function normalizeTicketListData(raw: unknown): NoticeTicketListData {
|
||||
const data = (raw ?? {}) as Record<string, unknown>;
|
||||
const callingRaw = Array.isArray(data.callinglist) ? data.callinglist : [];
|
||||
const callinglist = callingRaw
|
||||
.map(normalizeCallingItem)
|
||||
.filter((item): item is NoticeCallingItem => item !== null);
|
||||
|
||||
return {
|
||||
total: Number(data.total ?? 0),
|
||||
waitingNum: Number(data.waitingNum ?? data.waiting_num ?? 0),
|
||||
completedNum: Number(data.completedNum ?? data.completed_num ?? 0),
|
||||
dealingNum: Number(data.dealingNum ?? data.dealing_num ?? 0),
|
||||
callinglist,
|
||||
abandonedlist: normalizeTicketIdList(data.abandonedlist),
|
||||
waitinglist: normalizeTicketIdList(data.waitinglist),
|
||||
};
|
||||
}
|
||||
|
||||
export async function fetchNoticeVideoList(): Promise<string[]> {
|
||||
const data = await http.get<unknown>(VIDEO_LIST_PATH);
|
||||
if (!Array.isArray(data)) {
|
||||
return [];
|
||||
}
|
||||
return data.map((url) => String(url)).filter((url) => url.trim().length > 0);
|
||||
}
|
||||
|
||||
export async function fetchNoticeTicketList(): Promise<NoticeTicketListData> {
|
||||
const data = await http.get<unknown>(TICKET_LIST_PATH);
|
||||
return normalizeTicketListData(data);
|
||||
}
|
||||
|
||||
export function getCachedNoticeVideoUrls(): string[] {
|
||||
return [...cachedVideoUrls];
|
||||
}
|
||||
|
||||
/** 客户端打开时拉取宣传视频列表（结果缓存，重复调用复用同一请求）。 */
|
||||
export async function loadNoticeVideoListOnOpen(force = false): Promise<string[]> {
|
||||
if (!force && cachedVideoUrls.length > 0) {
|
||||
return [...cachedVideoUrls];
|
||||
}
|
||||
if (!force && videoListPromise) {
|
||||
return videoListPromise;
|
||||
}
|
||||
|
||||
videoListPromise = fetchNoticeVideoList()
|
||||
.then((urls) => {
|
||||
cachedVideoUrls = urls;
|
||||
return [...urls];
|
||||
})
|
||||
.finally(() => {
|
||||
videoListPromise = null;
|
||||
});
|
||||
|
||||
return videoListPromise;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 733 KiB |
@ -0,0 +1,35 @@
|
||||
:root {
|
||||
--ev-c-white: #ffffff;
|
||||
--ev-c-black: #1b1b1f;
|
||||
--ev-c-gray-1: #515c67;
|
||||
--ev-c-gray-2: #414853;
|
||||
--ev-c-gray-3: #32363f;
|
||||
--ev-c-text-1: rgba(255, 255, 245, 0.86);
|
||||
--color-background: #f3f4f6;
|
||||
--color-text: #111827;
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
body {
|
||||
min-height: 100vh;
|
||||
color: var(--color-text);
|
||||
background: var(--color-background);
|
||||
line-height: 1.6;
|
||||
font-family:
|
||||
Inter,
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
"Segoe UI",
|
||||
Roboto,
|
||||
"Helvetica Neue",
|
||||
sans-serif;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
@import "./base.css";
|
||||
|
||||
html,
|
||||
body,
|
||||
#app {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow: hidden;
|
||||
user-select: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#app {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@ -0,0 +1,18 @@
|
||||
import { invoke } from "@tauri-apps/api/tauri";
|
||||
import type { AppConfig } from "./types";
|
||||
|
||||
export async function getAllConfig(): Promise<AppConfig> {
|
||||
try {
|
||||
return await invoke<AppConfig>("config_get_all");
|
||||
} catch (error) {
|
||||
throw new Error(`读取配置失败: ${String(error)}`);
|
||||
}
|
||||
}
|
||||
|
||||
export async function mergeConfig(partial: AppConfig): Promise<AppConfig> {
|
||||
try {
|
||||
return await invoke<AppConfig>("config_merge", { partial });
|
||||
} catch (error) {
|
||||
throw new Error(`写入配置失败: ${String(error)}`);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,35 @@
|
||||
import { invoke } from "@tauri-apps/api/tauri";
|
||||
import type { LogLevel } from "./types";
|
||||
|
||||
function extractCallerFromStack(): string | null {
|
||||
const stack = new Error().stack;
|
||||
if (!stack) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const lines = stack.split("\n").map((line) => line.trim());
|
||||
for (const line of lines) {
|
||||
if (line.includes("logger.ts")) {
|
||||
continue;
|
||||
}
|
||||
|
||||
const match =
|
||||
line.match(/(src\/[^)\s]+:\d+:\d+)/) ??
|
||||
line.match(/([A-Za-z]:\\[^)\s]+:\d+:\d+)/);
|
||||
if (match?.[1]) {
|
||||
return match[1].replace(/\\/g, "/");
|
||||
}
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
export async function log(level: LogLevel, message: string): Promise<void> {
|
||||
try {
|
||||
const caller = extractCallerFromStack();
|
||||
const enrichedMessage = caller ? `${message} [source=${caller}]` : message;
|
||||
await invoke("app_log", { level, message: enrichedMessage });
|
||||
} catch (error) {
|
||||
throw new Error(`写入日志失败: ${String(error)}`);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,54 @@
|
||||
export type JsonPrimitive = string | number | boolean | null;
|
||||
|
||||
export type JsonValue = JsonPrimitive | JsonValue[] | { [key: string]: JsonValue };
|
||||
|
||||
export type AppConfig = Record<string, JsonValue>;
|
||||
|
||||
export interface NativeConfirmOptions {
|
||||
title: string;
|
||||
message: string;
|
||||
okLabel?: string;
|
||||
cancelLabel?: string;
|
||||
}
|
||||
|
||||
export interface AppLogPaths {
|
||||
logDir: string;
|
||||
logFile: string;
|
||||
}
|
||||
|
||||
export type ShowErrorLogActions = "none" | "file";
|
||||
|
||||
export interface ShowErrorNativeOptions {
|
||||
logActions?: ShowErrorLogActions;
|
||||
}
|
||||
|
||||
export type LogLevel = "debug" | "info" | "warn" | "error";
|
||||
|
||||
export interface NoticeDisplayConfig {
|
||||
pageBgColor: string;
|
||||
headerBgColor: string;
|
||||
headerTextColor: string;
|
||||
headerTitle: string;
|
||||
showVideoArea: boolean;
|
||||
infoAreaBgColor: string;
|
||||
infoAreaTextColor: string;
|
||||
}
|
||||
|
||||
export interface PendingNoticeClientUpdateStored {
|
||||
candidateVersion: string;
|
||||
}
|
||||
|
||||
export interface AptUpdateCheckResult {
|
||||
installedVersion: string;
|
||||
candidateVersion: string;
|
||||
sourceAvailable: boolean;
|
||||
hasUpdate: boolean;
|
||||
}
|
||||
|
||||
/** 叫号行票号标签 */
|
||||
export type CallTicketTag = "转移" | "VIP" | "回签";
|
||||
|
||||
export interface CallMessageItem {
|
||||
text: string;
|
||||
tags?: CallTicketTag[];
|
||||
}
|
||||
@ -0,0 +1,42 @@
|
||||
import { invoke } from "@tauri-apps/api/tauri";
|
||||
import { appWindow } from "@tauri-apps/api/window";
|
||||
|
||||
export async function minimizeWindow(): Promise<void> {
|
||||
try {
|
||||
await appWindow.minimize();
|
||||
} catch (error) {
|
||||
throw new Error(`最小化窗口失败: ${String(error)}`);
|
||||
}
|
||||
}
|
||||
|
||||
export async function closeWindow(): Promise<void> {
|
||||
try {
|
||||
await invoke("quit_app");
|
||||
} catch (error) {
|
||||
throw new Error(`关闭窗口失败: ${String(error)}`);
|
||||
}
|
||||
}
|
||||
|
||||
export async function openMainWindow(): Promise<void> {
|
||||
try {
|
||||
await invoke("open_main_window");
|
||||
} catch (error) {
|
||||
throw new Error(`打开主窗口失败: ${String(error)}`);
|
||||
}
|
||||
}
|
||||
|
||||
export async function openSetupWindow(): Promise<void> {
|
||||
try {
|
||||
await invoke("open_setup_window");
|
||||
} catch (error) {
|
||||
throw new Error(`打开配置窗口失败: ${String(error)}`);
|
||||
}
|
||||
}
|
||||
|
||||
export async function quitApplication(): Promise<void> {
|
||||
try {
|
||||
await invoke("quit_app");
|
||||
} catch (error) {
|
||||
throw new Error(`退出应用失败: ${String(error)}`);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<div class="shell">
|
||||
<RouterView />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.shell {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,48 @@
|
||||
import { createApp } from "vue";
|
||||
import App from "./App.vue";
|
||||
import "./assets/main.css";
|
||||
import { getAllConfig } from "./host/config";
|
||||
import { getServerIpFromConfig } from "./utils/noticeConfig";
|
||||
import { applyServerIpToHttp } from "./utils/service";
|
||||
import { loadNoticeVideoListOnOpen } from "./api/notice";
|
||||
import { router } from "./router";
|
||||
import { log } from "./host/logger";
|
||||
|
||||
function withTimeout<T>(promise: Promise<T>, timeoutMs: number): Promise<T> {
|
||||
return new Promise<T>((resolve, reject) => {
|
||||
const timer = setTimeout(() => {
|
||||
reject(new Error(`timeout after ${timeoutMs}ms`));
|
||||
}, timeoutMs);
|
||||
|
||||
promise
|
||||
.then((value) => {
|
||||
clearTimeout(timer);
|
||||
resolve(value);
|
||||
})
|
||||
.catch((error) => {
|
||||
clearTimeout(timer);
|
||||
reject(error);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
async function bootstrap(): Promise<void> {
|
||||
try {
|
||||
const config = await withTimeout(getAllConfig(), 1500);
|
||||
const serverIp = getServerIpFromConfig(config);
|
||||
if (serverIp) {
|
||||
applyServerIpToHttp(serverIp);
|
||||
void loadNoticeVideoListOnOpen().catch(async (error) => {
|
||||
const message = error instanceof Error ? error.message : String(error);
|
||||
await log("warn", `启动时拉取 videolist 失败: ${message}`);
|
||||
});
|
||||
}
|
||||
} catch {
|
||||
// 配置缺失时由路由守卫引导到设置页
|
||||
}
|
||||
|
||||
const app = createApp(App);
|
||||
app.use(router).mount("#app");
|
||||
}
|
||||
|
||||
void bootstrap();
|
||||
@ -0,0 +1,61 @@
|
||||
import { createRouter, createWebHashHistory, type RouteRecordRaw } from "vue-router";
|
||||
import { getAllConfig } from "../host/config";
|
||||
import { getServerIpFromConfig } from "../utils/noticeConfig";
|
||||
import { applyServerIpToHttp } from "../utils/service";
|
||||
import MainShell from "../layouts/MainShell.vue";
|
||||
|
||||
const ServerSetupView = () => import("../views/ServerSetupView.vue");
|
||||
const IndexView = () => import("../views/IndexView.vue");
|
||||
const ConfigView = () => import("../views/ConfigView.vue");
|
||||
|
||||
const routes: RouteRecordRaw[] = [
|
||||
{ path: "/setup", name: "setup", component: ServerSetupView },
|
||||
{
|
||||
path: "/",
|
||||
component: MainShell,
|
||||
children: [
|
||||
{ path: "", redirect: { name: "index" } },
|
||||
{ path: "index", name: "index", component: IndexView },
|
||||
{ path: "config", name: "config", component: ConfigView },
|
||||
{ path: "main-setup", name: "main-setup", component: ServerSetupView },
|
||||
],
|
||||
},
|
||||
{ path: "/:pathMatch(.*)*", redirect: { name: "index" } },
|
||||
];
|
||||
|
||||
export const router = createRouter({
|
||||
history: createWebHashHistory(),
|
||||
routes,
|
||||
});
|
||||
|
||||
router.beforeEach(async (to, from, next) => {
|
||||
if (to.path === "/setup") {
|
||||
next();
|
||||
return;
|
||||
}
|
||||
|
||||
let ip = "";
|
||||
try {
|
||||
const config = await getAllConfig();
|
||||
ip = getServerIpFromConfig(config);
|
||||
if (ip) {
|
||||
applyServerIpToHttp(ip);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("[router] getAllConfig failed:", error);
|
||||
next();
|
||||
return;
|
||||
}
|
||||
|
||||
if (!ip && to.name !== "main-setup") {
|
||||
next({ name: "main-setup", replace: true });
|
||||
return;
|
||||
}
|
||||
|
||||
if (ip && to.name === "main-setup" && from.name !== "config") {
|
||||
next({ name: "index", replace: true });
|
||||
return;
|
||||
}
|
||||
|
||||
next();
|
||||
});
|
||||
@ -0,0 +1,93 @@
|
||||
import type { AppConfig, NoticeDisplayConfig } from "../host/types";
|
||||
|
||||
export const NOTICE_CONFIG_KEYS = {
|
||||
pageBgColor: "page_bg_color",
|
||||
headerBgColor: "header_bg_color",
|
||||
headerTextColor: "header_text_color",
|
||||
headerTitle: "header_title",
|
||||
showVideoArea: "show_video_area",
|
||||
infoAreaBgColor: "info_area_bg_color",
|
||||
infoAreaTextColor: "info_area_text_color",
|
||||
} as const;
|
||||
|
||||
export const DEFAULT_NOTICE_DISPLAY_CONFIG: NoticeDisplayConfig = {
|
||||
pageBgColor: "#0f172a",
|
||||
headerBgColor: "#2563eb",
|
||||
headerTextColor: "#ffffff",
|
||||
headerTitle: "办事服务大厅",
|
||||
showVideoArea: true,
|
||||
infoAreaBgColor: "rgba(255,255,255,0.96)",
|
||||
infoAreaTextColor: "#1f2937",
|
||||
};
|
||||
|
||||
function readString(config: AppConfig, key: string, fallback: string): string {
|
||||
const value = config[key];
|
||||
return typeof value === "string" && value.trim() ? value : fallback;
|
||||
}
|
||||
|
||||
function readBoolean(config: AppConfig, key: string, fallback: boolean): boolean {
|
||||
const value = config[key];
|
||||
if (typeof value === "boolean") {
|
||||
return value;
|
||||
}
|
||||
return fallback;
|
||||
}
|
||||
|
||||
export function noticeDisplayConfigFromAppConfig(config: AppConfig): NoticeDisplayConfig {
|
||||
return {
|
||||
pageBgColor: readString(
|
||||
config,
|
||||
NOTICE_CONFIG_KEYS.pageBgColor,
|
||||
DEFAULT_NOTICE_DISPLAY_CONFIG.pageBgColor,
|
||||
),
|
||||
headerBgColor: readString(
|
||||
config,
|
||||
NOTICE_CONFIG_KEYS.headerBgColor,
|
||||
DEFAULT_NOTICE_DISPLAY_CONFIG.headerBgColor,
|
||||
),
|
||||
headerTextColor: readString(
|
||||
config,
|
||||
NOTICE_CONFIG_KEYS.headerTextColor,
|
||||
DEFAULT_NOTICE_DISPLAY_CONFIG.headerTextColor,
|
||||
),
|
||||
headerTitle: readString(
|
||||
config,
|
||||
NOTICE_CONFIG_KEYS.headerTitle,
|
||||
DEFAULT_NOTICE_DISPLAY_CONFIG.headerTitle,
|
||||
),
|
||||
showVideoArea: readBoolean(
|
||||
config,
|
||||
NOTICE_CONFIG_KEYS.showVideoArea,
|
||||
DEFAULT_NOTICE_DISPLAY_CONFIG.showVideoArea,
|
||||
),
|
||||
infoAreaBgColor: readString(
|
||||
config,
|
||||
NOTICE_CONFIG_KEYS.infoAreaBgColor,
|
||||
DEFAULT_NOTICE_DISPLAY_CONFIG.infoAreaBgColor,
|
||||
),
|
||||
infoAreaTextColor: readString(
|
||||
config,
|
||||
NOTICE_CONFIG_KEYS.infoAreaTextColor,
|
||||
DEFAULT_NOTICE_DISPLAY_CONFIG.infoAreaTextColor,
|
||||
),
|
||||
};
|
||||
}
|
||||
|
||||
export function noticeDisplayConfigToPartial(
|
||||
display: NoticeDisplayConfig,
|
||||
): AppConfig {
|
||||
return {
|
||||
[NOTICE_CONFIG_KEYS.pageBgColor]: display.pageBgColor,
|
||||
[NOTICE_CONFIG_KEYS.headerBgColor]: display.headerBgColor,
|
||||
[NOTICE_CONFIG_KEYS.headerTextColor]: display.headerTextColor,
|
||||
[NOTICE_CONFIG_KEYS.headerTitle]: display.headerTitle,
|
||||
[NOTICE_CONFIG_KEYS.showVideoArea]: display.showVideoArea,
|
||||
[NOTICE_CONFIG_KEYS.infoAreaBgColor]: display.infoAreaBgColor,
|
||||
[NOTICE_CONFIG_KEYS.infoAreaTextColor]: display.infoAreaTextColor,
|
||||
};
|
||||
}
|
||||
|
||||
export function getServerIpFromConfig(config: AppConfig): string {
|
||||
const value = config.server_ip;
|
||||
return typeof value === "string" ? value.trim() : "";
|
||||
}
|
||||
@ -0,0 +1,109 @@
|
||||
import { fetch as tauriFetch, ResponseType } from "@tauri-apps/api/http";
|
||||
|
||||
export const API_QUEUE_PATH = "/api/queue";
|
||||
const DEFAULT_API_PORT = 8845;
|
||||
|
||||
let cachedBaseUrl = "";
|
||||
|
||||
type ApiEnvelope<T> = {
|
||||
code: number;
|
||||
msg?: string;
|
||||
message?: string;
|
||||
data: T;
|
||||
};
|
||||
|
||||
function shouldUseTauriHttpTransport(): boolean {
|
||||
return !import.meta.env.DEV;
|
||||
}
|
||||
|
||||
export function buildBaseUrlFromServerIp(serverIp: string): string {
|
||||
const raw = serverIp.trim();
|
||||
if (!raw) {
|
||||
return "";
|
||||
}
|
||||
|
||||
if (raw.startsWith("http://") || raw.startsWith("https://")) {
|
||||
return `${raw.replace(/\/$/, "")}${API_QUEUE_PATH}`;
|
||||
}
|
||||
|
||||
const hostPort = raw.replace(/^\/+/, "");
|
||||
const hasPort = /:\d+$/.test(hostPort) || /^\[.+\]:\d+$/.test(hostPort);
|
||||
if (hasPort) {
|
||||
return `http://${hostPort}${API_QUEUE_PATH}`;
|
||||
}
|
||||
|
||||
return `http://${hostPort}:${DEFAULT_API_PORT}${API_QUEUE_PATH}`;
|
||||
}
|
||||
|
||||
export function applyServerIpToHttp(serverIp: string): void {
|
||||
if (import.meta.env.DEV) {
|
||||
cachedBaseUrl = API_QUEUE_PATH;
|
||||
return;
|
||||
}
|
||||
|
||||
cachedBaseUrl = buildBaseUrlFromServerIp(serverIp);
|
||||
}
|
||||
|
||||
export function getHttpBaseUrl(): string {
|
||||
return cachedBaseUrl;
|
||||
}
|
||||
|
||||
function buildRequestUrl(relativePath: string): string {
|
||||
const base = getHttpBaseUrl().replace(/\/$/, "");
|
||||
const path = relativePath.replace(/^\//, "");
|
||||
if (!base) {
|
||||
throw new Error("未配置服务器地址，请先完成服务地址设置");
|
||||
}
|
||||
return `${base}/${path}`;
|
||||
}
|
||||
|
||||
function isApiSuccessCode(code: unknown): boolean {
|
||||
return code === 200 || code === 0;
|
||||
}
|
||||
|
||||
function getApiMessage(payload: unknown): string {
|
||||
const data = (payload ?? {}) as { message?: unknown; msg?: unknown };
|
||||
if (typeof data.message === "string" && data.message.trim()) {
|
||||
return data.message;
|
||||
}
|
||||
if (typeof data.msg === "string" && data.msg.trim()) {
|
||||
return data.msg;
|
||||
}
|
||||
return "请求失败";
|
||||
}
|
||||
|
||||
function unwrapEnvelope<T>(payload: ApiEnvelope<T>): T {
|
||||
if (!isApiSuccessCode(payload?.code)) {
|
||||
throw new Error(getApiMessage(payload));
|
||||
}
|
||||
return payload.data;
|
||||
}
|
||||
|
||||
async function requestGet<T>(relativePath: string): Promise<T> {
|
||||
const url = buildRequestUrl(relativePath);
|
||||
|
||||
if (shouldUseTauriHttpTransport()) {
|
||||
const response = await tauriFetch<ApiEnvelope<T>>(url, {
|
||||
method: "GET",
|
||||
responseType: ResponseType.JSON,
|
||||
timeout: 10000,
|
||||
});
|
||||
return unwrapEnvelope(response.data);
|
||||
}
|
||||
|
||||
const response = await fetch(url, {
|
||||
method: "GET",
|
||||
headers: { Accept: "application/json" },
|
||||
});
|
||||
const payload = (await response.json()) as ApiEnvelope<T>;
|
||||
if (!response.ok) {
|
||||
throw new Error(getApiMessage(payload));
|
||||
}
|
||||
return unwrapEnvelope(payload);
|
||||
}
|
||||
|
||||
export const http = {
|
||||
get<T>(relativePath: string): Promise<T> {
|
||||
return requestGet<T>(relativePath);
|
||||
},
|
||||
};
|
||||
@ -0,0 +1,639 @@
|
||||
<script setup lang="ts">
|
||||
import { computed, nextTick, onMounted, onUnmounted, ref } from "vue";
|
||||
import { useRouter } from "vue-router";
|
||||
import {
|
||||
fetchNoticeTicketList,
|
||||
getCachedNoticeVideoUrls,
|
||||
loadNoticeVideoListOnOpen,
|
||||
type NoticeCallingItem,
|
||||
} from "../api/notice";
|
||||
import { getAllConfig } from "../host/config";
|
||||
import { log } from "../host/logger";
|
||||
import {
|
||||
DEFAULT_NOTICE_DISPLAY_CONFIG,
|
||||
noticeDisplayConfigFromAppConfig,
|
||||
} from "../utils/noticeConfig";
|
||||
import type { CallTicketTag, NoticeDisplayConfig } from "../host/types";
|
||||
import badgeIcon from "../assets/badge_transparent.png";
|
||||
|
||||
const MAX_CALL_LINES = 8;
|
||||
const TICKET_POLL_MS = 2000;
|
||||
|
||||
const router = useRouter();
|
||||
const displayConfig = ref<NoticeDisplayConfig>({ ...DEFAULT_NOTICE_DISPLAY_CONFIG });
|
||||
|
||||
interface CallDisplayRow {
|
||||
ticket: string;
|
||||
window: string;
|
||||
tags: CallTicketTag[];
|
||||
}
|
||||
|
||||
const callRows = ref<CallDisplayRow[]>([]);
|
||||
const queueStats = ref({
|
||||
waiting: 0,
|
||||
totalTickets: 0,
|
||||
processed: 0,
|
||||
});
|
||||
const upcomingTickets = ref<string[]>([]);
|
||||
const abandonedTickets = ref<string[]>([]);
|
||||
|
||||
const videoUrls = ref<string[]>([]);
|
||||
const currentVideoIndex = ref(0);
|
||||
/** 每次切换视频递增，避免 URL 相同时 Vue 复用已结束的 video 元素 */
|
||||
const videoPlaySeq = ref(0);
|
||||
const promoVideoRef = ref<HTMLVideoElement | null>(null);
|
||||
|
||||
const displayedCallRows = computed(() => callRows.value.slice(0, MAX_CALL_LINES));
|
||||
|
||||
const currentVideoUrl = computed(() => {
|
||||
if (videoUrls.value.length === 0) {
|
||||
return "";
|
||||
}
|
||||
const index = currentVideoIndex.value % videoUrls.value.length;
|
||||
return videoUrls.value[index] ?? "";
|
||||
});
|
||||
|
||||
const pageStyle = computed(() => ({
|
||||
backgroundColor: displayConfig.value.pageBgColor,
|
||||
}));
|
||||
|
||||
const headerStyle = computed(() => ({
|
||||
backgroundColor: displayConfig.value.headerBgColor,
|
||||
color: displayConfig.value.headerTextColor,
|
||||
}));
|
||||
|
||||
const infoPanelStyle = computed(() => ({
|
||||
backgroundColor: displayConfig.value.infoAreaBgColor,
|
||||
color: displayConfig.value.infoAreaTextColor,
|
||||
}));
|
||||
|
||||
function toCallDisplayRow(item: NoticeCallingItem): CallDisplayRow {
|
||||
const tags: CallTicketTag[] = [];
|
||||
if (item.isTransfer) {
|
||||
tags.push("转移");
|
||||
}
|
||||
return {
|
||||
ticket: item.ticketId,
|
||||
window: item.winName,
|
||||
tags,
|
||||
};
|
||||
}
|
||||
|
||||
function callTagClass(tag: CallTicketTag): string {
|
||||
if (tag === "转移") {
|
||||
return "call-tag--transfer";
|
||||
}
|
||||
if (tag === "VIP") {
|
||||
return "call-tag--vip";
|
||||
}
|
||||
return "call-tag--requeue";
|
||||
}
|
||||
|
||||
async function refreshTicketList(): Promise<void> {
|
||||
try {
|
||||
const data = await fetchNoticeTicketList();
|
||||
callRows.value = data.callinglist.map(toCallDisplayRow);
|
||||
queueStats.value = {
|
||||
waiting: data.waitingNum,
|
||||
totalTickets: data.total,
|
||||
processed: data.completedNum,
|
||||
};
|
||||
upcomingTickets.value = data.waitinglist;
|
||||
abandonedTickets.value = data.abandonedlist;
|
||||
} catch (error) {
|
||||
const message = error instanceof Error ? error.message : String(error);
|
||||
await log("warn", `ticketlist 轮询失败: ${message}`);
|
||||
}
|
||||
}
|
||||
|
||||
async function ensureVideoList(): Promise<void> {
|
||||
const cached = getCachedNoticeVideoUrls();
|
||||
if (cached.length > 0) {
|
||||
videoUrls.value = cached;
|
||||
currentVideoIndex.value = 0;
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
videoUrls.value = await loadNoticeVideoListOnOpen();
|
||||
currentVideoIndex.value = 0;
|
||||
} catch (error) {
|
||||
const message = error instanceof Error ? error.message : String(error);
|
||||
await log("warn", `videolist 加载失败: ${message}`);
|
||||
}
|
||||
}
|
||||
|
||||
let isRefreshingVideoList = false;
|
||||
|
||||
async function playCurrentVideo(): Promise<void> {
|
||||
await nextTick();
|
||||
const el = promoVideoRef.value;
|
||||
if (!el) {
|
||||
return;
|
||||
}
|
||||
try {
|
||||
el.currentTime = 0;
|
||||
await el.play();
|
||||
} catch (error) {
|
||||
const message = error instanceof Error ? error.message : String(error);
|
||||
await log("warn", `视频自动播放失败: ${message}`);
|
||||
}
|
||||
}
|
||||
|
||||
function advanceToVideo(index: number): void {
|
||||
currentVideoIndex.value = index;
|
||||
videoPlaySeq.value += 1;
|
||||
}
|
||||
|
||||
async function handleVideoEnded(): Promise<void> {
|
||||
const count = videoUrls.value.length;
|
||||
if (count === 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
const isLastInCycle = currentVideoIndex.value >= count - 1;
|
||||
if (!isLastInCycle) {
|
||||
advanceToVideo(currentVideoIndex.value + 1);
|
||||
await playCurrentVideo();
|
||||
return;
|
||||
}
|
||||
|
||||
if (isRefreshingVideoList) {
|
||||
advanceToVideo(0);
|
||||
await playCurrentVideo();
|
||||
return;
|
||||
}
|
||||
|
||||
isRefreshingVideoList = true;
|
||||
try {
|
||||
const urls = await loadNoticeVideoListOnOpen(true);
|
||||
videoUrls.value = urls;
|
||||
if (urls.length === 0) {
|
||||
currentVideoIndex.value = 0;
|
||||
return;
|
||||
}
|
||||
advanceToVideo(0);
|
||||
await playCurrentVideo();
|
||||
} catch (error) {
|
||||
const message = error instanceof Error ? error.message : String(error);
|
||||
await log("warn", `videolist 轮播结束后刷新失败: ${message}`);
|
||||
advanceToVideo(0);
|
||||
await playCurrentVideo();
|
||||
} finally {
|
||||
isRefreshingVideoList = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function reloadDisplayConfig(): Promise<void> {
|
||||
try {
|
||||
const config = await getAllConfig();
|
||||
displayConfig.value = noticeDisplayConfigFromAppConfig(config);
|
||||
} catch {
|
||||
displayConfig.value = { ...DEFAULT_NOTICE_DISPLAY_CONFIG };
|
||||
}
|
||||
}
|
||||
|
||||
function handleHeaderDoubleClick(): void {
|
||||
void router.push({ name: "config" });
|
||||
}
|
||||
|
||||
let pollTimer: ReturnType<typeof setInterval> | null = null;
|
||||
|
||||
onMounted(() => {
|
||||
void reloadDisplayConfig();
|
||||
void ensureVideoList();
|
||||
void refreshTicketList();
|
||||
pollTimer = setInterval(() => {
|
||||
void refreshTicketList();
|
||||
}, TICKET_POLL_MS);
|
||||
window.addEventListener("notice-config-updated", reloadDisplayConfig);
|
||||
});
|
||||
|
||||
onUnmounted(() => {
|
||||
if (pollTimer) {
|
||||
clearInterval(pollTimer);
|
||||
pollTimer = null;
|
||||
}
|
||||
window.removeEventListener("notice-config-updated", reloadDisplayConfig);
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="index-page" :style="pageStyle">
|
||||
<header
|
||||
class="hall-header"
|
||||
:style="headerStyle"
|
||||
title="双击进入配置"
|
||||
@dblclick="handleHeaderDoubleClick"
|
||||
>
|
||||
<img :src="badgeIcon" alt="" class="hall-badge" />
|
||||
<h1 class="hall-title">{{ displayConfig.headerTitle }}</h1>
|
||||
</header>
|
||||
|
||||
<div class="index-body" :class="{ 'no-video': !displayConfig.showVideoArea }">
|
||||
<section class="call-panel" :style="infoPanelStyle">
|
||||
<ul class="call-items">
|
||||
<li
|
||||
v-for="(row, index) in displayedCallRows"
|
||||
:key="`${row.ticket}-${row.window}-${index}`"
|
||||
class="call-item"
|
||||
>
|
||||
<div class="call-item-content">
|
||||
<div class="call-tag-list">
|
||||
<span
|
||||
v-for="tag in row.tags"
|
||||
:key="tag"
|
||||
class="call-tag"
|
||||
:class="callTagClass(tag)"
|
||||
>
|
||||
{{ tag }}
|
||||
</span>
|
||||
</div>
|
||||
<p class="call-message-text">
|
||||
请<span class="call-half-space" aria-hidden="true" /><span class="call-highlight">{{
|
||||
row.ticket
|
||||
}}</span><span class="call-half-space" aria-hidden="true" />号到<span
|
||||
class="call-half-space"
|
||||
aria-hidden="true"
|
||||
/><span class="call-highlight">{{ row.window }}</span>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="right-panel">
|
||||
<aside v-if="displayConfig.showVideoArea" class="video-panel">
|
||||
<video
|
||||
v-if="currentVideoUrl"
|
||||
ref="promoVideoRef"
|
||||
:key="`${currentVideoIndex}-${videoPlaySeq}`"
|
||||
class="promo-video"
|
||||
:src="currentVideoUrl"
|
||||
autoplay
|
||||
muted
|
||||
playsinline
|
||||
@ended="handleVideoEnded"
|
||||
/>
|
||||
<div v-else class="video-placeholder">
|
||||
<p class="video-title">宣传视频</p>
|
||||
<p class="video-hint">暂无视频或加载中</p>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<section class="info-panel" :style="infoPanelStyle">
|
||||
<div class="stats-row">
|
||||
<div class="stat-card">
|
||||
<span class="stat-label">等候人数</span>
|
||||
<strong class="stat-value">{{ queueStats.waiting }}<span class="stat-unit">人</span></strong>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<span class="stat-label">总人数</span>
|
||||
<strong class="stat-value">{{ queueStats.totalTickets }}<span class="stat-unit">人</span></strong>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<span class="stat-label">已办理</span>
|
||||
<strong class="stat-value">{{ queueStats.processed }}<span class="stat-unit">人</span></strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="queue-preview">
|
||||
<div class="queue-block">
|
||||
<h3 class="queue-title">请准备</h3>
|
||||
<div class="queue-tags">
|
||||
<span
|
||||
v-for="ticket in upcomingTickets"
|
||||
:key="ticket"
|
||||
class="queue-tag upcoming"
|
||||
>
|
||||
{{ ticket }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="queue-block">
|
||||
<h3 class="queue-title">已弃号</h3>
|
||||
<div class="queue-tags">
|
||||
<span
|
||||
v-for="ticket in abandonedTickets"
|
||||
:key="ticket"
|
||||
class="queue-tag abandoned"
|
||||
>
|
||||
{{ ticket }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.index-page {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.hall-header {
|
||||
flex-shrink: 0;
|
||||
padding: clamp(10px, 1.6vh, 18px) clamp(16px, 2.5vw, 32px);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: clamp(10px, 1.5vw, 16px);
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.hall-badge {
|
||||
width: clamp(44px, 6.2vh, 68px);
|
||||
height: clamp(44px, 6.2vh, 68px);
|
||||
object-fit: contain;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.hall-title {
|
||||
font-size: clamp(30px, 4.8vh, 60px);
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.08em;
|
||||
text-align: left;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.index-body {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
|
||||
gap: clamp(10px, 1.2vh, 16px);
|
||||
padding: clamp(10px, 1.2vh, 16px);
|
||||
}
|
||||
|
||||
.call-panel,
|
||||
.info-panel {
|
||||
border-radius: clamp(8px, 1vh, 12px);
|
||||
padding: clamp(12px, 1.6vh, 20px) clamp(14px, 1.8vw, 24px);
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.call-panel {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.right-panel {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: clamp(10px, 1.2vh, 16px);
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.index-body.no-video .right-panel .info-panel {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.call-items {
|
||||
list-style: none;
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
display: grid;
|
||||
grid-template-rows: repeat(8, minmax(0, 1fr));
|
||||
gap: clamp(4px, 0.7vh, 10px);
|
||||
}
|
||||
|
||||
.call-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: clamp(8px, 1.3vh, 16px) clamp(10px, 1.4vw, 18px);
|
||||
border-radius: clamp(6px, 0.8vh, 8px);
|
||||
background: rgba(37, 99, 235, 0.08);
|
||||
overflow: hidden;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.call-item-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
gap: clamp(8px, 1vw, 14px);
|
||||
}
|
||||
|
||||
.call-tag-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
gap: clamp(3px, 0.5vh, 6px);
|
||||
flex-shrink: 0;
|
||||
width: clamp(52px, 5.8vw, 72px);
|
||||
min-height: 1px;
|
||||
}
|
||||
|
||||
.call-tag {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: clamp(2px, 0.4vh, 4px) clamp(6px, 0.8vw, 10px);
|
||||
border-radius: clamp(4px, 0.5vh, 6px);
|
||||
font-size: clamp(12px, 1.6vh, 20px);
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.call-tag--transfer {
|
||||
background: #fef3c7;
|
||||
color: #b45309;
|
||||
}
|
||||
|
||||
.call-tag--vip {
|
||||
background: #fce7f3;
|
||||
color: #be185d;
|
||||
}
|
||||
|
||||
.call-tag--requeue {
|
||||
background: #e0e7ff;
|
||||
color: #4338ca;
|
||||
}
|
||||
|
||||
.call-message-text {
|
||||
flex: 1;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
font-size: clamp(26px, 4.2vh, 54px);
|
||||
font-weight: 800;
|
||||
line-height: 1.25;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.call-half-space {
|
||||
display: inline-block;
|
||||
width: 0.5em;
|
||||
}
|
||||
|
||||
.call-highlight {
|
||||
color: #dc2626;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.info-panel {
|
||||
flex: 2;
|
||||
min-height: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: clamp(10px, 1.2vh, 16px);
|
||||
}
|
||||
|
||||
.stats-row {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: clamp(10px, 1.4vh, 16px);
|
||||
flex-shrink: 0;
|
||||
min-height: clamp(100px, 15vh, 168px);
|
||||
}
|
||||
|
||||
.stat-card {
|
||||
border-radius: clamp(10px, 1.2vh, 14px);
|
||||
padding: clamp(16px, 2.4vh, 28px) clamp(14px, 1.8vw, 22px);
|
||||
background: rgba(15, 23, 42, 0.04);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
gap: clamp(8px, 1.2vh, 14px);
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.stat-label {
|
||||
font-size: clamp(18px, 2.6vh, 30px);
|
||||
font-weight: 500;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.stat-value {
|
||||
font-size: clamp(36px, 5.5vh, 72px);
|
||||
font-weight: 700;
|
||||
line-height: 1.05;
|
||||
}
|
||||
|
||||
.stat-unit {
|
||||
font-size: 0.55em;
|
||||
font-weight: 600;
|
||||
margin-left: 0.08em;
|
||||
}
|
||||
|
||||
.queue-preview {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
|
||||
gap: clamp(10px, 1.2vw, 16px);
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.queue-block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 0;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.queue-title {
|
||||
font-size: clamp(16px, 2vh, 22px);
|
||||
margin-bottom: clamp(6px, 0.8vh, 10px);
|
||||
font-weight: 600;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.queue-tags {
|
||||
--queue-tag-height: clamp(32px, 4.6vh, 46px);
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-content: flex-start;
|
||||
align-items: stretch;
|
||||
gap: clamp(5px, 0.7vh, 8px);
|
||||
max-height: calc(var(--queue-tag-height) * 2 + clamp(5px, 0.7vh, 8px));
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.queue-tag {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: var(--queue-tag-height);
|
||||
padding: 0 clamp(8px, 1vw, 14px);
|
||||
border-radius: 999px;
|
||||
font-size: clamp(15px, 2vh, 24px);
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
flex: 0 1 auto;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.queue-tag.upcoming {
|
||||
background: rgba(34, 197, 94, 0.15);
|
||||
color: #15803d;
|
||||
}
|
||||
|
||||
.queue-tag.abandoned {
|
||||
background: rgba(239, 68, 68, 0.12);
|
||||
color: #b91c1c;
|
||||
}
|
||||
|
||||
.video-panel {
|
||||
flex: 3;
|
||||
min-height: 0;
|
||||
border-radius: clamp(8px, 1vh, 12px);
|
||||
overflow: hidden;
|
||||
background: #000;
|
||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.promo-video {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.video-placeholder {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
gap: clamp(6px, 0.8vh, 8px);
|
||||
background: linear-gradient(145deg, #111827, #1f2937);
|
||||
padding: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.video-title {
|
||||
font-size: clamp(18px, 2.4vh, 26px);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.video-hint {
|
||||
font-size: clamp(12px, 1.5vh, 16px);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
@media (max-aspect-ratio: 4/3) {
|
||||
.index-body {
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: minmax(0, 1fr) minmax(0, 1.2fr);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,7 @@
|
||||
/// <reference types="vite/client" />
|
||||
|
||||
declare module "*.vue" {
|
||||
import type { DefineComponent } from "vue";
|
||||
const component: DefineComponent<object, object, unknown>;
|
||||
export default component;
|
||||
}
|
||||
@ -0,0 +1,21 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "ES2020",
|
||||
"useDefineForClassFields": true,
|
||||
"module": "ESNext",
|
||||
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
||||
"skipLibCheck": true,
|
||||
"moduleResolution": "bundler",
|
||||
"allowImportingTsExtensions": true,
|
||||
"resolveJsonModule": true,
|
||||
"isolatedModules": true,
|
||||
"noEmit": true,
|
||||
"jsx": "preserve",
|
||||
"strict": true,
|
||||
"noUnusedLocals": true,
|
||||
"noUnusedParameters": true,
|
||||
"noFallthroughCasesInSwitch": true
|
||||
},
|
||||
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
|
||||
"references": [{ "path": "./tsconfig.node.json" }]
|
||||
}
|
||||
@ -0,0 +1,10 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"composite": true,
|
||||
"skipLibCheck": true,
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "bundler",
|
||||
"allowSyntheticDefaultImports": true
|
||||
},
|
||||
"include": ["vite.config.ts"]
|
||||
}
|
||||
@ -0,0 +1,113 @@
|
||||
import { defineConfig } from "vite";
|
||||
import vue from "@vitejs/plugin-vue";
|
||||
import AutoImport from "unplugin-auto-import/vite";
|
||||
import Components from "unplugin-vue-components/vite";
|
||||
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
|
||||
import fs from "node:fs";
|
||||
import os from "node:os";
|
||||
import path from "node:path";
|
||||
|
||||
// @ts-expect-error process is a nodejs global
|
||||
const host = process.env.TAURI_DEV_HOST;
|
||||
const APP_NAME = "com.ziyun.noticeclient";
|
||||
const CONFIG_FILE_NAME = "config.json";
|
||||
const API_QUEUE_PATH = "/api/queue";
|
||||
const DEFAULT_API_PORT = 8845;
|
||||
|
||||
function getHomeDirectory(): string {
|
||||
return process.env.HOME || process.env.USERPROFILE || os.homedir() || ".";
|
||||
}
|
||||
|
||||
function getConfigFilePath(): string {
|
||||
if (process.platform === "linux") {
|
||||
const xdgConfigHome = process.env.XDG_CONFIG_HOME;
|
||||
const baseDirectory =
|
||||
xdgConfigHome && path.isAbsolute(xdgConfigHome)
|
||||
? xdgConfigHome
|
||||
: path.join(getHomeDirectory(), ".config");
|
||||
|
||||
return path.join(baseDirectory, APP_NAME, CONFIG_FILE_NAME);
|
||||
}
|
||||
|
||||
if (process.env.APPDATA) {
|
||||
return path.join(process.env.APPDATA, APP_NAME, CONFIG_FILE_NAME);
|
||||
}
|
||||
|
||||
return path.join(getHomeDirectory(), `.${APP_NAME}`, CONFIG_FILE_NAME);
|
||||
}
|
||||
|
||||
function buildProxyTarget(serverIp: string): string {
|
||||
const raw = serverIp.trim();
|
||||
if (!raw) {
|
||||
return "";
|
||||
}
|
||||
|
||||
if (raw.startsWith("http://") || raw.startsWith("https://")) {
|
||||
return raw.replace(/\/$/, "");
|
||||
}
|
||||
|
||||
const hostPort = raw.replace(/^\/+/, "");
|
||||
const hasPort = /:\d+$/.test(hostPort) || /^\[.+\]:\d+$/.test(hostPort);
|
||||
if (hasPort) {
|
||||
return `http://${hostPort}`;
|
||||
}
|
||||
|
||||
return `http://${hostPort}:${DEFAULT_API_PORT}`;
|
||||
}
|
||||
|
||||
function resolveProxyTarget(): string {
|
||||
const configFilePath = getConfigFilePath();
|
||||
if (!fs.existsSync(configFilePath)) {
|
||||
return "";
|
||||
}
|
||||
|
||||
try {
|
||||
const content = fs.readFileSync(configFilePath, "utf8");
|
||||
const parsed = JSON.parse(content) as Record<string, unknown>;
|
||||
const serverIp = typeof parsed.server_ip === "string" ? parsed.server_ip : "";
|
||||
return buildProxyTarget(serverIp);
|
||||
} catch {
|
||||
return "";
|
||||
}
|
||||
}
|
||||
|
||||
const proxyTarget = resolveProxyTarget();
|
||||
|
||||
export default defineConfig(async () => ({
|
||||
plugins: [
|
||||
vue(),
|
||||
AutoImport({
|
||||
imports: ["vue", "vue-router"],
|
||||
dts: false,
|
||||
resolvers: [ElementPlusResolver()],
|
||||
}),
|
||||
Components({
|
||||
dts: false,
|
||||
resolvers: [ElementPlusResolver()],
|
||||
}),
|
||||
],
|
||||
clearScreen: false,
|
||||
server: {
|
||||
port: 1422,
|
||||
strictPort: true,
|
||||
host: host || false,
|
||||
proxy: proxyTarget
|
||||
? {
|
||||
[API_QUEUE_PATH]: {
|
||||
target: proxyTarget,
|
||||
changeOrigin: true,
|
||||
},
|
||||
}
|
||||
: undefined,
|
||||
hmr: host
|
||||
? {
|
||||
protocol: "ws",
|
||||
host,
|
||||
port: 1423,
|
||||
}
|
||||
: undefined,
|
||||
watch: {
|
||||
ignored: ["**/src-tauri/**"],
|
||||
},
|
||||
},
|
||||
}));
|
||||
Loading…
Reference in New Issue