日志，配置，票池

call-client/src/main/app-config.ts

@@ -0,0 +1,125 @@
+import { app } from 'electron'
+import fs from 'node:fs'
+import path from 'node:path'
+import os from 'node:os'
+import type { AppConfig, JsonValue } from '../shared/types/app-config'
+
+const CONFIG_FILE_NAME = 'config.json'
+
+/** 单次持久化内容最大约 2MB，防止异常写入撑爆磁盘 */
+const MAX_CONFIG_JSON_BYTES = 2 * 1024 * 1024
+
+let configDirCache = ''
+let config: AppConfig = {}
+
+/**
+ * Linux：遵循 XDG —— 配置文件目录 $XDG_CONFIG_HOME/<应用名>
+ * 未设置时使用 ~/.config/<应用名>
+ * 其他平台：使用 userData 目录（与 Electron 惯例一致）
+ */
+export function getConfigDirectory(): string {
+  if (configDirCache) return configDirCache
+
+  const appFolder = app.getName() || 'call-client'
+
+  if (process.platform === 'linux') {
+    const home = os.homedir()
+    const xdgConfig = process.env.XDG_CONFIG_HOME
+    const base =
+      xdgConfig && path.isAbsolute(xdgConfig) ? xdgConfig : path.join(home, '.config')
+    configDirCache = path.join(base, appFolder)
+  } else {
+    configDirCache = app.getPath('userData')
+  }
+
+  return configDirCache
+}
+
+export function getConfigFilePath(): string {
+  return path.join(getConfigDirectory(), CONFIG_FILE_NAME)
+}
+
+function ensureConfigDir(): void {
+  fs.mkdirSync(getConfigDirectory(), { recursive: true })
+}
+
+function isPlainObject(v: unknown): v is Record<string, unknown> {
+  return typeof v === 'object' && v !== null && !Array.isArray(v)
+}
+
+/** 仅保留可 JSON 克隆的数据，避免函数等进入配置 */
+function sanitizeConfig(input: unknown): AppConfig {
+  try {
+    const s = JSON.stringify(input)
+    if (s === undefined) return {}
+    return JSON.parse(s) as AppConfig
+  } catch {
+    return {}
+  }
+}
+
+function readConfigFromFile(): AppConfig {
+  const filePath = getConfigFilePath()
+  if (!fs.existsSync(filePath)) {
+    return {}
+  }
+  try {
+    const raw = fs.readFileSync(filePath, 'utf8')
+    const parsed: unknown = JSON.parse(raw)
+    if (!isPlainObject(parsed)) {
+      return {}
+    }
+    return sanitizeConfig(parsed)
+  } catch {
+    return {}
+  }
+}
+
+function writeConfigToFile(): void {
+  ensureConfigDir()
+  const filePath = getConfigFilePath()
+  const json = JSON.stringify(config, null, 2)
+  if (Buffer.byteLength(json, 'utf8') > MAX_CONFIG_JSON_BYTES) {
+    throw new Error('Config too large')
+  }
+  const tmp = `${filePath}.${process.pid}.tmp`
+  fs.writeFileSync(tmp, json, 'utf8')
+  try {
+    if (fs.existsSync(filePath)) {
+      fs.unlinkSync(filePath)
+    }
+  } catch {
+    // ignore
+  }
+  fs.renameSync(tmp, filePath)
+}
+
+/**
+ * 应用启动时调用：从磁盘加载配置到内存，供主进程与渲染进程后续使用。
+ */
+export function initAppConfig(): void {
+  config = readConfigFromFile()
+}
+
+/** 当前内存中的完整配置（深拷贝，避免外部修改内部对象） */
+export function getAppConfig(): AppConfig {
+  return sanitizeConfig(config) as AppConfig
+}
+
+/**
+ * 合并写入配置（浅层合并顶层键），并持久化到文件。
+ */
+export function mergeAppConfig(partial: Record<string, JsonValue>): void {
+  const next = { ...config, ...partial }
+  const json = JSON.stringify(next)
+  if (Buffer.byteLength(json, 'utf8') > MAX_CONFIG_JSON_BYTES) {
+    throw new Error('Config too large')
+  }
+  config = sanitizeConfig(next)
+  writeConfigToFile()
+}
+
+/** 主进程内直接读取（不拷贝，仅只读使用，勿修改引用） */
+export function getAppConfigRef(): Readonly<AppConfig> {
+  return config
+}

call-client/src/main/file-logger.ts

@@ -0,0 +1,156 @@
+import { app } from 'electron'
+import fs from 'node:fs'
+import path from 'node:path'
+import os from 'node:os'
+
+/** 日志保留天数 */
+const RETENTION_DAYS = 7
+const RETENTION_MS = RETENTION_DAYS * 24 * 60 * 60 * 1000
+
+/**
+ * 单文件最大体积（字节）。需求为「不超过 100MB～1GB」区间内的上限控制，默认取 100MB；
+ * 若需接近 1GB，可将此处改为 `1024 * 1024 * 1024`。
+ */
+const MAX_LOG_FILE_BYTES = 100 * 1024 * 1024
+
+const LOG_FILE_PREFIX = 'log'
+const LOG_EXT = '.txt'
+
+export type FileLogLevel = 'debug' | 'info' | 'warn' | 'error'
+
+let logDir = ''
+let currentFilePath = ''
+let currentSize = 0
+
+function pad(n: number, width = 2): string {
+  return String(n).padStart(width, '0')
+}
+
+/** 文件名：log + 生成时间（本地） */
+function makeLogFileName(): string {
+  const d = new Date()
+  const ts = `${d.getFullYear()}${pad(d.getMonth() + 1)}${pad(d.getDate())}T${pad(d.getHours())}${pad(d.getMinutes())}${pad(d.getSeconds())}${pad(d.getMilliseconds(), 3)}`
+  return `${LOG_FILE_PREFIX}${ts}${LOG_EXT}`
+}
+
+function isOurLogFile(name: string): boolean {
+  return name.startsWith(LOG_FILE_PREFIX) && name.endsWith(LOG_EXT)
+}
+
+/**
+ * Linux：遵循 XDG Base Directory —— 日志放在 $XDG_STATE_HOME/<app>/logs
+ * 未设置 XDG_STATE_HOME 时使用 ~/.local/state/<app>/logs
+ * 其他平台：userData/logs
+ */
+export function getLogDirectory(): string {
+  if (logDir) return logDir
+
+  const appFolder = app.getName() || 'call-client'
+
+  if (process.platform === 'linux') {
+    const home = os.homedir()
+    const xdgState = process.env.XDG_STATE_HOME
+    const stateBase =
+      xdgState && path.isAbsolute(xdgState) ? xdgState : path.join(home, '.local', 'state')
+    logDir = path.join(stateBase, appFolder, 'logs')
+  } else {
+    logDir = path.join(app.getPath('userData'), 'logs')
+  }
+
+  return logDir
+}
+
+function ensureDir(dir: string): void {
+  fs.mkdirSync(dir, { recursive: true })
+}
+
+/** 删除修改时间早于保留期的日志文件（仅匹配本应用生成的 log*.txt） */
+export function purgeExpiredLogFiles(): void {
+  const dir = getLogDirectory()
+  if (!fs.existsSync(dir)) return
+
+  const now = Date.now()
+  let names: string[]
+  try {
+    names = fs.readdirSync(dir)
+  } catch {
+    return
+  }
+
+  for (const name of names) {
+    if (!isOurLogFile(name)) continue
+    const full = path.join(dir, name)
+    try {
+      const stat = fs.statSync(full)
+      if (!stat.isFile()) continue
+      if (now - stat.mtimeMs > RETENTION_MS) {
+        fs.unlinkSync(full)
+      }
+    } catch {
+      // ignore single file errors
+    }
+  }
+}
+
+function openNewLogFile(): void {
+  const dir = getLogDirectory()
+  ensureDir(dir)
+  purgeExpiredLogFiles()
+
+  currentFilePath = path.join(dir, makeLogFileName())
+  fs.writeFileSync(currentFilePath, '', { encoding: 'utf8' })
+  currentSize = 0
+}
+
+function formatLine(level: FileLogLevel, message: string): string {
+  const d = new Date()
+  const offsetMin = -d.getTimezoneOffset()
+  const sign = offsetMin >= 0 ? '+' : '-'
+  const abs = Math.abs(offsetMin)
+  const oh = pad(Math.floor(abs / 60))
+  const om = pad(abs % 60)
+  const timestamp = `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}.${pad(d.getMilliseconds(), 3)}${sign}${oh}:${om}`
+  return `${timestamp} [${level.toUpperCase()}] ${message}`
+}
+
+function rotateIfNeeded(): void {
+  if (currentSize < MAX_LOG_FILE_BYTES) return
+  /** 轮转前同样先清理过期文件，再生成新文件 */
+  openNewLogFile()
+}
+
+/**
+ * 初始化：先清理超过保留期的文件，再创建新的日志文件。
+ * 请在 app.ready 之后尽早调用。
+ */
+export function initFileLogger(): void {
+  openNewLogFile()
+}
+
+export function writeFileLog(level: FileLogLevel, message: string): void {
+  if (!currentFilePath) {
+    initFileLogger()
+  }
+
+  const line = formatLine(level, message)
+  const chunk = `${line}\n`
+  const bytes = Buffer.byteLength(chunk, 'utf8')
+
+  try {
+    fs.appendFileSync(currentFilePath, chunk, { encoding: 'utf8' })
+    currentSize += bytes
+    rotateIfNeeded()
+  } catch (e) {
+    console.error('[file-logger] write failed', e)
+  }
+}
+
+export const fileLogger = {
+  debug: (msg: string) => writeFileLog('debug', msg),
+  info: (msg: string) => writeFileLog('info', msg),
+  warn: (msg: string) => writeFileLog('warn', msg),
+  error: (msg: string) => writeFileLog('error', msg),
+  /** 当前日志目录（用于排障） */
+  getDirectory: () => getLogDirectory(),
+  getCurrentFilePath: () => currentFilePath,
+}

call-client/src/main/index.ts

@@ -1,6 +1,9 @@
 import { electronApp, optimizer } from '@electron-toolkit/utils'
-import { app, BrowserWindow, ipcMain, IpcMainInvokeEvent, Menu } from 'electron'
+import { app, BrowserWindow, dialog, ipcMain, IpcMainInvokeEvent, Menu } from 'electron'
 import type { SessionState } from '../shared/types/session'
+import { getAppConfig, getConfigFilePath, initAppConfig, mergeAppConfig } from './app-config'
+import { fileLogger, initFileLogger, writeFileLog, type FileLogLevel } from './file-logger'
+import type { JsonValue } from '../shared/types/app-config'
 import { createLoginWindow, createMainWindow, createTicketWindow } from './window'
 
 let sessionState: SessionState = {
@@ -16,6 +19,32 @@ let mainWindow: BrowserWindow | null = null
 // initialization and is ready to create browser windows.
 // Some APIs can only be used after this event occurs.
 app.whenReady().then(() => {
+  initAppConfig()
+  initFileLogger()
+  fileLogger.info(`Loaded app config from ${getConfigFilePath()}`)
+  fileLogger.info('Application started')
+
+  ipcMain.handle('appConfig:get', () => getAppConfig())
+
+  ipcMain.handle('appConfig:set', (_event: IpcMainInvokeEvent, partial: unknown) => {
+    if (!partial || typeof partial !== 'object' || Array.isArray(partial)) {
+      throw new Error('Invalid config: expected a plain object')
+    }
+    mergeAppConfig(partial as Record<string, JsonValue>)
+    return true
+  })
+
+  const validLogLevels: FileLogLevel[] = ['debug', 'info', 'warn', 'error']
+  ipcMain.handle('app:log', (_event: IpcMainInvokeEvent, level: unknown, message: unknown) => {
+    if (typeof level !== 'string' || !validLogLevels.includes(level as FileLogLevel)) {
+      return
+    }
+    if (typeof message !== 'string' || message.length > 32_000) {
+      return
+    }
+    writeFileLog(level as FileLogLevel, message)
+  })
+
   // Set app user model id for windows
   electronApp.setAppUserModelId('com.electron')
 
@@ -50,6 +79,21 @@ app.whenReady().then(() => {
     if (window) window.close()
   })
 
+  // TicketList -> Main.vue 触发：用于“在票号列表窗口点呼叫/评价后，把主界面对应按钮逻辑执行起来”
+  ipcMain.on('ticket:main-action', (_event, action: unknown) => {
+    if (!mainWindow) return
+
+    if (action !== 'call' && action !== 'evaluate') return
+
+    try {
+      mainWindow.show()
+      mainWindow.focus()
+      mainWindow.webContents.send('main:ticket-action', action)
+    } catch {
+      // ignore
+    }
+  })
+
   // 应用菜单IPC监听器
   ipcMain.on('show-context-menu', event => {
     console.log('main中：show-context-menu')
@@ -138,7 +182,7 @@ ipcMain.handle(
     sessionState.queueToken = newSessionState.queueToken
     sessionState.empUid = newSessionState.empUid
     sessionState.winUid = newSessionState.winUid
-    console.log('[Session] Token updated')
+    fileLogger.info('[Session] Token updated')
     return true
   },
 )
@@ -146,10 +190,40 @@ ipcMain.handle(
 // ✅ 清除会话（登出）
 ipcMain.handle('session:clear', () => {
   sessionState = { empUid: null, winUid: null, queueToken: null }
-  console.log('[Session] Cleared')
+  fileLogger.info('[Session] Cleared')
   return true
 })
 
+/** 主进程原生确认框（dialog.showMessageBox），返回是否点击第一按钮（如「是」） */
+ipcMain.handle(
+  'dialog:confirm',
+  async (event: IpcMainInvokeEvent, payload: unknown): Promise<boolean> => {
+    if (!payload || typeof payload !== 'object' || Array.isArray(payload)) {
+      throw new Error('Invalid dialog payload')
+    }
+    const p = payload as Record<string, unknown>
+    const title = typeof p.title === 'string' ? p.title.slice(0, 256) : '提示'
+    const message = typeof p.message === 'string' ? p.message.slice(0, 4096) : ''
+    const okLabel = typeof p.okLabel === 'string' ? p.okLabel.slice(0, 64) : '是'
+    const cancelLabel = typeof p.cancelLabel === 'string' ? p.cancelLabel.slice(0, 64) : '否'
+
+    const parent = BrowserWindow.fromWebContents(event.sender)
+    const options = {
+      type: 'warning' as const,
+      title,
+      message,
+      buttons: [okLabel, cancelLabel],
+      defaultId: 1,
+      cancelId: 1,
+      noLink: true,
+    }
+    const { response } = parent
+      ? await dialog.showMessageBox(parent, options)
+      : await dialog.showMessageBox(options)
+    return response === 0
+  },
+)
+
 // Quit when all windows are closed, except on macOS. There, it's common
 // for applications and their menu bar to stay active until the user quits
 // explicitly with Cmd + Q.

call-client/src/main/window.ts

@@ -74,13 +74,18 @@ let ticketWindow: BrowserWindow | null = null
 
 export const createTicketWindow = (parentWindow: BrowserWindow): void => {
   if (ticketWindow) {
+    if (ticketWindow.isMinimized()) {
+      ticketWindow.restore()
+    } else if (!ticketWindow.isVisible()) {
+      ticketWindow.show()
+    }
     ticketWindow.focus()
     return
   }
 
   ticketWindow = new BrowserWindow({
-    width: 800,
-    height: 600,
+    width: 1024,
+    height: 720,
     parent: parentWindow || undefined,
     modal: false, // 如果设为 true 则为模态窗口
     resizable: false, // 不可调整大小

call-client/src/preload/index.ts

@@ -1,6 +1,7 @@
 import { contextBridge, ipcRenderer } from 'electron'
 // import Store from 'electron-store'
 import { console } from 'inspector'
+import type { JsonValue } from '../shared/types/app-config'
 import type { SessionState } from '../shared/types/session'
 
 // Custom APIs for renderer
@@ -47,6 +48,47 @@ contextBridge.exposeInMainWorld('session', {
   clear: (): Promise<boolean> => ipcRenderer.invoke('session:clear'),
 })
 
+contextBridge.exposeInMainWorld('appLogger', {
+  log: (level: 'debug' | 'info' | 'warn' | 'error', message: string) =>
+    ipcRenderer.invoke('app:log', level, message),
+})
+
+contextBridge.exposeInMainWorld('appConfig', {
+  getAll: () => ipcRenderer.invoke('appConfig:get'),
+  set: (partial: Record<string, JsonValue>) => ipcRenderer.invoke('appConfig:set', partial),
+})
+
+contextBridge.exposeInMainWorld('nativeDialog', {
+  confirm: (options: { title: string; message: string; okLabel?: string; cancelLabel?: string }) =>
+    ipcRenderer.invoke('dialog:confirm', options),
+})
+
+// TicketList -> Main.vue 触发（call/evaluate）
+contextBridge.exposeInMainWorld('ticketToMain', {
+  triggerCall: () => ipcRenderer.send('ticket:main-action', 'call'),
+  triggerEvaluate: () => ipcRenderer.send('ticket:main-action', 'evaluate'),
+})
+
+let currentMainTicketListener:
+  | ((event: Electron.IpcRendererEvent, action: 'call' | 'evaluate') => void)
+  | null = null
+
+contextBridge.exposeInMainWorld('mainTicketEvents', {
+  onAction: (callback: (action: 'call' | 'evaluate') => void) => {
+    if (currentMainTicketListener) {
+      ipcRenderer.removeListener('main:ticket-action', currentMainTicketListener)
+    }
+
+    currentMainTicketListener = (event, action) => {
+      void event
+      if (action !== 'call' && action !== 'evaluate') return
+      callback(action)
+    }
+
+    ipcRenderer.on('main:ticket-action', currentMainTicketListener)
+  },
+})
+
 // contextBridge.exposeInMainWorld('store', {
 //   get: key => store.get(key),
 //   set: (key, val) => store.set(key, val),

call-client/src/renderer/src/api/index.ts

@@ -1,4 +1,5 @@
 import type { CallRequest, CallResponse, PauseRequest, ReCallRequest } from '@renderer/types/action'
+import type { TicketPoolRequest, TicketPoolResponse } from '@renderer/types/ticket'
 import type { UserRequest, UserResponse } from '@renderer/types/user'
 import type { WindowResponse } from '@renderer/types/window'
 import { http } from '@renderer/utils/service'
@@ -23,5 +24,7 @@ export const api = {
     start: (data: ReCallRequest) => http.post<CallResponse>('/call-terminal/start', data),
     complete: (data: ReCallRequest) => http.post<CallResponse>('/call-terminal/complete', data),
     evaluate: (data: ReCallRequest) => http.post<CallResponse>('/call-terminal/evaluate', data),
+    pool: (params: TicketPoolRequest) =>
+      http.get<TicketPoolResponse>('/call-terminal/pool', params),
   },
 }

call-client/src/renderer/src/env.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="vite/client" />
 
+import type { AppConfig, JsonValue } from '../../../shared/types/app-config'
+
 export {}
 
 interface IWinControl {
@@ -30,6 +32,37 @@ interface ISession {
   clear: () => boolean
 }
 
+type AppLogLevel = 'debug' | 'info' | 'warn' | 'error'
+
+interface IAppLogger {
+  log: (level: AppLogLevel, message: string) => Promise<void>
+}
+
+interface IAppConfig {
+  getAll: () => Promise<AppConfig>
+  set: (partial: Record<string, JsonValue>) => Promise<void>
+}
+
+interface INativeDialogConfirmOptions {
+  title: string
+  message: string
+  okLabel?: string
+  cancelLabel?: string
+}
+
+interface INativeDialog {
+  confirm: (options: INativeDialogConfirmOptions) => Promise<boolean>
+}
+
+interface ITicketToMain {
+  triggerCall: () => void
+  triggerEvaluate: () => void
+}
+
+interface IMainTicketEvents {
+  onAction: (callback: (action: 'call' | 'evaluate') => void) => void
+}
+
 declare global {
   interface Window {
     winControl: IWinControl
@@ -37,5 +70,10 @@ declare global {
     store: IStore
     session: ISession
     pauseMenu: IPauseMenu
+    appLogger: IAppLogger
+    appConfig: IAppConfig
+    nativeDialog: INativeDialog
+    ticketToMain: ITicketToMain
+    mainTicketEvents: IMainTicketEvents
   }
 }

call-client/src/renderer/src/main.ts

@@ -1,3 +1,4 @@
+import { applyServerIpToHttp } from '@renderer/utils/service'
 import { createApp } from 'vue'
 import App from './App.vue'
 import './assets/main.css'
@@ -6,4 +7,17 @@ import router from './router'
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 
-createApp(App).use(router).use(ElementPlus).mount('#app')
+async function bootstrap(): Promise<void> {
+  const cfg = await window.appConfig.getAll()
+  const ip = typeof cfg.server_ip === 'string' ? cfg.server_ip.trim() : ''
+  if (ip) {
+    applyServerIpToHttp(ip)
+  }
+
+  const app = createApp(App)
+  app.use(router)
+  app.use(ElementPlus)
+  app.mount('#app')
+}
+
+void bootstrap()

call-client/src/renderer/src/router/index.ts

@@ -1,13 +1,37 @@
 import Login from '@renderer/views/Login.vue'
 import Main from '@renderer/views/Main.vue'
+import ServerSetup from '@renderer/views/ServerSetup.vue'
 import TicketList from '@renderer/views/TicketList.vue'
+import type { AppConfig } from '../../../shared/types/app-config'
 import { createRouter, createWebHashHistory } from 'vue-router'
-export default createRouter({
-  history: createWebHashHistory(), // hash模式
+
+const router = createRouter({
+  history: createWebHashHistory(),
   routes: [
-    { path: '/', component: Login },
+    { path: '/', redirect: '/login' },
+    { path: '/setup', name: 'ServerSetup', component: ServerSetup },
     { path: '/login', component: Login },
     { path: '/main', component: Main },
     { path: '/ticketList', component: TicketList },
   ],
 })
+
+function getServerIpFromConfig(cfg: AppConfig): string {
+  const v = cfg['server_ip']
+  return typeof v === 'string' ? v.trim() : ''
+}
+
+router.beforeEach(async (to, _from, next) => {
+  const cfg = await window.appConfig.getAll()
+  const ip = getServerIpFromConfig(cfg)
+
+  if (!ip && to.path !== '/setup') {
+    return next({ path: '/setup', replace: true })
+  }
+  if (ip && to.path === '/setup') {
+    return next({ path: '/login', replace: true })
+  }
+  next()
+})
+
+export default router

call-client/src/renderer/src/types/ticket.ts

@@ -0,0 +1,31 @@
+export interface TicketPoolRequest {
+  winUid: number
+  keyword: string
+  page: number
+  size: number
+  /** 可选：票号状态枚举值（0~10） */
+  status?: number
+}
+
+export interface TicketPoolItem {
+  id?: number
+  ticketUid?: number
+  tktNum?: string
+  ticketNo?: string
+  startTime?: string
+  endTime?: string
+  status?: string
+  ticketStatusText?: string
+  [key: string]: unknown
+}
+
+export interface TicketPoolResponse {
+  list?: TicketPoolItem[]
+  records?: TicketPoolItem[]
+  items?: TicketPoolItem[]
+  total?: number
+  count?: number
+  page?: number
+  size?: number
+  [key: string]: unknown
+}

call-client/src/renderer/src/utils/service.ts

@@ -2,18 +2,54 @@ import axios, { AxiosRequestConfig, AxiosResponse } from 'axios'
 import { ElMessage } from 'element-plus'
 import type { SessionState } from '../../../shared/types/session'
 
+/** 与后端约定的路径后缀，与 server_ip 拼接为完整 baseURL */
+export const API_QUEUE_CALLER_PATH = '/api/queue/caller'
+const DEFAULT_API_PORT = 8845
+
+/**
+ * 根据配置中的 server_ip 生成 axios baseURL。
+ * 支持：`192.168.1.10`（自动加端口 8845）、`192.168.1.10:8845`、`http://192.168.1.10:8845`
+ */
+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_CALLER_PATH}`
+  }
+
+  const hostPort = raw.replace(/^\/+/, '')
+  const hasPort = /:\d+$/.test(hostPort) || /^\[.+\]:\d+$/.test(hostPort)
+  if (hasPort) {
+    return `http://${hostPort}${API_QUEUE_CALLER_PATH}`
+  }
+
+  return `http://${hostPort}:${DEFAULT_API_PORT}${API_QUEUE_CALLER_PATH}`
+}
+
 const instance = axios.create({
-  // baseURL: import.meta.env.VITE_API_BASE_URL,
-  baseURL: 'http://192.168.1.10:8845/api/queue/caller',
+  baseURL: '',
   timeout: 10000,
   headers: {
     'Content-Type': 'application/json',
   },
 })
 
+export function applyServerIpToHttp(serverIp: string): void {
+  const url = buildBaseUrlFromServerIp(serverIp)
+  instance.defaults.baseURL = url
+}
+
+export function getHttpBaseUrl(): string {
+  return instance.defaults.baseURL ?? ''
+}
+
 // 请求拦截器
 instance.interceptors.request.use(
   async config => {
+    if (!instance.defaults.baseURL) {
+      return Promise.reject(new Error('未配置服务器地址，请先完成服务地址设置'))
+    }
     // const token = localStorage.getItem('token')
     let token: string | null = null
     try {

call-client/src/renderer/src/views/Login.vue

@@ -12,8 +12,9 @@ const isLoading = ref(false)
 const formRef = ref()
 const isLoginSuccessed = ref(false)
 const selectedWin = ref('')
+const cachedWinKey = ref('')
 
-let options: Array<{ label: string; value: string }> = []
+const options = ref<Array<{ label: string; value: string }>>([])
 let sessionState: SessionState = {
   empUid: null,
   winUid: null,
@@ -86,20 +87,41 @@ const handleLogin = async (): Promise<void> => {
           await new Promise(resolve => setTimeout(resolve, 10))
 
           const winList = await api.window.list()
-          options = winList.windows.map(win => {
+          options.value = winList.windows.map(win => {
             return {
               label: win.windowName,
               value: win.windowUid.toString(),
             }
           })
+          if (
+            cachedWinKey.value &&
+            options.value.some(item => item.value === cachedWinKey.value)
+          ) {
+            selectedWin.value = cachedWinKey.value
+          }
 
           // 登录成功，通知主进程登录成功，打开主窗口
           isLoginSuccessed.value = true
           isLoading.value = false
+          await window.appLogger.log(
+            'info',
+            `登录成功: user=${username.value}, mode=${loginType.value}, empUid=${sessionState.empUid}`,
+          )
+        } else {
+          isLoading.value = false
+          await window.appLogger.log(
+            'warn',
+            `登录失败: 接口未返回有效 queueToken, mode=${loginType.value}, user=${username.value}`,
+          )
         }
       } catch (error) {
         console.log('登录失败', error)
         isLoading.value = false
+        const msg = error instanceof Error ? error.message : String(error)
+        await window.appLogger.log(
+          'error',
+          `登录失败: mode=${loginType.value}, user=${username.value}, ${msg}`,
+        )
       }
 
       // 模拟登录过程
@@ -125,7 +147,15 @@ const handleLogin = async (): Promise<void> => {
 const handleWindowLogin = async (): Promise<void> => {
   console.log('handleWindowLogin')
   // console.log('selectedWin', selectedWin.value)
-  sessionState.winUid = parseInt(selectedWin.value)
+  const winUid = parseInt(selectedWin.value)
+  const selected = options.value.find(item => item.value === selectedWin.value)
+  await window.appConfig.set({
+    last_username: username.value.trim(),
+    selected_win_key: selectedWin.value,
+    selected_win_value: selected?.label ?? '',
+    selected_win_uid: winUid,
+  })
+  sessionState.winUid = winUid
   await window.session.set(sessionState)
   window.winControl.loginSuccess()
 }
@@ -145,7 +175,15 @@ const handleInputFocus = (event: Event): void => {
   }
 }
 
-onMounted(() => {
+onMounted(async () => {
+  const cfg = await window.appConfig.getAll()
+  if (typeof cfg.last_username === 'string' && cfg.last_username.trim()) {
+    username.value = cfg.last_username
+  }
+  if (typeof cfg.selected_win_key === 'string' && cfg.selected_win_key.trim()) {
+    cachedWinKey.value = cfg.selected_win_key
+    selectedWin.value = cfg.selected_win_key
+  }
   // 添加键盘事件监听
   window.addEventListener('keydown', handleKeyPress)
 })

call-client/src/renderer/src/views/Main.vue

@@ -1,10 +1,23 @@
 <script setup lang="ts">
-import { Menu, Phone, Star, Switch, VideoPause, VideoPlay } from '@element-plus/icons-vue'
+import {
+  CircleCheck,
+  Menu,
+  Phone,
+  Star,
+  Switch,
+  VideoPause,
+  VideoPlay,
+} from '@element-plus/icons-vue'
 import { SessionState } from 'src/shared/types/session'
-import { computed, onMounted, ref } from 'vue'
+import { computed, onMounted, onUnmounted, ref } from 'vue'
 import { api } from '../api'
 import type { ActionButton } from '../types/action'
 
+const logErr = async (ctx: string, error: unknown): Promise<void> => {
+  const msg = error instanceof Error ? error.message : String(error)
+  await window.appLogger.log('error', `${ctx}: ${msg}`)
+}
+
 const sessionState = ref<SessionState>({
   empUid: -1,
   winUid: -1,
@@ -20,50 +33,96 @@ const callBtnText = ref('呼叫')
 const pauseBtnText = ref('暂停')
 const callingTkt = ref(-1)
 
-// 将 buttons 的定义改为 computed，这样它会随着 callStatus 和 pauseBtnText 的变化而自动更新
-const buttons = computed(() => [
-  // { icon: Menu, label: '菜单', color: iconColor, action: 'showMenu' }, // 新增自定义菜单按钮
-  {
-    icon: Phone,
-    label: callBtnText.value,
-    action: 'call',
-    enabled: !['connected', 'paused', 'working', 'evaluating', 'transferring'].includes(
-      callStatus.value,
-    ),
-  },
-  {
-    icon: VideoPlay,
-    label: '开始',
-    action: 'start',
-    enabled: !['idle', 'paused', 'working', 'evaluating', 'transferring'].includes(
-      callStatus.value,
-    ),
-  },
-  {
-    icon: Switch,
-    label: '转移',
-    action: 'transfer',
-    enabled: !['idle', 'calling', 'paused', 'evaluating', 'transferring'].includes(
-      callStatus.value,
-    ),
-  },
-  {
-    icon: VideoPause,
-    label: pauseBtnText.value,
-    action: 'pause',
-    enabled: !['calling', 'calling', 'working', 'evaluating', 'transferring'].includes(
-      callStatus.value,
-    ),
-  },
-  {
-    icon: Star,
-    label: '评价',
-    action: 'evaluate',
-    enabled: !['idle', 'calling', 'paused', 'evaluating', 'transferring'].includes(
-      callStatus.value,
-    ),
-  },
-])
+const EVALUATING_COUNTDOWN_SEC = 15
+let evaluatingCountdownTimer: ReturnType<typeof setInterval> | null = null
+
+function clearEvaluatingCountdown(): void {
+  if (evaluatingCountdownTimer !== null) {
+    clearInterval(evaluatingCountdownTimer)
+    evaluatingCountdownTimer = null
+  }
+}
+
+/**
+ * 进入 evaluating 后启动 15 秒倒计时，文案显示在 log-span（message）
+ * @param prefixText 倒计时前缀，例如「办理完成：xxx，评价中」或「评价中」
+ */
+function startEvaluatingCountdown(prefixText: string): void {
+  clearEvaluatingCountdown()
+  let left = EVALUATING_COUNTDOWN_SEC
+  const applyMessage = (): void => {
+    message.value = `${prefixText}（剩余 ${left} 秒）`
+  }
+  applyMessage()
+
+  evaluatingCountdownTimer = setInterval(() => {
+    left -= 1
+    if (left <= 0) {
+      clearEvaluatingCountdown()
+      callStatus.value = 'idle'
+      callBtnText.value = '呼叫'
+      callingTkt.value = -1
+      message.value = '欢迎使用紫云呼叫终端'
+      void window.appLogger.log('info', '评价倒计时结束，进入待机')
+      return
+    }
+    applyMessage()
+  }, 1000)
+}
+
+// 将 buttons 的定义改为 computed；「开始」与「完成」占同一槽位：working 时只显示「完成」，其余状态显示「开始」
+const buttons = computed(() => {
+  const startOrComplete =
+    callStatus.value === 'working'
+      ? {
+          icon: CircleCheck,
+          label: '完成',
+          action: 'complete',
+          enabled: true,
+        }
+      : {
+          icon: VideoPlay,
+          label: '开始',
+          action: 'start',
+          enabled: !['idle', 'paused', 'working', 'evaluating', 'transferring'].includes(
+            callStatus.value,
+          ),
+        }
+
+  return [
+    {
+      icon: Phone,
+      label: callBtnText.value,
+      action: 'call',
+      enabled: !['connected', 'paused', 'working', 'evaluating', 'transferring'].includes(
+        callStatus.value,
+      ),
+    },
+    startOrComplete,
+    {
+      icon: Switch,
+      label: '转移',
+      action: 'transfer',
+      enabled: !['idle', 'calling', 'paused', 'evaluating', 'transferring'].includes(
+        callStatus.value,
+      ),
+    },
+    {
+      icon: VideoPause,
+      label: pauseBtnText.value,
+      action: 'pause',
+      enabled: !['calling', 'calling', 'working', 'evaluating', 'transferring'].includes(
+        callStatus.value,
+      ),
+    },
+    {
+      icon: Star,
+      label: '评价',
+      action: 'evaluate',
+      enabled: !['idle', 'calling', 'paused', 'working', 'transferring'].includes(callStatus.value),
+    },
+  ]
+})
 
 // 打开应用菜单
 const openMoreMenu = (): void => {
@@ -76,23 +135,31 @@ const callAction = async (): Promise<void> => {
   // 重呼
   if (callStatus.value === 'calling' && callingTkt.value > 0) {
     try {
+      const w = sessionState.value.winUid || -1
+      const e = sessionState.value.empUid || -1
+      const t = callingTkt.value
+      await window.appLogger.log('info', `请求重呼: windowUid=${w}, empUid=${e}, ticketUid=${t}`)
       const res = await api.action.recall({
-        windowUid: sessionState.value.winUid || -1,
-        empUid: sessionState.value.empUid || -1,
-        ticketUid: callingTkt.value,
+        windowUid: w,
+        empUid: e,
+        ticketUid: t,
       })
       updateLog(`已重呼：${res.ticketNo}，请勿重复点击！`)
+      await window.appLogger.log('info', `重呼成功: ticketNo=${res.ticketNo}`)
       return
     } catch (error) {
       console.log('error', error)
+      await logErr('重呼失败', error)
     }
   }
 
   try {
-    // 呼叫
+    const w = sessionState.value.winUid || -1
+    const e = sessionState.value.empUid || -1
+    await window.appLogger.log('info', `请求呼叫: windowUid=${w}, empUid=${e}`)
     const res = await api.action.call({
-      windowUid: sessionState.value.winUid || -1,
-      empUid: sessionState.value.empUid || -1,
+      windowUid: w,
+      empUid: e,
     })
 
     // 呼叫成功后的处理
@@ -102,46 +169,114 @@ const callAction = async (): Promise<void> => {
       callBtnText.value = '重呼'
       callingTkt.value = res.ticketUid
       updateLog(`正在呼叫：${res.ticketNo}`)
+      await window.appLogger.log(
+        'info',
+        `呼叫成功: ticketNo=${res.ticketNo}, ticketUid=${res.ticketUid}`,
+      )
     } else {
       // 刷新日志
       updateLog(res.message)
+      await window.appLogger.log('warn', `呼叫未成功: ${res.message}`)
     }
   } catch (error) {
     console.log('error', error)
+    await logErr('呼叫失败', error)
   }
 }
 
 // 开始办理action
 const startAction = async (): Promise<void> => {
   try {
+    const w = sessionState.value.winUid || -1
+    const e = sessionState.value.empUid || -1
+    const t = callingTkt.value
+    await window.appLogger.log('info', `请求开始办理: windowUid=${w}, empUid=${e}, ticketUid=${t}`)
     const res = await api.action.start({
-      windowUid: sessionState.value.winUid || -1,
-      empUid: sessionState.value.empUid || -1,
-      ticketUid: callingTkt.value,
+      windowUid: w,
+      empUid: e,
+      ticketUid: t,
     })
     if (res.success) {
       callStatus.value = 'working'
       updateLog(`正在办理：${res.ticketNo}`)
+      await window.appLogger.log('info', `开始办理成功: ticketNo=${res.ticketNo}`)
+    } else {
+      await window.appLogger.log('warn', `开始办理未成功: ${res.message ?? 'unknown'}`)
     }
   } catch (error) {
     console.log('error', error)
+    await logErr('开始办理失败', error)
   }
 }
 
-// 评价action
-const evaluateAction = async (): Promise<void> => {
+// 完成办理（与 start 相同参数）；成功后立即进入 evaluating
+const completeAction = async (): Promise<void> => {
   try {
-    const res = await api.action.evaluate({
-      windowUid: sessionState.value.winUid || -1,
-      empUid: sessionState.value.empUid || -1,
-      ticketUid: callingTkt.value,
+    const w = sessionState.value.winUid || -1
+    const e = sessionState.value.empUid || -1
+    const t = callingTkt.value
+    await window.appLogger.log('info', `请求完成办理: windowUid=${w}, empUid=${e}, ticketUid=${t}`)
+    const res = await api.action.complete({
+      windowUid: w,
+      empUid: e,
+      ticketUid: t,
     })
-    if (res.success) {
-      callStatus.value = 'evaluating'
-      callBtnText.value = '呼叫'
+    if (!res.success) {
+      await window.appLogger.log('warn', `完成办理未成功: ${res.message ?? 'unknown'}`)
+      return
+    }
+
+    await window.appLogger.log('info', `完成办理成功: ticketNo=${res.ticketNo}`)
+    callStatus.value = 'evaluating'
+    callBtnText.value = '呼叫'
+    startEvaluatingCountdown(`办理完成：${res.ticketNo}，评价中`)
+    await window.appLogger.log('info', '完成办理成功，进入评价中状态')
+  } catch (error) {
+    console.log('error', error)
+    await logErr('完成办理失败', error)
+  }
+}
+
+/** 使用当前 session 与 ticket 调用 evaluate（与首次评价相同参数） */
+const invokeEvaluateApi = async (): Promise<void> => {
+  const w = sessionState.value.winUid || -1
+  const e = sessionState.value.empUid || -1
+  const t = callingTkt.value
+  await window.appLogger.log('info', `请求评价: windowUid=${w}, empUid=${e}, ticketUid=${t}`)
+  const res = await api.action.evaluate({
+    windowUid: w,
+    empUid: e,
+    ticketUid: t,
+  })
+  if (res.success) {
+    callStatus.value = 'evaluating'
+    callBtnText.value = '呼叫'
+    startEvaluatingCountdown('评价中')
+    await window.appLogger.log('info', '评价请求成功')
+  } else {
+    await window.appLogger.log('warn', `评价未成功: ${res.message ?? 'unknown'}`)
+  }
+}
+
+// 评价action；evaluating 下点击需二次确认后重新发起 evaluate
+const evaluateAction = async (): Promise<void> => {
+  if (callStatus.value === 'evaluating') {
+    const ok = await window.nativeDialog.confirm({
+      title: '提示',
+      message: '当前业务正在评价中，是否重新发起评价？',
+      okLabel: '是',
+      cancelLabel: '否',
+    })
+    if (!ok) {
+      return
     }
+  }
+
+  try {
+    await invokeEvaluateApi()
   } catch (error) {
     console.log('error', error)
+    await logErr('评价失败', error)
   }
 }
 // 暂停action
@@ -152,32 +287,56 @@ const pauseAction = async (): Promise<void> => {
       window.pauseMenu.showPauseMenu()
 
       // 暂停菜单回调
-      window.pauseMenu.pauseReasonSelected(async (action: string) => {
-        console.log('pauseReasonSelected', action)
+      window.pauseMenu.pauseReasonSelected(async (reason: string) => {
+        console.log('pauseReasonSelected', reason)
 
-        const res = await api.action.pause({
-          windowUid: sessionState.value.winUid || -1,
-          empUid: sessionState.value.empUid || -1,
-          pauseReason: action,
-        })
-        if (res.success) {
-          callStatus.value = 'paused'
-          pauseBtnText.value = '恢复'
-          updateLog(`暂停中，原因：${action}`)
+        try {
+          const w = sessionState.value.winUid || -1
+          const e = sessionState.value.empUid || -1
+          await window.appLogger.log(
+            'info',
+            `请求暂停: windowUid=${w}, empUid=${e}, pauseReason=${reason}`,
+          )
+          const res = await api.action.pause({
+            windowUid: w,
+            empUid: e,
+            pauseReason: reason,
+          })
+          if (res.success) {
+            callStatus.value = 'paused'
+            pauseBtnText.value = '恢复'
+            updateLog(`暂停中，原因：${reason}`)
+            await window.appLogger.log('info', `暂停成功: reason=${reason}`)
+          } else {
+            await window.appLogger.log('warn', `暂停未成功: ${res.message ?? 'unknown'}`)
+          }
+        } catch (err) {
+          await logErr('暂停失败', err)
         }
       })
     } else {
-      const res = await api.action.resume({
-        windowUid: sessionState.value.winUid || -1,
-        empUid: sessionState.value.empUid || -1,
-      })
-      if (res.success) {
-        callStatus.value = 'idle'
-        pauseBtnText.value = '暂停'
+      try {
+        const w = sessionState.value.winUid || -1
+        const e = sessionState.value.empUid || -1
+        await window.appLogger.log('info', `请求恢复: windowUid=${w}, empUid=${e}`)
+        const res = await api.action.resume({
+          windowUid: w,
+          empUid: e,
+        })
+        if (res.success) {
+          callStatus.value = 'idle'
+          pauseBtnText.value = '暂停'
+          await window.appLogger.log('info', '恢复成功')
+        } else {
+          await window.appLogger.log('warn', `恢复未成功: ${res.message ?? 'unknown'}`)
+        }
+      } catch (err) {
+        await logErr('恢复失败', err)
       }
     }
   } catch (error) {
     console.log('error', error)
+    await logErr('暂停/恢复流程异常', error)
   }
 }
 // 菜单按钮点击事件
@@ -191,10 +350,14 @@ const handleButtonClick = (button: ActionButton): void => {
       break
     case 'transfer':
       console.log('transfer')
+      void window.appLogger.log('info', '转移: 当前未对接接口')
       break
     case 'start':
       startAction()
       break
+    case 'complete':
+      completeAction()
+      break
     case 'evaluate':
       evaluateAction()
       break
@@ -210,6 +373,22 @@ const updateLog = (log: string): void => {
 
 onMounted(async () => {
   sessionState.value = await window.session.get()
+
+  // TicketList -> Main.vue 触发
+  window.mainTicketEvents.onAction(action => {
+    if (action === 'call') {
+      void callAction()
+      return
+    }
+    if (action === 'evaluate') {
+      void evaluateAction()
+      return
+    }
+  })
+})
+
+onUnmounted(() => {
+  clearEvaluatingCountdown()
 })
 </script>
 

call-client/src/renderer/src/views/ServerSetup.vue

@@ -0,0 +1,261 @@
+<script setup lang="ts">
+import { Close, Minus } from '@element-plus/icons-vue'
+import { ElMessage } from 'element-plus'
+import { computed, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { applyServerIpToHttp } from '@renderer/utils/service'
+
+const router = useRouter()
+const serverIp = ref('')
+const saving = ref(false)
+
+const isValid = computed(() => serverIp.value.trim().length > 0)
+
+const handleMinimize = (): void => {
+  window.winControl.windowMinimize()
+}
+
+const handleClose = (): void => {
+  window.winControl.windowClose()
+}
+
+function validateHostInput(raw: string): boolean {
+  const s = raw.trim()
+  if (!s) return false
+  if (s.startsWith('http://') || s.startsWith('https://')) {
+    try {
+      const u = new URL(s)
+      return Boolean(u)
+    } catch {
+      return false
+    }
+  }
+  // 主机[:端口]，允许 IPv4、简单域名
+  if (/^[\w.\-]+(?::\d+)?$/.test(s) || /^\d{1,3}(\.\d{1,3}){3}(?::\d+)?$/.test(s)) {
+    return true
+  }
+  return false
+}
+
+const handleSave = async (): Promise<void> => {
+  const v = serverIp.value.trim()
+  if (!v) {
+    ElMessage.warning('请输入服务器 IP 或地址')
+    return
+  }
+  if (!validateHostInput(v)) {
+    ElMessage.warning('地址格式不正确，例如：192.168.1.10 或 192.168.1.10:8845')
+    return
+  }
+
+  saving.value = true
+  try {
+    await window.appConfig.set({ server_ip: v })
+    applyServerIpToHttp(v)
+    await window.appLogger.log('info', `已保存服务器地址: ${v}`)
+    ElMessage.success('保存成功')
+    await router.replace('/login')
+  } catch (e) {
+    const msg = e instanceof Error ? e.message : String(e)
+    ElMessage.error(msg || '保存失败')
+    await window.appLogger.log('error', `保存服务器地址失败: ${msg}`)
+  } finally {
+    saving.value = false
+  }
+}
+</script>
+
+<template>
+  <div class="login-container">
+    <div class="background-elements">
+      <div class="circle circle-1"></div>
+      <div class="circle circle-2"></div>
+    </div>
+
+    <div class="login-header" style="-webkit-app-region: drag">
+      <a class="control-button" @click="handleMinimize">
+        <el-icon class="control-icon">
+          <component :is="Minus" />
+        </el-icon>
+      </a>
+      <a class="control-button" @click="handleClose">
+        <el-icon class="control-icon">
+          <component :is="Close" />
+        </el-icon>
+      </a>
+    </div>
+
+    <div class="login-main">
+      <div class="header-section" style="-webkit-app-region: drag">
+        <div class="app-info">
+          <h1 class="app-title">服务地址</h1>
+          <h2 class="app-subtitle">请先配置服务器 IP 或地址</h2>
+        </div>
+      </div>
+
+      <div class="form-section">
+        <div class="form-wrapper">
+          <div class="form-header">
+            <p class="form-subtitle">默认端口 8845；可输入 host:port 或完整 http(s) 地址</p>
+          </div>
+
+          <el-input
+            v-model="serverIp"
+            size="large"
+            clearable
+            placeholder="例如 192.168.1.10"
+            @keyup.enter="handleSave"
+          />
+
+          <div class="form-actions">
+            <el-button
+              type="primary"
+              size="large"
+              class="login-button"
+              :loading="saving"
+              :disabled="!isValid"
+              @click="handleSave"
+            >
+              保存并进入登录
+            </el-button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.login-container {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  overflow: hidden;
+  position: relative;
+  padding: 0;
+  margin: 0;
+  border-radius: 5px;
+}
+
+.background-elements {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+
+  .circle {
+    position: absolute;
+    border-radius: 50%;
+    background: rgba(255, 255, 255, 0.1);
+
+    &.circle-1 {
+      width: 300px;
+      height: 300px;
+      top: -100px;
+      left: -100px;
+    }
+
+    &.circle-2 {
+      width: 200px;
+      height: 200px;
+      bottom: -80px;
+      right: -80px;
+    }
+  }
+}
+
+.login-header {
+  height: 32px;
+  width: 100vw;
+  backdrop-filter: blur(10px);
+  display: flex;
+  justify-content: right;
+  align-items: center;
+  color: white;
+  position: relative;
+  z-index: 1000;
+
+  .control-button {
+    width: 32px;
+    height: 32px;
+    min-width: 32px;
+    padding: 0 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: white;
+    border-radius: 4px;
+    -webkit-app-region: no-drag;
+
+    .control-icon {
+      width: 20px;
+      height: 20px;
+      font-size: 20px;
+    }
+  }
+
+  .control-button:hover {
+    background: rgba(255, 255, 255, 0.1);
+  }
+}
+
+.login-main {
+  width: 100vw;
+  max-width: 420px;
+  z-index: 1;
+}
+
+.header-section {
+  text-align: center;
+  margin-bottom: 30px;
+
+  .app-title {
+    font-size: 28px;
+    font-weight: 700;
+    color: white;
+    margin: 0 0 8px;
+    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+  }
+
+  .app-subtitle {
+    font-size: 16px;
+    color: rgba(255, 255, 255, 0.9);
+    margin: 0;
+    font-weight: 500;
+  }
+}
+
+.form-section {
+  .form-wrapper {
+    background: rgba(255, 255, 255, 0.95);
+    backdrop-filter: blur(10px);
+    border-radius: 5px;
+    padding: 30px;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
+  }
+}
+
+.form-header {
+  text-align: center;
+  margin-bottom: 25px;
+
+  .form-subtitle {
+    color: #666;
+    font-size: 13px;
+    margin: 0;
+  }
+}
+
+.form-actions {
+  margin-top: 24px;
+  display: flex;
+  justify-content: center;
+
+  .login-button {
+    width: 100%;
+  }
+}
+</style>

call-client/src/renderer/src/views/TicketList.vue

@@ -1,5 +1,24 @@
 <template>
   <div class="table-container">
+    <div class="search-wrapper">
+      <el-input
+        v-model="keyword"
+        placeholder="请输入关键字"
+        clearable
+        @keyup.enter="handleSearch"
+      />
+      <el-select
+        v-model="statusFilter"
+        placeholder="请选择票号状态"
+        clearable
+        @change="handleStatusChange"
+      >
+        <el-option label="全部" :value="null" />
+        <el-option v-for="opt in statusSelectOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
+      </el-select>
+      <el-button type="primary" @click="handleSearch">查询</el-button>
+    </div>
+
     <!-- 表格区域 -->
     <el-table
       v-loading="loading"
@@ -11,43 +30,46 @@
       :default-sort="{ prop: sortField, order: sortOrder }"
       @sort-change="handleSortChange"
     >
-      <el-table-column prop="id" label="ID" width="60" sortable="custom" />
+      <el-table-column prop="ticketUid" label="UID" sortable="custom" />
 
-      <el-table-column
-        prop="tktNum"
-        label="票号"
-        width="100"
-        sortable="custom"
-        show-overflow-tooltip
-      />
+      <el-table-column prop="tktNum" label="票号" sortable="custom" show-overflow-tooltip />
+
+      <el-table-column prop="dateText" label="日期" sortable="custom" show-overflow-tooltip />
 
       <el-table-column
-        prop="startTime"
+        prop="startTimeOnly"
         label="开始时间"
-        min-width="180"
         sortable="custom"
         show-overflow-tooltip
       />
 
       <el-table-column
-        prop="endTime"
+        prop="endTimeOnly"
         label="结束时间"
-        width="150"
         sortable="custom"
-        :filters="departmentFilters"
-        :filter-method="filterDepartment"
+        show-overflow-tooltip
       />
 
-      <el-table-column prop="status" label="票号状态" width="100" align="center">
+      <el-table-column prop="bizName" label="业务值" sortable="custom" show-overflow-tooltip />
+
+      <el-table-column prop="status" label="票号状态" align="center">
         <template #default="{ row }">
-          <el-tag :type="row.status === 'active' ? 'success' : 'info'">
-            {{ row.status === 'active' ? '启用' : '禁用' }}
+          <el-tag :type="statusTagTypeMap[row.status] ?? 'info'">
+            {{ row.statusText }}
           </el-tag>
         </template>
       </el-table-column>
 
-      <el-table-column prop="salary" label="操作" width="120" sortable="custom" align="right">
-        <template #default="{ row }"> ¥{{ row.salary.toLocaleString() }} </template>
+      <el-table-column label="操作" align="center">
+        <template #default="{ row }">
+          <el-button v-if="row.canCall" type="primary" link @click="handleCall(row)"
+            >呼叫</el-button
+          >
+          <el-button v-if="row.canReEvaluate" type="warning" link @click="handleReEvaluate(row)">
+            评价
+          </el-button>
+          <span v-if="!row.canCall && !row.canReEvaluate"> -- </span>
+        </template>
       </el-table-column>
     </el-table>
 
@@ -78,28 +100,23 @@
 <script setup lang="ts">
 import { ElConfigProvider } from 'element-plus'
 import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
-import { computed, onMounted, ref } from 'vue'
+import { computed, onMounted, onUnmounted, ref } from 'vue'
+import { api } from '../api'
 
 // 定义数据类型
 interface Tkt {
-  id: number
+  ticketUid: number
   tktNum: string
+  bizName: string
   startTime: string
   endTime: string
-  status: string
-}
-
-// 模拟数据生成
-const generateMockData = (count: number): Tkt[] => {
-  const tktNum = ['A000', 'B000', 'C000', 'D000', 'E000', 'F000', 'G000', 'H000', 'I000', 'J000']
-
-  return Array.from({ length: count }, (_, index) => ({
-    id: index + 1,
-    tktNum: tktNum[index % tktNum.length] + (Math.floor(index / tktNum.length) + 1),
-    startTime: '12:00:00',
-    endTime: '12:00:00',
-    status: '已完成',
-  }))
+  dateText: string
+  startTimeOnly: string
+  endTimeOnly: string
+  status: number
+  statusText: string
+  canCall: boolean
+  canReEvaluate: boolean
 }
 
 // 状态定义
@@ -107,20 +124,53 @@ const loading = ref(false)
 const allData = ref<Tkt[]>([])
 const currentPage = ref(1)
 const pageSize = ref(20)
-const sortField = ref<string>('id')
+const totalCount = ref(0)
+const keyword = ref('')
+const statusFilter = ref<number | null>(null)
+const sortField = ref<string>('ticketUid')
 const sortOrder = ref<'ascending' | 'descending'>('ascending')
-const departmentFilter = ref<string[]>([])
+let refreshTimer: ReturnType<typeof setInterval> | null = null
+const statusTextMap: Record<number, string> = {
+  0: '正在等候',
+  1: '未换领',
+  2: '已换领',
+  3: '正在呼叫',
+  4: '正在办理',
+  5: '已完成',
+  6: '弃号',
+  7: '换领超时',
+  8: '换领作废',
+  9: '等待评价',
+  10: '评价中',
+}
 
-// 部门筛选选项
-const departmentFilters = computed(() => {
-  const departments = [...new Set(allData.value.map(item => item.status))]
-  return departments.map(dept => ({ text: dept, value: dept }))
-})
+const statusSelectOptions = computed(() =>
+  Object.keys(statusTextMap).map(k => ({
+    value: Number(k),
+    label: statusTextMap[Number(k)],
+  })),
+)
+const statusTagTypeMap: Record<number, 'success' | 'warning' | 'danger' | 'info'> = {
+  0: 'info',
+  1: 'warning',
+  2: 'info',
+  3: 'warning',
+  4: 'warning',
+  5: 'success',
+  6: 'danger',
+  7: 'warning',
+  8: 'danger',
+  9: 'warning',
+  10: 'success',
+}
 
-// 计算表格高度（适应800x600窗口）
-const tableHeight = ref(400)
+// 固定显示区域：1024 * 720
+const DISPLAY_HEIGHT_PX = 720
+// 720px 高度中，减去顶部搜索栏 + 分页 + 统计信息的估算占用
+// 这里稍微预留更大的空间，避免 pagination-wrapper 超出显示区域
+const tableHeight = ref(DISPLAY_HEIGHT_PX - 220)
 
-// 计算分页后的数据
+// 计算分页后的数据（后端已分页，这里直接返回当前页数据）
 const paginatedData = computed(() => {
   let filtered = [...allData.value]
 
@@ -132,8 +182,8 @@ const paginatedData = computed(() => {
   // 应用排序
   filtered.sort((a, b) => {
     const field = sortField.value as keyof Tkt
-    let aVal = a[field]
-    let bVal = b[field]
+    const aVal = a[field]
+    const bVal = b[field]
 
     // 处理特殊字段
     // if (field === 'joinDate') {
@@ -148,18 +198,12 @@ const paginatedData = computed(() => {
     }
   })
 
-  const start = (currentPage.value - 1) * pageSize.value
-  const end = start + pageSize.value
-
-  return filtered.slice(start, end)
+  return filtered
 })
 
 // 计算总数
 const totalItems = computed(() => {
-  if (departmentFilter.value.length > 0) {
-    return allData.value.filter(item => departmentFilter.value.includes(item.status)).length
-  }
-  return allData.value.length
+  return totalCount.value
 })
 
 // 计算显示范围
@@ -187,33 +231,122 @@ const handleSortChange = (sort: {
   }
 }
 
-// 处理部门筛选
-const filterDepartment = (value: string, row: Tkt): boolean => {
-  return row.status === value
-}
-
 // 处理分页大小变化
 const handleSizeChange = (size: number): void => {
   pageSize.value = size
-  // 如果当前页超出总页数，自动调整
-  const maxPage = Math.ceil(totalItems.value / size)
-  if (currentPage.value > maxPage) {
-    currentPage.value = maxPage
-  }
+  currentPage.value = 1
+  void refreshData()
 }
 
 // 处理页码变化
 const handleCurrentChange = (page: number): void => {
   currentPage.value = page
+  void refreshData()
+}
+
+const handleSearch = (): void => {
+  currentPage.value = 1
+  void refreshData()
+}
+
+const handleStatusChange = (): void => {
+  currentPage.value = 1
+  void refreshData()
+}
+
+function normalizeRows(raw: unknown[]): Tkt[] {
+  return raw.map(item => {
+    const row = item as Record<string, unknown>
+    const startTimeRaw = String(row.startTime ?? '')
+    const endTimeRaw = String(row.endTime ?? '')
+
+    const status = Number(row.status ?? -1)
+
+    const startDate = startTimeRaw.replace('T', ' ').trim().split(' ')[0] ?? ''
+    const endDate = endTimeRaw.replace('T', ' ').trim().split(' ')[0] ?? ''
+
+    const dateText =
+      startDate && endDate
+        ? startDate === endDate
+          ? startDate
+          : `${startDate}/${endDate}`
+        : startDate || endDate || ''
+
+    const startTimeOnly = startTimeRaw.replace('T', ' ').trim().split(' ')[1] ?? ''
+    const endTimeOnly = endTimeRaw.replace('T', ' ').trim().split(' ')[1] ?? ''
+
+    return {
+      ticketUid: Number(row.ticketUid ?? 0),
+      tktNum: String(row.tktId ?? row.tktNum ?? row.ticketNo ?? ''),
+      bizName: String(row.bizName ?? ''),
+      startTime: startTimeRaw,
+      endTime: endTimeRaw,
+      dateText,
+      startTimeOnly,
+      endTimeOnly,
+      status,
+      statusText: String(row.statusText ?? statusTextMap[status] ?? '未知状态'),
+      canCall: Boolean(row.canCall),
+      canReEvaluate: Boolean(row.canReEvaluate),
+    }
+  })
+}
+
+const handleCall = async (row: Tkt): Promise<void> => {
+  window.winControl.windowMinimize()
+  window.ticketToMain.triggerCall()
+  await window.appLogger.log(
+    'info',
+    `票池呼叫按钮点击: ticketUid=${row.ticketUid}, tktNum=${row.tktNum}`,
+  )
 }
 
-// 刷新数据（模拟API调用）
+const handleReEvaluate = async (row: Tkt): Promise<void> => {
+  window.winControl.windowMinimize()
+  window.ticketToMain.triggerEvaluate()
+  await window.appLogger.log(
+    'info',
+    `票池评价按钮点击: ticketUid=${row.ticketUid}, tktNum=${row.tktNum}`,
+  )
+}
+
+// 刷新数据（API调用）
 const refreshData = async (): Promise<void> => {
+  if (loading.value) return
   loading.value = true
   try {
-    // 模拟网络延迟
-    await new Promise(resolve => setTimeout(resolve, 500))
-    allData.value = generateMockData(158) // 生成158条数据，展示分页效果
+    const session = await window.session.get()
+    const cfg = await window.appConfig.getAll()
+    const configuredWinUid = Number(cfg.selected_win_uid ?? cfg.selected_win_key ?? -1)
+    const winUid = configuredWinUid > 0 ? configuredWinUid : Number(session.winUid ?? -1)
+    if (winUid <= 0) {
+      allData.value = []
+      totalCount.value = 0
+      return
+    }
+
+    const res = await api.action.pool({
+      winUid,
+      keyword: keyword.value.trim(),
+      page: currentPage.value,
+      size: pageSize.value,
+      status: statusFilter.value === null ? undefined : statusFilter.value,
+    })
+
+    const rawRows = Array.isArray(res.list)
+      ? res.list
+      : Array.isArray(res.records)
+        ? res.records
+        : Array.isArray(res.items)
+          ? res.items
+          : []
+    allData.value = normalizeRows(rawRows as unknown[])
+    totalCount.value = Number(res.total ?? res.count ?? allData.value.length)
+  } catch (error) {
+    await window.appLogger.log(
+      'error',
+      `票池刷新失败: ${error instanceof Error ? error.message : String(error)}`,
+    )
   } finally {
     loading.value = false
   }
@@ -221,32 +354,39 @@ const refreshData = async (): Promise<void> => {
 
 // 组件挂载时加载数据
 onMounted(() => {
-  refreshData()
-
-  // 窗口高度变化时调整表格高度
-  const updateTableHeight = (): void => {
-    // 800x600窗口中，减去分页区域和边距
-    tableHeight.value = window.innerHeight - 180
-  }
+  void refreshData()
+  refreshTimer = setInterval(() => {
+    void refreshData()
+  }, 20_000)
 
-  updateTableHeight()
-  window.addEventListener('resize', updateTableHeight)
+  // tableHeight 为固定值，无需在这里重复赋值
+})
 
-  return () => {
-    window.removeEventListener('resize', updateTableHeight)
+onUnmounted(() => {
+  if (refreshTimer) {
+    clearInterval(refreshTimer)
+    refreshTimer = null
   }
 })
 </script>
 
 <style scoped>
 .table-container {
-  height: 100vh;
-  width: 100vw;
+  height: 720px;
+  width: 1024px;
   display: flex;
   background-color: #fff;
   flex-direction: column;
   /* padding: 16px; */
   box-sizing: border-box;
+  overflow: hidden;
+}
+
+.search-wrapper {
+  display: flex;
+  gap: 8px;
+  padding: 8px 16px 0;
+  margin: 16px;
 }
 
 .pagination-wrapper {
@@ -257,7 +397,7 @@ onMounted(() => {
 }
 
 .stats-info {
-  margin: 4px 0px;
+  margin: 8px 0px;
   padding: 0px 16px;
   font-size: 12px;
   color: #909399;
@@ -265,13 +405,22 @@ onMounted(() => {
 }
 
 :deep(.el-table) {
-  flex: 1;
+  table-layout: auto;
 }
 
 :deep(.el-table__header) {
   background-color: #f5f7fa;
 }
 
+:deep(.el-table__header-wrapper),
+:deep(.el-table__body-wrapper) {
+  overflow-x: hidden !important;
+}
+
+:deep(.el-table .cell) {
+  white-space: nowrap;
+}
+
 :deep(.el-pagination) {
   padding: 0;
 }

call-client/src/shared/types/app-config.ts

@@ -0,0 +1,9 @@
+/** 与 JSON 序列化兼容的配置值类型，可在业务中扩展为更具体的结构 */
+export type JsonPrimitive = string | number | boolean | null
+export type JsonValue = JsonPrimitive | JsonValue[] | { [key: string]: JsonValue }
+
+/**
+ * 应用全局配置（键值均为可 JSON 持久化的数据）
+ * 常用键：`server_ip` — 服务器地址（IP/host[:port] 或 http(s) URL），用于拼接 API baseURL
+ */
+export type AppConfig = Record<string, JsonValue>