drug-miniprogram/src/doctor/pages/home/index.wxml

<navbar fixed custom-style="background: {{background}};">
  <view class="page-switch" slot="left" style="color: {{background=='transparent'?'#fff':'#FF8A4C'}};">
    特诺雅
    <text style="font-size: 0.5em; vertical-align: top">®</text>
    <van-icon class="arrow" name="arrow-down" />
  </view>
</navbar>

<view
  class="page"
  style="background:url('{{imageUrl}}bg7.png?t={{Timestamp}}') no-repeat top center/100% 602rpx; padding-top: {{pageTop+20}}px"
>
  <view class="user">
    <image class="avatar" src="{{imageUrl}}cache/a1.png?t={{Timestamp}}"></image>
    <view class="wrap">
      <view class="name">
        刘平安
        <view class="label">药师</view>
      </view>
      <view class="site">康泰大药房（人民路店）</view>
      <view class="date">入组时间：2026/02/03</view>
    </view>
    <view class="code" bind:tap="handleInvite">
      <image class="icon" src="{{imageUrl}}icon7.png?t={{Timestamp}}"></image>
      <van-icon class="arrow" name="arrow" />
    </view>
  </view>
  <view class="stat-data">
    <view class="s-header">
      <view class="title" bind:tap="handleFold" data-key="fold1">
        累计邀约
        <view class="fold {{fold1&&'active'}}">
          {{fold1?'展开':'收起'}}
          <van-icon class="icon" name="arrow-down" />
        </view>
      </view>
      <view class="tip">截止昨日数据</view>
    </view>
    <view class="card">
      <view class="row2">
        <view class="col">
          <view class="name">邀约患者数</view>
          <view class="num">750</view>
        </view>
        <view class="line"></view>
        <view class="col">
          <view class="name">跳转患者数</view>
          <view class="num">750</view>
        </view>
        <view class="line"></view>
        <view class="col">
          <view class="name">入组患者数</view>
          <view class="num">750</view>
        </view>
      </view>
      <view class="card-container {{fold1&&'fold'}}">
        <view class="row3">
          <view class="col">
            <view class="name">入组患者数</view>
            <view class="num">300</view>
            <view class="line"></view>
          </view>
          <view class="col">
            <view class="name">斑块状银屑病</view>
            <view class="num">280</view>
          </view>
          <view class="col">
            <view class="name">斑块状银屑病</view>
            <view class="num">280</view>
            <view class="line"></view>
          </view>
        </view>
        <view class="row3">
          <view class="col">
            <view class="name">溃疡性结肠炎</view>
            <view class="num">300</view>
            <view class="line"></view>
          </view>
          <view class="col">
            <view class="name">溃疡性结肠炎</view>
            <view class="num">280</view>
          </view>
          <view class="col">
            <view class="name">溃疡性结肠炎</view>
            <view class="num">280</view>
            <view class="line"></view>
          </view>
        </view>
        <view class="row3">
          <view class="col">
            <view class="name">克罗恩病</view>
            <view class="num">300</view>
          </view>
          <view class="col">
            <view class="name">克罗恩病</view>
            <view class="num">280</view>
          </view>
          <view class="col">
            <view class="name">克罗恩病</view>
            <view class="num">280</view>
          </view>
        </view>
      </view>
    </view>
  </view>
  <view class="chat-data">
    <view class="c-header">
      <view class="switch-btns">
        <view class="btn">月统计</view>
        <view class="btn active">日统计</view>
      </view>
    </view>
    <view class="c-options">
      <view class="name" bind:tap="handleFold" data-key="fold2">
        邀约患者统计
        <view class="fold {{fold2&&'active'}}">
          {{fold1?'展开':'收起'}}
          <van-icon class="icon" name="arrow-down" />
        </view>
      </view>
      <picker class="picker" mode="date">
        <view class="p-content">
          <van-icon class="icon" name="arrow-left" />
          <view class="content">2025/02/26</view>
          <van-icon class="icon" name="arrow" />
        </view>
      </picker>
    </view>
    <view class="card">
      <view class="row2">
        <view class="col">
          <view class="name">邀约患者数</view>
          <view class="num">750</view>
        </view>
        <view class="line"></view>
        <view class="col">
          <view class="name">跳转患者数</view>
          <view class="num">750</view>
        </view>
        <view class="line"></view>
        <view class="col">
          <view class="name">入组患者数</view>
          <view class="num">750</view>
        </view>
      </view>
      <view class="card-container {{fold2&&'fold'}}">
        <view class="row3">
          <view class="col">
            <view class="name">入组患者数</view>
            <view class="num">300</view>
            <view class="line"></view>
          </view>
          <view class="col">
            <view class="name">斑块状银屑病</view>
            <view class="num">280</view>
          </view>
          <view class="col">
            <view class="name">斑块状银屑病</view>
            <view class="num">280</view>
            <view class="line"></view>
          </view>
        </view>
        <view class="row3">
          <view class="col">
            <view class="name">溃疡性结肠炎</view>
            <view class="num">300</view>
            <view class="line"></view>
          </view>
          <view class="col">
            <view class="name">溃疡性结肠炎</view>
            <view class="num">280</view>
          </view>
          <view class="col">
            <view class="name">溃疡性结肠炎</view>
            <view class="num">280</view>
            <view class="line"></view>
          </view>
        </view>
        <view class="row3">
          <view class="col">
            <view class="name">克罗恩病</view>
            <view class="num">300</view>
          </view>
          <view class="col">
            <view class="name">克罗恩病</view>
            <view class="num">280</view>
          </view>
          <view class="col">
            <view class="name">克罗恩病</view>
            <view class="num">280</view>
          </view>
        </view>
      </view>
    </view>
    <view class="chart-range">
      <picker class="picker" mode="date" end="{{end}}">
        <view class="p-content">
          <view class="content">2025/02/26</view>
          <image class="icon" src="{{imageUrl}}icon13.png?t={{Timestamp}}"></image>
        </view>
      </picker>
      <view class="line"></view>
      <picker class="picker" mode="date" start="{{satrt}}">
        <view class="p-content">
          <view class="content">2025/02/26</view>
          <image class="icon" src="{{imageUrl}}icon13.png?t={{Timestamp}}"></image>
        </view>
      </picker>
    </view>
    <view class="chart-container">
      <ec-canvas id="chart1_1" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
    </view>
    <view class="more" bind:tap="handleStat">
      查看明细
      <van-icon name="arrow" />
    </view>
  </view>
</view>

<doctor-tab-bar active="{{ 0 }}"></doctor-tab-bar>