小草代账管家_H5/client_detail.html · 约 2798 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8"/>
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
6<title>客户详情 · 小草代账管家</title>
7<link rel="stylesheet" href="style.css"/>
8</head>
9<body>
10
11<header class="header"><a class="back" onclick="history.back()">‹</a><h1>客户详情</h1><span class="right"></span></header>
12<div class="detail-head">
13 <div class="dh-avatar">🏢</div>
14 <div>
15 <div class="dh-name">西安云智科技有限公司</div>
16 <div class="dh-meta">小规模纳税人 · A 类高价值 · 合作 41 个月</div>
17 <div class="dh-actions"><i data-toast="电话拨打中">📞 打电话</i><i data-toast="定位外勤打卡成功">📍 外勤打卡</i><i data-toast="已生成收款计划">💳 收款</i></div>
18 </div>
19</div>
20<div class="section-title">工商与档案信息</div>
21<div class="info-grid">
22 <div class="info-item">统一信用代码<b>91610131MA6X1A2B3C</b></div>
23 <div class="info-item">法人代表<b>张伟</b></div>
24 <div class="info-item">注册地址<b>高新区锦业路 68 号</b></div>
25 <div class="info-item">所属行业<b>软件和信息技术服务</b></div>
26 <div class="info-item">财务负责人<b>刘会计</b></div>
27 <div class="info-item">服务状态<b style="color:#16a34a">正常服务中</b></div>
28 <div class="info-item">章证保管<b>营业执照 · 公章 · 财务章</b></div>
29 <div class="info-item">证照到期<b style="color:#dc2626">8/20 营业执照年报</b></div>
30</div>
31<div class="sub-tabs">
32 <a class="active">跟进记录</a><a>合同</a><a>收费</a><a>工单</a><a>风险</a>
33</div>
34<div id="followList"></div>
35<div class="card" style="text-align:center">
36 <div class="btn btn-primary" style="width:60%;display:inline-block" data-toast="已提交跟进记录">➕ 新增跟进</div>
37</div>
38
39
40<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>工作台</a><a class=" active" href="clients.html"><span class="icon">👥</span>客户</a><a class="" href="contracts.html"><span class="icon">📄</span>合同</a><a class="" href="stats.html"><span class="icon">📊</span>报表</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
41<script src="data.js"></script>
42<script>
43 var fl = document.getElementById('followList');
44 var h = '';
45 window.DATA.follows.forEach(function (f) {
46 h += '<div class="follow-item"><div class="fi-head"><div class="fi-avatar">' + f.avatar + '</div>'
47 + '<div>' + f.name + '</div></div><div class="fi-text">' + f.text + '</div>'
48 + '<div class="fi-time">' + f.time + '</div></div>';
49 });
50 fl.innerHTML = h;
51</script>
52<script src="app.js"></script>
53</body>
54</html>