Initial clean project import
This commit is contained in:
@@ -0,0 +1,85 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user