子比黑名单客户展示页面

功能特性

数据展示

表格展示客户名称、脱敏证件号、主体类型、拉黑原因

隐私保护

证件号自动脱敏（如：91110108MA00****XX）

实时搜索

支持按名称、证件号搜索，带防抖功能

多维筛选

可按主体类型（企业/个人/合伙）和拉黑原因筛选

统计卡片

实时统计总数、分类数量、本月新增

分页功能

每页5条，支持页码跳转

数据导出【如在站内向全部用户公示务必将证件号采用脱敏格式录入，非管理员也可导出无脱敏数据】

一键导出CSV格式，方便存档

响应式设计

移动端自动隐藏部分列，适配各种设备

安全提示

顶部法律风险提示，强调合规使用

配置项说明

id: 排序ID,
name: “客户名称”,
idNumber: “证件号”,
type: “主体类型”,
typeLabel: “显示类型”,
reason: “拉黑原因”,
reasonLabel: “显示原因”,
reasonDetail: “拉黑理由”,
date: “拉黑日期”

如何添加下一个

{
        id: 2,
        name: "张三",
        idNumber: "1101011990XXXX1234",
        type: "personal",
        typeLabel: "个人客户",
        reason: "breach",
        reasonLabel: "违约欠款",
        reasonDetail: "连续拖欠货款8个月，累计欠款12.5万元，失去联系",
        date: "2024-03-10"
    },

使用方法

1. 上传文件：将代码保存为 page-blacklist.php上传到子比主题目录（/wp-content/themes/zibll/pages）
2. 创建页面：
   • 进入WordPress后台 → 页面 → 新建页面
   • 页面标题填写”黑名单客户”
   • 右侧”页面属性”中选择模板为”黑名单客户”
   • 发布页面