91 lines
3.7 KiB
HTML
91 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>MarketingSystemDataTool</title>
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<link rel="stylesheet" href="/styles.css">
|
||
</head>
|
||
<body>
|
||
<header class="navbar navbar-dark bg-dark">
|
||
<div class="container-fluid">
|
||
<span class="navbar-brand mb-0 h1">导出工具</span>
|
||
</div>
|
||
</header>
|
||
<main class="container py-3">
|
||
<div class="row g-3">
|
||
<div class="col-12 col-lg-7">
|
||
<div class="card">
|
||
<div class="card-header">模板列表</div>
|
||
<div class="card-body" id="templates"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-lg-5">
|
||
<div class="card">
|
||
<div class="card-header">新增模板</div>
|
||
<div class="card-body">
|
||
<form id="tpl-form" class="row g-3">
|
||
<div class="col-12">
|
||
<label class="form-label">模板名称</label>
|
||
<input class="form-control" name="name" placeholder="模板名称" required>
|
||
</div>
|
||
<div class="col-6">
|
||
<label class="form-label">数据源</label>
|
||
<select class="form-select" name="datasource">
|
||
<option value="marketing">营销系统</option>
|
||
<option value="ymt">易码通</option>
|
||
</select>
|
||
</div>
|
||
<div class="col-6">
|
||
<label class="form-label">主表</label>
|
||
<input class="form-control" name="main_table" value="order" required>
|
||
</div>
|
||
<div class="col-12">
|
||
<label class="form-label">字段（逗号分隔）</label>
|
||
<input class="form-control" name="fields" value="order_number,creator,out_trade_no,type,status,contract_price,num,total,pay_amount,create_time">
|
||
</div>
|
||
<div class="col-12">
|
||
<label class="form-label">权限范围：creator 列表（逗号分隔）</label>
|
||
<input class="form-control" name="creator_in" placeholder="如：1,2,3">
|
||
</div>
|
||
<div class="col-6">
|
||
<label class="form-label">开始时间</label>
|
||
<input class="form-control" type="datetime-local" name="time_begin">
|
||
</div>
|
||
<div class="col-6">
|
||
<label class="form-label">结束时间</label>
|
||
<input class="form-control" type="datetime-local" name="time_end">
|
||
</div>
|
||
<div class="col-6">
|
||
<label class="form-label">输出格式</label>
|
||
<select class="form-select" name="file_format"><option value="csv">CSV</option><option value="xlsx">XLSX</option></select>
|
||
</div>
|
||
<div class="col-6">
|
||
<label class="form-label">可见性</label>
|
||
<select class="form-select" name="visibility"><option value="private">个人</option><option value="public">公共</option></select>
|
||
</div>
|
||
<div class="col-6">
|
||
<label class="form-label">所有者ID</label>
|
||
<input class="form-control" name="owner_id" value="1">
|
||
</div>
|
||
<div class="col-12 d-grid">
|
||
<button class="btn btn-primary" type="submit">创建并校验</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12">
|
||
<div class="card">
|
||
<div class="card-header">导出任务</div>
|
||
<div class="card-body" id="jobs"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
||
<script src="/main.js"></script>
|
||
</main>
|
||
</body>
|
||
</html>
|