cat-shark
86 lines
3.2 KiB
HTML
86 lines
3.2 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>OEM 批量打包工具</title>
|
|
<link rel="stylesheet" href="./style.css" />
|
|
</head>
|
|
<body>
|
|
<main class="page">
|
|
<header class="toolbar">
|
|
<div>
|
|
<h1>OEM 批量打包工具</h1>
|
|
<p>每个卡片独立配置软件名称、请求地址、版本号和 4 张图。点击图片格选择，也可以直接把图片拖到对应格子。</p>
|
|
</div>
|
|
<div class="actions">
|
|
<button id="addJobBtn" type="button">新增贴牌</button>
|
|
<button id="openOutputBtn" type="button">打开输出目录</button>
|
|
<button id="cancelBtn" class="danger" type="button" disabled>停止当前打包</button>
|
|
<button id="runBtn" class="primary" type="button">一键 OEM + 打包</button>
|
|
</div>
|
|
</header>
|
|
|
|
<section id="jobGrid" class="grid"></section>
|
|
|
|
<section class="log-panel">
|
|
<div class="log-head">
|
|
<strong>实时日志</strong>
|
|
<span id="outputDir"></span>
|
|
</div>
|
|
<pre id="logBox"></pre>
|
|
</section>
|
|
</main>
|
|
|
|
<template id="jobTemplate">
|
|
<article class="card">
|
|
<div class="card-head">
|
|
<label class="check"><input data-field="enabled" type="checkbox" checked /> <span class="index"></span></label>
|
|
<span class="status">idle</span>
|
|
</div>
|
|
|
|
<label>软件名称</label>
|
|
<input data-field="brandName" placeholder="例如 焰音AI口播智能体" />
|
|
|
|
<div class="two">
|
|
<div>
|
|
<label>短名 / AppId</label>
|
|
<input data-field="brandShortName" placeholder="WenGeSuperIP" />
|
|
</div>
|
|
<div>
|
|
<label>版本号</label>
|
|
<input data-field="version" placeholder="4.5.34" />
|
|
</div>
|
|
</div>
|
|
|
|
<label>显示名称</label>
|
|
<input data-field="brandDisplayName" placeholder="默认同软件名称" />
|
|
|
|
<label>请求地址</label>
|
|
<input data-field="apiBaseUrl" placeholder="http://host:port/api" />
|
|
|
|
<label>标语</label>
|
|
<input data-field="brandSlogan" placeholder="一站式AI数字人系统" />
|
|
|
|
<div class="assets">
|
|
<button data-asset="qrcodePath" class="asset" type="button"><img alt="" /><b>二维码</b><small>点击或拖入 qrcode.png</small></button>
|
|
<button data-asset="logoPath" class="asset" type="button"><img alt="" /><b>Logo</b><small>点击或拖入 logo.png</small></button>
|
|
<button data-asset="iconPath" class="asset" type="button"><img alt="" /><b>图标</b><small>点击或拖入 icon.png</small></button>
|
|
<button data-asset="loginBgPath" class="asset" type="button"><img alt="" /><b>登录背景</b><small>点击或拖入 login-bg.png</small></button>
|
|
</div>
|
|
|
|
<label>打包命令</label>
|
|
<input data-field="buildCommand" placeholder="npm run build:win" />
|
|
|
|
<div class="card-actions">
|
|
<button data-action="copy" type="button">复制</button>
|
|
<button data-action="delete" type="button">删除</button>
|
|
</div>
|
|
<div class="message"></div>
|
|
</article>
|
|
</template>
|
|
|
|
<script src="./renderer.js"></script>
|
|
</body>
|
|
</html>
|