feat: 新增单位咨询统计、咨询流程图、快速咨询等多项功能
- 管理端新增单位咨询统计页面，11个侧边栏页面同步更新菜单 - 单位报表详情页支持多入口共用（动态导航/侧边栏/面包屑） - 员工端新增咨询流程图页面、选择档案页面 - 聊天页增加发送文件/发送位置按钮，支持快速咨询模式 - 选择咨询人页面增加快速咨询按钮 - 批量优化管理端小助手及应急端页面 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Claude Opus 4.6
@@ -95,8 +95,8 @@
|
||||
<svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
|
||||
专家咨询–管理员
|
||||
</div>
|
||||
<nav class="top-bar__nav">
|
||||
<a href="archive-personal.html" class="active">档案</a>
|
||||
<nav class="top-bar__nav" id="topNav">
|
||||
<a href="archive-personal.html">档案</a>
|
||||
<a href="config-hospital.html">基础配置</a>
|
||||
<a href="history-expert.html">咨询数据</a>
|
||||
<a href="exception-dirty.html">异常事件</a>
|
||||
@@ -112,27 +112,13 @@
|
||||
</div>
|
||||
|
||||
<!-- 侧边栏 -->
|
||||
<aside class="sidebar">
|
||||
<div class="sidebar-group-title">档案</div>
|
||||
<a href="archive-personal.html" class="sidebar-item">
|
||||
<svg viewBox="0 0 16 16" fill="none"><circle cx="8" cy="5" r="3" stroke="currentColor" stroke-width="1.4"/><path d="M2 14c0-3.314 2.686-6 6-6s6 2.686 6 6" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
|
||||
个人咨询数据
|
||||
</a>
|
||||
<a href="archive-unit.html" class="sidebar-item active">
|
||||
<svg viewBox="0 0 16 16" fill="none"><rect x="2" y="6" width="12" height="8" rx="1" stroke="currentColor" stroke-width="1.4"/><path d="M5 6V4a3 3 0 016 0v2" stroke="currentColor" stroke-width="1.4"/><path d="M6 10h4M8 9v3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
|
||||
单位咨询数据
|
||||
</a>
|
||||
</aside>
|
||||
<aside class="sidebar" id="sidebar"></aside>
|
||||
|
||||
<!-- 主内容区 -->
|
||||
<main class="main">
|
||||
|
||||
<!-- ① 面包屑 -->
|
||||
<div class="breadcrumb">
|
||||
<a href="archive-unit.html">单位报表数据</a>
|
||||
<span class="breadcrumb__sep">›</span>
|
||||
<span class="breadcrumb__cur">采油一厂</span>
|
||||
</div>
|
||||
<div class="breadcrumb" id="breadcrumb"></div>
|
||||
|
||||
<!-- ② 单位信息卡片 -->
|
||||
<div class="info-card">
|
||||
@@ -277,6 +263,59 @@
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// 根据来源参数动态渲染导航、侧边栏、面包屑
|
||||
var from = new URLSearchParams(location.search).get('from') || 'archive-unit';
|
||||
|
||||
// 顶部导航高亮
|
||||
var navLinks = document.querySelectorAll('#topNav a');
|
||||
navLinks.forEach(function(a) {
|
||||
if (from === 'unit-statistics' && a.getAttribute('href') === 'history-expert.html') {
|
||||
a.classList.add('active');
|
||||
} else if (from !== 'unit-statistics' && a.getAttribute('href') === 'archive-personal.html') {
|
||||
a.classList.add('active');
|
||||
}
|
||||
});
|
||||
|
||||
// 侧边栏
|
||||
var sidebarEl = document.getElementById('sidebar');
|
||||
if (from === 'unit-statistics') {
|
||||
sidebarEl.innerHTML =
|
||||
'<div class="sidebar-group-title">咨询数据</div>' +
|
||||
'<a href="history-expert.html" class="sidebar-item" style="justify-content:space-between;">' +
|
||||
'<div style="display:flex;align-items:center;gap:10px;"><svg viewBox="0 0 16 16" fill="none" width="16" height="16"><path d="M2 4h12M2 8h8M2 12h5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>咨询历史记录</div>' +
|
||||
'<span style="font-size:10px;color:rgba(255,255,255,0.35);">▾</span>' +
|
||||
'</a>' +
|
||||
'<a href="consult-record.html" class="sidebar-item">' +
|
||||
'<svg viewBox="0 0 16 16" fill="none" width="16" height="16"><path d="M3 2h10v12H3z" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"/><path d="M6 5h4M6 8h4M6 11h2" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>咨询档案' +
|
||||
'</a>' +
|
||||
'<a href="expert-statistics.html" class="sidebar-item">' +
|
||||
'<svg viewBox="0 0 16 16" fill="none" width="16" height="16"><path d="M2 13V8l4-4 3 3 5-5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>专家咨询统计' +
|
||||
'</a>' +
|
||||
'<a href="unit-statistics.html" class="sidebar-item active">' +
|
||||
'<svg viewBox="0 0 16 16" fill="none" width="16" height="16"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 10h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>单位咨询统计' +
|
||||
'</a>' +
|
||||
'<a href="settlement.html" class="sidebar-item">' +
|
||||
'<svg viewBox="0 0 16 16" fill="none" width="16" height="16"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 8h6M5 11h3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>咨询结算' +
|
||||
'</a>';
|
||||
} else {
|
||||
sidebarEl.innerHTML =
|
||||
'<div class="sidebar-group-title">档案</div>' +
|
||||
'<a href="archive-personal.html" class="sidebar-item">' +
|
||||
'<svg viewBox="0 0 16 16" fill="none" width="16" height="16"><circle cx="8" cy="5" r="3" stroke="currentColor" stroke-width="1.4"/><path d="M2 14c0-3.314 2.686-6 6-6s6 2.686 6 6" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>个人咨询数据' +
|
||||
'</a>' +
|
||||
'<a href="archive-unit.html" class="sidebar-item active">' +
|
||||
'<svg viewBox="0 0 16 16" fill="none" width="16" height="16"><rect x="2" y="6" width="12" height="8" rx="1" stroke="currentColor" stroke-width="1.4"/><path d="M5 6V4a3 3 0 016 0v2" stroke="currentColor" stroke-width="1.4"/><path d="M6 10h4M8 9v3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>单位报表数据' +
|
||||
'</a>';
|
||||
}
|
||||
|
||||
// 面包屑
|
||||
var bc = document.getElementById('breadcrumb');
|
||||
if (from === 'unit-statistics') {
|
||||
bc.innerHTML = '<a href="unit-statistics.html">单位咨询统计</a><span class="breadcrumb__sep">›</span><span class="breadcrumb__cur">采油一厂</span>';
|
||||
} else {
|
||||
bc.innerHTML = '<a href="archive-unit.html">单位报表数据</a><span class="breadcrumb__sep">›</span><span class="breadcrumb__cur">采油一厂</span>';
|
||||
}
|
||||
|
||||
// [交互] 查看个人明细，弹窗加载 archive-personal-detail.html
|
||||
function openPersonDetail(empNo) {
|
||||
document.getElementById('overlayFrame').src = 'archive-personal-detail.html';
|
||||
|
||||
@@ -445,7 +445,7 @@
|
||||
|
||||
// [交互] 查看明细，跳转到单位明细页
|
||||
function viewDetail(unitName) {
|
||||
window.location.href = 'archive-unit-detail.html';
|
||||
window.location.href = 'archive-unit-detail.html?from=archive-unit';
|
||||
}
|
||||
</script>
|
||||
</main>
|
||||
|
||||
@@ -111,7 +111,7 @@
|
||||
<nav class="top-bar__nav">
|
||||
<a href="current-consult.html">当前咨询</a>
|
||||
<a href="chat-message.html" class="active">对话消息</a>
|
||||
<a href="history-consult.html">历史咨询</a>
|
||||
<a href="history-consult.html">咨询记录</a>
|
||||
<a href="expert-manage.html">专家管理</a>
|
||||
<a href="checkup-standard.html">体检标准化</a>
|
||||
<a href="sms-send.html">短信发送</a>
|
||||
|
||||
@@ -81,7 +81,7 @@
|
||||
<nav class="top-bar__nav">
|
||||
<a href="current-consult.html">当前咨询</a>
|
||||
<a href="chat-message.html">对话消息</a>
|
||||
<a href="history-consult.html">历史咨询</a>
|
||||
<a href="history-consult.html">咨询记录</a>
|
||||
<a href="expert-manage.html">专家管理</a>
|
||||
<a href="checkup-standard.html" class="active">体检标准化</a>
|
||||
<a href="sms-send.html">短信发送</a>
|
||||
|
||||
@@ -81,7 +81,7 @@
|
||||
<nav class="top-bar__nav">
|
||||
<a href="current-consult.html">当前咨询</a>
|
||||
<a href="chat-message.html">对话消息</a>
|
||||
<a href="history-consult.html">历史咨询</a>
|
||||
<a href="history-consult.html">咨询记录</a>
|
||||
<a href="expert-manage.html">专家管理</a>
|
||||
<a href="checkup-standard.html">体检标准化</a>
|
||||
<a href="sms-send.html">短信发送</a>
|
||||
|
||||
@@ -50,7 +50,7 @@
|
||||
<nav class="top-bar__nav">
|
||||
<a href="current-consult.html">当前咨询</a>
|
||||
<a href="chat-message.html">对话消息</a>
|
||||
<a href="history-consult.html">历史咨询</a>
|
||||
<a href="history-consult.html">咨询记录</a>
|
||||
<a href="expert-manage.html">专家管理</a>
|
||||
<a href="checkup-standard.html">体检标准化</a>
|
||||
<a href="sms-send.html">短信发送</a>
|
||||
|
||||
@@ -72,7 +72,7 @@
|
||||
<nav class="top-bar__nav">
|
||||
<a href="current-consult.html">当前咨询</a>
|
||||
<a href="chat-message.html">对话消息</a>
|
||||
<a href="history-consult.html">历史咨询</a>
|
||||
<a href="history-consult.html">咨询记录</a>
|
||||
<a href="expert-manage.html">专家管理</a>
|
||||
<a href="checkup-standard.html">体检标准化</a>
|
||||
<a href="sms-send.html">短信发送</a>
|
||||
|
||||
@@ -72,7 +72,7 @@
|
||||
<nav class="top-bar__nav">
|
||||
<a href="current-consult.html">当前咨询</a>
|
||||
<a href="chat-message.html">对话消息</a>
|
||||
<a href="history-consult.html">历史咨询</a>
|
||||
<a href="history-consult.html">咨询记录</a>
|
||||
<a href="expert-manage.html">专家管理</a>
|
||||
<a href="checkup-standard.html">体检标准化</a>
|
||||
<a href="sms-send.html">短信发送</a>
|
||||
|
||||
@@ -63,9 +63,11 @@
|
||||
.chat-expert-info{display:flex;align-items:center;gap:6px;font-size:var(--font-xs);color:var(--text-secondary);width:100%;margin-top:2px;}
|
||||
.chat-expert-info span{white-space:nowrap;}
|
||||
/* 咨询结束卡片（员工侧发出） */
|
||||
.end-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 18px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-sm);}
|
||||
.end-card__icon{width:36px;height:36px;border-radius:50%;background:#FFF1F0;color:var(--danger);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
|
||||
.end-card__text{font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;}
|
||||
.end-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:var(--shadow-sm);min-width:180px;}
|
||||
.end-card__icon{width:44px;height:44px;border-radius:10px;background:var(--success);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
|
||||
.end-card__icon svg{width:24px;height:24px;}
|
||||
.end-card__text{font-size:var(--font-base);color:var(--text-primary);font-weight:600;margin-top:4px;}
|
||||
.end-card__time{font-size:var(--font-xs);color:var(--text-secondary);}
|
||||
.chat-header__actions{display:flex;gap:8px;}
|
||||
.btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
|
||||
.btn-primary{background:var(--primary);color:#fff;}
|
||||
@@ -98,6 +100,24 @@
|
||||
.expert-card-msg__dept{font-size:var(--font-xs);color:var(--text-secondary);}
|
||||
.expert-card-msg__btn{font-size:var(--font-xs);color:var(--primary);cursor:pointer;}
|
||||
|
||||
/* 咨询信息卡片（员工发出的第一条消息） */
|
||||
.consult-card{background:#fff;border:1px solid #E8ECF1;border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-sm);min-width:280px;max-width:340px;cursor:pointer;transition:border-color .2s;}
|
||||
.consult-card:hover{border-color:var(--primary);}
|
||||
.consult-card__header{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
|
||||
.consult-card__avatar{width:36px;height:36px;border-radius:50%;background:#EDE7F6;color:#5C3D99;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
|
||||
.consult-card__avatar svg{width:20px;height:20px;}
|
||||
.consult-card__name{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);}
|
||||
.consult-card__meta{font-size:var(--font-xs);color:var(--text-secondary);margin-top:2px;}
|
||||
.consult-card__body-info{font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #F0F0F0;}
|
||||
.consult-card__title{font-size:var(--font-base);font-weight:600;color:var(--text-primary);margin-bottom:6px;}
|
||||
.consult-card__desc{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:4px;}
|
||||
.consult-card__duration{font-size:var(--font-xs);color:var(--text-secondary);}
|
||||
.consult-card__duration b{color:var(--text-primary);font-weight:500;}
|
||||
.consult-card__images{display:flex;gap:8px;margin-top:12px;}
|
||||
.consult-card__img{width:64px;height:64px;border-radius:var(--radius-sm);background:#F5F5F5;border:1px solid #E8E8E8;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;position:relative;}
|
||||
.consult-card__img svg{width:24px;height:24px;color:#bbb;}
|
||||
.consult-card__img-label{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.45);color:#fff;font-size:10px;text-align:center;padding:2px 0;line-height:1.2;}
|
||||
|
||||
/* 底部输入区 */
|
||||
.chat-footer{background:#fff;border-top:1px solid var(--border);padding:12px 20px;flex-shrink:0;}
|
||||
.chat-toolbar{display:flex;gap:8px;margin-bottom:8px;}
|
||||
@@ -145,7 +165,7 @@
|
||||
<nav class="top-bar__nav">
|
||||
<a href="current-consult.html" class="active">当前咨询</a>
|
||||
<a href="chat-message.html">对话消息</a>
|
||||
<a href="history-consult.html">历史咨询</a>
|
||||
<a href="history-consult.html">咨询记录</a>
|
||||
<a href="expert-manage.html">专家管理</a>
|
||||
<a href="checkup-standard.html">体检标准化</a>
|
||||
<a href="sms-send.html">短信发送</a>
|
||||
@@ -263,11 +283,6 @@
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="7" cy="5" r="3" stroke="currentColor" stroke-width="1.2"/><path d="M2 13c0-2.8 2.2-5 5-5s5 2.2 5 5" stroke="currentColor" stroke-width="1.2"/></svg>
|
||||
咨询人档案
|
||||
</button>
|
||||
<!-- [交互] 仅咨询专家时显示，点击发送短信 -->
|
||||
<button class="btn btn-default btn-sm" id="btnSendSms">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M1.5 3.5h11v7.5h-11z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/><path d="M1.5 3.5L7 8l5.5-4.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
发送短信
|
||||
</button>
|
||||
<!-- [交互] 点击结束当前咨询；已结束时置灰不可点 -->
|
||||
<button class="btn btn-default btn-sm" id="btnEndConsult" style="color:var(--danger);border-color:var(--danger);">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="7" cy="7" r="5" stroke="currentColor" stroke-width="1.2"/><path d="M5 5l4 4M9 5l-4 4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
|
||||
@@ -297,7 +312,16 @@
|
||||
<div class="msg__avatar emp">李</div>
|
||||
<div class="msg__content">
|
||||
<div class="msg__name">李明（采油二厂）</div>
|
||||
<div class="msg__bubble">我体检报告显示空腹血糖6.8，这是糖尿病吗？</div>
|
||||
<div class="consult-card" onclick="openOverlay('employee-profile-dialog.html',680,720)">
|
||||
<div class="consult-card__header">
|
||||
<div class="consult-card__avatar"><svg viewBox="0 0 20 20" fill="none"><circle cx="10" cy="7" r="4" stroke="currentColor" stroke-width="1.4"/><path d="M3 18c0-3.9 3.1-7 7-7s7 3.1 7 7" stroke="currentColor" stroke-width="1.4"/></svg></div>
|
||||
<div><div class="consult-card__name">李明(本人) · 35岁 · 男</div><div class="consult-card__meta">170cm · 72kg · 不吸烟 · 睡眠一般</div></div>
|
||||
</div>
|
||||
<div class="consult-card__title">血糖偏高咨询</div>
|
||||
<div class="consult-card__desc">体检报告显示空腹血糖6.8，想了解是否属于糖尿病</div>
|
||||
<div class="consult-card__duration">持续时间：<b>近1个月</b></div>
|
||||
<div class="consult-card__images"><div class="consult-card__img"><svg viewBox="0 0 24 24" fill="none"><rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="1.5"/><circle cx="8.5" cy="8.5" r="2" stroke="currentColor" stroke-width="1.2"/><path d="M3 16l5-4 3 3 4-5 6 7" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg><div class="consult-card__img-label">图片</div></div><div class="consult-card__img"><svg viewBox="0 0 24 24" fill="none"><rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="1.5"/><circle cx="8.5" cy="8.5" r="2" stroke="currentColor" stroke-width="1.2"/><path d="M3 16l5-4 3 3 4-5 6 7" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg><div class="consult-card__img-label">图片</div></div></div>
|
||||
</div>
|
||||
<div class="msg__time">10:25</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -429,12 +453,36 @@ convContents[0] = document.getElementById('chatBody').innerHTML;
|
||||
convContents[1] = ''
|
||||
+ '<div class="system-msg">会话开始 · 2026-04-10 09:40</div>'
|
||||
+ '<div class="msg right"><div class="msg__avatar asst">助</div><div class="msg__content"><div class="msg__name">健康小助手</div><div class="msg__bubble">您好！我是健康咨询小助手，很高兴为您服务。请问您有什么健康问题需要咨询？</div><div class="msg__time">09:40</div></div></div>'
|
||||
+ '<div class="msg"><div class="msg__avatar emp">张</div><div class="msg__content"><div class="msg__name">张伟（钻井工程公司）</div><div class="msg__bubble">最近总是头疼，尤其是下午比较严重，已经持续一周了。</div><div class="msg__time">09:42</div></div></div>'
|
||||
+ '<div class="msg"><div class="msg__avatar emp">张</div><div class="msg__content"><div class="msg__name">张伟（钻井工程公司）</div><div class="consult-card" onclick="openOverlay(\'employee-profile-dialog.html\',680,720)"><div class="consult-card__header"><div class="consult-card__avatar"><svg viewBox="0 0 20 20" fill="none"><circle cx="10" cy="7" r="4" stroke="currentColor" stroke-width="1.4"/><path d="M3 18c0-3.9 3.1-7 7-7s7 3.1 7 7" stroke="currentColor" stroke-width="1.4"/></svg></div><div><div class="consult-card__name">张伟(本人) · 42岁 · 男</div><div class="consult-card__meta">175cm · 78kg · 不吸烟 · 睡眠不好</div></div></div><div class="consult-card__title">持续性头痛咨询</div><div class="consult-card__desc">最近总是头疼，尤其是下午比较严重，已经持续一周</div><div class="consult-card__duration">持续时间：<b>1周</b></div><div class="consult-card__images"><div class="consult-card__img"><svg viewBox="0 0 24 24" fill="none"><rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="1.5"/><circle cx="8.5" cy="8.5" r="2" stroke="currentColor" stroke-width="1.2"/><path d="M3 16l5-4 3 3 4-5 6 7" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg><div class="consult-card__img-label">图片</div></div></div></div><div class="msg__time">09:42</div></div></div>'
|
||||
+ '<div class="msg right"><div class="msg__avatar asst">助</div><div class="msg__content"><div class="msg__name">健康小助手</div><div class="msg__bubble">请问头疼的位置是前额、太阳穴还是后脑勺？有没有伴随恶心、视力模糊等情况？平时睡眠和用眼情况如何？</div><div class="msg__time">09:44</div></div></div>'
|
||||
+ '<div class="msg"><div class="msg__avatar emp">张</div><div class="msg__content"><div class="msg__name">张伟（钻井工程公司）</div><div class="msg__bubble">主要是太阳穴两侧，有时候会恶心。最近加班比较多，睡眠不太好。</div><div class="msg__time">09:50</div></div></div>'
|
||||
+ '<div class="msg right"><div class="msg__avatar asst">助</div><div class="msg__content"><div class="msg__name">健康小助手</div><div class="msg__bubble">根据您的描述，可能是紧张性头痛，与疲劳和睡眠不足有关。建议：<br>1. 保证充足睡眠，每天7-8小时<br>2. 适当放松，避免长时间伏案<br>3. 如持续不缓解，建议做头颅CT排查</div><div class="msg__time">09:52</div></div></div>'
|
||||
+ '<div class="msg"><div class="msg__avatar emp">张</div><div class="msg__content"><div class="msg__name">张伟（钻井工程公司）</div><div class="msg__bubble">好的，谢谢！我先注意休息看看。</div><div class="msg__time">09:55</div></div></div>'
|
||||
+ '<div class="msg"><div class="msg__avatar emp">张</div><div class="msg__content"><div class="msg__name">张伟（钻井工程公司）</div><div class="end-card"><div class="end-card__icon">✕</div><div class="end-card__text">本次咨询已结束</div></div><div class="msg__time">09:58</div></div></div>';
|
||||
+ '<div class="msg"><div class="msg__avatar emp">张</div><div class="msg__content"><div class="msg__name">张伟（钻井工程公司）</div><div class="end-card"><div class="end-card__icon"><svg viewBox="0 0 24 24" fill="none"><path d="M6 12.5l4 4 8-8" stroke="#fff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div><div class="end-card__text">已结束本次咨询</div><div class="end-card__time">2026-04-10 09:58</div></div><div class="msg__time">09:58</div></div></div>';
|
||||
|
||||
convContents[2] = ''
|
||||
+ '<div class="system-msg">会话开始 · 2026-04-10 11:05</div>'
|
||||
+ '<div class="msg right"><div class="msg__avatar asst">助</div><div class="msg__content"><div class="msg__name">健康小助手</div><div class="msg__bubble">您好！我是健康咨询小助手，很高兴为您服务。请问您有什么健康问题需要咨询？</div><div class="msg__time">11:05</div></div></div>'
|
||||
+ '<div class="msg"><div class="msg__avatar emp">王</div><div class="msg__content"><div class="msg__name">王芳（长庆油田总医院）</div><div class="consult-card" onclick="openOverlay(\'employee-profile-dialog.html\',680,720)"><div class="consult-card__header"><div class="consult-card__avatar"><svg viewBox="0 0 20 20" fill="none"><circle cx="10" cy="7" r="4" stroke="currentColor" stroke-width="1.4"/><path d="M3 18c0-3.9 3.1-7 7-7s7 3.1 7 7" stroke="currentColor" stroke-width="1.4"/></svg></div><div><div class="consult-card__name">王芳(本人) · 29岁 · 女</div><div class="consult-card__meta">162cm · 52kg · 不吸烟 · 睡眠良好</div></div></div><div class="consult-card__title">月经不调咨询</div><div class="consult-card__desc">近三个月月经周期不规律，经量偏少</div><div class="consult-card__duration">持续时间：<b>3个月</b></div><div class="consult-card__images"><div class="consult-card__img"><svg viewBox="0 0 24 24" fill="none"><rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="1.5"/><circle cx="8.5" cy="8.5" r="2" stroke="currentColor" stroke-width="1.2"/><path d="M3 16l5-4 3 3 4-5 6 7" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg><div class="consult-card__img-label">图片</div></div></div></div><div class="msg__time">11:07</div></div></div>'
|
||||
+ '<div class="msg right"><div class="msg__avatar asst">助</div><div class="msg__content"><div class="msg__name">健康小助手</div><div class="msg__bubble">请问您最近有没有压力较大、作息不规律的情况？有没有服用什么药物？</div><div class="msg__time">11:09</div></div></div>';
|
||||
|
||||
convContents[3] = ''
|
||||
+ '<div class="system-msg">会话开始 · 2026-04-10 10:50</div>'
|
||||
+ '<div class="msg right"><div class="msg__avatar asst">助</div><div class="msg__content"><div class="msg__name">健康小助手</div><div class="msg__bubble">您好！我是健康咨询小助手，很高兴为您服务。请问您有什么健康问题需要咨询？</div><div class="msg__time">10:50</div></div></div>'
|
||||
+ '<div class="msg"><div class="msg__avatar emp">赵</div><div class="msg__content"><div class="msg__name">赵静（第五采气厂）</div><div class="consult-card" onclick="openOverlay(\'employee-profile-dialog.html\',680,720)"><div class="consult-card__header"><div class="consult-card__avatar"><svg viewBox="0 0 20 20" fill="none"><circle cx="10" cy="7" r="4" stroke="currentColor" stroke-width="1.4"/><path d="M3 18c0-3.9 3.1-7 7-7s7 3.1 7 7" stroke="currentColor" stroke-width="1.4"/></svg></div><div><div class="consult-card__name">赵静(本人) · 38岁 · 女</div><div class="consult-card__meta">165cm · 58kg · 不吸烟 · 睡眠一般</div></div></div><div class="consult-card__title">颈椎疼痛咨询</div><div class="consult-card__desc">长期伏案工作导致颈椎酸痛，偶尔手臂发麻</div><div class="consult-card__duration">持续时间：<b>半年</b></div><div class="consult-card__images"><div class="consult-card__img"><svg viewBox="0 0 24 24" fill="none"><rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="1.5"/><circle cx="8.5" cy="8.5" r="2" stroke="currentColor" stroke-width="1.2"/><path d="M3 16l5-4 3 3 4-5 6 7" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg><div class="consult-card__img-label">图片</div></div></div></div><div class="msg__time">10:52</div></div></div>'
|
||||
+ '<div class="msg right"><div class="msg__avatar asst">助</div><div class="msg__content"><div class="msg__name">健康小助手</div><div class="msg__bubble">颈椎问题很常见，请问您之前有做过颈椎X光或MRI检查吗？手臂发麻是单侧还是双侧？</div><div class="msg__time">10:54</div></div></div>';
|
||||
|
||||
convContents[4] = ''
|
||||
+ '<div class="system-msg">会话开始 · 2026-04-10 10:35</div>'
|
||||
+ '<div class="msg right"><div class="msg__avatar asst">助</div><div class="msg__content"><div class="msg__name">健康小助手</div><div class="msg__bubble">您好！我是健康咨询小助手，很高兴为您服务。请问您有什么健康问题需要咨询？</div><div class="msg__time">10:35</div></div></div>'
|
||||
+ '<div class="msg"><div class="msg__avatar emp">刘</div><div class="msg__content"><div class="msg__name">刘洋（勘探开发研究院）</div><div class="consult-card" onclick="openOverlay(\'employee-profile-dialog.html\',680,720)"><div class="consult-card__header"><div class="consult-card__avatar"><svg viewBox="0 0 20 20" fill="none"><circle cx="10" cy="7" r="4" stroke="currentColor" stroke-width="1.4"/><path d="M3 18c0-3.9 3.1-7 7-7s7 3.1 7 7" stroke="currentColor" stroke-width="1.4"/></svg></div><div><div class="consult-card__name">刘洋(本人) · 45岁 · 男</div><div class="consult-card__meta">178cm · 85kg · 吸烟 · 睡眠不好</div></div></div><div class="consult-card__title">胸闷气短咨询</div><div class="consult-card__desc">近期活动后感觉胸闷气短，上楼梯时明显加重</div><div class="consult-card__duration">持续时间：<b>2周</b></div><div class="consult-card__images"><div class="consult-card__img"><svg viewBox="0 0 24 24" fill="none"><rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="1.5"/><circle cx="8.5" cy="8.5" r="2" stroke="currentColor" stroke-width="1.2"/><path d="M3 16l5-4 3 3 4-5 6 7" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg><div class="consult-card__img-label">图片</div></div></div></div><div class="msg__time">10:37</div></div></div>'
|
||||
+ '<div class="msg right"><div class="msg__avatar asst">助</div><div class="msg__content"><div class="msg__name">健康小助手</div><div class="msg__bubble">胸闷气短需要重视，请问您有高血压、高血脂或糖尿病病史吗？家族中有心脏病史吗？</div><div class="msg__time">10:39</div></div></div>';
|
||||
|
||||
convContents[5] = ''
|
||||
+ '<div class="system-msg">会话开始 · 2026-04-10 11:20</div>'
|
||||
+ '<div class="msg right"><div class="msg__avatar asst">助</div><div class="msg__content"><div class="msg__name">健康小助手</div><div class="msg__bubble">您好！我是健康咨询小助手，很高兴为您服务。请问您有什么健康问题需要咨询？</div><div class="msg__time">11:20</div></div></div>'
|
||||
+ '<div class="msg"><div class="msg__avatar emp">陈</div><div class="msg__content"><div class="msg__name">陈强（采油三厂）</div><div class="consult-card" onclick="openOverlay(\'employee-profile-dialog.html\',680,720)"><div class="consult-card__header"><div class="consult-card__avatar"><svg viewBox="0 0 20 20" fill="none"><circle cx="10" cy="7" r="4" stroke="currentColor" stroke-width="1.4"/><path d="M3 18c0-3.9 3.1-7 7-7s7 3.1 7 7" stroke="currentColor" stroke-width="1.4"/></svg></div><div><div class="consult-card__name">陈强(本人) · 31岁 · 男</div><div class="consult-card__meta">172cm · 68kg · 不吸烟 · 睡眠良好</div></div></div><div class="consult-card__title">皮肤过敏咨询</div><div class="consult-card__desc">手臂和颈部出现红色皮疹，伴有瘙痒</div><div class="consult-card__duration">持续时间：<b>3天</b></div><div class="consult-card__images"><div class="consult-card__img"><svg viewBox="0 0 24 24" fill="none"><rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="1.5"/><circle cx="8.5" cy="8.5" r="2" stroke="currentColor" stroke-width="1.2"/><path d="M3 16l5-4 3 3 4-5 6 7" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg><div class="consult-card__img-label">图片</div></div><div class="consult-card__img"><svg viewBox="0 0 24 24" fill="none"><rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="1.5"/><circle cx="8.5" cy="8.5" r="2" stroke="currentColor" stroke-width="1.2"/><path d="M3 16l5-4 3 3 4-5 6 7" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg><div class="consult-card__img-label">图片</div></div></div></div><div class="msg__time">11:22</div></div></div>'
|
||||
+ '<div class="msg right"><div class="msg__avatar asst">助</div><div class="msg__content"><div class="msg__name">健康小助手</div><div class="msg__bubble">请问最近有没有接触新的化学品、更换洗涤用品或食用容易过敏的食物？之前有过敏史吗？</div><div class="msg__time">11:24</div></div></div>';
|
||||
|
||||
/* 各对话的状态配置：tag文字 + 是否已结束 */
|
||||
var convStatus = {
|
||||
@@ -488,7 +536,6 @@ function selectConv(el, idx) {
|
||||
} else {
|
||||
empInfo.style.display = 'none';
|
||||
}
|
||||
document.getElementById('btnSendSms').style.display = status.type === 'expert' ? '' : 'none';
|
||||
var btnEnd = document.getElementById('btnEndConsult');
|
||||
if (status.ended) {
|
||||
btnEnd.disabled = true;
|
||||
|
||||
@@ -37,16 +37,16 @@
|
||||
.archive-value{color:#333;flex:1;}
|
||||
.archive-tag{display:inline-block;background:var(--primary-light);color:var(--primary);border-radius:20px;padding:2px 12px;font-size:var(--font-xs);}
|
||||
.archive-files{display:flex;gap:12px;flex-wrap:wrap;}
|
||||
.file-card{width:100px;height:72px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);cursor:pointer;}
|
||||
.file-card--blue{background:#E6F7FF;color:var(--primary);border:1px solid #BAE7FF;}
|
||||
.file-card--yellow{background:#FFFBE6;color:#FA8C16;border:1px solid #FFE58F;}
|
||||
.archive-img{width:80px;height:80px;border-radius:var(--radius-sm);background:#F5F5F5;border:1px solid #E8E8E8;position:relative;overflow:hidden;cursor:pointer;}
|
||||
.archive-img svg{width:100%;height:100%;}
|
||||
.archive-img__label{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.45);color:#fff;font-size:10px;text-align:center;padding:2px 0;line-height:1.4;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- 基本信息 -->
|
||||
<div class="section">
|
||||
<div class="section__title">基本信息</div>
|
||||
<div class="section__title">员工信息</div>
|
||||
<table class="info-table">
|
||||
<tr>
|
||||
<td class="label">姓名</td><td class="value">张伟</td>
|
||||
@@ -132,8 +132,8 @@
|
||||
<div class="archive-row archive-row--top">
|
||||
<span class="archive-label">检查资料</span>
|
||||
<div class="archive-files">
|
||||
<div class="file-card file-card--blue">检查报告</div>
|
||||
<div class="file-card file-card--yellow">患处照片</div>
|
||||
<div class="archive-img"><svg viewBox="0 0 80 80" fill="none"><rect width="80" height="80" fill="#F5F5F5"/><rect x="16" y="20" width="48" height="40" rx="4" fill="#fff" stroke="#D9D9D9" stroke-width="1.5"/><circle cx="32" cy="36" r="6" fill="#D9D9D9"/><path d="M16 52l12-10 8 6 14-12 14 16" fill="#E8E8E8"/></svg><div class="archive-img__label">图片</div></div>
|
||||
<div class="archive-img"><svg viewBox="0 0 80 80" fill="none"><rect width="80" height="80" fill="#F5F5F5"/><rect x="16" y="20" width="48" height="40" rx="4" fill="#fff" stroke="#D9D9D9" stroke-width="1.5"/><circle cx="32" cy="36" r="6" fill="#D9D9D9"/><path d="M16 52l12-10 8 6 14-12 14 16" fill="#E8E8E8"/></svg><div class="archive-img__label">图片</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="archive-row archive-row--divided">
|
||||
|
||||
@@ -54,7 +54,7 @@
|
||||
<nav class="top-bar__nav">
|
||||
<a href="current-consult.html">当前咨询</a>
|
||||
<a href="chat-message.html">对话消息</a>
|
||||
<a href="history-consult.html">历史咨询</a>
|
||||
<a href="history-consult.html">咨询记录</a>
|
||||
<a href="expert-manage.html" class="active">专家管理</a>
|
||||
<a href="checkup-standard.html">体检标准化</a>
|
||||
<a href="sms-send.html">短信发送</a>
|
||||
|
||||
@@ -81,7 +81,7 @@
|
||||
<nav class="top-bar__nav">
|
||||
<a href="current-consult.html">当前咨询</a>
|
||||
<a href="chat-message.html">对话消息</a>
|
||||
<a href="history-consult.html">历史咨询</a>
|
||||
<a href="history-consult.html">咨询记录</a>
|
||||
<a href="expert-manage.html" class="active">专家管理</a>
|
||||
<a href="checkup-standard.html">体检标准化</a>
|
||||
<a href="sms-send.html">短信发送</a>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>专家咨询·小助手 - 历史咨询 | 健康长庆原型</title>
|
||||
<title>专家咨询·小助手 - 咨询记录 | 健康长庆原型</title>
|
||||
<style>
|
||||
*{box-sizing:border-box;margin:0;padding:0;}
|
||||
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
|
||||
@@ -109,7 +109,7 @@
|
||||
<nav class="top-bar__nav">
|
||||
<a href="current-consult.html">当前咨询</a>
|
||||
<a href="chat-message.html">对话消息</a>
|
||||
<a href="history-consult.html" class="active">历史咨询</a>
|
||||
<a href="history-consult.html" class="active">咨询记录</a>
|
||||
<a href="expert-manage.html">专家管理</a>
|
||||
<a href="checkup-standard.html">体检标准化</a>
|
||||
<a href="sms-send.html">短信发送</a>
|
||||
|
||||
@@ -69,7 +69,7 @@
|
||||
<nav class="top-bar__nav">
|
||||
<a href="current-consult.html">当前咨询</a>
|
||||
<a href="chat-message.html">对话消息</a>
|
||||
<a href="history-consult.html">历史咨询</a>
|
||||
<a href="history-consult.html">咨询记录</a>
|
||||
<a href="expert-manage.html">专家管理</a>
|
||||
<a href="checkup-standard.html">体检标准化</a>
|
||||
<a href="sms-send.html" class="active">短信发送</a>
|
||||
|
||||
@@ -121,6 +121,9 @@
|
||||
<a href="expert-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><path d="M2 13V8l4-4 3 3 5-5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>专家咨询统计</div>
|
||||
</a>
|
||||
<a href="unit-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 10h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>单位咨询统计</div>
|
||||
</a>
|
||||
<a href="settlement.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 8h6M5 11h3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>咨询结算</div>
|
||||
</a>
|
||||
|
||||
@@ -122,6 +122,9 @@
|
||||
<a href="expert-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><path d="M2 13V8l4-4 3 3 5-5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>专家咨询统计</div>
|
||||
</a>
|
||||
<a href="unit-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 10h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>单位咨询统计</div>
|
||||
</a>
|
||||
<a href="settlement.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 8h6M5 11h3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>咨询结算</div>
|
||||
</a>
|
||||
|
||||
@@ -119,6 +119,9 @@
|
||||
<a href="expert-statistics.html" class="sidebar-item active">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><path d="M2 13V8l4-4 3 3 5-5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>专家咨询统计</div>
|
||||
</a>
|
||||
<a href="unit-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 10h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>单位咨询统计</div>
|
||||
</a>
|
||||
<a href="settlement.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 8h6M5 11h3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>咨询结算</div>
|
||||
</a>
|
||||
|
||||
@@ -109,6 +109,9 @@
|
||||
<a href="expert-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><path d="M2 13V8l4-4 3 3 5-5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>专家咨询统计</div>
|
||||
</a>
|
||||
<a href="unit-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 10h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>单位咨询统计</div>
|
||||
</a>
|
||||
<a href="settlement.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 8h6M5 11h3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>咨询结算</div>
|
||||
</a>
|
||||
|
||||
@@ -145,6 +145,9 @@
|
||||
<a href="expert-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><path d="M2 13V8l4-4 3 3 5-5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>专家咨询统计</div>
|
||||
</a>
|
||||
<a href="unit-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 10h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>单位咨询统计</div>
|
||||
</a>
|
||||
<a href="settlement.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 8h6M5 11h3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>咨询结算</div>
|
||||
</a>
|
||||
|
||||
@@ -140,6 +140,9 @@
|
||||
<a href="expert-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><path d="M2 13V8l4-4 3 3 5-5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>专家咨询统计</div>
|
||||
</a>
|
||||
<a href="unit-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 10h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>单位咨询统计</div>
|
||||
</a>
|
||||
<a href="settlement.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 8h6M5 11h3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>咨询结算</div>
|
||||
</a>
|
||||
|
||||
@@ -118,6 +118,9 @@
|
||||
<a href="expert-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><path d="M2 13V8l4-4 3 3 5-5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>专家咨询统计</div>
|
||||
</a>
|
||||
<a href="unit-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 10h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>单位咨询统计</div>
|
||||
</a>
|
||||
<a href="settlement.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 8h6M5 11h3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>咨询结算</div>
|
||||
</a>
|
||||
|
||||
@@ -162,6 +162,9 @@
|
||||
<a href="expert-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><path d="M2 13V8l4-4 3 3 5-5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>专家咨询统计</div>
|
||||
</a>
|
||||
<a href="unit-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 10h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>单位咨询统计</div>
|
||||
</a>
|
||||
<a href="settlement.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 8h6M5 11h3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>咨询结算</div>
|
||||
</a>
|
||||
|
||||
@@ -92,6 +92,9 @@
|
||||
<a href="expert-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><path d="M2 13V8l4-4 3 3 5-5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>专家咨询统计</div>
|
||||
</a>
|
||||
<a href="unit-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 10h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>单位咨询统计</div>
|
||||
</a>
|
||||
<a href="settlement.html" class="sidebar-item active">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 8h6M5 11h3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>咨询结算</div>
|
||||
</a>
|
||||
|
||||
@@ -113,6 +113,9 @@
|
||||
<a href="expert-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><path d="M2 13V8l4-4 3 3 5-5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>专家咨询统计</div>
|
||||
</a>
|
||||
<a href="unit-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 10h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>单位咨询统计</div>
|
||||
</a>
|
||||
<a href="settlement.html" class="sidebar-item active">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 8h6M5 11h3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>咨询结算</div>
|
||||
</a>
|
||||
|
||||
@@ -121,6 +121,9 @@
|
||||
<a href="expert-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><path d="M2 13V8l4-4 3 3 5-5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>专家咨询统计</div>
|
||||
</a>
|
||||
<a href="unit-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 10h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>单位咨询统计</div>
|
||||
</a>
|
||||
<a href="settlement.html" class="sidebar-item active">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 8h6M5 11h3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>咨询结算</div>
|
||||
</a>
|
||||
|
||||
@@ -0,0 +1,453 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>专家咨询 - 单位咨询统计 | 健康长庆原型</title>
|
||||
<style>
|
||||
*{box-sizing:border-box;margin:0;padding:0;}
|
||||
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
|
||||
:root{
|
||||
--primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;
|
||||
--text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;
|
||||
--font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;
|
||||
--radius-sm:4px;--radius-md:8px;--radius-lg:12px;
|
||||
--shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);
|
||||
}
|
||||
.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
|
||||
.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;width:240px;flex-shrink:0;white-space:nowrap;}
|
||||
.top-bar__logo svg{width:28px;height:28px;}
|
||||
.top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
|
||||
.top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
|
||||
.top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
|
||||
.top-bar__nav a.active{color:#fff;background:var(--primary);}
|
||||
.top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
|
||||
.top-bar__right .btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;}
|
||||
.top-bar__right .btn-back:hover{color:#fff;}
|
||||
.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);cursor:pointer;}
|
||||
.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;}
|
||||
.sidebar-group-title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;}
|
||||
.sidebar-item{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;text-decoration:none;}
|
||||
.sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
|
||||
.sidebar-item.active{color:#fff;background:var(--primary);}
|
||||
.sidebar-item svg{width:16px;height:16px;flex-shrink:0;}
|
||||
.sidebar-item--parent{justify-content:space-between;}
|
||||
.sidebar-item__left{display:flex;align-items:center;gap:10px;}
|
||||
.sidebar-item__arrow{font-size:10px;color:rgba(255,255,255,0.35);flex-shrink:0;}
|
||||
.main{margin-left:240px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);}
|
||||
.filter-bar{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
|
||||
.filter-item{display:flex;align-items:center;gap:8px;}
|
||||
.filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;}
|
||||
.filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;min-width:120px;}
|
||||
.filter-select:focus{border-color:var(--primary);}
|
||||
.btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;}
|
||||
.btn-primary{background:var(--primary);color:#fff;}
|
||||
.btn-primary:hover{background:#40a9ff;}
|
||||
.btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}
|
||||
.btn-default:hover{color:var(--primary);border-color:var(--primary);}
|
||||
/* 汇总卡片 */
|
||||
.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;}
|
||||
.stat-card{background:#fff;border-radius:var(--radius-md);padding:20px 24px;box-shadow:var(--shadow-sm);}
|
||||
.stat-card__label{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
.stat-card__value{font-size:var(--font-xxl);font-weight:700;margin-top:8px;}
|
||||
.blue{color:var(--primary);}
|
||||
.green{color:var(--success);}
|
||||
.orange{color:var(--warning);}
|
||||
.stat-card__trend{font-size:var(--font-xs);color:var(--text-placeholder);margin-top:4px;}
|
||||
/* 表格 */
|
||||
.table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;}
|
||||
.table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
|
||||
.table-card__title{font-size:var(--font-base);font-weight:600;}
|
||||
.table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
|
||||
.table-card__content table{min-width:100%;white-space:nowrap;}
|
||||
table{width:100%;border-collapse:collapse;}
|
||||
thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;}
|
||||
thead th.sortable{cursor:pointer;}
|
||||
thead th.sortable:hover{color:var(--primary);}
|
||||
tbody td{padding:14px 16px;font-size:var(--font-sm);border-bottom:1px solid var(--border);white-space:nowrap;}
|
||||
tbody tr:last-child td{border-bottom:none;}
|
||||
tbody tr:hover{background:#F8FBFF;}
|
||||
.col-fixed{position:sticky;z-index:2;background:#fff;}
|
||||
thead .col-fixed{background:#FAFAFA;z-index:3;}
|
||||
.col-fixed-1{left:0;min-width:60px;width:60px;}
|
||||
.col-fixed-2{left:60px;}
|
||||
.col-fixed-3{left:180px;}
|
||||
.col-fixed-end{right:0;min-width:120px;box-shadow:-2px 0 4px rgba(0,0,0,0.04);}
|
||||
.col-fixed-3::after{content:'';position:absolute;top:0;right:-4px;bottom:0;width:4px;background:linear-gradient(to right,rgba(0,0,0,0.04),transparent);pointer-events:none;}
|
||||
.rank-num{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:700;}
|
||||
.rank-1{background:#FAAD14;color:#fff;}
|
||||
.rank-2{background:#C0C0C0;color:#fff;}
|
||||
.rank-3{background:#CD7F32;color:#fff;}
|
||||
.rank-n{background:var(--background);color:var(--text-secondary);}
|
||||
.progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;min-width:100px;}
|
||||
.progress-fill{height:100%;background:var(--primary);border-radius:3px;}
|
||||
.amount{font-weight:600;color:var(--text-primary);}
|
||||
.link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}
|
||||
.link:hover{color:#40a9ff;}
|
||||
.pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);}
|
||||
.pagination span{font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
.page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
|
||||
.page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
|
||||
.tab-bar{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:16px;}
|
||||
.tab-item{padding:10px 24px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap;}
|
||||
.tab-item:hover{color:var(--primary);}
|
||||
.tab-item.active{color:var(--primary);font-weight:600;border-bottom-color:var(--primary);}
|
||||
.tab-panel{display:none;}
|
||||
.tab-panel.active{display:block;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="top-bar">
|
||||
<div class="top-bar__logo">
|
||||
<svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M7 14h14M14 7v14" stroke="#fff" stroke-width="2.5" stroke-linecap="round"/></svg>
|
||||
专家咨询–管理员
|
||||
</div>
|
||||
<nav class="top-bar__nav">
|
||||
<a href="archive-personal.html">档案</a>
|
||||
<a href="config-hospital.html">基础配置</a>
|
||||
<a href="history-expert.html" class="active">咨询数据</a>
|
||||
<a href="exception-dirty.html">异常事件</a>
|
||||
</nav>
|
||||
<div class="top-bar__right">
|
||||
<div class="btn-back" onclick="history.back()">
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
|
||||
返回首页
|
||||
</div>
|
||||
<div class="avatar">管</div>
|
||||
<span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<aside class="sidebar">
|
||||
<div class="sidebar-group-title">咨询数据</div>
|
||||
<a href="history-expert.html" class="sidebar-item sidebar-item--parent">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><path d="M2 4h12M2 8h8M2 12h5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>咨询历史记录</div>
|
||||
<span class="sidebar-item__arrow">▾</span>
|
||||
</a>
|
||||
<a href="consult-record.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><path d="M3 2h10v12H3z" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"/><path d="M6 5h4M6 8h4M6 11h2" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>咨询档案</div>
|
||||
</a>
|
||||
<a href="expert-statistics.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><path d="M2 13V8l4-4 3 3 5-5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>专家咨询统计</div>
|
||||
</a>
|
||||
<a href="unit-statistics.html" class="sidebar-item active">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 10h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>单位咨询统计</div>
|
||||
</a>
|
||||
<a href="settlement.html" class="sidebar-item">
|
||||
<div class="sidebar-item__left"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M5 8h6M5 11h3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>咨询结算</div>
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main class="main">
|
||||
|
||||
<!-- [交互] Tab 切换二级单位 / 三级单位维度 -->
|
||||
<div class="tab-bar">
|
||||
<div class="tab-item active" onclick="switchTab('unit',this)">二级单位</div>
|
||||
<div class="tab-item" onclick="switchTab('dept',this)">三级单位</div>
|
||||
</div>
|
||||
|
||||
<!-- ========== 二级单位面板 ========== -->
|
||||
<div id="panel-unit" class="tab-panel active">
|
||||
<div class="filter-bar">
|
||||
<div class="filter-item">
|
||||
<label>年份</label>
|
||||
<select class="filter-select">
|
||||
<option>2026年</option>
|
||||
<option>2025年</option>
|
||||
<option>2024年</option>
|
||||
<option>2023年</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="filter-item">
|
||||
<label>单位名称</label>
|
||||
<select class="filter-select" style="min-width:140px;">
|
||||
<option>全部单位</option>
|
||||
<option>采油一厂</option>
|
||||
<option>采油二厂</option>
|
||||
<option>采油三厂</option>
|
||||
<option>勘探开发研究院</option>
|
||||
<option>机关事务服务中心</option>
|
||||
<option>天然气开采厂</option>
|
||||
<option>长庆石化公司</option>
|
||||
<option>工程技术研究院</option>
|
||||
</select>
|
||||
</div>
|
||||
<button class="btn btn-primary">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="6" cy="6" r="4" stroke="currentColor" stroke-width="1.4"/><path d="M10 10l2.5 2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
|
||||
查询
|
||||
</button>
|
||||
<button class="btn btn-default">重置</button>
|
||||
</div>
|
||||
|
||||
<div style="display:flex;gap:12px;margin-bottom:16px;">
|
||||
<!-- [交互] 点击导出列表数据 -->
|
||||
<button class="btn btn-default">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
导出列表数据
|
||||
</button>
|
||||
<!-- [交互] 点击查看导出任务列表 -->
|
||||
<button class="btn btn-default">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
|
||||
查看导出任务
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="table-card">
|
||||
<div class="table-card__header">
|
||||
<div class="table-card__title">二级单位咨询数据列表</div>
|
||||
</div>
|
||||
<div class="table-card__content">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="col-fixed col-fixed-1">序号</th>
|
||||
<th class="col-fixed col-fixed-2">单位名称</th>
|
||||
<th class="col-fixed col-fixed-3">员工人数</th>
|
||||
<th class="sortable">咨询专家次数 ↕</th>
|
||||
<th class="sortable">咨询小助手次数 ↕</th>
|
||||
<th>咨询占比</th>
|
||||
<th class="sortable">咨询费用（元）↕</th>
|
||||
<th class="col-fixed col-fixed-end">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1"><span class="rank-num rank-1">1</span></td>
|
||||
<td class="col-fixed col-fixed-2">采油一厂</td><td class="col-fixed col-fixed-3">623</td><td>2,341</td><td>7,820</td>
|
||||
<td><div style="display:flex;align-items:center;gap:8px;"><div class="progress-bar"><div class="progress-fill" style="width:72%"></div></div><span style="font-size:var(--font-xs);color:var(--text-secondary);">72%</span></div></td>
|
||||
<td><span class="amount">¥ 46,820</span></td>
|
||||
<td class="col-fixed col-fixed-end"><span class="link" onclick="viewDetail()">查看明细</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1"><span class="rank-num rank-2">2</span></td>
|
||||
<td class="col-fixed col-fixed-2">采油二厂</td><td class="col-fixed col-fixed-3">558</td><td>1,986</td><td>6,540</td>
|
||||
<td><div style="display:flex;align-items:center;gap:8px;"><div class="progress-bar"><div class="progress-fill" style="width:65%"></div></div><span style="font-size:var(--font-xs);color:var(--text-secondary);">65%</span></div></td>
|
||||
<td><span class="amount">¥ 39,720</span></td>
|
||||
<td class="col-fixed col-fixed-end"><span class="link" onclick="viewDetail()">查看明细</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1"><span class="rank-num rank-3">3</span></td>
|
||||
<td class="col-fixed col-fixed-2">采油三厂</td><td class="col-fixed col-fixed-3">502</td><td>1,675</td><td>5,890</td>
|
||||
<td><div style="display:flex;align-items:center;gap:8px;"><div class="progress-bar"><div class="progress-fill" style="width:58%"></div></div><span style="font-size:var(--font-xs);color:var(--text-secondary);">58%</span></div></td>
|
||||
<td><span class="amount">¥ 33,500</span></td>
|
||||
<td class="col-fixed col-fixed-end"><span class="link" onclick="viewDetail()">查看明细</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1"><span class="rank-num rank-n">4</span></td>
|
||||
<td class="col-fixed col-fixed-2">勘探开发研究院</td><td class="col-fixed col-fixed-3">389</td><td>1,203</td><td>4,210</td>
|
||||
<td><div style="display:flex;align-items:center;gap:8px;"><div class="progress-bar"><div class="progress-fill" style="width:45%"></div></div><span style="font-size:var(--font-xs);color:var(--text-secondary);">45%</span></div></td>
|
||||
<td><span class="amount">¥ 24,060</span></td>
|
||||
<td class="col-fixed col-fixed-end"><span class="link" onclick="viewDetail()">查看明细</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1"><span class="rank-num rank-n">5</span></td>
|
||||
<td class="col-fixed col-fixed-2">机关事务服务中心</td><td class="col-fixed col-fixed-3">312</td><td>876</td><td>3,150</td>
|
||||
<td><div style="display:flex;align-items:center;gap:8px;"><div class="progress-bar"><div class="progress-fill" style="width:38%"></div></div><span style="font-size:var(--font-xs);color:var(--text-secondary);">38%</span></div></td>
|
||||
<td><span class="amount">¥ 17,520</span></td>
|
||||
<td class="col-fixed col-fixed-end"><span class="link" onclick="viewDetail()">查看明细</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1"><span class="rank-num rank-n">6</span></td>
|
||||
<td class="col-fixed col-fixed-2">天然气开采厂</td><td class="col-fixed col-fixed-3">278</td><td>743</td><td>2,680</td>
|
||||
<td><div style="display:flex;align-items:center;gap:8px;"><div class="progress-bar"><div class="progress-fill" style="width:32%"></div></div><span style="font-size:var(--font-xs);color:var(--text-secondary);">32%</span></div></td>
|
||||
<td><span class="amount">¥ 14,860</span></td>
|
||||
<td class="col-fixed col-fixed-end"><span class="link" onclick="viewDetail()">查看明细</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1"><span class="rank-num rank-n">7</span></td>
|
||||
<td class="col-fixed col-fixed-2">长庆石化公司</td><td class="col-fixed col-fixed-3">245</td><td>612</td><td>2,190</td>
|
||||
<td><div style="display:flex;align-items:center;gap:8px;"><div class="progress-bar"><div class="progress-fill" style="width:28%"></div></div><span style="font-size:var(--font-xs);color:var(--text-secondary);">28%</span></div></td>
|
||||
<td><span class="amount">¥ 12,240</span></td>
|
||||
<td class="col-fixed col-fixed-end"><span class="link" onclick="viewDetail()">查看明细</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1"><span class="rank-num rank-n">8</span></td>
|
||||
<td class="col-fixed col-fixed-2">工程技术研究院</td><td class="col-fixed col-fixed-3">198</td><td>487</td><td>1,730</td>
|
||||
<td><div style="display:flex;align-items:center;gap:8px;"><div class="progress-bar"><div class="progress-fill" style="width:22%"></div></div><span style="font-size:var(--font-xs);color:var(--text-secondary);">22%</span></div></td>
|
||||
<td><span class="amount">¥ 9,740</span></td>
|
||||
<td class="col-fixed col-fixed-end"><span class="link" onclick="viewDetail()">查看明细</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="pagination">
|
||||
<span>共 28 条</span>
|
||||
<button class="page-btn">‹</button>
|
||||
<button class="page-btn active">1</button>
|
||||
<button class="page-btn">2</button>
|
||||
<button class="page-btn">3</button>
|
||||
<button class="page-btn">›</button>
|
||||
<span>每页</span>
|
||||
<select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>20条</option></select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ========== 三级单位面板 ========== -->
|
||||
<div id="panel-dept" class="tab-panel">
|
||||
<div class="filter-bar">
|
||||
<div class="filter-item">
|
||||
<label>年份</label>
|
||||
<select class="filter-select">
|
||||
<option>2026年</option>
|
||||
<option>2025年</option>
|
||||
<option>2024年</option>
|
||||
<option>2023年</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="filter-item">
|
||||
<label>所属单位</label>
|
||||
<select class="filter-select" style="min-width:140px;">
|
||||
<option>全部单位</option>
|
||||
<option>采油一厂</option>
|
||||
<option>采油二厂</option>
|
||||
<option>采油三厂</option>
|
||||
<option>勘探开发研究院</option>
|
||||
<option>机关事务服务中心</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="filter-item">
|
||||
<label>部门名称</label>
|
||||
<select class="filter-select" style="min-width:140px;">
|
||||
<option>全部部门</option>
|
||||
<option>生产一队</option>
|
||||
<option>生产二队</option>
|
||||
<option>综合管理部</option>
|
||||
<option>安全环保部</option>
|
||||
<option>地质研究室</option>
|
||||
<option>物探研究室</option>
|
||||
<option>财务部</option>
|
||||
<option>后勤服务部</option>
|
||||
<option>行政事务管理处</option>
|
||||
</select>
|
||||
</div>
|
||||
<button class="btn btn-primary">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="6" cy="6" r="4" stroke="currentColor" stroke-width="1.4"/><path d="M10 10l2.5 2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
|
||||
查询
|
||||
</button>
|
||||
<button class="btn btn-default">重置</button>
|
||||
</div>
|
||||
|
||||
<div style="display:flex;gap:12px;margin-bottom:16px;">
|
||||
<!-- [交互] 点击导出列表数据 -->
|
||||
<button class="btn btn-default">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
导出列表数据
|
||||
</button>
|
||||
<!-- [交互] 点击查看导出任务列表 -->
|
||||
<button class="btn btn-default">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
|
||||
查看导出任务
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="table-card">
|
||||
<div class="table-card__header">
|
||||
<div class="table-card__title">三级单位咨询数据列表</div>
|
||||
</div>
|
||||
<div class="table-card__content">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="col-fixed col-fixed-1">序号</th>
|
||||
<th class="col-fixed col-fixed-2">所属单位</th>
|
||||
<th class="col-fixed col-fixed-3">部门名称</th>
|
||||
<th>员工人数</th>
|
||||
<th class="sortable">咨询专家次数 ↕</th>
|
||||
<th class="sortable">咨询小助手次数 ↕</th>
|
||||
<th>咨询占比</th>
|
||||
<th class="sortable">咨询费用（元）↕</th>
|
||||
<th class="col-fixed col-fixed-end">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1"><span class="rank-num rank-1">1</span></td>
|
||||
<td class="col-fixed col-fixed-2">采油一厂</td><td class="col-fixed col-fixed-3">生产一队</td><td>186</td><td>712</td><td>2,430</td>
|
||||
<td><div style="display:flex;align-items:center;gap:8px;"><div class="progress-bar"><div class="progress-fill" style="width:68%"></div></div><span style="font-size:var(--font-xs);color:var(--text-secondary);">68%</span></div></td>
|
||||
<td><span class="amount">¥ 14,240</span></td>
|
||||
<td class="col-fixed col-fixed-end"><span class="link" onclick="viewDetail()">查看明细</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1"><span class="rank-num rank-2">2</span></td>
|
||||
<td class="col-fixed col-fixed-2">采油一厂</td><td class="col-fixed col-fixed-3">生产二队</td><td>174</td><td>658</td><td>2,180</td>
|
||||
<td><div style="display:flex;align-items:center;gap:8px;"><div class="progress-bar"><div class="progress-fill" style="width:63%"></div></div><span style="font-size:var(--font-xs);color:var(--text-secondary);">63%</span></div></td>
|
||||
<td><span class="amount">¥ 13,160</span></td>
|
||||
<td class="col-fixed col-fixed-end"><span class="link" onclick="viewDetail()">查看明细</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1"><span class="rank-num rank-3">3</span></td>
|
||||
<td class="col-fixed col-fixed-2">采油二厂</td><td class="col-fixed col-fixed-3">生产一队</td><td>163</td><td>598</td><td>1,960</td>
|
||||
<td><div style="display:flex;align-items:center;gap:8px;"><div class="progress-bar"><div class="progress-fill" style="width:57%"></div></div><span style="font-size:var(--font-xs);color:var(--text-secondary);">57%</span></div></td>
|
||||
<td><span class="amount">¥ 11,960</span></td>
|
||||
<td class="col-fixed col-fixed-end"><span class="link" onclick="viewDetail()">查看明细</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1"><span class="rank-num rank-n">4</span></td>
|
||||
<td class="col-fixed col-fixed-2">采油三厂</td><td class="col-fixed col-fixed-3">生产二队</td><td>158</td><td>543</td><td>1,820</td>
|
||||
<td><div style="display:flex;align-items:center;gap:8px;"><div class="progress-bar"><div class="progress-fill" style="width:52%"></div></div><span style="font-size:var(--font-xs);color:var(--text-secondary);">52%</span></div></td>
|
||||
<td><span class="amount">¥ 10,860</span></td>
|
||||
<td class="col-fixed col-fixed-end"><span class="link" onclick="viewDetail()">查看明细</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1"><span class="rank-num rank-n">5</span></td>
|
||||
<td class="col-fixed col-fixed-2">勘探开发研究院</td><td class="col-fixed col-fixed-3">地质研究室</td><td>142</td><td>487</td><td>1,640</td>
|
||||
<td><div style="display:flex;align-items:center;gap:8px;"><div class="progress-bar"><div class="progress-fill" style="width:47%"></div></div><span style="font-size:var(--font-xs);color:var(--text-secondary);">47%</span></div></td>
|
||||
<td><span class="amount">¥ 9,740</span></td>
|
||||
<td class="col-fixed col-fixed-end"><span class="link" onclick="viewDetail()">查看明细</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1"><span class="rank-num rank-n">6</span></td>
|
||||
<td class="col-fixed col-fixed-2">采油一厂</td><td class="col-fixed col-fixed-3">安全环保部</td><td>136</td><td>432</td><td>1,450</td>
|
||||
<td><div style="display:flex;align-items:center;gap:8px;"><div class="progress-bar"><div class="progress-fill" style="width:43%"></div></div><span style="font-size:var(--font-xs);color:var(--text-secondary);">43%</span></div></td>
|
||||
<td><span class="amount">¥ 8,640</span></td>
|
||||
<td class="col-fixed col-fixed-end"><span class="link" onclick="viewDetail()">查看明细</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1"><span class="rank-num rank-n">7</span></td>
|
||||
<td class="col-fixed col-fixed-2">采油二厂</td><td class="col-fixed col-fixed-3">综合管理部</td><td>128</td><td>378</td><td>1,260</td>
|
||||
<td><div style="display:flex;align-items:center;gap:8px;"><div class="progress-bar"><div class="progress-fill" style="width:38%"></div></div><span style="font-size:var(--font-xs);color:var(--text-secondary);">38%</span></div></td>
|
||||
<td><span class="amount">¥ 7,560</span></td>
|
||||
<td class="col-fixed col-fixed-end"><span class="link" onclick="viewDetail()">查看明细</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1"><span class="rank-num rank-n">8</span></td>
|
||||
<td class="col-fixed col-fixed-2">机关事务服务中心</td><td class="col-fixed col-fixed-3">综合管理部</td><td>115</td><td>312</td><td>1,080</td>
|
||||
<td><div style="display:flex;align-items:center;gap:8px;"><div class="progress-bar"><div class="progress-fill" style="width:32%"></div></div><span style="font-size:var(--font-xs);color:var(--text-secondary);">32%</span></div></td>
|
||||
<td><span class="amount">¥ 6,240</span></td>
|
||||
<td class="col-fixed col-fixed-end"><span class="link" onclick="viewDetail()">查看明细</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="pagination">
|
||||
<span>共 142 条</span>
|
||||
<button class="page-btn">‹</button>
|
||||
<button class="page-btn active">1</button>
|
||||
<button class="page-btn">2</button>
|
||||
<button class="page-btn">3</button>
|
||||
<button class="page-btn">›</button>
|
||||
<span>每页</span>
|
||||
<select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>20条</option></select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<script>
|
||||
function switchTab(type, el) {
|
||||
document.querySelectorAll('.tab-item').forEach(t => t.classList.remove('active'));
|
||||
el.classList.add('active');
|
||||
document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));
|
||||
document.getElementById('panel-' + type).classList.add('active');
|
||||
}
|
||||
|
||||
// [交互] 查看明细，跳转到单位明细页
|
||||
function viewDetail() {
|
||||
window.location.href = 'archive-unit-detail.html?from=unit-statistics';
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user