Ohub - 邦货分享

实现为饼图获得Mdeh数据库中的数据功能

Wed, 29 Apr 2026 02:09:08 +0800

前期准备：完成老师上课时的所有步骤！！！可以参考云班课讲义

1.替换app/controller/index.php中的echart函数：

public function echart(){
    // 检查登录状态
    if(!Session::has('uid') || empty(Session::get('uid'))){
        return redirect('/index/loginPage');
    }
    
    // 1. 科室统计 - 统计每个科室的医生数量
    $deptStats = Db::table('mdeh_department')
        ->alias('d')
        ->join('mdeh_doctor doc', 'd.dep_id = doc.dep_id', 'left')
        ->field('d.dep_name as name, COUNT(doc.d_id) as value')
        ->group('d.dep_id')
        ->select()
        ->toArray();
    
    // 如果没有数据，提供默认值
    if(empty($deptStats)){
        $deptStats = [['value' => 0, 'name' => '暂无数据']];
    }
    
    // 2. 医生统计 - 按职称统计医生数量
    $doctorStats = Db::table('mdeh_doctor')
        ->field('d_title1 as name, COUNT(d_id) as value')
        ->group('d_title1')
        ->select()
        ->toArray();
    
    // 如果没有数据，提供默认值
    if(empty($doctorStats)){
        $doctorStats = [['value' => 0, 'name' => '暂无数据']];
    }
    
    // 3. 患者统计 - 按性别统计患者数量
    $patientStats = Db::table('mdeh_patient')
        ->field('p_sex as name, COUNT(p_id) as value')
        ->group('p_sex')
        ->select()
        ->toArray();
    
    // 如果没有数据，提供默认值
    if(empty($patientStats)){
        $patientStats = [['value' => 0, 'name' => '暂无数据']];
    }
    
    // 4. 近8周就诊情况统计
    // 获取近8周的日期范围
    $weeks = [];
    $counts = [];
    
    for($i = 7; $i >= 0; $i--){
        // 计算每周的起始日期（周一）和结束日期（周日）
        $weekStart = date('Y-m-d', strtotime("-$i weeks last monday"));
        $weekEnd = date('Y-m-d', strtotime("-$i weeks sunday"));
        
        // 格式化周次显示
        $weekNum = 8 - $i;
        $weeks[] = "第{$weekNum}周";
        
        // 查询该周的就诊记录数量
        // 注意：reception表中的r_date是接诊日期
        $count = Db::table('mdeh_reception')
            ->where('r_date', '>=', $weekStart)
            ->where('r_date', '<=', $weekEnd)
            ->count();
        
        $counts[] = $count;
    }
    
    $weeklyVisitStats = [
        'weeks' => $weeks,
        'counts' => $counts
    ];
    
    // 转换为JSON格式供前端使用
    $deptStats = json_encode($deptStats, JSON_UNESCAPED_UNICODE);
    $doctorStats = json_encode($doctorStats, JSON_UNESCAPED_UNICODE);
    $patientStats = json_encode($patientStats, JSON_UNESCAPED_UNICODE);
    $weeklyVisitStats = json_encode($weeklyVisitStats, JSON_UNESCAPED_UNICODE);
    
    // 模板变量赋值
    View::assign("deptStats", $deptStats);
    View::assign("doctorStats", $doctorStats);
    View::assign("patientStats", $patientStats);
    View::assign("weeklyVisitStats", $weeklyVisitStats);
    
    return View::fetch();
}

2.替换下面的样式在public/static/index.css中.content-page-banner之后的代码（约第170行之后）：

.stats-container {
    display: flex;
    flex-direction: column;
    padding: 15px 20px;
    height: calc(100vh - 60px);
    overflow-y: auto;
    overflow-x: hidden;
    gap: 15px;
}

.chart-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
    color: #333;
    border-left: 4px solid #007bff;
    padding-left: 10px;
    line-height: 1.2;
    flex-shrink: 0; /* 防止标题被压缩 */
}

/* 饼图行样式容器 */
.pie-chart-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    flex: 0 0 auto;
    margin-bottom: 5px;
}

/* 折线统计图行容器 - 修复错乱问题 */
.row {
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

/* 折线图列 */
.line-chart-col {
    display: flex;
    width: 100%;
    height: 100%;
    flex: 1;
    min-height: 0;
}

/* 折线统计图容器 - 修复高度问题 */
.line-chart-box {
    width: 100%;
    height: 100%;
    min-height: 300px;
    flex: 1;
}

/* 饼图卡片列 - 等宽均匀分布 */
.pie-chart-col {
    flex: 1;
    min-width: 0; /* 防止flex溢出 */
    display: flex;
}

/* 统计图容器 */
.chart-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    padding: 15px;
    width: 100%;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.3s ease;
}

.chart-card:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
}

/* 饼图容器 - 增加高度 */
.chart-box {
    width: 100%;
    height: 260px; /* 增加高度，从200px增加到260px */
    min-height: 220px;
    flex-shrink: 0;
}

/* 大屏幕优化（1920x1080及以上）- 进一步增加饼图高度 */
@media (min-width: 1600px) {
    .stats-container {
        padding: 20px 30px;
        gap: 20px;
    }
    
    .pie-chart-row {
        gap: 25px;
        margin-bottom: 10px;
    }
    
    .chart-box {
        height: 320px; /* 大屏幕进一步增加 */
        min-height: 280px;
    }
    
    .line-chart-box {
        min-height: 380px;
    }
    
    .chart-title {
        font-size: 18px;
        margin-bottom: 15px;
    }
}

/* 中等屏幕（1200px左右）- 修复标题方块问题 */
@media (min-width: 992px) and (max-width: 1400px) {
    .chart-box {
        height: 280px; /* 适中高度 */
        min-height: 240px;
    }
    
    .line-chart-box {
        min-height: 320px;
    }
    
    /* 确保卡片内部布局紧凑 */
    .chart-card {
        padding: 12px;
    }
    
    .chart-title {
        margin-bottom: 8px;
        font-size: 15px;
    }
}

/* 小屏幕（笔记本） */
@media (min-width: 768px) and (max-width: 991px) {
    .pie-chart-row {
        gap: 15px;
    }
    
    .pie-chart-col {
        min-width: 0;
    }
    
    .chart-box {
        height: 240px;
        min-height: 200px;
    }
    
    .line-chart-box {
        min-height: 280px;
    }
    
    .row {
        min-height: 350px; /* 给折线图一个最小高度 */
    }
}

/* 平板竖屏及以下 */
@media (max-width: 767px) {
    .stats-container {
        padding: 12px 15px;
        height: auto;
        gap: 12px;
    }
    
    .pie-chart-row {
        flex-direction: column;
        gap: 12px;
    }
    
    .pie-chart-col {
        width: 100%;
        min-width: auto;
    }
    
    .chart-box {
        height: 220px;
    }
    
    .line-chart-box {
        min-height: 250px;
    }
    
    .chart-title {
        font-size: 14px;
        margin-bottom: 10px;
    }
    
    .row {
        min-height: auto;
        height: 400px; /* 手机端固定高度 */
    }
}

/* 手机小屏幕 */
@media (max-width: 576px) {
    .stats-container {
        padding: 10px 12px;
        gap: 10px;
    }
    
    .chart-card {
        padding: 12px;
    }
    
    .chart-box {
        height: 200px;
    }
    
    .line-chart-box {
        min-height: 220px;
    }
    
    .row {
        height: 350px;
    }
}

/* 确保ECharts容器在flex布局中正常工作 */
.chart-card > div {
    flex-shrink: 0;
}

/* 针对折线图容器的特殊处理 */
.line-chart-col {
    display: flex;
    width: 100%;
    height: 100%;
}

.line-chart-col .chart-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.line-chart-col .line-chart-box {
    flex: 1;
    min-height: 0;
}

/* 优化滚动条样式 */
.stats-container::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.stats-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.stats-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.stats-container::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* 确保卡片内容不溢出 */
.chart-card {
    overflow: hidden;
}

/* 隐藏ECharts可能产生的多余滚动条 */
.chart-box canvas,
.line-chart-box canvas {
    max-width: 100%;
}

3.修改app/view/index/echart.html中的饼图配置JavaScript代码：

// 饼图配置
        var pieOption = function(name, data) {
            return {
                tooltip: { trigger: 'item' },
                legend: { top: '1%', left: 'center',itemWidth:20,itemHeight:6,itemGap:5,textStyle:{fontSize:11,fontFamily:'Arial'}},
                series: [{
                    name: name,
                    type: 'pie',
                    radius: ['40%', '60%'],
                    center: ['50%', '145px'],
                    avoidLabelOverlap: false,
                    itemStyle: { borderRadius: 5, borderColor: '#fff', borderWidth: 2 },
                    label: { show: false, position: 'center' },
                    emphasis: { label: { show: true, fontSize: 25, fontWeight: 'bold' } },
                    labelLine: { show: false },
                    data: data
                }]
            };
        };

DoctorMVC系统

Tue, 14 Apr 2026 21:06:06 +0800

自行配置ThinkPHP环境，如果弹出class不存在错误请把app/view/Index文件夹名的大写I改为小写i再试试

演示链接：点我查看演示效果

controller/Index.php:

<?php
namespace app\controller;

use app\BaseController;

use think\facade\Db;

use app\model\MdehDepartment;

use think\facade\View;

use app\model\MdehDoctor;

class Index extends BaseController
{
    public function index(){
        $dataSet = Db::table('mdeh_department')->limit(10)->select();
        dump($dataSet);
    }
    
    public function department(){
        $department = new MdehDepartment();
        $list = $department->getDepartments();
        View::assign("departments", $list);
        return View::fetch();
    }
    
    public function doctor(){
        $depIds = ['HC001', 'HC002', 'HC003'];
        $depNames = [
            'HC001' => '儿科',
            'HC002' => '神经科',
            'HC003' => '妇科'
        ];
        $depNameList = array_values($depNames);
        $dlist = MdehDoctor::getDoctorsByDepIds($depIds);
        View::assign('doctors', $dlist);
        View::assign('departments', implode('、', $depNameList));
        return View::fetch();
    }
    public function hello($name = 'ThinkPHP6')
    {
        return 'hello,' . $name;
    }
}

app/model/MdehDoctor:

<?php
namespace app\model;

use think\Model;

class MdehDoctor extends Model
{
    protected $name = 'mdeh_doctor';

    public static function getDoctorsByDepIds($depIds)
    {
        return self::whereIn('dep_id', $depIds)
                   ->field('d_id, d_name, d_sex, d_title1')
                   ->select();
    }
}

app/view/Index/doctor.html:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>医生列表 - {$departments}</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            padding: 40px 20px;
        }
        .container { max-width: 1000px; margin: 0 auto; }
        .header { text-align: center; margin-bottom: 30px; color: #fff; }
        .header h1 { font-size: 2.2rem; font-weight: 300; text-shadow: 2px 2px 4px rgba(0,0,0,0.2); }
        .doctor-table {
            width: 100%; background: #fff; border-radius: 16px;
            overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.15);
            border-collapse: collapse;
        }
        .doctor-table thead { background: linear-gradient(90deg, #4facfe 0%, #00f2fe 100%); }
        .doctor-table th {
            padding: 18px 20px; text-align: left; font-weight: 600;
            color: #fff; letter-spacing: 1px; text-transform: uppercase;
        }
        .doctor-table td { padding: 16px 20px; border-bottom: 1px solid #f0f0f0; color: #333; }
        .doctor-table tbody tr:hover { background: #f8f9ff; }
        .gender-badge {
            display: inline-block; padding: 4px 12px; border-radius: 20px;
            font-size: 0.85rem; font-weight: 500;
        }
        .gender-male { background: #e3f2fd; color: #1565c0; }
        .gender-female { background: #fce4ec; color: #c2185b; }
        .title-badge {
            display: inline-block; padding: 4px 10px; border-radius: 20px;
            font-size: 0.85rem; background: #e8f5e9; color: #2e7d32;
        }
        .footer { margin-top: 20px; text-align: center; color: rgba(255,255,255,0.8); }
    </style>
</head>
<body>
    <div>
        <div>
            <h1>医生信息列表</h1>
            <div>查询科室：{$departments}</div>
        </div>
        
        <table>
            <thead>
                <tr>
                    <th>工号</th>
                    <th>姓名</th>
                    <th>性别</th>
                    <th>职称</th>
                </tr>
            </thead>
            <tbody>
                {if condition="$doctors->isEmpty()"}
                <tr><td colspan="4" style="text-align:center; padding:40px;">暂无医生数据</td></tr>
                {else /}
                {volist name="doctors" id="doctor"}
                <tr>
                    <td><strong>{$doctor.d_id}</strong></td>
                    <td>{$doctor.d_name}</td>
                    <td>
                        {if $doctor.d_sex == '男'}
                        <span class="gender-badge gender-male">{$doctor.d_sex}</span>
                        {elseif $doctor.d_sex == '女' /}
                        <span class="gender-badge gender-female">{$doctor.d_sex}</span>
                        {else /}
                        <span>{$doctor.d_sex}</span>
                        {/if}
                    </td>
                    <td><span>{$doctor.d_title1}</span></td>
                </tr>
                {/volist}
                {/if}
            </tbody>
        </table>
        <div><p>共 {$doctors->count()} 位医生</p></div>
    </div>
</body>
</html>

测试1

Wed, 18 Mar 2026 17:01:01 +0800

<?php
        
    function msgProcess($userMsg){
        if (mb_strpos($userMsg,"绑定诊卡")||mb_strpos($userMsg,"诊卡绑定")) {
            $rebackStr = "请回复您的诊卡号进行身份绑定";
        }elseif (mb_strpos($userMsg,"诊费查询",0,"UTF-8")||mb_strpos($userMsg,"查询诊费",0,"UTF-8")) {
            $rebackTime = date("Y-m-d H:i:s",time());
            $rebackStr = "您于".$rebackTime."有一笔200元诊费待交";
        }elseif (mb_strpos($userMsg,"报告查询",0,"UTF-8")||mb_strpos($userMsg,"查询报告",0,"UTF-8")) {
            $rebackStr = "您最新一次检查一切正常，祝君健康！";
        }else {
            $rebackStr = "明德E医祝君健康";
        }
        return $rebackStr;
    }
    
?>

<?php
    define('TOKEN','hzcc'); //定义通信私钥 token
    
    if(isset($_GET['echostr'])) { //如果 echostr 存在，即为 token 验证阶段
        checkSignature(); //回复 token 的函数
    } else {
        include("msgprocess.php"); // 引入消息处理文件
        reciveMsg(); // 接收并处理消息
    }

//接收微信发来的信息
function reciveMsg(){
    $postStr = file_get_contents("php://input"); //获取微信服务器转发的消息包（xml 格式）
    
    if(!empty($postStr)) {
        $postObj = simplexml_load_string($postStr, 'SimpleXMLElement', LIBXML_NOCDATA); //将 xml 消息包转为对象
        $fromUsername = $postObj->FromUserName;
        $toUsername = $postObj->ToUserName;
        $content = trim($postObj->Content);
        $time = time();
        $msgType = "text";
        
        $textTpl = "<xml>
            <ToUserName><![CDATA[%s]]></ToUserName>
            <FromUserName><![CDATA[%s]]></FromUserName>
            <CreateTime>%s</CreateTime>
            <MsgType><![CDATA[%s]]></MsgType>
            <Content><![CDATA[%s]]></Content>
        </xml>";
        
        if(!empty($content)) {
            $contentStr = msgProcess($content);
            $result = sprintf($textTpl, $fromUsername, $toUsername, $time, $msgType, $contentStr);
            echo $result;
            exit;
        } else {
            echo "";
            exit;
        }
    } else {
        echo "";
        exit;
    }
}

//检查 signature 参数(验证身份签名)
function checkSignature(){
    $echoStr = $_GET['echostr'];
    $signature = trim($_GET["signature"]);
    $timestamp = trim($_GET["timestamp"]);
    $nonce = trim($_GET["nonce"]);
    $token = TOKEN;
    
    $tmpArr = array($token, $timestamp, $nonce); //签名拼接
    sort($tmpArr, SORT_STRING); //排序加密
    $tmpStr = implode($tmpArr);
    $tmpStr = sha1($tmpStr); //sha1 加密
    
    if($tmpStr == $signature) {
        ob_clean();
        echo $echoStr;
        exit;
    } else {
        return false;
    }
}

?>

更新小日志

Tue, 03 Mar 2026 21:10:56 +0800

20260303 v1.0：

-新增了2大板块：教程和资源

-引入了全新的快捷导航（入口）

全新的邦货分享来啦

Mon, 02 Mar 2026 20:33:59 +0800

前身Odocs(爱分享)，全新的开始，去掉臃肿的功能，只为你专心看到我的Share & Feelings！