You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
2.7 KiB
81 lines
2.7 KiB
2 weeks ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="zh-CN">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
|
<title>商机模块 · 原型（E2E）</title>
|
||
|
|
<link rel="stylesheet" href="app.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<header class="topbar">
|
||
|
|
<h1>商机管理 <small>原型 · 端到端联调</small></h1>
|
||
|
|
<div class="auth">
|
||
|
|
<label>userId <input id="userId" value="1" size="6" /></label>
|
||
|
|
<button id="btnLogin">签发调试Token</button>
|
||
|
|
<span id="tokenState" class="pill pill-off">未登录</span>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<nav class="views" id="viewTabs">
|
||
|
|
<button data-view="MINE" class="active">我负责的</button>
|
||
|
|
<button data-view="PARTICIPATED">我参与的</button>
|
||
|
|
<button data-view="FOLLOWED">我关注的</button>
|
||
|
|
<button data-view="RECENT">最近访问</button>
|
||
|
|
<button data-view="MANAGE">商机管理</button>
|
||
|
|
<button data-view="PUBLIC_POOL">商机公海</button>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<main>
|
||
|
|
<section class="toolbar">
|
||
|
|
<button id="btnRefresh">刷新列表</button>
|
||
|
|
<button id="btnNew">+ 新建商机</button>
|
||
|
|
<span id="listMeta" class="meta"></span>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section id="listPanel">
|
||
|
|
<table id="oppTable">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>ID</th><th>商机名称</th><th>来源</th><th>状态</th>
|
||
|
|
<th>当前节点</th><th>负责人</th><th>意向客户</th><th>项目金额</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody id="oppRows">
|
||
|
|
<tr><td colspan="8" class="empty">尚未加载</td></tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</section>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<!-- 新建商机弹窗 -->
|
||
|
|
<div id="newModal" class="modal hidden">
|
||
|
|
<div class="modal-box">
|
||
|
|
<h2>新建商机</h2>
|
||
|
|
<form id="newForm">
|
||
|
|
<label>商机来源
|
||
|
|
<select id="f_oppSource">
|
||
|
|
<option value="opp_source_02">自主开发</option>
|
||
|
|
<option value="opp_source_01">线索转入</option>
|
||
|
|
</select>
|
||
|
|
</label>
|
||
|
|
<label id="leadRow" class="hidden">关联线索
|
||
|
|
<select id="f_sourceLeadId"><option value="">（加载中…）</option></select>
|
||
|
|
</label>
|
||
|
|
<label>商机名称 <input id="f_oppName" required /></label>
|
||
|
|
<label>甲方 <input id="f_partyA" /></label>
|
||
|
|
<label>意向客户名 <input id="f_customerName" /></label>
|
||
|
|
<label>备注 <textarea id="f_remark"></textarea></label>
|
||
|
|
<div class="modal-actions">
|
||
|
|
<button type="button" id="btnCancel">取消</button>
|
||
|
|
<button type="submit" id="btnSubmit">提交</button>
|
||
|
|
</div>
|
||
|
|
<p id="formMsg" class="msg"></p>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="toast" class="toast hidden"></div>
|
||
|
|
<script src="app.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|