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.

55 lines
3.9 KiB

1 day ago
<!-- ===== 联系人页签(票02 收编自 prototype-contact-graph.html,A4-4-2 §6;列表=旧端点 contacts 全字段,图谱=graph/detail) ===== -->
<div id="contactsShell" style="display:none">
<div class="viewbar">
<input id="qKeyword" placeholder="姓名/电话" style="width:150px">
<select id="qInternal" style="width:110px"><option value="">全部类型</option><option value="0">外部</option><option value="1">内部</option></select>
<button onclick="queryContacts()">查询</button>
<button onclick="resetContactsContact()">重置</button>
<span class="sp"></span>
<button id="btnEditList" onclick="editListToggle()">批量编辑</button>
<button id="btnSaveList" onclick="saveListAll()" style="display:none">全部保存</button>
<button id="btnResetList" onclick="btnResetListClick()" style="display:none">放弃修改</button>
<button id="btnRevealAll" onclick="toggleRevealAll()">明文查看</button>
<button onclick="exportContacts()">导出</button>
<button onclick="openCimp()">导入</button>
<button id="btnAddContact" onclick="openQa()">快速添加</button>
<span class="hint" id="selInfo"></span>
</div>
<div class="viewbar" style="margin-bottom:6px">
<button id="pillList" class="on" onclick="switchContactView('list')">列表视图</button>
<button id="pillGraph" onclick="switchContactView('graph')">图谱视图</button>
<span class="hint" id="contactCount"></span>
</div>
<div id="cListView">
<table><thead><tr>
<th style="width:34px"><input type="checkbox" id="chkAll" onchange="chkAllChange(this)"></th>
<th style="width:34px">#</th><th>姓名</th><th>职务</th><th>联系电话</th><th>关键</th><th>内线</th><th>来源</th><th>礼品备注</th><th>操作</th>
</tr></thead><tbody id="contactTbody"></tbody></table>
</div>
<div id="gView" style="display:none">
<div class="viewbar" style="margin-bottom:6px">
<span class="hint">编辑态:拖卡片到等级格子=定级/改级;拖卡片上下圆点=连线;悬停连线点 x =删边。等级1-10(10=顶层),公司边为派生视图不可删。</span>
<span class="unsaved-chip" id="unsavedChip">有未保存修改</span>
<span class="sp"></span>
<button id="btnGraphEdit" onclick="graphEditToggle()">编辑图谱</button>
<button id="btnGraphSave" onclick="saveGraph()" style="display:none">保存</button>
<button id="btnGraphReset" onclick="resetGraphEdit()" style="display:none">重置</button>
</div>
<div id="graphWrap">
<div id="hintBar">编辑模式:拖动卡片到等级格子 = 定级/改级;拖动卡片圆点 = 连线;悬停连线点击 x = 删边。完成编辑后请点击「保存」。</div>
<div id="canvasInner">
<svg id="edgeSvg"></svg>
<div id="unrecZone"><span class="zone-label">未设置等级</span><span class="zone-sub">拖到等级格子可定级</span></div>
</div>
<div class="zoom-ctl">
<button onclick="zoomAt(0.87)">-</button><span id="zoomLabel">62%</span><button onclick="zoomAt(1.15)">+</button>
<button onclick="fitView()">适屏</button>
</div>
<div id="bubble"></div>
</div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px">
<div><b class="hint">图谱状态</b><div id="graphStateBox" class="hint" style="max-height:150px;overflow-y:auto"></div></div>
<div><b class="hint">操作日志(本会话)</b><div id="graphLogBox" class="hint" style="max-height:150px;overflow-y:auto"></div></div>
</div>
</div>
</div>