190 lines
23 KiB
HTML
190 lines
23 KiB
HTML
id="mod-reg-message">
|
||
<div class="page-header"><div><h2>📄 监督检查通知</h2><div style="font-size:.82rem;color:var(--color-text-secondary);margin-top:.2rem;">接收监管端下发的整改通知、监督检查通知、核查函及其他通知文件，机构在线反馈结果、上传证明材料并查看监管复核意见。</div></div><div class="boss-tabs"><button class="boss-tab active" onclick="switchBossTab(this,'msg-all')">全部通知</button><button class="boss-tab" onclick="switchBossTab(this,'msg-unread')">待处理</button><button class="boss-tab" onclick="switchBossTab(this,'msg-processing')">处理中</button><button class="boss-tab" onclick="switchBossTab(this,'msg-feedback')">待监管复核</button><button class="boss-tab" onclick="switchBossTab(this,'msg-closed')">已办结</button></div></div>
|
||
<div class="boss-grid cols-4" style="margin-bottom:1rem;"><div class="boss-card boss-metric"><div><div class="label">监管消息总数</div><div class="value">9</div><div class="hint">来源：监管端风险预警中心</div></div><div class="icon">✉️</div></div><div class="boss-card boss-metric"><div><div class="label">待处理</div><div class="value boss-kpi-danger">3</div><div class="hint">需机构直接处理</div></div><div class="icon">待</div></div><div class="boss-card boss-metric"><div><div class="label">待监管复核</div><div class="value boss-kpi-warning">2</div><div class="hint">材料已提交</div></div><div class="icon">审</div></div><div class="boss-card boss-metric"><div><div class="label">已办结</div><div class="value boss-kpi-success">4</div><div class="hint">办结消息可归档</div></div><div class="icon">结</div></div></div>
|
||
<div class="boss-note"><strong>消息来源：</strong>监管端风险预警中心。监管人员在风险预警中心发出整改通知、核查函、补正通知或办结结果后，机构端在此接收并处理；资质保持监控页面只作为监管信息来源。</div>
|
||
<div class="search-form"><div class="row"><div class="field"><label>通知关键词</label><input type="text" data-filter-input="msg-q" placeholder="通知编号/预警编号/事项"></div><div class="field"><label>通知类型</label><select data-filter-input="msg-type"><option value="">全部</option><option>整改通知</option><option>核查函</option><option>补正通知</option><option>办结通知</option></select></div><div class="field"><label>处理状态</label><select data-filter-input="msg-state"><option value="">全部</option><option value="unread">待处理</option><option value="processing">处理中</option><option value="feedback">待监管复核</option><option value="closed">已办结</option></select></div><div class="actions"><button class="btn btn-primary" onclick="filterBossRows('reg-message-table')">🔍 搜索</button><button class="btn btn-ghost" onclick="resetBossFilters('mod-reg-message')">↺ 重置</button></div></div></div>
|
||
<div class="boss-toolbar"><div class="left"><span style="font-size:.85rem;color:var(--color-text-secondary);">监管消息列表：展示来源预警、来源字段、办理期限和机构处理状态。</span></div><div class="right"><button class="btn btn-ghost btn-sm" onclick="openBossModal('regMessageExport','监管消息清单')">导出消息</button></div></div>
|
||
<div class="data-table"><table id="reg-message-table"><thead><tr><th style="width:34px"><input type="checkbox" onclick="toggleBossChecks(this,'reg-message-table')"></th><th>通知编号</th><th>通知类型</th><th>来源预警</th><th>来源字段</th><th>监管要求</th><th>办理期限</th><th>状态</th><th style="width:90px;text-align:center;">操作</th></tr></thead><tbody>
|
||
<tr data-keywords="M-QUAL-2026-012 W-QUAL-2026-012 整改通知 资质保持 unread 待处理 重庆渝安" data-state="unread"><td><input type="checkbox"></td><td>M-QUAL-2026-012</td><td><span class="tag tag-danger">整改通知</span></td><td>W-QUAL-2026-012</td><td><div class="source-list"><span class="source-pill">固定资产</span><span class="source-pill">工作场所</span><span class="source-pill">专职人数</span></div></td><td>补充固定资产、场所面积、档案室面积和专职人员证明材料。</td><td>2026-07-25</td><td><span class="tag tag-danger" data-msg-status>待处理</span></td><td class="action-btns" style="justify-content:center;"><button class="btn btn-primary btn-sm" onclick="openBossModal('regMessageProcess','M-QUAL-2026-012')">处理</button></td></tr>
|
||
<tr data-keywords="M-QUAL-2026-011 W-QUAL-2026-011 整改通知 资质保持 processing 处理中 重庆恒安" data-state="processing"><td><input type="checkbox"></td><td>M-QUAL-2026-011</td><td><span class="tag tag-warning">整改通知</span></td><td>W-QUAL-2026-011</td><td><div class="source-list"><span class="source-pill">职称等级</span><span class="source-pill">注册安全工程师比例</span><span class="source-pill">业务范围数量</span></div></td><td>提交高级职称人员补充计划、劳动合同和社保清单。</td><td>2026-07-22</td><td><span class="tag tag-warning" data-msg-status>处理中</span></td><td class="action-btns" style="justify-content:center;"><button class="btn btn-primary btn-sm" onclick="openBossModal('regMessageProcess','M-QUAL-2026-011')">处理</button></td></tr>
|
||
<tr data-keywords="M-QUAL-2026-013 W-QUAL-2026-013 属地核验 feedback 待监管复核 北京中安" data-state="feedback"><td><input type="checkbox"></td><td>M-QUAL-2026-013</td><td><span class="tag tag-info">属地核验</span></td><td>W-QUAL-2026-013</td><td><div class="source-list"><span class="source-pill">本市社保人数</span><span class="source-pill">租赁合同</span><span class="source-pill">注册地</span></div></td><td>已提交重庆场所、社保人员和档案室说明，等待监管复核。</td><td>2026-07-20</td><td><span class="tag tag-info" data-msg-status>待监管复核</span></td><td class="action-btns" style="justify-content:center;"><button class="btn btn-primary btn-sm" onclick="openBossModal('regMessageProcess','M-QUAL-2026-013')">处理</button></td></tr>
|
||
<tr data-keywords="M-QUAL-2026-010 W-QUAL-2026-010 补正通知 returned processing 监管退回" data-state="processing"><td><input type="checkbox"></td><td>M-QUAL-2026-010</td><td><span class="tag tag-warning">补正通知</span></td><td>W-QUAL-2026-010</td><td><div class="source-list"><span class="source-pill">证书附件</span><span class="source-pill">社保清单</span></div></td><td>监管退回：证书延续材料缺少发证机关页，请补充后再次提交。</td><td>2026-07-18</td><td><span class="tag tag-warning" data-msg-status>监管退回</span></td><td class="action-btns" style="justify-content:center;"><button class="btn btn-primary btn-sm" onclick="openBossModal('regMessageProcess','M-QUAL-2026-010')">处理</button></td></tr>
|
||
<tr data-keywords="M-QUAL-2026-009 W-QUAL-2026-009 办结通知 closed 已办结" data-state="closed"><td><input type="checkbox"></td><td>M-QUAL-2026-009</td><td><span class="tag tag-success">办结通知</span></td><td>W-QUAL-2026-009</td><td><div class="source-list"><span class="source-pill">整改说明</span><span class="source-pill">复核结论</span></div></td><td>监管已确认整改材料，预警闭环，办结结果归档。</td><td>2026-07-12</td><td><span class="tag tag-success" data-msg-status>已办结</span></td><td class="action-btns" style="justify-content:center;"><button class="btn btn-primary btn-sm" onclick="openBossModal('regMessageProcess','M-QUAL-2026-009')">处理</button></td></tr>
|
||
</tbody></table></div>
|
||
</div> </main>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 模态框: 资质备案申请向导（5步） -->
|
||
<div class="modal-overlay" id="modal-filing-guide">
|
||
<div class="modal" style="width:800px;">
|
||
<div class="modal-header"><h3>📋 资质备案申请</h3><button class="modal-close" onclick="closeModal('modal-filing-guide')">✕</button></div>
|
||
<div class="modal-body">
|
||
<div class="step-indicator" style="margin-bottom:1.5rem;">
|
||
<div class="step active" id="step1-label"><span class="num" id="step1-num">1</span> 备案基本信息</div>
|
||
<span class="connector"></span>
|
||
<div class="step" id="step2-label"><span class="num" id="step2-num">2</span> 申请材料清单</div>
|
||
<span class="connector"></span>
|
||
<div class="step" id="step3-label"><span class="num" id="step3-num">3</span> 法定代表人承诺书</div>
|
||
<span class="connector"></span>
|
||
<div class="step" id="step4-label"><span class="num" id="step4-num">4</span> 备案人员管理</div>
|
||
<span class="connector"></span>
|
||
<div class="step" id="step5-label"><span class="num" id="step5-num">5</span> 装备清单</div>
|
||
</div>
|
||
<div class="step-content" id="step1-content">
|
||
<h4 style="margin-bottom:1rem;">备案基本信息</h4>
|
||
<div class="form-grid">
|
||
<div class="field"><label>备案属地 <span style="color:red">*</span></label><select><option>重庆市渝北区</option><option>重庆市南岸区</option><option>重庆市江北区</option></select></div>
|
||
<div class="field"><label>备案单位类型</label><select><option>本地单位</option><option>异地单位</option></select></div>
|
||
<div class="field full"><label>备案单位</label><input type="text" value="重庆安评技术研究院有限公司"></div>
|
||
<div class="field full"><label>单位基本情况介绍</label><textarea rows="4" placeholder="请输入单位基本情况介绍...">重庆安评技术研究院成立于2015年，是一家专业从事安全评价、安全咨询、安全技术开发与转让的综合性安全技术服务机构...</textarea></div>
|
||
<div class="field full"><label>附件上传（支持PDF格式）</label><button class="btn btn-ghost btn-sm" onclick="alert('选择文件上传')">📎 上传文件</button></div>
|
||
</div>
|
||
</div>
|
||
<div class="step-content" id="step2-content" style="display:none;">
|
||
<h4 style="margin-bottom:1rem;">申请材料清单</h4>
|
||
<div class="data-table" style="box-shadow:none;border:1px solid var(--color-border);">
|
||
<table>
|
||
<thead><tr><th style="width:30px"><input type="checkbox"></th><th>材料名称</th><th>是否必需</th><th>状态</th><th>操作</th></tr></thead>
|
||
<tbody>
|
||
<tr><td><input type="checkbox" checked></td><td>安全评价机构资质申请书</td><td><span class="tag tag-danger">必需</span></td><td><span class="tag tag-success">已上传</span></td><td><button class="btn btn-ghost btn-sm">预览</button></td></tr>
|
||
<tr><td><input type="checkbox" checked></td><td>法人营业执照副本</td><td><span class="tag tag-danger">必需</span></td><td><span class="tag tag-success">已上传</span></td><td><button class="btn btn-ghost btn-sm">预览</button></td></tr>
|
||
<tr><td><input type="checkbox" checked></td><td>技术人员资质证书</td><td><span class="tag tag-danger">必需</span></td><td><span class="tag tag-success">已上传</span></td><td><button class="btn btn-ghost btn-sm">预览</button></td></tr>
|
||
<tr><td><input type="checkbox" checked></td><td>社保缴纳证明材料</td><td><span class="tag tag-danger">必需</span></td><td><span class="tag tag-warning">待上传</span></td><td><button class="btn btn-ghost btn-sm">📎 上传</button></td></tr>
|
||
<tr><td><input type="checkbox"></td><td>办公场所证明材料</td><td><span class="tag tag-info">建议</span></td><td>—</td><td><button class="btn btn-ghost btn-sm">📎 上传</button></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<div class="step-content" id="step3-content" style="display:none;">
|
||
<h4 style="margin-bottom:1rem;">申请单位法定代表人承诺书</h4>
|
||
<div style="border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem;background:#fafafa;margin-bottom:1rem;">
|
||
<p style="font-size:.85rem;line-height:1.8;">本申请人自愿申请安全评价机构资质备案，郑重承诺如下：<br><br>一、本申请人所提交的全部申请材料真实、准确、完整，无隐瞒、虚假陈述或重大遗漏；<br>二、本申请人符合《安全评价机构管理规定》等法律法规规定的资质条件；<br>三、本申请人将严格遵守国家有关安全生产的法律法规和技术标准；<br>四、本申请人愿意接受并配合监管部门的监督检查和评审工作。<br><br>如有违反上述承诺，本申请人愿意承担相应的法律责任。</p>
|
||
</div>
|
||
<div class="form-grid">
|
||
<div class="field"><label>法定代表人</label><input type="text" value="刘强"></div>
|
||
<div class="field"><label>签署日期</label><input type="date" value="2026-06-25"></div>
|
||
<div class="field full"><label>电子签名</label><div style="border:1px dashed var(--color-border);border-radius:var(--radius);padding:1rem;text-align:center;color:var(--color-text-secondary);">点击此处绘制电子签名</div></div>
|
||
</div>
|
||
</div>
|
||
<div class="step-content" id="step4-content" style="display:none;">
|
||
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;">
|
||
<h4>备案人员信息</h4>
|
||
<button class="btn btn-primary btn-sm" onclick="openModal('modal-filing-person-add')">➕ 添加人员信息</button>
|
||
</div>
|
||
<div class="data-table" style="box-shadow:none;border:1px solid var(--color-border);">
|
||
<table>
|
||
<thead><tr><th style="width:50px">序号</th><th>人员姓名</th><th>类型</th><th>职务</th><th>职称</th><th style="width:150px">操作</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>1</td><td>张建国</td><td>评价师</td><td>高级评价师</td><td>高级工程师</td><td class="action-btns"><button class="btn btn-ghost btn-sm">查看</button><button class="btn btn-ghost btn-sm">修改</button></td></tr>
|
||
<tr><td>2</td><td>李明华</td><td>评价师</td><td>评价师</td><td>工程师</td><td class="action-btns"><button class="btn btn-ghost btn-sm">查看</button><button class="btn btn-ghost btn-sm">修改</button></td></tr>
|
||
<tr><td>3</td><td>王丽萍</td><td>管理人员</td><td>人事主管</td><td>—</td><td class="action-btns"><button class="btn btn-ghost btn-sm">查看</button><button class="btn btn-ghost btn-sm">修改</button></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<div class="step-content" id="step5-content" style="display:none;">
|
||
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;">
|
||
<h4>申请单位装备清单</h4>
|
||
<button class="btn btn-ghost btn-sm" onclick="alert('弹出企业已有设备列表，选择本次备案设备')">➕ 添加设备</button>
|
||
</div>
|
||
<div class="data-table" style="box-shadow:none;border:1px solid var(--color-border);margin-top:.5rem;">
|
||
<table>
|
||
<thead><tr><th style="width:50px">序号</th><th>装备名称</th><th>规格型号</th><th>生产厂家</th><th>计量检定情况</th><th>操作</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>1</td><td>气相色谱仪</td><td>GC-2018</td><td>岛津</td><td><button class="btn btn-ghost btn-sm">📎 上传报告</button></td><td><button class="btn btn-ghost btn-sm" onclick="alert('移除设备')">移除</button></td></tr>
|
||
<tr><td>2</td><td>噪声计</td><td>HS-6288</td><td>杭州爱华</td><td><button class="btn btn-ghost btn-sm">📎 上传报告</button></td><td><button class="btn btn-ghost btn-sm">移除</button></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer" style="justify-content:space-between;">
|
||
<div>
|
||
<button class="btn btn-ghost" onclick="closeModal('modal-filing-guide')">取消</button>
|
||
<button class="btn btn-ghost" onclick="alert('已暂存')">💾 暂存</button>
|
||
</div>
|
||
<div>
|
||
<button class="btn btn-ghost" id="prev-step-btn" style="display:none;" onclick="prevStep()">← 上一步</button>
|
||
<button class="btn btn-primary" id="next-step-btn" onclick="nextStep()">下一步 →</button>
|
||
<button class="btn btn-primary" id="submit-step-btn" style="display:none;" onclick="submitFiling()">📤 提交备案</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 模态框: 添加备案人员信息 -->
|
||
<div class="modal-overlay" id="modal-filing-person-add">
|
||
<div class="modal" style="width:700px;">
|
||
<div class="modal-header"><h3>➕ 添加备案人员</h3><button class="modal-close" onclick="closeModal('modal-filing-person-add')">✕</button></div>
|
||
<div class="modal-body">
|
||
<div class="form-grid">
|
||
<div class="field"><label>人员类型</label><select><option>专职评价师</option><option>基础人员</option></select></div>
|
||
<div class="field"><label>资质范围</label><select><option>矿山开采业</option><option>危险化学品行业</option><option>烟花爆竹行业</option><option>金属冶炼与加工</option></select></div>
|
||
<div class="field"><label>姓名</label><input type="text" placeholder="人员姓名"></div>
|
||
<div class="field"><label>性别</label><select><option>男</option><option>女</option></select></div>
|
||
<div class="field"><label>出生日期</label><input type="date"></div>
|
||
<div class="field"><label>身份证号</label><input type="text" placeholder="18位身份证号"></div>
|
||
<div class="field"><label>学历</label><select><option>全日制 · 专科</option><option>全日制 · 本科</option><option>全日制 · 硕士</option><option>全日制 · 博士</option><option>在职教育 · 本科</option></select></div>
|
||
<div class="field"><label>毕业院校</label><input type="text" placeholder="毕业院校"></div>
|
||
<div class="field"><label>专业</label><input type="text" placeholder="所学专业"></div>
|
||
<div class="field"><label>职务</label><input type="text" placeholder="职务"></div>
|
||
<div class="field full"><label>现住地址</label><input type="text" placeholder="现住地址"></div>
|
||
<div class="field full"><label>办公地址</label><input type="text" value="重庆市渝北区龙山街道100号"></div>
|
||
<div class="field full"><label>出版学术专著、专利、科技发明等情况</label><textarea rows="2" placeholder="请描述"></textarea></div>
|
||
<div class="field full"><label>自我申报的专业能力及认定方式</label><textarea rows="2" placeholder="请描述"></textarea></div>
|
||
<div class="field full"><label>申报专业能力证明材料</label><button class="btn btn-ghost btn-sm" onclick="alert('上传附件')">📎 上传附件</button></div>
|
||
<div class="field full"><label>主要学习工作经历</label><textarea rows="2" placeholder="请描述学习工作经历"></textarea></div>
|
||
<div class="field"><label>职业资格等级及证书编号</label><input type="text" placeholder="如：一级/12345"></div>
|
||
<div class="field"><label>是否注册安全工程师</label><select><option>是</option><option>否</option></select></div>
|
||
<div class="field full"><label>电子签名</label><div style="border:1px dashed var(--color-border);border-radius:var(--radius);padding:.75rem 1rem;text-align:center;"><span style="color:#94a3b8;">未签名</span> <span style="font-size:0.75rem;color:var(--color-text-secondary);margin-left:0.3rem;">（点击进行签字）</span></div></div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button class="btn btn-ghost" onclick="closeModal('modal-filing-person-add')">取消</button>
|
||
<button class="btn btn-primary" onclick="closeModal('modal-filing-person-add');alert('备案人员信息已添加！')">保存</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 模态框: 备案确认（5步向导-复用） -->
|
||
<div class="modal-overlay" id="modal-filing-confirm">
|
||
<div class="modal" style="width:800px;">
|
||
<div class="modal-header"><h3>✅ 备案确认</h3><button class="modal-close" onclick="closeModal('modal-filing-confirm')">✕</button></div>
|
||
<div class="modal-body">
|
||
<div class="step-indicator" style="margin-bottom:1.5rem;">
|
||
<div class="step active"><span class="num">1</span> 备案基本信息</div>
|
||
<span class="connector"></span>
|
||
<div class="step"><span class="num">2</span> 申请材料清单</div>
|
||
<span class="connector"></span>
|
||
<div class="step"><span class="num">3</span> 法定代表人承诺书</div>
|
||
<span class="connector"></span>
|
||
<div class="step"><span class="num">4</span> 备案人员管理</div>
|
||
<span class="connector"></span>
|
||
<div class="step"><span class="num">5</span> 装备清单</div>
|
||
</div>
|
||
<div class="form-grid">
|
||
<div class="field"><label>备案属地</label><select><option>重庆市渝北区</option></select></div>
|
||
<div class="field"><label>备案单位类型</label><select><option>本地单位</option></select></div>
|
||
<div class="field"><label>上次备案时间</label><input type="date" value="2026-01-15"></div>
|
||
<div class="field full"><label>备案单位</label><input type="text" value="重庆安评技术研究院有限公司"></div>
|
||
<div class="field full"><label>单位基本情况介绍</label><textarea rows="3" placeholder="单位基本情况...">重庆安评技术研究院成立于2015年...</textarea></div>
|
||
<div class="field full"><label>附件上传</label><button class="btn btn-ghost btn-sm">📎 上传文件</button></div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer" style="justify-content:space-between;">
|
||
<div><button class="btn btn-ghost" onclick="closeModal('modal-filing-confirm')">取消</button></div>
|
||
<div><button class="btn btn-ghost">← 上一步</button><button class="btn btn-primary">下一步 →</button></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 模态框: 备案变更历史 -->
|
||
<div class="modal-overlay" id="modal-filing-change-history">
|
||
<div class="modal" style="width:560px;">
|
||
<div class="modal-header"><h3>📋 备案变更记录</h3><button class="modal-close" onclick="closeModal('modal-filing-change-history')">✕</button></div>
|
||
<div class="modal-body">
|
||
<div class="data-table" style="box-shadow:none;border:1px solid var(--color-border);">
|
||
<table><thead><tr><th style="width:50px">序号</th><th>变更事项</th><th>变更时间</th><th>操作人</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>1</td><td><span cla |