wutian-miniprogram/src/echart/components/homeLevel4/index.wxml

<view class="page">
  <view class="user">
    <doctorAvatar
      class="avatar"
      src="https://pic1.zhimg.com/50/v2-dcfbab1219ae4f7a7a6db168bb1580a2_720w.jpg?source=2c26e567"
      level="{{1}}"
    ></doctorAvatar>
    <image class="code" src="{{imageUrl}}icon-code.png?t={{Timestamp}}"></image>
    <view class="wrap">
      <view class="w-header">
        <view class="name">徐萌</view>
        <view class="desc">
          主治医师
          <view class="line"></view>
          心内科
        </view>
      </view>
      <view class="w-container">
        <view class="hostipal">北京天坛医院</view>
        <view class="tag">三甲</view>
        <view class="site">广州市/番禺区</view>
      </view>
      <view class="w-footer">
        <image class="wf-label" src="{{imageUrl}}text-specialty.png?t={{Timestamp}}" mode="aspectFit"></image>
        <view class="wf-tag">心律失常</view>
        <view class="wf-tag">心律失常</view>
        <view class="wf-tag">心律失常</view>
        <view class="wf-tag">心律失常</view>
      </view>
    </view>
  </view>
  <view class="banner">
    <view class="title">待处理事项</view>
    <view class="bg">
      <view class="b-container">
        <view class="item">
          <view class="name">待处理病历</view>
          <view class="num">27</view>
        </view>
        <view class="line"></view>
        <view class="item">
          <view class="name">聊天室新消息</view>
          <view class="num">1</view>
        </view>
        <view class="line"></view>
        <view class="item">
          <view class="name">医生待审核</view>
          <view class="num">1</view>
        </view>
      </view>
    </view>
  </view>
  <view
    class="stat"
    style="background:  url({{imageUrl}}home-stat-bg.png?r={{Timestamp}}) no-repeat top center/100% 100%;"
  >
    <view class="title">本科室全部病历</view>
    <picker class="picker">
      <view class="picker-content">
        <view class="text">全部</view>
        <van-icon name="arrow-down" />
      </view>
    </picker>
    <view class="more">
      查看全部
      <van-icon name="arrow" />
    </view>
    <view class="s-container" wx:if="{{false}}">
      <view class="item">
        <view class="name">全部</view>
        <view class="num">54</view>
      </view>
      <view class="line"></view>
      <view class="item">
        <view class="name">
          新病历
          <van-icon name="question" color="rgba(224, 224, 224, 1)" />
        </view>
        <view class="num">54</view>
      </view>
      <view class="line"></view>
      <view class="item">
        <view class="name">
          讨论中
          <van-icon name="question" color="rgba(224, 224, 224, 1)" />
        </view>
        <view class="num">54</view>
      </view>
      <view class="line"></view>
      <view class="item">
        <view class="name">
          已归档
          <van-icon name="question" color="rgba(224, 224, 224, 1)" />
        </view>
        <view class="num">54</view>
      </view>
    </view>
    <view class="s-container-none" wx:else>
      <image class="none" src="{{imageUrl}}empty-3.png?t={{Timestamp}}"></image>
      <view class="tip">暂时还没有医生提交病历哦~</view>
    </view>
  </view>
  <view class="department">
    <view class="d-header">
      <view class="name">本科室医生</view>
      <view class="more">
        查看全部
        <van-icon name="arrow" />
      </view>
    </view>
    <view class="d-container">
      <view class="item">
        <view class="name">医生总数</view>
        <view class="num">54</view>
      </view>
      <view class="item">
        <view class="name">质控医生</view>
        <view class="num">54</view>
      </view>
      <view class="item">
        <view class="name">核心医生</view>
        <view class="num">54</view>
      </view>
      <view class="item">
        <view class="name">一级医生</view>
        <view class="num">54</view>
      </view>
    </view>
    <view class="tip">注：一级医生为平台全部医生，不区分科室</view>
  </view>
  <view class="department-none">
    <view class="d-header">
      <view class="name">本科室医生</view>
    </view>
    <view class="d-container">
      <image class="none-img" src="{{imageUrl}}empty-4.png?t={{Timestamp}}"></image>
      <view class="none-title">暂无数据</view>
    </view>
  </view>
  <view class="chart-card">
    <view class="c-header">
      <view class="name">
        科室医生入驻情况
        <van-icon name="question" color="rgba(224, 224, 224, 1)" />
      </view>
      <picker class="picker">
        <view class="picker-content">
          <view class="text">2024年</view>
          <van-icon name="arrow-down" />
        </view>
      </picker>
    </view>
    <view class="chart">
      <ec-canvas id="chart1" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
    </view>
    <view class="tip">注：一级医生为平台全部医生，不区分科室</view>
    <view class="chart-none">
      <view class="d-container">
        <image class="none-img" src="{{imageUrl}}empty-4.png?t={{Timestamp}}"></image>
        <view class="none-title">暂无数据</view>
      </view>
    </view>
  </view>
  <view class="chart-card">
    <view class="c-header">
      <view class="name">
        累计病历统计
        <van-icon name="question" color="rgba(224, 224, 224, 1)" />
      </view>
      <picker class="picker">
        <view class="picker-content">
          <view class="text">2024年</view>
          <van-icon name="arrow-down" />
        </view>
      </picker>
    </view>
    <view class="chart">
      <ec-canvas id="chart2" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
    </view>
    <view class="chart-none">
      <view class="d-container">
        <image class="none-img" src="{{imageUrl}}empty-4.png?t={{Timestamp}}"></image>
        <view class="none-title">暂无数据</view>
      </view>
    </view>
  </view>
  <view class="chart-card">
    <view class="c-header">
      <view class="name">
        科室新增病历统计
        <van-icon name="question" color="rgba(224, 224, 224, 1)" />
      </view>
      <picker class="picker">
        <view class="picker-content">
          <view class="text">2024年</view>
          <van-icon name="arrow-down" />
        </view>
      </picker>
    </view>
    <view class="chart">
      <ec-canvas id="chart3" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
    </view>
    <view class="chart-none">
      <view class="d-container">
        <image class="none-img" src="{{imageUrl}}empty-4.png?t={{Timestamp}}"></image>
        <view class="none-title">暂无数据</view>
      </view>
    </view>
  </view>
  <view class="rank">
    <view class="r-header">
      <view class="title">
        医院活跃排行榜
        <van-icon name="question" color="rgba(224, 224, 224, 1)" />
      </view>
      <view class="more" bind:tap="handleRankDetail">
        查看全部
        <van-icon name="arrow" />
      </view>
    </view>
    <view class="table">
      <view class="thead">
        <view class="th1">医院</view>
        <view class="th2">医生总数</view>
        <view class="th3">S1</view>
        <view class="th4">S2</view>
        <view class="th5">S3</view>
      </view>
      <view class="tbody">
        <view class="tr" wx:for="{{4}}" wx:key="index">
          <view class="td1">1 中山大学附属医院</view>
          <view class="td2">888</view>
          <view class="td3">888</view>
          <view class="td4">888</view>
          <view class="td5">888</view>
        </view>
      </view>
    </view>
  </view>
</view>